/* GattoMusic 2.0 - Build 9.89: reentrada, layout responsivo de Sala e hit-target de foco. */

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

.chat-v989-room-layout>.chat-room-side-scroll-v972{
  display:flex!important;
  flex-direction:column!important;
  min-width:0!important;
  min-height:0!important;
  overflow:hidden!important;
  gap:8px!important;
  padding-bottom:0!important;
}

.chat-v989-room-layout>.chat-room-side-scroll-v972>.chat-room-side-call-v972{
  flex:0 1 auto!important;
  min-width:0!important;
  min-height:0!important;
  max-height:min(58%,520px)!important;
  overflow-x:hidden!important;
  overflow-y:auto!important;
  scrollbar-gutter:stable;
}

.chat-v989-room-layout>.chat-room-messages-v972,
.chat-v989-room-layout .chat-room-messages-v972{
  flex:1 1 0!important;
  display:grid!important;
  grid-template-rows:auto minmax(0,1fr)!important;
  min-width:0!important;
  min-height:120px!important;
  max-height:none!important;
  overflow:hidden!important;
  margin:0!important;
}

.chat-v989-room-layout .chat-room-section-title-v972{
  display:flex!important;
  flex-wrap:wrap!important;
  align-items:baseline!important;
  gap:4px 7px!important;
  min-width:0!important;
  padding-bottom:7px!important;
}
.chat-v989-room-layout .chat-room-section-title-v972>strong{
  flex:0 0 auto!important;
  white-space:normal!important;
}
.chat-v989-room-layout .chat-v989-room-privacy-inline{
  flex:1 1 360px!important;
  min-width:0!important;
  white-space:normal!important;
  overflow-wrap:anywhere!important;
  font-size:.78rem!important;
  line-height:1.35!important;
  font-weight:400!important;
  opacity:.78!important;
}
.chat-v989-room-layout .chat-room-message-list-v972{
  min-width:0!important;
  min-height:0!important;
  height:auto!important;
  max-height:none!important;
  overflow-x:hidden!important;
  overflow-y:auto!important;
  overscroll-behavior:contain!important;
  scrollbar-gutter:stable;
}

.chat-v989-room-layout>.chat-room-message-footer-v980{
  flex:0 0 auto!important;
  min-width:0!important;
  min-height:0!important;
  max-height:none!important;
  overflow:visible!important;
}

/* Todos os grupos de controles podem quebrar linha sem clipping. */
.chat-v989-room-layout .chat-room-side-header-v972,
.chat-v989-room-layout .chat-room-side-header-actions-v972,
.chat-v989-room-layout .chat-room-actions-v969,
.chat-v989-room-layout .chat-room-device-row-v969,
.chat-v989-room-layout .chat-v982-blur-controls,
.chat-v989-room-layout .chat-v988-focus-controls{
  min-width:0!important;
  max-width:100%!important;
  height:auto!important;
  max-height:none!important;
  flex-wrap:wrap!important;
  overflow:visible!important;
  box-sizing:border-box!important;
}
.chat-v989-room-layout button,
.chat-v989-room-layout select,
.chat-v989-room-layout textarea{
  max-width:100%!important;
  box-sizing:border-box!important;
}
.chat-v989-room-layout .chat-room-actions-v969 button,
.chat-v989-room-layout .chat-room-side-header-actions-v972 button{
  min-width:0!important;
  white-space:normal!important;
}

/* O editor fica sobre o vídeo apenas durante a edição; controles ficam acima dele. */
.chat-v989-room-layout .chat-v982-blur-controls,
.chat-v989-room-layout .chat-v982-blur-controls *,
.chat-v989-room-layout .chat-v988-focus-controls,
.chat-v989-room-layout .chat-v988-focus-controls *{
  position:relative!important;
  z-index:520!important;
  pointer-events:auto!important;
}
.chat-v989-room-layout .chat-v988-focus-editor{z-index:180!important}
.chat-v989-room-layout:fullscreen .chat-v982-blur-controls,
.chat-v989-room-layout:fullscreen .chat-v982-blur-controls *,
.chat-v989-room-layout:fullscreen .chat-v988-focus-controls,
.chat-v989-room-layout:fullscreen .chat-v988-focus-controls *,
body.chat-v982-room-detached-host .chat-v989-room-layout .chat-v982-blur-controls,
body.chat-v982-room-detached-host .chat-v989-room-layout .chat-v982-blur-controls *,
body.chat-v982-room-detached-host .chat-v989-room-layout .chat-v988-focus-controls,
body.chat-v982-room-detached-host .chat-v989-room-layout .chat-v988-focus-controls *{
  z-index:620!important;
  pointer-events:auto!important;
}

