/* GattoMusic 2.0 - Build 10.45 */

/* Mute: sem ícone. A moldura vermelha pertence somente ao card/faixa do nome. */
.gatto-room-participant.mic-off .gatto-room-media-status{display:none!important}
.gatto-room-participant.mic-off .gatto-room-name{
  border:2px solid #ff4354!important;
  box-shadow:0 0 0 1px rgba(0,0,0,.75),0 0 11px rgba(255,67,84,.58)!important;
  background:rgba(58,4,10,.82)!important;
}
.gatto-room-participant:not(.mic-off) .gatto-room-name{border-color:transparent}

/* O ícone de Compartilhar tela é puramente decorativo: o botão inteiro é o alvo. */
.gatto-v1042-room-screen>.gatto-room-control-label,
.gatto-v1042-room-screen>.gatto-room-control-icon,
.gatto-v1042-room-screen>.gatto-room-control-icon *{pointer-events:none!important}

/* Ocultar realmente retira a superfície; sobra somente um aviso compacto restaurável. */
.gatto-v1045-screen-hidden-bar[hidden]{display:none!important}
.gatto-v1045-screen-hidden-bar{position:static;display:flex;flex-wrap:wrap;gap:6px;align-items:center;justify-content:center;width:100%;min-width:0;margin:0 0 6px;pointer-events:auto}
.gatto-v1045-screen-hidden-item{display:inline-flex;flex-wrap:wrap;align-items:center;justify-content:center;gap:7px;max-width:100%;padding:5px 7px;border:1px solid rgba(126,154,190,.24);border-radius:9px;background:rgba(8,14,22,.82);font-size:11px;color:#cbd5e2}
.gatto-v1045-screen-hidden-note{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
.gatto-v1045-screen-show{height:27px;padding:0 8px;border:1px solid rgba(163,105,255,.64);border-radius:7px;background:rgba(72,31,113,.78);color:#fff;cursor:pointer;font-weight:700;font-size:11px;white-space:nowrap}
.gatto-v1045-screen-show:hover{background:rgba(105,46,166,.9)}

/* Qualidade da transmissão: altera track/sender reais em app_v1042. */
.gatto-v1045-screen-quality-bar{display:flex;align-items:center;justify-content:center;gap:10px;width:100%;min-height:42px;padding:7px 12px;box-sizing:border-box;border:1px solid rgba(139,50,255,.42);border-radius:10px;background:rgba(10,17,29,.92);color:#fff;overflow:visible}
.gatto-v1045-screen-quality-label{flex:0 1 auto;white-space:nowrap;font:700 12px/1.2 Verdana,Arial,sans-serif}
.gatto-v1045-screen-quality{height:30px;width:auto;min-width:260px;max-width:none;padding:0 28px 0 9px;border:1px solid rgba(255,255,255,.28);border-radius:7px;background:#0c1320;color:#fff;font:700 12px/1 Verdana,Arial,sans-serif;cursor:pointer;white-space:nowrap;text-overflow:clip;overflow:visible}
.gatto-v1045-screen-quality-bar[hidden]{display:none!important}

/* Tela compartilhada e câmeras na mesma viewport, Firefox e Chromium.
   Esta regra vence o display:flex histórico das superfícies de apresentação. */
.gatto-room-fullscreen-host .chat-room-sidepanel-v972.gatto-room-shell.gatto-v1042-has-screen,
.chat-room-sidepanel-v972.gatto-room-shell.gatto-v1042-has-screen:fullscreen,
.chat-room-sidepanel-v972.gatto-room-shell.gatto-v1042-has-screen:-webkit-full-screen,
.chat-room-sidepanel-v972.gatto-room-shell.gatto-v1042-has-screen[data-gatto-room-fullscreen="1"],
.chat-room-sidepanel-v972.gatto-room-shell.gatto-v1042-has-screen.is-gatto-room-fullscreen,
.gatto-room-detached-host .chat-room-sidepanel-v972.gatto-room-shell.gatto-v1042-has-screen,
.chat-room-sidepanel-v972.gatto-room-shell.gatto-v1042-has-screen[data-gatto-room-detached="1"],
.chat-room-sidepanel-v972.gatto-room-shell.gatto-v1042-has-screen.is-gatto-room-detached,
#gattoV1040DetachedRoot>.gatto-v1040-projection.gatto-v1042-has-screen{
  display:grid!important;
  grid-template-columns:minmax(0,1fr)!important;
  grid-template-rows:minmax(0,1fr) minmax(86px,min(24dvh,220px)) auto!important;
  align-items:stretch!important;
  align-content:stretch!important;
  min-width:0!important;min-height:0!important;
  height:calc(100dvh - 16px)!important;max-height:calc(100dvh - 16px)!important;
  overflow:hidden!important;
}
.gatto-room-fullscreen-host .gatto-room-shell.gatto-v1042-has-screen>.gatto-v1042-screen-stage,
.gatto-room-shell.gatto-v1042-has-screen:fullscreen>.gatto-v1042-screen-stage,
.gatto-room-shell.gatto-v1042-has-screen:-webkit-full-screen>.gatto-v1042-screen-stage,
.gatto-room-shell.gatto-v1042-has-screen.is-gatto-room-fullscreen>.gatto-v1042-screen-stage,
.gatto-room-detached-host .gatto-room-shell.gatto-v1042-has-screen>.gatto-v1042-screen-stage,
.gatto-room-shell.gatto-v1042-has-screen.is-gatto-room-detached>.gatto-v1042-screen-stage,
#gattoV1040DetachedRoot>.gatto-v1040-projection.gatto-v1042-has-screen>.gatto-v1042-screen-stage{
  grid-row:1!important;display:grid!important;min-width:0!important;min-height:0!important;width:100%!important;height:100%!important;overflow:hidden!important;
  grid-template-columns:repeat(auto-fit,minmax(min(420px,100%),1fr))!important;gap:6px!important;align-items:stretch!important;
}
.gatto-room-fullscreen-host .gatto-room-shell.gatto-v1042-has-screen>.gatto-room-gallery,
.gatto-room-shell.gatto-v1042-has-screen:fullscreen>.gatto-room-gallery,
.gatto-room-shell.gatto-v1042-has-screen:-webkit-full-screen>.gatto-room-gallery,
.gatto-room-shell.gatto-v1042-has-screen.is-gatto-room-fullscreen>.gatto-room-gallery,
.gatto-room-detached-host .gatto-room-shell.gatto-v1042-has-screen>.gatto-room-gallery,
.gatto-room-shell.gatto-v1042-has-screen.is-gatto-room-detached>.gatto-room-gallery,
#gattoV1040DetachedRoot>.gatto-v1040-projection.gatto-v1042-has-screen>.gatto-room-gallery{
  grid-row:2!important;display:grid!important;min-width:0!important;min-height:0!important;width:100%!important;height:100%!important;max-height:100%!important;overflow:hidden!important;
  grid-template-columns:repeat(auto-fit,minmax(96px,1fr))!important;grid-auto-rows:minmax(0,1fr)!important;gap:6px!important;align-content:stretch!important;align-items:stretch!important;
}
.gatto-room-fullscreen-host .gatto-room-shell.gatto-v1042-has-screen>.gatto-room-controls-wrap,
.gatto-room-shell.gatto-v1042-has-screen:fullscreen>.gatto-room-controls-wrap,
.gatto-room-shell.gatto-v1042-has-screen:-webkit-full-screen>.gatto-room-controls-wrap,
.gatto-room-shell.gatto-v1042-has-screen.is-gatto-room-fullscreen>.gatto-room-controls-wrap,
.gatto-room-detached-host .gatto-room-shell.gatto-v1042-has-screen>.gatto-room-controls-wrap,
.gatto-room-shell.gatto-v1042-has-screen.is-gatto-room-detached>.gatto-room-controls-wrap,
#gattoV1040DetachedRoot>.gatto-v1040-projection.gatto-v1042-has-screen>.gatto-room-controls-wrap{grid-row:3!important;min-width:0!important;min-height:0!important;margin:0!important}

.gatto-room-shell.gatto-v1042-has-screen .gatto-v1042-screen-card{min-width:0!important;min-height:0!important;height:100%!important;max-height:100%!important;overflow:hidden!important}
.gatto-room-shell.gatto-v1042-has-screen .gatto-v1042-screen-video,
#gattoV1040DetachedRoot .gatto-v1042-screen-video{width:100%!important;height:100%!important;min-width:0!important;min-height:0!important;max-width:100%!important;max-height:100%!important;object-fit:contain!important;object-position:center!important;background:#05080d!important}
.gatto-room-shell.gatto-v1042-has-screen .gatto-room-gallery>.gatto-room-participant,
#gattoV1040DetachedRoot .gatto-room-gallery>.gatto-room-participant{min-width:0!important;min-height:0!important;width:100%!important;height:100%!important;max-height:100%!important;aspect-ratio:auto!important;overflow:hidden!important}
.gatto-room-shell.gatto-v1042-has-screen .gatto-room-gallery .gatto-room-video,
#gattoV1040DetachedRoot .gatto-room-gallery .gatto-room-video{width:100%!important;height:100%!important;min-height:0!important;object-fit:contain!important;object-position:center!important}

@media(max-height:620px){
  .gatto-room-fullscreen-host .gatto-room-shell.gatto-v1042-has-screen,
  .gatto-room-shell.gatto-v1042-has-screen:fullscreen,
  .gatto-room-shell.gatto-v1042-has-screen.is-gatto-room-fullscreen,
  .gatto-room-detached-host .gatto-room-shell.gatto-v1042-has-screen,
  .gatto-room-shell.gatto-v1042-has-screen.is-gatto-room-detached,
  #gattoV1040DetachedRoot>.gatto-v1040-projection.gatto-v1042-has-screen{grid-template-rows:minmax(0,1fr) minmax(70px,20dvh) auto!important}
}

/* Apresentação responsiva também quando não existe tela compartilhada.
   Os estilos legados do popup tinham min-width:640px, o que fazia o Firefox
   cortar a Sala e deixava as câmeras fora da viewport em janelas menores. */
.gatto-room-detached-host .chat-room-sidepanel-v972.gatto-room-shell,
.gatto-room-fullscreen-host .chat-room-sidepanel-v972.gatto-room-shell,
.chat-room-sidepanel-v972.gatto-room-shell.is-gatto-room-detached,
.chat-room-sidepanel-v972.gatto-room-shell.is-gatto-room-fullscreen,
#gattoV1040DetachedRoot>.gatto-v1040-projection{
  box-sizing:border-box!important;
  width:100%!important;max-width:100%!important;min-width:0!important;
  height:calc(100dvh - 16px)!important;max-height:calc(100dvh - 16px)!important;min-height:0!important;
  overflow:hidden!important;
}
.gatto-room-detached-host .chat-room-sidepanel-v972.gatto-room-shell:not(.gatto-v1042-has-screen),
.gatto-room-fullscreen-host .chat-room-sidepanel-v972.gatto-room-shell:not(.gatto-v1042-has-screen),
.chat-room-sidepanel-v972.gatto-room-shell.is-gatto-room-detached:not(.gatto-v1042-has-screen),
.chat-room-sidepanel-v972.gatto-room-shell.is-gatto-room-fullscreen:not(.gatto-v1042-has-screen),
#gattoV1040DetachedRoot>.gatto-v1040-projection:not(.gatto-v1042-has-screen){
  display:grid!important;grid-template-columns:minmax(0,1fr)!important;
  grid-template-rows:minmax(0,1fr) auto!important;gap:8px!important;
}
.gatto-room-detached-host .gatto-room-gallery,
.gatto-room-fullscreen-host .gatto-room-gallery,
.gatto-room-shell.is-gatto-room-detached .gatto-room-gallery,
.gatto-room-shell.is-gatto-room-fullscreen .gatto-room-gallery,
#gattoV1040DetachedRoot .gatto-room-gallery{
  box-sizing:border-box!important;width:100%!important;max-width:100%!important;
  min-width:0!important;min-height:0!important;height:100%!important;max-height:100%!important;
  overflow:auto!important;display:grid!important;align-content:stretch!important;
}
.gatto-room-detached-host .gatto-room-controls-wrap,
.gatto-room-fullscreen-host .gatto-room-controls-wrap,
.gatto-room-shell.is-gatto-room-detached .gatto-room-controls-wrap,
.gatto-room-shell.is-gatto-room-fullscreen .gatto-room-controls-wrap,
#gattoV1040DetachedRoot .gatto-room-controls-wrap{
  box-sizing:border-box!important;width:100%!important;max-width:100%!important;min-width:0!important;
  overflow:visible!important;position:relative!important;display:flex!important;flex-wrap:wrap!important;
  align-items:center!important;justify-content:center!important;gap:8px!important;
}
.gatto-room-detached-host .gatto-room-controls,
.gatto-room-fullscreen-host .gatto-room-controls,
.gatto-room-shell.is-gatto-room-detached .gatto-room-controls,
.gatto-room-shell.is-gatto-room-fullscreen .gatto-room-controls,
#gattoV1040DetachedRoot .gatto-room-controls{
  box-sizing:border-box!important;width:100%!important;max-width:100%!important;min-width:0!important;
  display:flex!important;flex-wrap:wrap!important;justify-content:center!important;gap:6px!important;
}
.gatto-room-detached-host .gatto-room-control,
.gatto-room-fullscreen-host .gatto-room-control,
.gatto-room-shell.is-gatto-room-detached .gatto-room-control,
.gatto-room-shell.is-gatto-room-fullscreen .gatto-room-control,
#gattoV1040DetachedRoot .gatto-room-control{min-width:0!important;max-width:100%!important;flex:1 1 132px!important}
.gatto-room-detached-host .gatto-room-participant,
.gatto-room-fullscreen-host .gatto-room-participant,
.gatto-room-shell.is-gatto-room-detached .gatto-room-participant,
.gatto-room-shell.is-gatto-room-fullscreen .gatto-room-participant,
#gattoV1040DetachedRoot .gatto-room-participant{min-width:0!important;max-width:100%!important;width:100%!important;height:100%!important}

