/* Complementos de chamadas e voz. Carregado após o tema e as regras mobile. */
.chamada-topo>div:first-child{flex:1;min-width:0}
.chamada-topo b{display:block;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
.chamada-overlay.minimizada{inset:auto 16px 74px auto;width:360px;height:330px;max-width:calc(100vw - 24px);padding:0;background:transparent;backdrop-filter:none;-webkit-backdrop-filter:none;display:block}
.chamada-overlay.minimizada .chamada-box{width:100%;height:100%;max-width:none;max-height:none;border:1px solid #69717b;border-radius:15px;box-shadow:0 10px 36px #0009}
.chamada-overlay.minimizada .chamada-topo{padding:8px 10px;gap:6px}
.chamada-overlay.minimizada .chamada-topo .btn{min-width:32px;padding:4px 7px}
.chamada-overlay.minimizada .chamada-medidores{display:none}
.chamada-overlay.minimizada .chamada-insegura{max-height:54px;overflow:auto;font-size:.75rem;padding:6px}
.chamada-overlay.minimizada .chamada-acoes{gap:5px;padding:6px;justify-content:center;overflow:visible}
.chamada-overlay.minimizada .chamada-acoes button{height:36px;min-width:36px;width:auto;padding:4px 10px;font-size:.85rem}
.chamada-overlay.minimizada .chamada-videos .local{width:82px;height:60px;right:8px;bottom:8px}
.chamada-overlay.minimizada .chamada-avatar-grande{width:70px;height:70px;font-size:30px}
#chamada-criar-grupo{width:auto;padding-inline:14px}
.grupo-grade{display:grid;grid-template-columns:repeat(auto-fit,minmax(min(100%,210px),1fr));grid-auto-rows:minmax(150px,1fr);gap:8px;padding:10px;flex:1;min-height:0;overflow:auto;background:#111315}
.grupo-tile{position:relative;min-height:140px;overflow:hidden;border-radius:10px;background:#24282d;display:grid;place-items:center}
.grupo-tile video{position:absolute;inset:0;width:100%;height:100%;object-fit:contain;background:#101214}
.grupo-avatar{font-size:38px;color:#eef4ff;background:#3b4656;border-radius:50%;width:68px;height:68px;display:grid;place-items:center}
.grupo-tile-nome{position:absolute;inset:auto 0 0;padding:22px 10px 8px;background:linear-gradient(transparent,#080a0de8);color:#fff;pointer-events:none}
.grupo-tile-nome b,.grupo-tile-nome small{display:block;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
.grupo-tile-nome small{font-size:.76rem;color:#d0d8e4}
.grupo-reproduzir{width:auto!important;min-width:150px!important;padding-inline:12px!important}
.grupo-escolher{max-height:40vh;overflow:auto}
.grupo-escolher label{display:flex;align-items:center;gap:8px;min-height:42px}
.chamada-overlay.minimizada .grupo-grade{grid-template-columns:repeat(2,minmax(0,1fr));grid-auto-rows:120px;padding:6px;gap:5px}
.chamada-overlay.minimizada .grupo-tile{min-height:110px}
.chamada-overlay.minimizada .grupo-tile-nome{font-size:.75rem}
.chat-form.gravando-voz,.dock-form.gravando-voz{flex-wrap:wrap;min-width:0}
.chat-form .voz-gravando,.dock-form .voz-gravando{display:grid;grid-template-columns:minmax(0,1fr);flex:1 1 100%;width:100%;max-width:100%;min-width:0;gap:8px;padding:5px;box-sizing:border-box}
.voz-gravacao-info{display:flex;align-items:center;gap:9px;min-width:0}
.voz-estado{min-width:0;font-size:.85rem;line-height:1.3}
.voz-gravando .voz-onda-viva{width:100%;min-width:0;max-width:100%;height:24px}
.voz-gravando .voz-alerta{white-space:normal;font-size:.78rem}
.voz-controles{display:flex;gap:7px;width:100%;min-width:0}
.chat-form .voz-gravando .voz-controles .btn,.dock-form .voz-gravando .voz-controles .btn{flex:1 1 0;min-width:0!important;width:auto!important;height:44px!important;padding:0 8px!important;border-radius:12px!important;font-size:.9rem;white-space:nowrap;overflow:visible}
.voz-gravando.pausada .voz-ponto{animation:none;background:#fbbf24}
.voz-msg{width:300px;max-width:100%;min-width:0;gap:6px}
.voz-msg .voz-ondas{min-width:0;gap:1px;overflow:hidden}
.voz-msg .voz-ondas b{min-width:0}
.voz-msg .voz-progresso{min-width:0}
.voz-velocidade{flex:none;width:47px;min-height:34px;border:1px solid #ffffff44;border-radius:18px;background:#ffffff15;color:inherit;font-family:inherit;font-size:.8rem;font-weight:700;cursor:pointer;padding:4px}
.chat-balao{max-width:100%;box-sizing:border-box}
.chat-apagar{border:0;border-radius:5px;background:transparent;color:inherit;font-size:.74rem;min-height:28px;padding:3px 6px;text-decoration:underline;cursor:pointer;opacity:.85}
@media(max-width:700px){
  .chamada-overlay.minimizada{width:310px;height:300px;right:10px;bottom:max(12px,env(safe-area-inset-bottom));left:auto;top:auto;align-items:initial}
  .chamada-overlay.minimizada .chamada-topo{padding:6px 8px}
  .grupo-grade{grid-template-columns:repeat(2,minmax(0,1fr));grid-auto-rows:minmax(150px,1fr)}
  .grupo-tile{min-height:140px}
  .voz-msg{width:270px}
  .voz-msg .voz-icone{display:none}
  .chat-msg .voz-play{width:34px;height:34px}
}

/* Prints, anexos e respostas no mesmo compositor da tela e do rodapé. */
.chat-form.chat-compositor,.dock-form.chat-compositor{flex-wrap:wrap;min-width:0}
.chat-compositor-previas{flex:0 0 100%;width:100%;max-width:100%;min-width:0;order:-1}
.chat-responder-previa{display:flex;align-items:center;gap:8px;padding:8px 10px;margin-bottom:7px;border-left:3px solid var(--azul,#7bb4ff);background:var(--campo,#222831);border-radius:8px;min-width:0}
.chat-responder-previa>div{flex:1;min-width:0}
.chat-responder-previa small,.chat-responder-previa span{display:block;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
.chat-responder-previa small{color:var(--azul,#7bb4ff);font-weight:600}
.chat-responder-previa span{font-size:.85rem;margin-top:3px}
.chat-compositor .chat-responder-previa .btn,.chat-compositor .chat-anexo-item .btn{flex:none;min-width:28px!important;width:28px!important;height:30px!important;padding:0!important}
.chat-anexos-lista{display:grid;grid-template-columns:repeat(auto-fill,minmax(145px,1fr));gap:7px;max-height:180px;overflow:auto;margin:6px 0}
.chat-anexo-item{display:flex;align-items:center;gap:6px;min-width:0;padding:6px;border:1px solid var(--linha,#46505e);border-radius:9px;background:var(--campo,#222831)}
.chat-anexo-item small{flex:1;min-width:0;overflow:hidden;text-overflow:ellipsis;font-size:.76rem;white-space:nowrap}
.chat-anexo-mini{display:block;border:0;background:#10151b;padding:0;flex:none;width:48px;height:48px;cursor:zoom-in}
.chat-anexo-mini img{display:block;width:100%;height:100%;object-fit:contain}
.chat-anexo-simbolo{width:32px;text-align:center;flex:none}
.chat-preparando{display:block;padding:5px;font-size:.8rem;color:var(--tinta-2,#cdd8e9)}
.chat-compositor .chat-print{width:auto;min-width:44px;padding:0 9px;font-size:.8rem}
.dock-form.chat-compositor .chat-print{min-width:36px;min-height:30px;padding:0 4px;font-size:.72rem}
.dock-form.chat-compositor textarea{min-width:60px}
.chat-form.chat-compositor.gravando-voz>.chat-compositor-previas:not([hidden]),.dock-form.chat-compositor.gravando-voz>.chat-compositor-previas:not([hidden]){display:block!important}
.chat-resposta{display:block;margin:0 0 8px;padding:8px 10px;min-width:0;max-width:100%;border:0;border-left:3px solid var(--azul,#9bcaff);border-radius:6px;background:rgba(0,0,0,.16);font-size:.84rem;line-height:1.4;box-sizing:border-box}
.chat-resposta b{display:block;overflow:hidden;white-space:nowrap;text-overflow:ellipsis}
.chat-resposta span{display:-webkit-box;-webkit-line-clamp:3;-webkit-box-orient:vertical;overflow:hidden;overflow-wrap:anywhere;color:inherit;opacity:.9}
.chat-responder{border:0;border-radius:5px;background:transparent;color:inherit;font-size:.74rem;min-height:28px;padding:3px 6px;cursor:pointer;text-decoration:underline}
.chat-foto{display:block;border:0;background:transparent;padding:0;max-width:100%;cursor:zoom-in;border-radius:8px;overflow:hidden}
.chat-foto img{display:block;max-width:100%;height:auto}
.chat-conversa.chat-soltar,.dock-corpo.chat-soltar{position:relative;outline:3px dashed #8bc6ff;outline-offset:-5px}
.chat-soltar::after{content:'Solte os arquivos para anexar à mensagem';position:absolute;inset:15px;z-index:15;display:grid;place-items:center;text-align:center;padding:24px;border:2px dashed #9bcaff;border-radius:12px;background:#142c49ed;color:#fff;font-weight:600;pointer-events:none}
dialog.chat-imagem-janela{width:min(1200px,calc(100vw - 24px));max-width:calc(100vw - 24px);max-height:94dvh;padding:0;border:1px solid #566477;border-radius:14px;background:#151a22;color:#f7f9fc;overflow:hidden}
dialog.chat-imagem-janela[open]{display:flex;flex-direction:column}
.chat-imagem-janela::backdrop{background:rgba(0,0,0,.88)}
.chat-imagem-cab,.chat-imagem-rodape{display:flex;align-items:center;gap:12px;padding:10px 14px;flex:none}
.chat-imagem-cab b{flex:1;min-width:0;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;font-size:.94rem}
.chat-imagem-area{display:grid;place-items:center;flex:1;min-height:80px;overflow:auto;background:#070a0e}
.chat-imagem-area img{display:block;max-width:100%;max-height:calc(94dvh - 128px);width:auto;height:auto;object-fit:contain}
.chat-imagem-rodape{justify-content:space-between;font-size:.82rem}
.chat-imagem-rodape span{flex:1;min-width:0}
.chat-imagem-janela.tamanho-original .chat-imagem-area{display:block}
.chat-imagem-janela.tamanho-original img{max-width:none;max-height:none;object-fit:initial}
@media(max-width:700px){
  .chat-form.chat-compositor>.chat-compositor-previas{order:0}
  .chat-form.chat-compositor>.chat-escrever{order:1;flex:1 1 100%;width:100%}
  .chat-form.chat-compositor>.btn,.chat-form.chat-compositor>label{order:2}
  .chat-form.chat-compositor>button[type=submit]{margin-left:auto}
  .chat-form.chat-compositor .chat-print{width:auto!important;min-width:44px;padding:0 8px}
  .chat-responder,.chat-apagar{min-height:32px}
  .chat-imagem-cab,.chat-imagem-rodape{padding:9px}
}

/* Amplia um participante sem mover/recriar os elementos que reproduzem a mídia. */
.grupo-ampliar{position:absolute;right:8px;top:8px;z-index:2;min-height:32px;max-width:calc(100% - 16px);padding:5px 10px;border:1px solid #ffffff66;background:#152132e8!important;color:#fff!important;box-shadow:0 2px 10px #0006}
.grupo-grade.com-destaque{display:flex;align-items:stretch;grid-template-columns:none;grid-auto-rows:auto;overflow:hidden}
.grupo-grade.com-destaque>.grupo-tile{display:none}
.grupo-grade.com-destaque>.grupo-tile.em-destaque{display:grid;flex:1;min-width:0;min-height:0;width:100%;height:100%;border-radius:8px}
.grupo-grade.com-destaque>.em-destaque video{object-fit:contain}
.chamada-topo .grupo-voltar-grade{flex:none;white-space:nowrap;font-size:.8rem;padding:7px 10px}
.chamada-overlay.minimizada .grupo-grade.com-destaque{display:flex}
.chamada-overlay.minimizada .grupo-grade.com-destaque>.grupo-tile.em-destaque{min-height:0}
.chamada-overlay.minimizada .grupo-ampliar{font-size:.72rem;min-height:28px;padding:3px 6px;right:5px;top:5px}
@media(max-width:700px){.chamada-topo .grupo-voltar-grade{font-size:.75rem;padding:6px}.grupo-ampliar{min-height:38px}}

/* Foto real também quando não há vídeo, sem alterar as trilhas da chamada. */
.chamada-avatar-grande,.grupo-avatar{position:relative;overflow:hidden;flex:none}
.chamada-avatar-grande>img,.grupo-avatar>img{position:absolute;inset:0;display:block;width:100%;height:100%;max-width:none;max-height:none;object-fit:cover;border-radius:inherit}
.foto-chamada-iniciais{display:grid;place-items:center;width:100%;height:100%;line-height:1}
:root .chat-msgs.chat-tem-fundo,:root .dock-msgs.chat-tem-fundo{background-image:linear-gradient(var(--chat-fundo-vel,rgba(12,15,20,.24)),var(--chat-fundo-vel,rgba(12,15,20,.24))),var(--chat-fundo-img)!important;background-size:cover!important;background-position:center!important;background-repeat:no-repeat!important;background-attachment:scroll!important}
:root[data-tema="claro"] .chat-tem-fundo{--chat-fundo-vel:rgba(255,255,255,.25)}
.chat-wallpaper-menu button:disabled{opacity:.45;cursor:default}

/* Controles individuais de escuta: voz e compartilhamento ficam separados. */
.chamada-volumes{position:relative;color:#f4f7fb;flex:none;align-self:center;font-size:.82rem}
.chamada-volumes>summary{cursor:pointer;list-style:none;border:1px solid #788697;border-radius:9px;padding:9px 10px;background:#263344;white-space:nowrap}
.chamada-volumes>summary::-webkit-details-marker{display:none}
.chamada-volumes[open]>summary{background:#345779;border-color:#a9ceff}
.chamada-volumes>[data-volumes]{position:absolute;z-index:8;bottom:calc(100% + 8px);right:0;width:285px;max-width:calc(100vw - 42px);padding:12px;border:1px solid #8195ab;border-radius:11px;background:#182331;box-shadow:0 8px 28px #000a}
.chamada-volumes [data-volumes]>small{display:block;color:#cad6e6;font-size:.76rem;margin-bottom:8px}
.chamada-volume-linha{display:grid;grid-template-columns:minmax(0,1fr) 38px 52px;align-items:center;gap:7px;margin-top:9px}
.chamada-volume-linha label{display:block;min-width:0;font-size:.78rem}
.chamada-volume-linha input{display:block;width:100%;min-width:0;min-height:28px;accent-color:#8abfff;cursor:pointer;padding:0;border:0}
.chamada-volume-linha output{font-size:.75rem;text-align:right;font-variant-numeric:tabular-nums}
.chamada-volume-linha .btn{width:auto!important;min-width:0!important;height:32px!important;min-height:32px;padding:3px 5px!important;font-size:.74rem;border-radius:7px!important}
.grupo-volumes{position:absolute;z-index:4;top:8px;left:8px;align-self:start}
.grupo-volumes>summary{padding:6px 8px;background:#162334ed;min-height:32px;box-sizing:border-box}
.grupo-volumes>[data-volumes]{top:calc(100% + 5px);left:0;right:auto;bottom:auto;width:265px;max-width:calc(100vw - 60px)}
.grupo-volumes[open]{z-index:9}
.grupo-tile:has(.grupo-volumes[open]){overflow:visible;z-index:5}
.grupo-grade.com-destaque>.grupo-tile.em-destaque .grupo-volumes>[data-volumes]{width:285px}
.chamada-acoes{flex-wrap:wrap;align-items:center}
.chamada-acoes [data-grupo-adicionar],#chamada-criar-grupo{width:auto;min-width:0;padding-inline:12px;font-size:.85rem}
.chamada-overlay.minimizada .chamada-acoes{padding:5px;gap:4px}
.chamada-overlay.minimizada .chamada-acoes button{height:32px;min-width:30px;padding:3px 7px;font-size:.77rem}
.chamada-overlay.minimizada .chamada-volumes>summary{font-size:.75rem;padding:6px}

/* Fundo discreto e linhas visíveis entre conversas e entre balões. */
:root .chat-msgs,:root .dock-msgs{background-color:#171c22;background-image:radial-gradient(ellipse at top right,#27334355,transparent 65%)}
:root .chat-tem-fundo{--chat-fundo-vel:rgba(9,14,21,.60)}
:root:not([data-tema="claro"]) .chat-msg .chat-balao{background:#303842!important;border:1px solid #78899b!important;color:#fff;box-shadow:0 2px 8px #0005!important}
:root:not([data-tema="claro"]) .chat-msg.minha .chat-balao{background:#204c82!important;border:1px solid #7eafe4!important;color:#fff}
:root .chat-item,:root .dock-lista .chat-item{border-bottom:1px solid #586473!important;margin-bottom:3px}
:root .chat-item.ativo{outline:1px solid #7292b8;outline-offset:-1px}
:root .chat-msg{margin-bottom:5px}
:root .chat-meta{opacity:.95}
:root[data-tema="claro"] .chat-msgs,:root[data-tema="claro"] .dock-msgs{background-color:#edf1f6}
:root[data-tema="claro"] .chat-tem-fundo{--chat-fundo-vel:rgba(245,248,252,.65)}
:root[data-tema="claro"] .chat-msg .chat-balao{border:1px solid #8696aa!important;box-shadow:0 2px 5px #1e344518}
:root[data-tema="claro"] .chat-item,:root[data-tema="claro"] .dock-lista .chat-item{border-bottom-color:#a9b6c7!important}
@media(max-width:700px){
  .chamada-volumes>summary{font-size:.76rem;padding:8px}
  .chamada-volume-linha input{min-height:36px}
  .chamada-acoes{gap:6px;padding:8px}
  .chamada-acoes [data-grupo-adicionar],#chamada-criar-grupo{height:40px;padding-inline:9px;font-size:.78rem}
  .chat-cab{flex-wrap:wrap;gap:6px}
  .grupo-volumes>[data-volumes]{width:min(250px,calc(100vw - 60px))}
  .grupo-tile:nth-child(even) .grupo-volumes>[data-volumes]{left:auto;right:0}
}

/* Preferências de sons na conta, com prévias curtas e volume por evento. */
.sons-form{display:grid;gap:12px;min-width:0}
.sons-item{margin:0;padding:12px;border:1px solid var(--linha-forte,#536172);border-radius:12px;min-width:0}
.sons-item legend{padding:0 6px;font-weight:600;font-size:.94rem}
.sons-escolha{display:flex;gap:8px;align-items:center;min-width:0}
.sons-escolha select{flex:1;width:100%;min-width:0;max-width:100%;font-size:.9rem}
.sons-escolha .btn{flex:none}
.sons-volume{display:flex;gap:10px;align-items:center;font-size:.84rem;margin-top:12px}
.sons-volume input{flex:1;width:100%;min-width:0;padding:0;height:34px;accent-color:#8abfff}
.sons-volume output{width:40px;text-align:right;font-variant-numeric:tabular-nums}
.sons-acoes{flex-wrap:wrap;gap:8px}
.sons-pessoais{display:grid;gap:7px}
.sons-pessoais>div{display:flex;align-items:center;gap:10px;min-width:0;border-bottom:1px solid var(--linha,#4c5765);padding-bottom:7px}
.sons-pessoais span{flex:1;min-width:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
.sons-desbloquear{position:fixed;z-index:6000;right:18px;bottom:80px;background:#315b8b!important;color:#fff!important;border:2px solid #bfdcff!important;box-shadow:0 4px 24px #0008;min-height:44px}
@media(max-width:700px){.sons-item{padding:9px}.sons-escolha{gap:5px}.sons-escolha select{font-size:.82rem}.sons-acoes>.btn{flex:1 1 auto;text-align:center;justify-content:center}.sons-pessoais>div{flex-wrap:wrap}.sons-desbloquear{right:10px;bottom:74px}.alerta-cutucada{max-width:calc(100vw - 24px);box-sizing:border-box}}