/* GattoMusic 2.0 / Build 10.09 — confirmações no topo, emoji privado maior e Sala no topo. */

/* 10.09 — toda superfície modal customizada permanece acima dos painéis do Player/Chat/Sala.
   O JavaScript move o overlay para o elemento fullscreen quando necessário; este z-index resolve
   os stacking contexts normais e mantém os controles acessíveis em viewports pequenas. */
.gatto-modal-overlay,
.gatto-modal-overlay.gatto-v1009-modal-top{
  position:fixed!important;
  inset:0!important;
  z-index:2147483000!important;
  box-sizing:border-box!important;
  min-width:0!important;
  min-height:0!important;
  max-width:100vw!important;
  max-height:100dvh!important;
  overflow:auto!important;
  overscroll-behavior:contain!important;
  padding:max(10px,env(safe-area-inset-top)) max(10px,env(safe-area-inset-right)) max(10px,env(safe-area-inset-bottom)) max(10px,env(safe-area-inset-left))!important;
  place-items:center!important;
  isolation:isolate!important;
}
.gatto-modal-overlay>.gatto-modal{
  position:relative!important;
  z-index:1!important;
  max-width:calc(100vw - 20px)!important;
  max-height:calc(100dvh - 20px)!important;
  overflow:auto!important;
  overscroll-behavior:contain!important;
  box-sizing:border-box!important;
}
@media(max-width:560px),(max-height:560px){
  .gatto-modal-overlay{align-items:start!important;padding:8px!important}
  .gatto-modal-overlay>.gatto-modal{width:min(520px,100%)!important;max-height:calc(100dvh - 16px)!important;padding:16px!important}
  .gatto-modal-overlay .gatto-modal-actions{position:sticky!important;bottom:0!important;z-index:2!important;padding-top:8px!important;background:inherit!important}
}

/* 10.09 — tamanho EFETIVO do emoji apenas no Chat privado/player.
   O seletor é deliberadamente ancorado em #chatMessageList para nunca atingir mensagens da Sala. */
#chatMessageList .chat-message-text .chat-v1007-emoji-inline,
#chatMessageList .chat-message-text .chat-v92-inline-emoji.chat-v1007-emoji-inline{
  display:inline-block!important;
  font-family:"Segoe UI Emoji","Noto Color Emoji","Apple Color Emoji",sans-serif!important;
  font-size:2.72em!important;
  font-variant-emoji:emoji;
  line-height:.76!important;
  vertical-align:-.22em!important;
  min-width:.90em!important;
}
#chatMessageList .chat-message-text.chat-v1007-emoji-one{font-size:clamp(4.15rem,6.7vw,5.8rem)!important;line-height:1.03!important}
#chatMessageList .chat-message-text.chat-v1007-emoji-few{font-size:clamp(3.25rem,5.4vw,4.55rem)!important;line-height:1.07!important}
#chatMessageList .chat-message-text.chat-v1007-emoji-many{font-size:clamp(2.45rem,4.1vw,3.5rem)!important;line-height:1.10!important}
#chatMessageList .chat-message-text.chat-v1007-emoji-only .chat-v1007-emoji-inline{
  font-size:inherit!important;line-height:inherit!important;vertical-align:baseline!important;min-width:0!important
}
/* Defesa explícita: Sala permanece no tamanho normal mesmo com a folha 10.09 carregada por último. */
.gatto-room-message-text .chat-v1007-emoji-inline{font-size:inherit!important;line-height:inherit!important;vertical-align:baseline!important;min-width:0!important}
.gatto-room-message-text.chat-v1007-emoji-only,
.gatto-room-message-text.chat-v1007-emoji-one,
.gatto-room-message-text.chat-v1007-emoji-few,
.gatto-room-message-text.chat-v1007-emoji-many{font-size:13px!important;line-height:1.4!important}

/* 10.09 — fullscreen e Sala destacada começam no topo útil. A quantidade de colunas é
   calculada pelo app_v1009.js sem tocar em srcObject/MediaStream/track. */