/* Build 10.46 - correção dirigida por teste real.
   Em Tela Cheia, quando há compartilhamento ativo, a tela compartilhada é a
   superfície principal. A galeria não pode entrar depois e reduzir/truncar a
   imagem que já estava correta. No Destacar Sala normal, tela + câmeras
   continuam lado a lado nas faixas existentes. */
.gatto-room-fullscreen-host .chat-room-sidepanel-v972.gatto-room-shell.gatto-v1042-has-screen,
.chat-room-sidepanel-v972.gatto-room-shell.gatto-v1042-has-screen:fullscreen,
.chat-room-sidepanel-v972.gatto-room-shell.gatto-v1042-has-screen:-webkit-full-screen,
.chat-room-sidepanel-v972.gatto-room-shell.gatto-v1042-has-screen[data-gatto-room-fullscreen="1"],
.chat-room-sidepanel-v972.gatto-room-shell.gatto-v1042-has-screen.is-gatto-room-fullscreen,
#gattoV1040DetachedRoot>.gatto-v1040-projection.gatto-v1042-has-screen:fullscreen,
#gattoV1040DetachedRoot>.gatto-v1040-projection.gatto-v1042-has-screen:-webkit-full-screen{
  display:grid!important;
  grid-template-columns:minmax(0,1fr)!important;
  grid-template-rows:minmax(0,1fr) auto!important;
  overflow:hidden!important;
}
.gatto-room-fullscreen-host .gatto-room-shell.gatto-v1042-has-screen>.gatto-v1042-screen-stage,
.gatto-room-shell.gatto-v1042-has-screen:fullscreen>.gatto-v1042-screen-stage,
.gatto-room-shell.gatto-v1042-has-screen:-webkit-full-screen>.gatto-v1042-screen-stage,
.gatto-room-shell.gatto-v1042-has-screen.is-gatto-room-fullscreen>.gatto-v1042-screen-stage,
#gattoV1040DetachedRoot>.gatto-v1040-projection.gatto-v1042-has-screen:fullscreen>.gatto-v1042-screen-stage,
#gattoV1040DetachedRoot>.gatto-v1040-projection.gatto-v1042-has-screen:-webkit-full-screen>.gatto-v1042-screen-stage{
  grid-row:1!important;width:100%!important;height:100%!important;min-height:0!important;max-height:100%!important;display:grid!important;overflow:hidden!important;
}
.gatto-room-fullscreen-host .gatto-room-shell.gatto-v1042-has-screen>.gatto-room-gallery,
.gatto-room-shell.gatto-v1042-has-screen:fullscreen>.gatto-room-gallery,
.gatto-room-shell.gatto-v1042-has-screen:-webkit-full-screen>.gatto-room-gallery,
.gatto-room-shell.gatto-v1042-has-screen.is-gatto-room-fullscreen>.gatto-room-gallery,
#gattoV1040DetachedRoot>.gatto-v1040-projection.gatto-v1042-has-screen:fullscreen>.gatto-room-gallery,
#gattoV1040DetachedRoot>.gatto-v1040-projection.gatto-v1042-has-screen:-webkit-full-screen>.gatto-room-gallery{
  display:none!important;
}
.gatto-room-fullscreen-host .gatto-room-shell.gatto-v1042-has-screen>.gatto-room-controls-wrap,
.gatto-room-shell.gatto-v1042-has-screen:fullscreen>.gatto-room-controls-wrap,
.gatto-room-shell.gatto-v1042-has-screen:-webkit-full-screen>.gatto-room-controls-wrap,
.gatto-room-shell.gatto-v1042-has-screen.is-gatto-room-fullscreen>.gatto-room-controls-wrap,
#gattoV1040DetachedRoot>.gatto-v1040-projection.gatto-v1042-has-screen:fullscreen>.gatto-room-controls-wrap,
#gattoV1040DetachedRoot>.gatto-v1040-projection.gatto-v1042-has-screen:-webkit-full-screen>.gatto-room-controls-wrap{
  grid-row:2!important;
}