/* GattoMusic 2.0 - Build 9.82 */

/* Sala destacada: a mesma árvore DOM é movida para a janela auxiliar; não há
   segunda sessão nem segundo conjunto de PeerConnections. */
body.chat-v982-room-detached-host{margin:0!important;padding:0!important;overflow:hidden!important;background:var(--background,#070b12)!important}
body.chat-v982-room-detached-host #chatRoomSidePanelV972{
  position:fixed!important;inset:0!important;width:100%!important;max-width:none!important;height:100dvh!important;max-height:none!important;
  display:grid!important;border-radius:0!important;transform:none!important;opacity:1!important;visibility:visible!important;pointer-events:auto!important;
}
body.chat-v982-room-detached #chatRoomSidePanelV972{display:none!important}
.chat-v982-room-detach{min-width:112px!important;white-space:normal!important}

/* Estrutura desktop: cabeçalho, área da chamada, histórico compacto e compositor.
   Somente o histórico possui rolagem vertical. */
.chat-room-sidepanel-v972.chat-v982-room-layout{
  grid-template-rows:auto minmax(0,1fr) clamp(128px,22dvh,185px) auto!important;
  height:100%!important;max-height:100%!important;min-height:0!important;overflow:hidden!important;
}
.chat-v982-room-layout>.chat-room-side-scroll-v972{
  display:grid!important;grid-template-rows:minmax(0,1fr) auto!important;grid-auto-rows:max-content!important;
  min-height:0!important;overflow:hidden!important;align-content:stretch!important;gap:5px!important;padding:2px 4px 3px 0!important;
}
.chat-v982-room-layout>.chat-room-side-scroll-v972>.chat-room-side-call-v972{
  min-height:0!important;overflow:hidden!important;gap:6px!important;align-content:start!important;
}
.chat-v982-room-layout>.chat-room-messages-v972{
  display:grid!important;grid-template-rows:auto minmax(0,1fr)!important;min-height:0!important;overflow:hidden!important;
  margin:4px 0!important;padding:6px!important;border:1px solid var(--chat-v72-line,var(--line))!important;border-radius:12px!important;
}
.chat-v982-room-layout .chat-room-message-list-v972{
  min-height:0!important;max-height:none!important;overflow-y:auto!important;overflow-x:hidden!important;overscroll-behavior:contain!important;
  scrollbar-gutter:stable!important;padding-right:4px!important;
}
.chat-v982-room-layout .chat-room-section-title-v972{margin-bottom:4px!important;padding-bottom:3px!important}
.chat-v982-room-layout .chat-room-side-call-v972 .chat-room-actions-v969{gap:5px!important}
.chat-v982-room-layout .chat-room-side-call-v972 .chat-room-actions-v969 .button{min-height:36px!important;padding:6px 8px!important;font-size:.76rem!important}
.chat-v982-room-layout .chat-room-grid-v969{min-height:0!important;max-height:min(35dvh,320px)!important;align-content:start!important}
.chat-v982-room-layout .chat-room-participant-v969 video{max-height:min(29dvh,250px)!important;object-fit:contain!important}
.chat-v982-room-layout .chat-room-devices-v969{margin:0!important}
.chat-v982-room-layout .chat-room-privacy-v969{font-size:.62rem!important;line-height:1.25!important;margin:2px 0 0!important;padding:0!important}

.chat-v982-media-error{display:grid;gap:3px;padding:8px 10px;border:1px solid rgba(255,95,120,.55);border-radius:10px;background:rgba(120,20,40,.15);font-size:.72rem;line-height:1.35}
.chat-v982-media-error span,.chat-v982-media-error small{overflow-wrap:anywhere}

/* Blur: botão + intensidade ocupam uma célula única do grid de ações. */
.chat-v982-blur-controls{display:grid;grid-template-columns:minmax(0,1fr) minmax(96px,.65fr);gap:5px;min-width:0}
.chat-v982-blur-controls>.button,.chat-v982-blur-controls>select{min-width:0;width:100%;box-sizing:border-box}
.chat-v982-blur-level{border:1px solid var(--line);border-radius:10px;background:var(--panel);color:var(--text);padding:6px 8px}
.chat-room-actions-v969>.chat-v982-blur-controls{grid-column:span 2}

/* Preferência de mídia: refletir claramente o estado do seletor. */
.chat-v912-media-select[data-v982-bound="1"]{min-width:190px}

@media(max-width:820px){
  .chat-room-sidepanel-v972.chat-v982-room-layout{grid-template-rows:auto minmax(0,1fr) clamp(118px,25dvh,170px) auto!important}
  /* Em telas móveis muito baixas a área da chamada pode precisar de rolagem própria
     para não cortar controles; o histórico continua independente. */
  .chat-v982-room-layout>.chat-room-side-scroll-v972{overflow-y:auto!important;overscroll-behavior:contain!important}
  .chat-v982-room-layout .chat-room-grid-v969{max-height:min(31dvh,260px)!important}
  .chat-v982-room-layout .chat-room-participant-v969 video{max-height:min(25dvh,210px)!important}
  .chat-v982-blur-controls{grid-template-columns:minmax(0,1fr)!important}
  .chat-room-actions-v969>.chat-v982-blur-controls{grid-column:1/-1}
}

@media(max-width:520px){
  .chat-room-sidepanel-v972.chat-v982-room-layout{grid-template-rows:auto minmax(0,1fr) minmax(112px,22dvh) auto!important}
  .chat-v982-room-detach{min-width:0!important;font-size:.68rem!important;padding:6px!important}
}