/* GattoMusic 2.0 - Build 9.95
   Contratos visuais da Sala: um único menu, painel realmente oculto fora do
   contexto e preservação da área útil de câmera/mensagens da 9.94. */

/* A 9.92 aplicou display:grid!important ao painel mesmo fechado. Como filhos
   posteriores também usavam visibility:visible!important, partes do painel
   podiam reaparecer em Contatos/Salas/Player. Fechado agora significa display:none. */
body:not(.chat-v972-room-open) #chatRoomSidePanelV972:not(:fullscreen),
#chatRoomSidePanelV972[aria-hidden="true"]:not(:fullscreen),
#chatRoomSidePanelV972:not(.is-open):not(:fullscreen){
  display:none!important;
  visibility:hidden!important;
  pointer-events:none!important;
}
body.chat-v972-room-open #chatRoomSidePanelV972.is-open,
body.chat-v982-room-detached-host #chatRoomSidePanelV972.is-open,
#chatRoomSidePanelV972.is-open:fullscreen{
  display:grid!important;
  visibility:visible!important;
  pointer-events:auto!important;
}

.chat-v995-room-layout .chat-v995-room-control-dock{
  display:block!important;
  width:100%!important;
  min-width:0!important;
  margin:4px 0!important;
  padding:0!important;
}

/* Somente esta superfície é o menu final da 9.95. Os details legados são
   desembrulhados pelo JavaScript e não ocupam colunas/painéis separados. */
.chat-v995-room-layout .chat-v995-room-menu{
  display:block!important;
  width:100%!important;
  min-width:0!important;
  margin:0!important;
  padding:0!important;
  border:0!important;
  background:transparent!important;
}
.chat-v995-room-layout .chat-v995-room-menu-summary{
  display:flex!important;
  align-items:center!important;
  justify-content:center!important;
  width:100%!important;
  min-height:32px!important;
  cursor:pointer!important;
  list-style:none!important;
  user-select:none!important;
}
.chat-v995-room-layout .chat-v995-room-menu-summary::-webkit-details-marker{display:none!important}
.chat-v995-room-layout .chat-v995-room-menu-body{
  display:none!important;
  width:100%!important;
  min-width:0!important;
  margin:4px 0 0!important;
  padding:6px!important;
  box-sizing:border-box!important;
  border:1px solid rgba(255,255,255,.10)!important;
  border-radius:10px!important;
  background:rgba(8,12,22,.78)!important;
  backdrop-filter:blur(10px)!important;
  gap:6px!important;
}
.chat-v995-room-layout .chat-v995-room-menu[open]>.chat-v995-room-menu-body{
  display:grid!important;
  grid-template-columns:minmax(0,1fr)!important;
  visibility:visible!important;
  pointer-events:auto!important;
}
.chat-v995-room-layout .chat-v995-room-menu-body>[data-v972-role="devices"],
.chat-v995-room-layout .chat-v995-room-menu-body>[data-v972-role="actions"]{
  display:block!important;
  width:100%!important;
  min-width:0!important;
  margin:0!important;
  padding:0!important;
}
.chat-v995-room-layout .chat-v995-room-menu-body .chat-room-device-grid-v969,
.chat-v995-room-layout .chat-v995-room-menu-body .chat-v983-room-menu-panel,
.chat-v995-room-layout .chat-v995-room-menu-body .chat-v992-actions-panel{
  position:static!important;
  display:flex!important;
  flex-wrap:wrap!important;
  align-items:flex-end!important;
  width:100%!important;
  min-width:0!important;
  margin:0!important;
  padding:0!important;
  border:0!important;
  background:transparent!important;
  box-shadow:none!important;
  visibility:visible!important;
  opacity:1!important;
  pointer-events:auto!important;
}
.chat-v995-room-layout .chat-v995-room-menu-body select,
.chat-v995-room-layout .chat-v995-room-menu-body input,
.chat-v995-room-layout .chat-v995-room-menu-body button{
  pointer-events:auto!important;
}

@media (max-width:720px){
  .chat-v995-room-layout .chat-v995-room-menu-body{padding:4px!important}
  .chat-v995-room-layout .chat-v995-room-menu-summary{min-height:30px!important;font-size:.76rem!important}
}