/* GattoMusic 2.0 - Build 9.86
   Responsividade final de Sala/Chat e controles sempre utilizáveis. */

/* O redimensionador nativo do textarea não faz parte da interface do Gatto. */
.chat-room-message-composer-v972 textarea,
.chat-room-message-footer-v980 textarea,
.chat-conversation .chat-composer textarea,
#chatFooterMode textarea,
#chatMessageInput{
  resize:none!important;
}

/* Chat privado: cabeçalho e compositor ficam estruturais; somente o histórico rola. */
.chat-workspace-panel,
.chat-conversation.chat-v986-conversation,
.chat-conversation{
  min-height:0!important;
  max-height:100%!important;
}
.chat-conversation.chat-v986-conversation,
.chat-conversation{
  overflow:hidden!important;
}
.chat-conversation.chat-v986-conversation .chat-message-list,
.chat-conversation .chat-message-list{
  min-height:0!important;
  overflow-y:auto!important;
  overflow-x:hidden!important;
  overscroll-behavior:contain!important;
}
#chatFooterMode,
.chat-footer-shell,
.chat-conversation .chat-composer{
  flex-shrink:0!important;
  min-height:0!important;
  max-width:100%!important;
  box-sizing:border-box!important;
}

/* A região superior da Sala pode rolar internamente quando a soma de vídeo +
   dispositivos exceder a altura disponível; o painel inteiro nunca é cortado. */
.chat-room-sidepanel-v972.chat-v986-room-layout{
  min-width:0!important;
  min-height:0!important;
  max-width:100%!important;
  box-sizing:border-box!important;
  overflow:hidden!important;
  grid-template-rows:auto minmax(0,1fr) minmax(82px,clamp(90px,15dvh,138px)) auto!important;
}
.chat-v986-room-layout>.chat-room-side-scroll-v972{
  min-width:0!important;
  min-height:0!important;
  overflow-x:hidden!important;
  overflow-y:auto!important;
  overscroll-behavior:contain!important;
  scrollbar-gutter:stable;
  padding-bottom:2px!important;
}
.chat-v986-room-layout>.chat-room-side-scroll-v972>.chat-room-side-call-v972{
  min-width:0!important;
  min-height:0!important;
  width:100%!important;
  max-width:100%!important;
  overflow:visible!important;
}

/* Vídeo nunca toma sozinho a superfície inteira a ponto de esconder controles. */
.chat-v986-room-layout .chat-room-grid-v969{
  max-width:100%!important;
  max-height:min(46dvh,420px)!important;
  overflow-x:hidden!important;
  overflow-y:auto!important;
  align-content:start!important;
  scrollbar-gutter:stable;
}
.chat-v986-room-layout .chat-room-participant-v969{
  min-width:0!important;
  max-width:100%!important;
}

/* Dispositivos e ações podem quebrar linha; nenhum texto/botão é truncado por altura fixa. */
.chat-v986-room-layout .chat-room-devices-v969,
.chat-v986-room-layout .chat-room-device-row-v969,
.chat-v986-room-layout .chat-room-actions-v969,
.chat-v986-room-layout [data-v972-role="actions"]{
  min-width:0!important;
  max-width:100%!important;
  height:auto!important;
  max-height:none!important;
  overflow:visible!important;
  box-sizing:border-box!important;
}
.chat-v986-room-layout .chat-room-device-row-v969,
.chat-v986-room-layout .chat-room-actions-v969{
  flex-wrap:wrap!important;
}
.chat-v986-room-layout .chat-room-devices-v969 select,
.chat-v986-room-layout .chat-room-actions-v969 button,
.chat-v986-room-layout .chat-v983-room-menu-summary{
  min-width:0!important;
  max-width:100%!important;
  white-space:normal!important;
}

