/* GattoMusic 2.0 - Build 9.91
   Sala: opções em coluna própria ao lado esquerdo da galeria e altura útil sem
   espaço vazio artificial antes de Mensagens da Sala. */

.chat-room-sidepanel-v972.chat-v991-room-layout{
  min-width:0!important;
  min-height:0!important;
  overflow:hidden!important;
  grid-template-rows:auto minmax(0,1fr) auto!important;
}

/* A região rolável possui somente duas faixas reais: chamada e mensagens.
   A chamada mede o próprio conteúdo; Mensagens ocupa imediatamente o restante. */
.chat-v991-room-layout>.chat-room-side-scroll-v972{
  display:grid!important;
  grid-template-rows:auto minmax(96px,1fr)!important;
  align-content:stretch!important;
  min-width:0!important;
  min-height:0!important;
  overflow:hidden!important;
  gap:8px!important;
  padding-bottom:0!important;
}
.chat-v991-room-layout>.chat-room-side-scroll-v972>.chat-room-side-call-v972{
  display:block!important;
  flex:none!important;
  width:100%!important;
  min-width:0!important;
  min-height:0!important;
  height:auto!important;
  max-height:min(52dvh,440px)!important;
  overflow-x:hidden!important;
  overflow-y:auto!important;
  scrollbar-gutter:stable;
  margin:0!important;
  padding:0!important;
}
.chat-v991-room-layout>.chat-room-side-scroll-v972>.chat-room-messages-v972{
  align-self:stretch!important;
  min-width:0!important;
  min-height:96px!important;
  height:auto!important;
  max-height:none!important;
  margin:0!important;
  overflow:hidden!important;
}

/* Estrutura física: a coluna de controles vem ANTES da câmera. Nada usa
   position:absolute/fixed para abrir opções sobre a imagem. */
.chat-v991-room-layout .chat-v991-room-stage{
  display:grid!important;
  grid-template-columns:minmax(190px,260px) minmax(0,1fr)!important;
  grid-template-areas:'controls cameras'!important;
  align-items:start!important;
  gap:8px!important;
  width:100%!important;
  min-width:0!important;
  min-height:0!important;
  box-sizing:border-box!important;
}
.chat-v991-room-layout .chat-v991-room-controls-rail{
  grid-area:controls!important;
  display:grid!important;
  align-content:start!important;
  gap:7px!important;
  min-width:0!important;
  max-width:100%!important;
  overflow:visible!important;
  box-sizing:border-box!important;
  position:relative!important;
  z-index:320!important;
}
.chat-v991-room-layout .chat-v991-room-camera-stage{
  grid-area:cameras!important;
  min-width:0!important;
  min-height:0!important;
  overflow:hidden!important;
  position:relative!important;
  z-index:100!important;
}
.chat-v991-room-layout .chat-v991-room-camera-stage>.chat-room-grid-v969{
  width:100%!important;
  min-width:0!important;
  max-width:100%!important;
  margin:0!important;
}

.chat-v991-room-layout [data-v972-role="devices"]:empty,
.chat-v991-room-layout [data-v972-role="actions"]:empty{display:none!important}

/* Dispositivos: details expande dentro da coluna, nunca em overlay. */
.chat-v991-room-layout .chat-room-devices-v969{
  display:block!important;
  width:100%!important;
  min-width:0!important;
  max-width:100%!important;
  height:auto!important;
  max-height:none!important;
  overflow:visible!important;
  position:relative!important;
  z-index:340!important;
}
.chat-v991-room-layout .chat-room-devices-v969>summary{
  width:100%!important;
  min-width:0!important;
  box-sizing:border-box!important;
  cursor:pointer!important;
}
.chat-v991-room-layout .chat-room-device-grid-v969{
  width:100%!important;
  min-width:0!important;
  max-width:100%!important;
  max-height:min(42dvh,360px)!important;
  overflow-x:hidden!important;
  overflow-y:auto!important;
  box-sizing:border-box!important;
}
.chat-v991-room-layout .chat-room-device-field-v969,
.chat-v991-room-layout .chat-room-device-field-v969 select,
.chat-v991-room-layout .chat-room-device-grid-v969>.button{
  width:100%!important;
  min-width:0!important;
  max-width:100%!important;
  box-sizing:border-box!important;
}

/* A regra 9.86 deixava o grupo de ações sticky e a 9.83 abria seu painel por
   position:absolute. A 9.91 neutraliza ambas somente dentro da Sala 9.91. */