.gatto-room-fullscreen-host .chat-room-sidepanel-v972.gatto-room-shell>.gatto-room-gallery,
.chat-room-sidepanel-v972.gatto-room-shell:fullscreen>.gatto-room-gallery,
.chat-room-sidepanel-v972.gatto-room-shell:-webkit-full-screen>.gatto-room-gallery,
.chat-room-sidepanel-v972.gatto-room-shell[data-gatto-room-fullscreen="1"]>.gatto-room-gallery,
.chat-room-sidepanel-v972.gatto-room-shell.is-gatto-room-fullscreen>.gatto-room-gallery,
.gatto-room-detached-host .chat-room-sidepanel-v972.gatto-room-shell>.gatto-room-gallery,
.chat-room-sidepanel-v972.gatto-room-shell[data-gatto-room-detached="1"]>.gatto-room-gallery,
.chat-room-sidepanel-v972.gatto-room-shell.is-gatto-room-detached>.gatto-room-gallery{
  display:grid!important;
  grid-template-columns:repeat(var(--gatto-room-v1009-cols,1),minmax(0,1fr))!important;
  grid-auto-flow:row!important;
  grid-auto-rows:max-content!important;
  align-content:start!important;
  align-items:start!important;
  justify-content:stretch!important;
  justify-items:stretch!important;
  place-content:start stretch!important;
  padding-top:0!important;
  margin-top:0!important;
  overflow:hidden!important;
}
.gatto-room-fullscreen-host .gatto-room-gallery>.gatto-room-participant,
.chat-room-sidepanel-v972.gatto-room-shell:fullscreen>.gatto-room-gallery>.gatto-room-participant,
.chat-room-sidepanel-v972.gatto-room-shell[data-gatto-room-fullscreen="1"]>.gatto-room-gallery>.gatto-room-participant,
.chat-room-sidepanel-v972.gatto-room-shell.is-gatto-room-fullscreen>.gatto-room-gallery>.gatto-room-participant,
.gatto-room-detached-host .gatto-room-gallery>.gatto-room-participant,
.chat-room-sidepanel-v972.gatto-room-shell[data-gatto-room-detached="1"]>.gatto-room-gallery>.gatto-room-participant,
.chat-room-sidepanel-v972.gatto-room-shell.is-gatto-room-detached>.gatto-room-gallery>.gatto-room-participant{
  grid-column:auto!important;
  width:100%!important;
  max-width:none!important;
  justify-self:stretch!important;
  align-self:start!important;
  margin-top:0!important;
}

/* Build 10.35 — emoji grande e idêntico no Chat privado e no Chat da Sala. */
#chatMessageList .chat-message-text .chat-v1007-emoji-inline,
.gatto-room-message-text .chat-v1007-emoji-inline{display:inline-block!important;font-family:"Segoe UI Emoji","Noto Color Emoji","Apple Color Emoji",sans-serif!important;font-size:2.25em!important;line-height:.82!important;vertical-align:-.18em!important;min-width:.88em!important}
#chatMessageList .chat-message-text.chat-v1007-emoji-one,
.gatto-room-message-text.chat-v1007-emoji-one{font-size:clamp(4.15rem,6.7vw,5.8rem)!important;line-height:1.03!important}
#chatMessageList .chat-message-text.chat-v1007-emoji-few,
.gatto-room-message-text.chat-v1007-emoji-few{font-size:clamp(3.25rem,5.4vw,4.55rem)!important;line-height:1.07!important}
#chatMessageList .chat-message-text.chat-v1007-emoji-many,
.gatto-room-message-text.chat-v1007-emoji-many{font-size:clamp(2.45rem,4.1vw,3.5rem)!important;line-height:1.10!important}
#chatMessageList .chat-message-text.chat-v1007-emoji-only .chat-v1007-emoji-inline,
.gatto-room-message-text.chat-v1007-emoji-only .chat-v1007-emoji-inline{font-size:inherit!important;line-height:inherit!important;vertical-align:baseline!important;min-width:0!important}


/* Build 10.36 — mesma escala final (~2x) no Chat privado e na Sala. */
#chatMessageList .chat-message-text .chat-v1007-emoji-inline,
.gatto-room-message-text .chat-v1007-emoji-inline{font-size:2em!important;line-height:1!important;vertical-align:-.08em!important;min-width:.7em!important}
#chatMessageList .chat-message-text.chat-v1007-emoji-one,
.gatto-room-message-text.chat-v1007-emoji-one{font-size:clamp(2.05rem,3.35vw,2.9rem)!important;line-height:1.08!important}
#chatMessageList .chat-message-text.chat-v1007-emoji-few,
.gatto-room-message-text.chat-v1007-emoji-few{font-size:clamp(1.7rem,2.7vw,2.3rem)!important;line-height:1.10!important}
#chatMessageList .chat-message-text.chat-v1007-emoji-many,
.gatto-room-message-text.chat-v1007-emoji-many{font-size:clamp(1.35rem,2.05vw,1.8rem)!important;line-height:1.12!important}
#chatMessageList .chat-message-text.chat-v1007-emoji-only .chat-v1007-emoji-inline,
.gatto-room-message-text.chat-v1007-emoji-only .chat-v1007-emoji-inline{font-size:inherit!important;line-height:inherit!important;vertical-align:baseline!important;min-width:0!important}