/* O botão que abre os controles permanece acessível no fundo da região rolável. */
.chat-v986-room-layout .chat-room-actions-v969{
  position:sticky!important;
  bottom:0!important;
  z-index:260!important;
  padding-top:4px!important;
  background:linear-gradient(to bottom,rgba(8,11,22,.15),rgba(8,11,22,.96) 32%)!important;
}
.chat-v986-room-layout .chat-v983-room-menu{
  position:relative!important;
  z-index:280!important;
  max-width:100%!important;
}
.chat-v986-room-layout .chat-v983-room-menu-panel{
  z-index:300!important;
  pointer-events:auto!important;
  max-width:min(94vw,560px)!important;
  max-height:min(58dvh,480px)!important;
  overflow-x:hidden!important;
  overflow-y:auto!important;
}

/* Blur: nenhuma camada transparente pode roubar o ponteiro em fullscreen/destaque. */
.chat-v986-room-layout .chat-v982-blur-controls,
.chat-v986-room-layout .chat-v982-blur-controls *,
.chat-v986-room-layout .chat-v986-blur-interactive,
.chat-v986-room-layout .chat-v986-blur-interactive *{
  pointer-events:auto!important;
  position:relative!important;
  z-index:310!important;
  opacity:1!important;
}

/* Composer da Sala: compacto; na janela destacada não cresce para uma caixa alta. */
.chat-v986-room-layout>.chat-room-message-footer-v980,
.chat-v986-room-layout .chat-room-message-composer-v972{
  min-height:0!important;
  max-height:none!important;
  box-sizing:border-box!important;
}
.chat-v986-room-layout .chat-room-message-composer-v972 textarea{
  min-height:42px!important;
  height:clamp(42px,6dvh,64px)!important;
  max-height:72px!important;
  overflow-y:auto!important;
}
body.chat-v982-room-detached-host .chat-v986-room-layout{
  inset:0!important;
  width:100%!important;
  height:100dvh!important;
  max-height:100dvh!important;
  grid-template-rows:auto minmax(0,1fr) minmax(76px,13dvh) auto!important;
}
body.chat-v982-room-detached-host .chat-v986-room-layout .chat-room-message-composer-v972 textarea{
  min-height:40px!important;
  height:clamp(40px,6dvh,60px)!important;
  max-height:64px!important;
}

.chat-v986-room-layout:fullscreen{
  inset:0!important;
  width:100vw!important;
  height:100dvh!important;
  max-height:100dvh!important;
  grid-template-rows:auto minmax(0,1fr) minmax(76px,14dvh,126px) auto!important;
}

/* Convite não precisa ocupar largura/altura fixa; expiração continua legível. */
.chat-v986-room-invite{
  min-width:0!important;
  max-width:100%!important;
  height:auto!important;
}

@media(max-height:760px){
  .chat-room-sidepanel-v972.chat-v986-room-layout{
    grid-template-rows:auto minmax(0,1fr) minmax(68px,12dvh,100px) auto!important;
    gap:5px!important;
    padding:7px!important;
  }
  .chat-v986-room-layout .chat-room-grid-v969{max-height:min(38dvh,280px)!important}
  .chat-v986-room-layout .chat-room-message-composer-v972 textarea{height:42px!important;max-height:50px!important}
}

@media(max-width:820px){
  .chat-room-sidepanel-v972.chat-v986-room-layout{
    max-width:100vw!important;
    grid-template-rows:auto minmax(0,1fr) minmax(74px,14dvh,112px) auto!important;
  }
  .chat-v986-room-layout .chat-room-grid-v969{max-height:min(42dvh,360px)!important}
  .chat-v986-room-layout .chat-v983-room-menu-panel{max-width:calc(100vw - 20px)!important}
}

@media(max-width:520px){
  .chat-v986-room-layout .chat-room-actions-v969,
  .chat-v986-room-layout .chat-room-device-row-v969{gap:5px!important}
  .chat-v986-room-layout .chat-v983-room-menu-summary{width:100%!important}
}