/* GattoMusic 2.0 - Build 9.84 */

/* A Sala tem compositor próprio e passa a usar a base real da viewport; a reserva
   global do rodapé do Chat não encurta mais o painel lateral. */
.chat-room-sidepanel-v972.chat-v982-room-layout.chat-v983-room-layout.chat-v984-room-layout{
  top:76px!important;
  bottom:var(--chat-v984-room-bottom,8px)!important;
  height:auto!important;
  max-height:none!important;
  min-height:0!important;
  align-content:stretch!important;
  overflow:hidden!important;
  grid-template-rows:auto minmax(0,1fr) minmax(88px,clamp(96px,17dvh,150px)) auto!important;
}
body.chat-v982-room-detached-host .chat-room-sidepanel-v972.chat-v984-room-layout{
  inset:0!important;
  top:0!important;
  bottom:0!important;
  width:100%!important;
  height:auto!important;
  max-height:none!important;
  border-radius:0!important;
}
.chat-room-sidepanel-v972.chat-v984-room-layout:fullscreen{
  inset:0!important;
  top:0!important;
  bottom:0!important;
  width:100vw!important;
  height:100dvh!important;
  max-height:none!important;
}
.chat-v984-room-layout>.chat-room-side-scroll-v972,
.chat-v984-room-layout>.chat-room-side-scroll-v972>.chat-room-side-call-v972,
.chat-v984-room-layout>.chat-room-messages-v972,
.chat-v984-room-layout .chat-room-message-list-v972{
  min-height:0!important;
}
.chat-v984-room-layout>.chat-room-side-scroll-v972{overflow:hidden!important}
.chat-v984-room-layout>.chat-room-messages-v972{overflow:hidden!important}
.chat-v984-room-layout .chat-room-message-list-v972{
  overflow-y:auto!important;
  overflow-x:hidden!important;
  overscroll-behavior:contain!important;
}
.chat-v984-room-layout>.chat-room-message-footer-v980{
  align-self:end!important;
  min-height:0!important;
  margin:0!important;
}

/* Fullscreen e janela destacada precisam manter o menu acima de outros blocos e
   permitir interação normal com o select de intensidade. */
.chat-v984-room-layout .chat-v983-room-menu{z-index:240!important}
.chat-v984-room-layout .chat-v983-room-menu-panel{
  pointer-events:auto!important;
  overflow-y:auto!important;
  max-height:min(62dvh,520px)!important;
}
.chat-v984-room-layout .chat-v982-blur-controls,
.chat-v984-room-layout .chat-v982-blur-controls select,
.chat-v984-room-layout .chat-v982-blur-controls button{
  pointer-events:auto!important;
  opacity:1!important;
}

/* Remoção definitiva da tarja preta: o footer vira apenas um chip do tamanho do
   nome, no canto onde ficavam os indicadores de microfone/câmera. */
.chat-v984-room-layout .chat-room-participant-footer-v969.chat-v983-name-only{
  left:auto!important;
  right:7px!important;
  bottom:7px!important;
  width:fit-content!important;
  max-width:calc(100% - 14px)!important;
  min-width:0!important;
  padding:4px 7px!important;
  gap:0!important;
  justify-content:flex-end!important;
  border:1px solid rgba(255,255,255,.14)!important;
  border-radius:8px!important;
  background:rgba(3,8,16,.30)!important;
  backdrop-filter:blur(3px)!important;
  -webkit-backdrop-filter:blur(3px)!important;
  box-shadow:none!important;
}
.chat-v984-room-layout .chat-room-participant-footer-v969.chat-v983-name-only>strong{
  flex:0 1 auto!important;
  width:auto!important;
  max-width:min(72vw,260px)!important;
  margin:0!important;
  overflow:hidden!important;
  text-overflow:ellipsis!important;
  white-space:nowrap!important;
  text-align:right!important;
}
.chat-v984-room-layout .chat-room-participant-footer-v969.chat-v983-name-only .chat-room-media-state-v969,
.chat-v984-room-layout .chat-room-participant-footer-v969.chat-v983-name-only .chat-room-speaking-v969{
  display:none!important;
}

@media(max-height:760px) and (min-width:821px){
  .chat-room-sidepanel-v972.chat-v984-room-layout{
    grid-template-rows:auto minmax(0,1fr) minmax(72px,clamp(80px,14dvh,118px)) auto!important;
    gap:6px!important;
    padding:8px!important;
  }
  .chat-v984-room-layout .chat-room-grid-v969{max-height:min(24dvh,210px)!important}
  .chat-v984-room-layout .chat-room-participant-v969{max-height:min(24dvh,210px)!important}
  .chat-v984-room-layout .chat-room-participant-v969 video{max-height:min(19dvh,170px)!important}
}

@media(max-width:820px){
  .chat-room-sidepanel-v972.chat-v984-room-layout{
    top:62px!important;
    bottom:max(3px,env(safe-area-inset-bottom))!important;
    grid-template-rows:auto minmax(0,1fr) minmax(78px,16dvh) auto!important;
  }
  body.chat-v982-room-detached-host .chat-room-sidepanel-v972.chat-v984-room-layout{top:0!important;bottom:0!important}
  .chat-v984-room-layout .chat-room-participant-footer-v969.chat-v983-name-only>strong{max-width:min(58vw,220px)!important}
}