/* GattoMusic 2.0 - Build 9.94
   Ajustes incrementais: nome transparente sobre a câmera, maior orçamento
   vertical da galeria e menus estáveis durante interação. */

/* O nome não consome faixa da imagem: é apenas texto/overlay no canto inferior. */
.chat-v994-room-layout .chat-room-participant-footer-v969.chat-v994-name-overlay,
.chat-v994-room-layout .chat-room-participant-footer-v969.chat-v993-name-chip{
  position:absolute!important;
  left:auto!important;
  right:7px!important;
  bottom:7px!important;
  width:auto!important;
  max-width:calc(100% - 14px)!important;
  min-width:0!important;
  min-height:0!important;
  padding:2px 3px!important;
  margin:0!important;
  gap:0!important;
  border:0!important;
  border-radius:0!important;
  background:transparent!important;
  -webkit-backdrop-filter:none!important;
  backdrop-filter:none!important;
  box-shadow:none!important;
  color:#fff!important;
  z-index:8!important;
  pointer-events:none!important;
}
.chat-v994-room-layout .chat-room-participant-footer-v969.chat-v994-name-overlay>strong,
.chat-v994-room-layout .chat-room-participant-footer-v969.chat-v993-name-chip>strong{
  display:block!important;
  width:auto!important;
  max-width:min(78vw,300px)!important;
  margin:0!important;
  padding:0!important;
  color:#fff!important;
  font-weight:800!important;
  line-height:1.2!important;
  text-align:right!important;
  white-space:nowrap!important;
  overflow:hidden!important;
  text-overflow:ellipsis!important;
  text-shadow:0 1px 2px rgba(0,0,0,.98),0 0 4px rgba(0,0,0,.9),1px 0 1px rgba(0,0,0,.85),-1px 0 1px rgba(0,0,0,.85)!important;
}

/* A câmera pode crescer até o orçamento 9.94. A proporção do vídeo continua
   sendo controlada pelas camadas de mídia existentes; não há stretch. */
.chat-v994-room-layout .chat-v992-room-camera-stage,
.chat-v994-room-layout .chat-v991-room-camera-stage.chat-v992-room-camera-stage{
  max-height:var(--chat-v994-camera-budget,var(--chat-v992-camera-budget,420px))!important;
  min-height:0!important;
  overflow:hidden!important;
}
.chat-v994-room-layout .chat-room-grid-v969{
  max-height:var(--chat-v994-camera-budget,var(--chat-v992-camera-budget,420px))!important;
  min-height:0!important;
  align-content:start!important;
  overflow:hidden!important;
}
.chat-v994-room-layout .chat-room-participant-v969{
  max-height:var(--chat-v994-camera-budget,var(--chat-v992-camera-budget,420px))!important;
}
.chat-v994-room-layout .chat-room-grid-v969[data-v989-participants="1"]>.chat-room-participant-v969,
.chat-v994-room-layout .chat-room-grid-v969[data-v985-participants="1"]>.chat-room-participant-v969{
  height:min(var(--chat-v989-solo-height,420px),var(--chat-v994-camera-budget,420px))!important;
  max-height:var(--chat-v994-camera-budget,420px)!important;
  aspect-ratio:16 / 9!important;
}
.chat-v994-room-layout .chat-room-video-v969{
  width:100%!important;
  height:100%!important;
  min-height:0!important;
}

/* Menus continuam no fluxo abaixo das câmeras e não sofrem clipping durante a
   interação com selects/sliders/botões. */
.chat-v994-room-layout .chat-v993-room-menu,
.chat-v994-room-layout .chat-v983-room-menu{
  overflow:visible!important;
  pointer-events:auto!important;
}
.chat-v994-room-layout .chat-v993-room-menu[open]>.chat-v993-room-menu-body,
.chat-v994-room-layout .chat-v993-room-menu[open]>.chat-room-device-grid-v969,
.chat-v994-room-layout .chat-v983-room-menu[open]>.chat-v983-room-menu-panel{
  pointer-events:auto!important;
  visibility:visible!important;
  opacity:1!important;
}
.chat-v994-room-layout .chat-v993-room-menu select,
.chat-v994-room-layout .chat-v993-room-menu input,
.chat-v994-room-layout .chat-v993-room-menu button,
.chat-v994-room-layout .chat-v983-room-menu select,
.chat-v994-room-layout .chat-v983-room-menu input,
.chat-v994-room-layout .chat-v983-room-menu button{
  pointer-events:auto!important;
}

@media(max-height:700px){
  .chat-v994-room-layout .chat-room-grid-v969{
    max-height:var(--chat-v994-camera-budget,300px)!important;
  }
}

@media(max-width:720px){
  .chat-v994-room-layout .chat-room-participant-footer-v969.chat-v994-name-overlay>strong{
    max-width:calc(100vw - 36px)!important;
    font-size:.76rem!important;
  }
}