.chat-v991-room-layout .chat-room-actions-v969{
  display:block!important;
  position:relative!important;
  bottom:auto!important;
  top:auto!important;
  z-index:330!important;
  width:100%!important;
  min-width:0!important;
  max-width:100%!important;
  min-height:0!important;
  height:auto!important;
  max-height:none!important;
  overflow:visible!important;
  padding:0!important;
  background:none!important;
}
.chat-v991-room-layout .chat-v983-room-menu{
  display:block!important;
  position:relative!important;
  inset:auto!important;
  z-index:350!important;
  width:100%!important;
  min-width:0!important;
  max-width:100%!important;
}
.chat-v991-room-layout .chat-v983-room-menu>summary{
  width:100%!important;
  min-width:0!important;
  max-width:100%!important;
  box-sizing:border-box!important;
}
.chat-v991-room-layout .chat-v983-room-menu-panel{
  position:static!important;
  inset:auto!important;
  right:auto!important;
  bottom:auto!important;
  left:auto!important;
  top:auto!important;
  width:100%!important;
  min-width:0!important;
  max-width:100%!important;
  max-height:min(45dvh,380px)!important;
  margin:6px 0 0!important;
  overflow-x:hidden!important;
  overflow-y:auto!important;
  box-sizing:border-box!important;
  transform:none!important;
  pointer-events:auto!important;
}
.chat-v991-room-layout .chat-v983-room-menu-panel>.button,
.chat-v991-room-layout .chat-v983-room-menu-panel select,
.chat-v991-room-layout .chat-v983-room-menu-panel input,
.chat-v991-room-layout .chat-v983-room-menu-panel textarea{
  width:100%!important;
  min-width:0!important;
  max-width:100%!important;
  box-sizing:border-box!important;
  pointer-events:auto!important;
}

/* Editores/blur permanecem presos ao próprio host de vídeo; a coluna de opções
   tem stacking context superior, mas nunca ocupa a caixa geométrica da câmera. */
.chat-v991-room-layout .chat-v988-focus-editor{z-index:180!important}
.chat-v991-room-layout .chat-v991-room-controls-rail,
.chat-v991-room-layout .chat-v991-room-controls-rail *{pointer-events:auto!important}

/* O histórico fica imediatamente após a região de chamada e cresce com o espaço
   real restante. Nenhuma min-height percentual é reservada para painel fechado. */
.chat-v991-room-layout .chat-room-messages-v972{
  display:grid!important;
  grid-template-rows:auto minmax(0,1fr)!important;
}
.chat-v991-room-layout .chat-room-message-list-v972{
  min-height:0!important;
  height:auto!important;
  max-height:none!important;
  overflow-y:auto!important;
}

body.chat-v982-room-detached-host .chat-v991-room-layout,
.chat-v991-room-layout:fullscreen,
.chat-v991-room-layout:-webkit-full-screen{
  grid-template-rows:auto minmax(0,1fr) auto!important;
}
body.chat-v982-room-detached-host .chat-v991-room-layout>.chat-room-side-scroll-v972>.chat-room-side-call-v972,
.chat-v991-room-layout:fullscreen>.chat-room-side-scroll-v972>.chat-room-side-call-v972,
.chat-v991-room-layout:-webkit-full-screen>.chat-room-side-scroll-v972>.chat-room-side-call-v972{
  max-height:min(58dvh,620px)!important;
}

@media(max-height:700px){
  .chat-v991-room-layout>.chat-room-side-scroll-v972{gap:5px!important;grid-template-rows:auto minmax(76px,1fr)!important}
  .chat-v991-room-layout>.chat-room-side-scroll-v972>.chat-room-side-call-v972{max-height:min(48dvh,330px)!important}
  .chat-v991-room-layout>.chat-room-side-scroll-v972>.chat-room-messages-v972{min-height:76px!important}
  .chat-v991-room-layout .chat-room-device-grid-v969,
  .chat-v991-room-layout .chat-v983-room-menu-panel{max-height:min(36dvh,260px)!important}
}

/* Quando a largura não comporta coluna + câmera, empilha sem overlay. Em telas
   largas/desktop, a regra principal mantém opções à esquerda da câmera esquerda. */
@media(max-width:620px){
  .chat-v991-room-layout .chat-v991-room-stage{
    grid-template-columns:minmax(0,1fr)!important;
    grid-template-areas:'cameras' 'controls'!important;
  }
  .chat-v991-room-layout .chat-v991-room-controls-rail{width:100%!important}
  .chat-v991-room-layout .chat-v983-room-menu-panel,
  .chat-v991-room-layout .chat-room-device-grid-v969{max-height:min(34dvh,300px)!important}
}