.chat-v989-e2ee-marker{display:inline-flex;align-items:center;justify-content:center;min-width:1.2em;margin-right:4px;vertical-align:middle}
.chat-v989-e2ee-marker.verified{opacity:.95}
.chat-v989-e2ee-marker.pending{opacity:.78}
.chat-v989-e2ee-marker.warning,.chat-v989-e2ee-marker.identity-changed{opacity:1}

body.chat-v982-room-detached-host .chat-v989-room-layout,
.chat-v989-room-layout:fullscreen,
.chat-v989-room-layout:-webkit-full-screen{
  width:100%!important;
  max-width:100%!important;
  height:100dvh!important;
  max-height:100dvh!important;
  grid-template-rows:auto auto minmax(0,1fr) auto!important;
}

@media(max-height:760px){
  .chat-v989-room-layout>.chat-room-side-scroll-v972{gap:5px!important}
  .chat-v989-room-layout>.chat-room-side-scroll-v972>.chat-room-side-call-v972{max-height:min(54%,390px)!important}
  .chat-v989-room-layout>.chat-room-messages-v972,
.chat-v989-room-layout .chat-room-messages-v972{min-height:92px!important}
  .chat-v989-room-layout .chat-room-grid-v969{max-height:min(30dvh,240px)!important}
}

@media(max-height:620px){
  .chat-v989-room-layout>.chat-room-side-scroll-v972>.chat-room-side-call-v972{max-height:min(50%,300px)!important}
  .chat-v989-room-layout>.chat-room-messages-v972,
.chat-v989-room-layout .chat-room-messages-v972{min-height:76px!important}
  .chat-v989-room-layout .chat-room-grid-v969{max-height:min(24dvh,175px)!important}
  .chat-v989-room-layout .chat-room-actions-v969{position:relative!important;bottom:auto!important}
}

@media(max-width:760px){
  .chat-v989-room-layout .chat-v989-room-privacy-inline{flex-basis:100%!important;font-size:.75rem!important}
  .chat-v989-room-layout .chat-room-side-header-actions-v972{width:100%!important;justify-content:flex-end!important}
  .chat-v989-room-layout .chat-room-actions-v969>button{flex:1 1 145px!important}
}

@media(max-width:480px){
  .chat-v989-room-layout .chat-room-actions-v969>button,
  .chat-v989-room-layout .chat-room-side-header-actions-v972>button{flex:1 1 100%!important;width:100%!important}
}

/* Build 9.89 - galeria recalculada pela quantidade real de participantes. */
.chat-v989-room-layout .chat-room-grid-v969{
  grid-template-columns:repeat(var(--chat-v989-room-columns,2),minmax(0,1fr))!important;
  width:100%!important;
  min-width:0!important;
  justify-items:stretch!important;
  align-items:start!important;
  transition:none!important;
}
.chat-v989-room-layout .chat-room-grid-v969[data-v989-participants="1"]{
  grid-template-columns:minmax(0,1fr)!important;
  justify-items:center!important;
  align-items:center!important;
  max-height:none!important;
  overflow:hidden!important;
}
.chat-v989-room-layout .chat-room-grid-v969[data-v989-participants="1"]>.chat-room-participant-v969{
  width:min(100%,var(--chat-v989-solo-width,100%))!important;
  height:var(--chat-v989-solo-height,auto)!important;
  min-height:0!important;
  max-height:none!important;
  aspect-ratio:16 / 9!important;
  justify-self:center!important;
}
.chat-v989-room-layout .chat-room-grid-v969[data-v989-participants="1"]>.chat-room-participant-v969>.chat-room-video-v969{
  width:100%!important;
  height:100%!important;
  min-height:0!important;
  object-fit:contain!important;
}
body.chat-v982-room-detached-host .chat-v989-room-layout .chat-room-grid-v969[data-v989-participants="1"],
.chat-v989-room-layout:fullscreen .chat-room-grid-v969[data-v989-participants="1"],
.chat-v989-room-layout:-webkit-full-screen .chat-room-grid-v969[data-v989-participants="1"]{
  width:100%!important;
  max-width:100%!important;
  max-height:none!important;
}
@media(max-width:520px){
  .chat-v989-room-layout .chat-room-grid-v969[data-v989-participants="1"]>.chat-room-participant-v969{
    width:100%!important;
    height:auto!important;
    aspect-ratio:16 / 9!important;
  }
}