/* b12-chamada.css — o cartão de chamada do painel: voz, vídeo e tela (09/10/2026).

   Antes isto morava no começo de `b1-nucleo-e-chamada.css` e só sabia mostrar uma ligação de voz de
   saída. Agora o mesmo cartão atende, mostra o vídeo do cliente, a câmera de quem atende e a tela
   compartilhada. Só usa os tokens do tema (`--bg-header`, `--border`, `--accent`…): vale nos dois
   temas sem regra extra. Degraus de 4 px; nada de altura chutada — a posição inicial vem do
   `getBoundingClientRect` da barra do topo, em `chamada.js`. */

/* Cores de ALERTA com contraste nos dois temas (medido): o vermelho/âmbar claros não passam de 3:1 sobre o cinza do tema claro. */
.chamada-barra, .chamada-registro {
    --chamada-alerta: #ff6b6b;
    --chamada-aviso: #f0b429;
    --chamada-azul: #5cc3f0;
}
:root.light-theme .chamada-barra, :root.light-theme .chamada-registro {
    --chamada-alerta: #b3261e;
    --chamada-aviso: #8a5a00;
    --chamada-azul: #0a6a97;
}

.chamada-barra {
    position: fixed;
    top: 84px;
    right: 24px;
    z-index: 4000;
    display: none;
    flex-direction: column;
    gap: 12px;
    width: 340px;
    max-width: calc(100vw - 32px);
    padding: 14px 16px 14px;
    border-radius: 16px;
    background: var(--bg-header);
    color: var(--text-main);
    border: 1px solid var(--border);
    box-shadow: 0 12px 32px rgba(0, 0, 0, .38);
    opacity: 0;
    transform: translateY(-8px) scale(.98);
    transition: opacity .18s cubic-bezier(.4, 0, .2, 1), transform .18s cubic-bezier(.4, 0, .2, 1), width .22s cubic-bezier(.4, 0, .2, 1);
    user-select: none;
}
.chamada-barra.aberta { display: flex; opacity: 1; transform: translateY(0) scale(1); }
.chamada-barra.com-palco { width: 480px; }
.chamada-barra.arrastando { transition: none; box-shadow: 0 18px 44px rgba(0, 0, 0, .5); }
.chamada-barra [hidden] { display: none !important; }

/* ── cabeça: quem, em que pé está a chamada, há quanto tempo, e se está gravando ── */
.chamada-cabeca { display: flex; align-items: center; gap: 12px; min-width: 0; cursor: grab; }
.chamada-barra.arrastando .chamada-cabeca { cursor: grabbing; }
.chamada-quem { min-width: 0; flex: 1; }
/* Fundo + borda, e não só fundo: no tema escuro o `--bg-bubble-received` é igual ao `--bg-header` do
   cartão e o avatar sumia. O fundo resolve o escuro, a borda resolve o claro. */
.chamada-avatar {
    width: 44px; height: 44px; border-radius: 50%;
    background: var(--bg-main);
    border: 1px solid var(--border);
    display: flex; align-items: center; justify-content: center;
    font-size: 18px; color: var(--text-secondary);
    overflow: hidden; flex-shrink: 0;
}
.chamada-avatar img { width: 100%; height: 100%; object-fit: cover; }
.chamada-nome {
    font-size: 15px; font-weight: 600; color: var(--text-main);
    white-space: nowrap; overflow: hidden; text-overflow: ellipsis;
}
.chamada-estado {
    font-size: 12px; color: var(--text-secondary); margin-top: 2px;
    display: flex; align-items: center; gap: 6px; min-width: 0;
}
.chamada-estado > span:nth-child(2) { white-space: nowrap; overflow: hidden; text-overflow: ellipsis; }
.chamada-tempo { font-variant-numeric: tabular-nums; color: var(--text-main); font-weight: 600; margin-left: auto; padding-left: 8px; }
.chamada-tempo:empty { display: none; }

