/* GattoMusic 2.0 — Build 10.30
   Ajustes visuais cirúrgicos do card de Sala e Preferências do Chat.
   Criado por B1Z@Rr0 e ChatGPT */

:root{
  --gatto-v1030-room-mic:#35d8ff;
}

/* Sala de voz: o card usa o mesmo contorno de microfone neon já aprovado na 10.29.
   Sala de vídeo continua usando a filmadora azul da 10.20. */
.chat-room-visual-v972.gatto-v1030-room-voice-mic-visual{
  color:var(--gatto-v1030-room-mic)!important;
  font-size:0!important;
}
.chat-room-visual-v972.gatto-v1030-room-voice-mic-visual::before{
  content:"";
  display:block;
  width:1.22rem;
  height:1.22rem;
  background-color:currentColor;
  -webkit-mask-repeat:no-repeat;
  mask-repeat:no-repeat;
  -webkit-mask-position:center;
  mask-position:center;
  -webkit-mask-size:contain;
  mask-size:contain;
  -webkit-mask-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'%3E%3Cg fill='none' stroke='black' stroke-width='1.9' stroke-linecap='round' stroke-linejoin='round'%3E%3Crect x='8.5' y='2.5' width='7' height='12' rx='3.5'/%3E%3Cpath d='M5.9 10.7v.8a6.1 6.1 0 0 0 12.2 0v-.8M12 17.6V21M8.8 21h6.4'/%3E%3C/g%3E%3C/svg%3E");
  mask-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'%3E%3Cg fill='none' stroke='black' stroke-width='1.9' stroke-linecap='round' stroke-linejoin='round'%3E%3Crect x='8.5' y='2.5' width='7' height='12' rx='3.5'/%3E%3Cpath d='M5.9 10.7v.8a6.1 6.1 0 0 0 12.2 0v-.8M12 17.6V21M8.8 21h6.4'/%3E%3C/g%3E%3C/svg%3E");
  filter:drop-shadow(0 0 2px #2caeff) drop-shadow(0 0 6px rgba(53,216,255,.68));
}
.chat-v972-room-row-copy small[data-gatto-v1030-room-type-label="1"]{
  color:var(--chat-v72-muted,var(--muted));
}

/* Preferências: a foto escolhida permanece uniforme e contida no painel. */
.chat-shell .chat-sidebar.preferences-mode .chat-public-profile-row{
  justify-items:center!important;
}
.chat-shell .chat-sidebar.preferences-mode .chat-public-profile-preview,
.chat-shell .chat-sidebar.preferences-mode .chat-public-profile-preview.v67-centered-profile-preview{
  display:grid!important;
  place-items:center!important;
  width:124px!important;
  height:124px!important;
  min-width:124px!important;
  min-height:124px!important;
  max-width:124px!important;
  max-height:124px!important;
  margin:0 auto!important;
  padding:7px!important;
  overflow:hidden!important;
  border-radius:13px!important;
}
.chat-shell .chat-sidebar.preferences-mode .chat-public-profile-preview img,
.chat-shell .chat-sidebar.preferences-mode .chat-public-profile-preview.v67-centered-profile-preview img{
  display:block!important;
  width:100%!important;
  height:100%!important;
  min-width:0!important;
  min-height:0!important;
  max-width:100%!important;
  max-height:100%!important;
  object-fit:contain!important;
  object-position:center!important;
  margin:auto!important;
}
.chat-shell .chat-sidebar.preferences-mode .chat-public-profile-actions{
  justify-self:stretch!important;
}

/* A área já é o scroller das Preferências; reforça interação nativa da roda/touchpad. */
.chat-shell .chat-sidebar.preferences-mode .chat-settings[open]{
  overflow-x:hidden!important;
  overflow-y:auto!important;
  touch-action:pan-y!important;
  overscroll-behavior-y:contain!important;
  scrollbar-gutter:stable!important;
}
.chat-shell .chat-sidebar.preferences-mode .chat-settings[open] .chat-public-profile-preview,
.chat-shell .chat-sidebar.preferences-mode .chat-settings[open] .chat-public-profile-preview *{
  touch-action:pan-y!important;
}

@media (max-width:560px){
  .chat-shell .chat-sidebar.preferences-mode .chat-public-profile-preview,
  .chat-shell .chat-sidebar.preferences-mode .chat-public-profile-preview.v67-centered-profile-preview{
    width:108px!important;
    height:108px!important;
    min-width:108px!important;
    min-height:108px!important;
    max-width:108px!important;
    max-height:108px!important;
  }
}