/* GattoMusic 2.0 — Build 10.42 */
:root{--gatto-v1042-room-width:720px}

/* Splitter Chat <-> Sala. Não participa do DOM interno do Chat/Sala e portanto
   não reconstrói mensagens, vídeos ou peers ao mover. */
.gatto-v1042-room-splitter{
  position:fixed;z-index:530;top:76px;bottom:12px;right:calc(var(--gatto-v1042-room-width) + 7px);
  width:10px;cursor:col-resize;touch-action:none;user-select:none;outline:none;
}
.gatto-v1042-room-splitter::before{content:"";position:absolute;left:3px;top:7%;bottom:7%;width:3px;border-radius:999px;background:#3d4b5f;box-shadow:0 0 0 1px rgba(0,0,0,.28)}
.gatto-v1042-room-splitter:hover::before,.gatto-v1042-room-splitter:focus-visible::before,.gatto-v1042-room-splitter.is-dragging::before{background:#8b32ff;box-shadow:0 0 0 4px rgba(139,50,255,.15)}
.gatto-v1042-room-splitter[hidden]{display:none!important}
body.gatto-v1042-room-resizing,body.gatto-v1042-room-resizing *{cursor:col-resize!important;user-select:none!important}
@media(min-width:1121px){
  body.chat-view-active.chat-v972-room-open .chat-room-sidepanel-v972.gatto-room-shell:not(.is-gatto-room-detached):not(.is-gatto-room-fullscreen){width:var(--gatto-v1042-room-width)!important}
  body.chat-view-active.chat-v972-room-open .chat-workspace-panel{width:calc(100% - var(--gatto-v1042-room-width) - 16px)!important}
}
@media(max-width:1120px){.gatto-v1042-room-splitter{display:none!important}}

/* Música na chamada privada */
.gatto-v1042-music-control.is-active{border-color:rgba(139,50,255,.62)!important;background:rgba(139,50,255,.13)!important}
.gatto-v1042-remote-music{display:none!important}

/* Música por participante na Sala */
.gatto-v1042-room-listen-music{
  position:absolute;left:7px;top:7px;z-index:9;max-width:calc(100% - 14px);padding:4px 7px;border:1px solid rgba(124,146,176,.34);border-radius:8px;
  background:rgba(4,8,13,.72);color:#d9e0ea;font:700 11px/1.2 Verdana,Arial,sans-serif;cursor:pointer;backdrop-filter:blur(5px)
}
.gatto-v1042-room-listen-music.is-active{border-color:rgba(139,50,255,.68);color:#fff}
.gatto-v1042-room-listen-music:disabled{opacity:.46;cursor:default}
.gatto-v1042-room-music-audio{display:none!important}

/* Tela compartilhada: superfície própria, independente dos cards de câmera. */
.chat-room-sidepanel-v972.gatto-room-shell.gatto-v1042-has-screen{
  grid-template-rows:auto minmax(180px,.92fr) minmax(96px,.44fr) auto minmax(0,1fr) auto!important;
}
.gatto-v1042-screen-stage{min-width:0;min-height:0;display:grid;grid-template-columns:repeat(auto-fit,minmax(min(330px,100%),1fr));gap:7px;overflow:auto}
.gatto-v1042-screen-stage[hidden]{display:none!important}
.gatto-v1042-screen-card{position:relative;min-width:0;min-height:180px;overflow:hidden;border:1px solid rgba(139,50,255,.58);border-radius:12px;background:#05080d;box-shadow:inset 0 0 0 1px rgba(255,255,255,.025)}
.gatto-v1042-screen-head{position:absolute;left:7px;right:7px;top:7px;z-index:4;display:flex;align-items:center;justify-content:space-between;gap:8px;padding:5px 7px;border-radius:9px;background:rgba(3,6,10,.72);backdrop-filter:blur(6px)}
.gatto-v1042-screen-name{min-width:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;color:#fff;font:800 12px/1.2 Verdana,Arial,sans-serif}
.gatto-v1042-screen-expand{width:28px;height:26px;border:1px solid rgba(255,255,255,.16);border-radius:7px;background:rgba(255,255,255,.06);color:#fff;cursor:pointer}
.gatto-v1042-screen-video{width:100%;height:100%;min-height:180px;display:block;object-fit:contain;background:#05080d}
.gatto-v1042-screen-card:fullscreen,.gatto-v1042-screen-card.is-expanded{background:#000}
.gatto-v1042-screen-card:fullscreen .gatto-v1042-screen-video,.gatto-v1042-screen-card.is-expanded .gatto-v1042-screen-video{width:100%;height:100%;object-fit:contain}

@media(max-width:720px){
  .gatto-v1042-room-listen-music{font-size:10px;padding:3px 5px}
  .chat-room-sidepanel-v972.gatto-room-shell.gatto-v1042-has-screen{grid-template-rows:auto minmax(150px,.75fr) minmax(86px,.42fr) auto minmax(0,1fr) auto!important}
  .gatto-v1042-screen-card,.gatto-v1042-screen-video{min-height:150px}
}