/* Ponto que pulsa enquanto a chamada está de pé: âmbar tocando, verde conectada, vermelho encerrando. */
.chamada-pulso { width: 7px; height: 7px; border-radius: 50%; flex-shrink: 0; background: var(--text-secondary); }
.chamada-barra.is-tocando .chamada-pulso { background: #f0b429; animation: chamadaPulsar 1.2s infinite; }
.chamada-barra.is-conectada .chamada-pulso { background: var(--accent); animation: chamadaPulsar 1.6s infinite; }
.chamada-barra.is-encerrando .chamada-pulso { background: #ea3323; }
@keyframes chamadaPulsar {
    0%, 100% { opacity: 1; transform: scale(1); }
    50% { opacity: .35; transform: scale(.75); }
}

/* Chamada entrando: o avatar respira em círculos, para dar para ver de longe que está tocando. */
.chamada-barra.is-recebendo .chamada-avatar { animation: chamadaAnel 1.6s infinite; }
@keyframes chamadaAnel {
    0% { box-shadow: 0 0 0 0 rgba(0, 168, 132, .55); }
    70% { box-shadow: 0 0 0 14px rgba(0, 168, 132, 0); }
    100% { box-shadow: 0 0 0 0 rgba(0, 168, 132, 0); }
}

.chamada-rec {
    flex-shrink: 0; display: inline-flex; align-items: center; gap: 4px;
    font-size: 10px; font-weight: 700; letter-spacing: .06em;
    color: var(--chamada-alerta); border: 1px solid currentColor; border-radius: 999px; padding: 2px 8px;
}
.chamada-rec i { font-size: 6px; animation: chamadaPulsar 1.2s infinite; }

/* ── engrenagem do cabeçalho e a área de dispositivos (microfone, saída de áudio, câmera) ── */
.chamada-engrenagem {
    width: 32px; height: 32px; border-radius: 50%; border: none; cursor: pointer; flex-shrink: 0;
    background: transparent; color: var(--text-secondary); font-size: 14px;
    display: inline-flex; align-items: center; justify-content: center;
    transition: background .15s cubic-bezier(.4, 0, .2, 1), color .15s;
}
.chamada-engrenagem:hover, .chamada-engrenagem[aria-expanded="true"] { background: rgba(127, 127, 127, .2); color: var(--text-main); }
.chamada-engrenagem:focus-visible { outline: 2px solid var(--accent); outline-offset: 2px; }

.chamada-dispositivos {
    border: 1px solid var(--border); border-radius: 12px; background: var(--bg-main); padding: 10px 12px;
}
.chamada-dispositivos-titulo { font-size: 12px; font-weight: 700; color: var(--text-main); margin-bottom: 8px; }
.chamada-dispositivos-corpo { display: flex; flex-direction: column; gap: 8px; text-align: left; }
.chamada-dispositivo { display: flex; flex-direction: column; gap: 4px; font-size: 12px; color: var(--text-secondary); }
.chamada-dispositivo[hidden] { display: none; }
.chamada-dispositivo-rotulo { display: inline-flex; align-items: center; gap: 6px; }
.chamada-dispositivo select {
    width: 100%; height: 32px; padding: 0 8px; border-radius: 8px; font-size: 13px;
    border: 1px solid var(--border); background: var(--bg-header); color: var(--text-main);
}
.chamada-dispositivo select:focus-visible { outline: 2px solid var(--accent); outline-offset: 1px; }
.chamada-dispositivo-teste { display: flex; align-items: center; gap: 8px; margin-top: -2px; }
.chamada-dispositivo-teste .chamada-medidor-trilho { flex: 0 0 96px; }
.chamada-dispositivo-legenda { font-size: 11px; color: var(--text-secondary); }
.chamada-dispositivos-msg { font-size: 11.5px; color: var(--text-secondary); }
.chamada-dispositivos-msg:empty { display: none; }

/* ── o seletor de tela do app de PC (telas inteiras / janelas, com miniaturas — como no Discord) ── */
.chamada-seletor-de-tela { text-align: left; }
.chamada-seletor-abas { display: flex; gap: 4px; margin-bottom: 12px; border-bottom: 1px solid var(--border); }
.chamada-seletor-aba {
    background: none; border: none; border-bottom: 2px solid transparent; margin-bottom: -1px; cursor: pointer;
    padding: 8px 12px; font-size: 13px; font-weight: 600; color: var(--text-secondary);
}
.chamada-seletor-aba:hover { color: var(--text-main); }
.chamada-seletor-aba.is-ativa { color: var(--text-main); border-bottom-color: var(--accent); }
.chamada-seletor-aba:focus-visible { outline: 2px solid var(--accent); outline-offset: -2px; }
.chamada-seletor-grade {
    display: grid; grid-template-columns: repeat(auto-fill, minmax(190px, 1fr)); gap: 10px;
    max-height: 340px; overflow-y: auto; padding: 4px;
}
.chamada-fonte {
    display: flex; flex-direction: column; gap: 6px; padding: 8px; border-radius: 10px; cursor: pointer; text-align: left;
    border: 2px solid transparent; background: rgba(127, 127, 127, .12); color: var(--text-main);
    transition: border-color .15s cubic-bezier(.4, 0, .2, 1), background .15s;
}
.chamada-fonte:hover { background: rgba(127, 127, 127, .2); }
.chamada-fonte.is-escolhida { border-color: var(--accent); background: rgba(0, 168, 132, .14); }
.chamada-fonte:focus-visible { outline: 2px solid var(--accent); outline-offset: 2px; }
.chamada-fonte-miniatura {
    display: flex; align-items: center; justify-content: center; aspect-ratio: 16 / 9; overflow: hidden;
    border-radius: 6px; background: #0b1014; color: #9aa7b2; font-size: 28px;
}
.chamada-fonte-miniatura img { width: 100%; height: 100%; object-fit: contain; }
.chamada-fonte-nome { display: flex; align-items: center; gap: 6px; min-width: 0; font-size: 12.5px; }
.chamada-fonte-nome img { width: 16px; height: 16px; flex-shrink: 0; }
.chamada-fonte-nome span { overflow: hidden; text-overflow: ellipsis; white-space: nowrap; }
.chamada-seletor-vazio { grid-column: 1 / -1; padding: 28px 8px; text-align: center; font-size: 13px; color: var(--text-secondary); }

/* ── palco: o vídeo do cliente (ou a tela dele), e a minha câmera no cantinho ── */
.chamada-palco {
    position: relative; width: 100%; aspect-ratio: 16 / 9;
    border-radius: 12px; overflow: hidden; background: #0b1014;
    border: 1px solid var(--border);
}
.chamada-palco canvas { position: absolute; inset: 0; width: 100%; height: 100%; object-fit: contain; background: #0b1014; }
.chamada-palco video {
    position: absolute; right: 8px; bottom: 8px; width: 28%; aspect-ratio: 16 / 9; object-fit: cover;
    border-radius: 8px; border: 2px solid rgba(255, 255, 255, .55); background: #000;
    transform: scaleX(-1);
}
.chamada-palco-rotulo {
    position: absolute; left: 8px; top: 8px; padding: 2px 8px; border-radius: 999px;
    font-size: 11px; color: #fff; background: rgba(0, 0, 0, .55);
}
.chamada-palco-rotulo:empty { display: none; }

.chamada-aviso {
    font-size: 11.5px; color: var(--chamada-aviso); line-height: 1.4;
    display: flex; align-items: flex-start; gap: 6px;
}

/* ── medidores de voz nos dois sentidos: a prova visual de que a ponte está viva ── */
.chamada-medidores { display: flex; flex-direction: column; gap: 6px; }
.chamada-medidor { display: flex; align-items: center; gap: 8px; }
.chamada-medidor > i { width: 12px; font-size: 11px; color: var(--text-secondary); text-align: center; }
/* `--border` e não `--bg-main`: no tema claro o fundo principal é o mesmo do cartão e o trilho sumia. */
.chamada-medidor-trilho { flex: 1; height: 4px; border-radius: 999px; background: var(--border); overflow: hidden; }
.chamada-medidor-nivel { height: 100%; width: 0%; border-radius: 999px; background: var(--accent); transition: width .08s linear; }
.chamada-medidor.is-saida .chamada-medidor-nivel { background: #38bdf8; }

/* ── atender / recusar (chamada entrando) ── */
.chamada-atender { display: flex; gap: 8px; }
.chamada-atender button {
    flex: 1; height: 44px; border: none; border-radius: 999px; cursor: pointer;
    display: inline-flex; align-items: center; justify-content: center; gap: 8px;
    font-size: 14px; font-weight: 600; color: #fff;
    transition: background .15s cubic-bezier(.4, 0, .2, 1), transform .15s cubic-bezier(.4, 0, .2, 1);
}
.chamada-atender button:active { transform: scale(.97); }
.chamada-recusar { background: #ea3323; }
.chamada-recusar:hover { background: #cf2b1d; }
/* #008069 e não o verde da marca: branco sobre #00a884 dá 3,0:1 (reprova); #008069 dá 5,0:1. */
.chamada-aceitar { background: #008069; }
.chamada-aceitar:hover { background: #006e5a; }
.chamada-atender .chamada-so-voz { background: var(--bg-main); color: var(--text-main); border: 1px solid var(--border); }
.chamada-atender .chamada-so-voz:hover { background: rgba(127, 127, 127, .18); }

/* ── controles da chamada ── */
.chamada-controles {
    display: flex; align-items: center; gap: 8px;
    padding-top: 12px; border-top: 1px solid var(--border);
}
.chamada-botao {
    width: 40px; height: 40px; border-radius: 50%;
    border: 1px solid var(--border); cursor: pointer;
    background: var(--bg-main); color: var(--text-main);
    display: flex; align-items: center; justify-content: center;
    font-size: 15px; flex-shrink: 0;
    transition: background .15s cubic-bezier(.4, 0, .2, 1), transform .15s cubic-bezier(.4, 0, .2, 1), color .15s;
}
.chamada-botao:hover { background: rgba(127, 127, 127, .2); }
.chamada-botao:active { transform: scale(.94); }
.chamada-botao:focus-visible, .chamada-desligar:focus-visible, .chamada-atender button:focus-visible { outline: 2px solid var(--accent); outline-offset: 2px; }
.chamada-botao.is-cortado { color: var(--chamada-alerta); border-color: currentColor; }
.chamada-botao.is-ligado { background: #008069; border-color: #008069; color: #fff; }
.chamada-botao:disabled { opacity: .45; cursor: not-allowed; }
.chamada-desligar {
    margin-left: auto;
    min-width: 60px; height: 40px; border-radius: 999px; border: none; cursor: pointer;
    background: #ea3323; color: #fff; font-size: 16px;
    display: flex; align-items: center; justify-content: center;
    transition: background .15s cubic-bezier(.4, 0, .2, 1), transform .15s cubic-bezier(.4, 0, .2, 1);
}
.chamada-desligar:hover { background: #cf2b1d; }
.chamada-desligar:active { transform: scale(.96); }

/* ── a chamada está com outra pessoa / ninguém está nela ── */
.chamada-retomar {
    display: flex; align-items: center; gap: 8px; justify-content: space-between;
    font-size: 12px; color: var(--text-secondary);
    padding: 8px 10px; border-radius: 10px; background: var(--bg-main); border: 1px solid var(--border);
}
.chamada-retomar button {
    border: none; border-radius: 999px; padding: 6px 12px; cursor: pointer;
    font-size: 12px; font-weight: 600; background: #008069; color: #fff; flex-shrink: 0;
}
.chamada-retomar button:hover { background: #006e5a; }

/* ── a ligação está em OUTRO aparelho: só a pílula (quem fala é o único com o cartão inteiro) ── */
.chamada-barra.is-discreta { width: auto; max-width: 380px; padding: 8px 10px; gap: 6px; border-radius: 14px; box-shadow: 0 6px 18px rgba(0, 0, 0, .28); }
.chamada-barra.is-discreta .chamada-avatar,
.chamada-barra.is-discreta .chamada-engrenagem,
.chamada-barra.is-discreta .chamada-rec,
.chamada-barra.is-discreta .chamada-palco,
.chamada-barra.is-discreta .chamada-medidores,
.chamada-barra.is-discreta .chamada-dispositivos,
.chamada-barra.is-discreta .chamada-controles { display: none !important; }
.chamada-barra.is-discreta .chamada-cabeca { gap: 8px; }
.chamada-barra.is-discreta .chamada-retomar { padding: 6px 8px; }
/* A ligação foi oferecida a este aparelho: a pílula chama atenção até a pessoa tocar. */
.chamada-barra.is-oferta { border-color: var(--accent); box-shadow: 0 0 0 3px color-mix(in srgb, var(--accent) 35%, transparent), 0 8px 22px rgba(0, 0, 0, .35); }
.chamada-retomar.is-oferta { border-color: var(--accent); color: var(--text-main); font-weight: 600; }

/* ── no celular não há para onde arrastar: o cartão vira uma faixa presa no topo ──
   O !important existe porque o `chamada.js` escreve `right`/`left` em linha para ancorar o cartão no desktop. */
@media (max-width: 720px) {
    .chamada-barra, .chamada-barra.com-palco {
        width: auto; max-width: none;
        left: 8px !important; right: 8px !important; top: 8px !important;
    }
    .chamada-cabeca { cursor: default; }
}
@media (prefers-reduced-motion: reduce) {
    .chamada-barra, .chamada-botao, .chamada-desligar, .chamada-medidor-nivel, .chamada-atender button { transition: none; }
    .chamada-barra.is-tocando .chamada-pulso,
    .chamada-barra.is-conectada .chamada-pulso,
    .chamada-barra.is-recebendo .chamada-avatar,
    .chamada-rec i { animation: none; }
}

/* ══ A ligação na conversa: o cartão que fica no histórico (voz/vídeo, quem atendeu, áudio, transcrição) ══ */
/* O cartão mora DENTRO da bolha da conversa (verde quando é nossa): fundo próprio para o texto ter contraste nos dois temas. */
.chamada-registro {
    width: 100%; min-width: 260px; max-width: 420px; border-radius: 12px; padding: 10px 12px;
    background: var(--bg-sidebar); color: var(--text-main);
    border: 1px solid var(--border);
    display: flex; flex-direction: column; gap: 8px;
}
.chamada-registro-topo { display: flex; align-items: center; gap: 10px; min-width: 0; }
.chamada-registro-icone {
    width: 34px; height: 34px; border-radius: 50%; flex-shrink: 0;
    display: flex; align-items: center; justify-content: center; font-size: 14px;
    background: rgba(0, 168, 132, .16); color: var(--accent-text, var(--accent));
}
.chamada-registro.is-perdida .chamada-registro-icone,
.chamada-registro.is-falhou .chamada-registro-icone { background: rgba(234, 51, 35, .14); color: var(--chamada-alerta); }
.chamada-registro-texto { min-width: 0; flex: 1; }
.chamada-registro-titulo { font-size: 14px; font-weight: 600; }
.chamada-registro-detalhe { font-size: 12px; color: var(--text-secondary); margin-top: 2px; }
.chamada-registro-hora { font-size: 11px; color: var(--text-secondary); align-self: flex-start; flex-shrink: 0; }
/* O player do áudio da ligação: a barra de posição usa a LARGURA TODA do cartão (o <audio controls> do navegador a deixava com
   ~15 px no cartão estreito, e ninguém conseguia escolher um segundo). */
.chamada-player {
    display: flex; align-items: center; gap: 10px; padding: 6px 10px 6px 6px;
    border-radius: 999px; background: var(--bg-main); border: 1px solid var(--border);
}
.chamada-player audio { display: none; }
.chamada-player-tocar {
    width: 36px; height: 36px; border-radius: 50%; border: none; cursor: pointer; flex-shrink: 0;
    background: #008069; color: #fff; font-size: 14px;
    display: inline-flex; align-items: center; justify-content: center;
    transition: background .15s cubic-bezier(.4, 0, .2, 1), transform .15s cubic-bezier(.4, 0, .2, 1);
}
.chamada-player-tocar:hover { background: #006e5a; }
.chamada-player-tocar:active { transform: scale(.94); }
.chamada-player-tocar:focus-visible, .chamada-player-vel:focus-visible, .chamada-player-barra:focus-visible { outline: 2px solid var(--accent); outline-offset: 2px; }
.chamada-player-meio { flex: 1; min-width: 0; display: flex; flex-direction: column; gap: 0; }
.chamada-player-barra {
    -webkit-appearance: none; appearance: none; width: 100%; height: 22px; margin: 0; cursor: pointer;
    background: transparent; --p: 0%;
}
.chamada-player-barra::-webkit-slider-runnable-track {
    height: 6px; border-radius: 999px;
    background: linear-gradient(to right, var(--accent) var(--p), var(--border) var(--p));
}
.chamada-player-barra::-webkit-slider-thumb {
    -webkit-appearance: none; appearance: none; width: 14px; height: 14px; margin-top: -4px; border-radius: 50%;
    background: var(--accent-strong, #00806a); border: 2px solid var(--bg-main);
    box-shadow: 0 0 0 1px var(--accent-strong, #00806a);
}
.chamada-player-barra::-moz-range-track { height: 6px; border-radius: 999px; background: var(--border); }
.chamada-player-barra::-moz-range-progress { height: 6px; border-radius: 999px; background: var(--accent); }
.chamada-player-barra::-moz-range-thumb {
    width: 10px; height: 10px; border-radius: 50%; background: var(--accent-strong, #00806a); border: 2px solid var(--bg-main);
}
.chamada-player-tempos {
    display: flex; justify-content: space-between; align-items: center; font-size: 11px; line-height: 1;
    color: var(--text-secondary); font-variant-numeric: tabular-nums; margin-top: -2px;
}
/* O botão de velocidade mora entre os dois tempos: a barra de cima fica com a largura toda do cartão. */
.chamada-player-vel {
    min-width: 34px; height: 20px; padding: 0 7px; border-radius: 999px; cursor: pointer;
    border: 1px solid var(--border); background: transparent; color: var(--text-main);
    font-size: 11px; font-weight: 700; font-variant-numeric: tabular-nums;
}
.chamada-player-vel:hover { background: rgba(127, 127, 127, .18); }
.chamada-registro-acoes { display: flex; gap: 12px; flex-wrap: wrap; font-size: 12px; }
.chamada-registro-acoes a, .chamada-registro-acoes button {
    background: none; border: none; padding: 0; cursor: pointer;
    color: var(--accent-text, var(--accent)); text-decoration: none; font-size: 12px; font-weight: 600;
}
.chamada-registro-acoes a:hover, .chamada-registro-acoes button:hover { text-decoration: underline; }
.chamada-transcricao {
    max-height: 240px; overflow-y: auto; font-size: 13px; line-height: 1.5;
    border-top: 1px solid var(--border); padding-top: 8px;
    display: flex; flex-direction: column; gap: 4px;
}
.chamada-transcricao[hidden] { display: none; }
.chamada-fala { display: flex; gap: 6px; align-items: baseline; }
/* Falas com segundo conhecido são botões: clicar toca o áudio dali. A que está tocando fica marcada. */
.chamada-fala[data-t] { cursor: pointer; border-radius: 6px; padding: 2px 6px; margin: 0 -6px; }
.chamada-fala[data-t]:hover { background: rgba(127, 127, 127, .14); }
.chamada-fala[data-t]:focus-visible { outline: 2px solid var(--accent); outline-offset: 1px; }
.chamada-fala.is-atual { background: rgba(0, 168, 132, .18); }
.chamada-fala-tempo { font-size: 11px; color: var(--text-secondary); font-variant-numeric: tabular-nums; flex-shrink: 0; }
.chamada-fala-autor { font-weight: 700; flex-shrink: 0; }
.chamada-fala.is-atendente .chamada-fala-autor { color: var(--chamada-azul); }
.chamada-fala.is-cliente .chamada-fala-autor { color: var(--accent-text, var(--accent)); }
.chamada-transcricao-aviso { font-size: 12px; color: var(--text-secondary); font-style: italic; }

/* ══ Botões de ligar no cabeçalho da conversa (no celular o menu do compositor já tem os dois) ══ */
.chat-header-chamada-btn {
    width: 36px; height: 36px; border-radius: 50%; border: none; cursor: pointer;
    background: transparent; color: var(--text-secondary); font-size: 16px;
    display: inline-flex; align-items: center; justify-content: center;
    transition: background .15s cubic-bezier(.4, 0, .2, 1), color .15s;
}
.chat-header-chamada-btn:hover { background: rgba(127, 127, 127, .18); color: var(--text-main); }
.chat-header-chamada-btn:focus-visible { outline: 2px solid var(--accent); outline-offset: 2px; }
.chat-header-chamada-btn[hidden] { display: none; }
/* No celular (até 960 px) o cabeçalho é o do WhatsApp: vídeo e voz ficam ao lado do nome, desenhados pelo mobile.css
   (que tira transferir/etiquetas/finalizar da linha e põe no ⋮, sobrando espaço para o nome).
   O botão da IA é o quarto: some um pouco antes, até a conversa ter espaço para o nome com os dois botões de ligar. */
@media (max-width: 760px) {
    #btn-chamada-ia { display: none !important; }
}
/* `display:flex` da classe vence o atributo [hidden]: o item "Ligar com IA" do menu "+" só aparece em conta com a IA de voz. */
#composer-attach-menu .composer-menu-item[hidden] { display: none !important; }