/* GattoMusic 2.0 - Build 10.45 */

/* Mute: alto contraste, legível também em fullscreen e projeção destacada. */
.gatto-room-participant.mic-off .gatto-room-media-status:not([hidden]){
  display:inline-grid!important;place-items:center!important;position:relative!important;
  width:21px!important;height:21px!important;flex:0 0 21px!important;margin-left:5px!important;
  border:1px solid rgba(255,92,92,.95)!important;border-radius:50%!important;
  background:rgba(86,0,0,.88)!important;color:#fff!important;opacity:1!important;
  box-shadow:0 0 0 2px rgba(0,0,0,.55),0 0 10px rgba(255,45,45,.58)!important;
  font-size:0!important;overflow:visible!important
}
.gatto-room-participant.mic-off .gatto-room-media-status:not([hidden])::before{
  content:""!important;position:absolute!important;left:7px!important;top:4px!important;width:6px!important;height:9px!important;
  border:2px solid #fff!important;border-radius:5px!important;background:transparent!important;box-sizing:border-box!important
}
.gatto-room-participant.mic-off .gatto-room-media-status:not([hidden])::after{
  content:""!important;position:absolute!important;left:3px!important;top:10px!important;width:15px!important;height:2.4px!important;
  border-radius:999px!important;background:#ff5252!important;transform:rotate(-45deg)!important;
  box-shadow:0 0 0 1px rgba(0,0,0,.8),0 0 5px rgba(255,82,82,.9)!important
}

/* Ações da superfície compartilhada. */
.gatto-v1044-screen-actions{display:inline-flex;align-items:center;gap:5px;flex:0 0 auto}
.gatto-v1044-screen-visibility,.gatto-v1042-screen-expand{
  min-width:30px;height:27px;padding:0 8px;border:1px solid rgba(255,255,255,.22);border-radius:7px;
  background:rgba(9,13,20,.82);color:#fff;cursor:pointer;font:700 11px/1 Verdana,Arial,sans-serif
}
.gatto-v1044-screen-visibility:hover,.gatto-v1042-screen-expand:hover{border-color:#8b32ff;background:rgba(80,30,125,.82)}
.gatto-v1042-screen-card.is-locally-hidden{min-height:48px!important;height:auto!important;background:rgba(5,8,13,.94)!important}
.gatto-v1042-screen-card.is-locally-hidden .gatto-v1042-screen-head{position:relative!important;inset:auto!important;min-height:46px!important}
.gatto-v1042-screen-card.is-locally-hidden .gatto-v1042-screen-video{display:none!important}

/* Em fullscreen/destacado, tela compartilhada recebe a região elástica principal;
   câmeras ficam em faixa compacta totalmente dentro do viewport. */
.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.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.is-gatto-room-detached,
#gattoV1040DetachedRoot>.gatto-v1040-projection.gatto-v1042-has-screen{
  grid-template-rows:minmax(0,1fr) minmax(82px,min(24vh,210px)) auto!important;
  min-height:0!important;height:100%!important;overflow:hidden!important
}
.gatto-room-fullscreen-host .gatto-v1042-screen-stage,
.gatto-room-detached-host .gatto-v1042-screen-stage,
.gatto-room-shell.gatto-v1042-has-screen.is-gatto-room-fullscreen>.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{
  min-width:0!important;min-height:0!important;width:100%!important;height:100%!important;overflow:hidden!important;
  display:grid!important;grid-template-columns:repeat(auto-fit,minmax(min(360px,100%),1fr))!important;align-items:stretch!important
}
.gatto-room-fullscreen-host .gatto-v1042-screen-card:not(.is-locally-hidden),
.gatto-room-detached-host .gatto-v1042-screen-card:not(.is-locally-hidden),
.gatto-room-shell.is-gatto-room-fullscreen .gatto-v1042-screen-card:not(.is-locally-hidden),
.gatto-room-shell.is-gatto-room-detached .gatto-v1042-screen-card:not(.is-locally-hidden),
#gattoV1040DetachedRoot .gatto-v1042-screen-card:not(.is-locally-hidden){min-height:0!important;height:100%!important;max-height:100%!important}
.gatto-room-fullscreen-host .gatto-v1042-screen-video,
.gatto-room-detached-host .gatto-v1042-screen-video,
.gatto-room-shell.is-gatto-room-fullscreen .gatto-v1042-screen-video,
.gatto-room-shell.is-gatto-room-detached .gatto-v1042-screen-video,
#gattoV1040DetachedRoot .gatto-v1042-screen-video{width:100%!important;height:100%!important;min-height:0!important;max-height:100%!important;object-fit:contain!important;object-position:center!important}

.gatto-room-fullscreen-host .gatto-room-shell.gatto-v1042-has-screen>.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-fullscreen>.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{
  min-height:0!important;height:100%!important;max-height:100%!important;overflow:hidden!important;
  display:grid!important;grid-template-columns:repeat(auto-fit,minmax(105px,1fr))!important;
  grid-auto-rows:minmax(0,1fr)!important;gap:6px!important;align-content:stretch!important
}
.gatto-room-fullscreen-host .gatto-room-gallery>.gatto-room-participant,
.gatto-room-detached-host .gatto-room-gallery>.gatto-room-participant,
.gatto-room-shell.is-gatto-room-fullscreen .gatto-room-gallery>.gatto-room-participant,
.gatto-room-shell.is-gatto-room-detached .gatto-room-gallery>.gatto-room-participant,
#gattoV1040DetachedRoot .gatto-room-gallery>.gatto-room-participant{
  min-width:0!important;min-height:0!important;height:100%!important;max-height:100%!important;aspect-ratio:auto!important;overflow:hidden!important
}
.gatto-room-fullscreen-host .gatto-room-video,.gatto-room-detached-host .gatto-room-video,
.gatto-room-shell.is-gatto-room-fullscreen .gatto-room-video,.gatto-room-shell.is-gatto-room-detached .gatto-room-video,
#gattoV1040DetachedRoot .gatto-room-video{width:100%!important;height:100%!important;object-fit:contain!important;object-position:center!important}

@media(max-height:620px){
  .gatto-room-fullscreen-host .chat-room-sidepanel-v972.gatto-room-shell.gatto-v1042-has-screen,
  .gatto-room-detached-host .chat-room-sidepanel-v972.gatto-room-shell.gatto-v1042-has-screen,
  .gatto-room-shell.gatto-v1042-has-screen.is-gatto-room-fullscreen,
  .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(68px,20vh) auto!important}
}