/* Bruce App: mobile-first, tema escuro. */
*{box-sizing:border-box;-webkit-tap-highlight-color:transparent}
:root{--bg:#1b1512;--card:#2a211c;--txt:#f4ece4;--muted:#b3a496;--acc:#e8a838;--ok:#4fae6a;--bad:#d9573f;--line:rgba(255,255,255,.12)}
html,body{margin:0}
body{background:var(--bg);color:var(--txt);font:16px/1.45 -apple-system,BlinkMacSystemFont,"Segoe UI",Roboto,sans-serif;
  padding:env(safe-area-inset-top) max(14px,env(safe-area-inset-right)) env(safe-area-inset-bottom) max(14px,env(safe-area-inset-left));min-height:100vh}
main,.topo,.rodape{max-width:560px;margin:0 auto}
.topo{display:flex;align-items:center;justify-content:space-between;padding:14px 0 6px}
h1{margin:0;font-size:24px} h2{margin:22px 0 8px;font-size:15px;text-transform:uppercase;letter-spacing:.06em;color:var(--muted)}
.link{background:none;border:0;color:var(--muted);font:inherit;padding:8px;cursor:pointer}
.cartao{background:var(--card);border-radius:16px;padding:16px;margin-top:10px}
.sub{margin:0 0 10px;color:var(--muted)} .dica{margin:0 0 10px;padding:10px 12px;border-radius:10px;background:rgba(232,168,56,.14);color:var(--acc);font-size:14.5px}
.dica[hidden],.erro[hidden],[hidden]{display:none!important}
.erro{margin:10px 0;padding:10px 12px;border-radius:10px;background:rgba(217,87,63,.18);color:#ffb4a5;border:1px solid rgba(217,87,63,.5);font-size:14.5px}
.linha{display:flex;gap:10px;flex-wrap:wrap}
button{font:inherit;cursor:pointer}
.botao-principal,.botao-sec,.b-feito,.b-adiar,.b-min{min-height:46px;border-radius:23px;border:0;padding:0 18px;font-weight:700}
.botao-principal{background:var(--acc);color:#1b1512;width:100%}
.botao-sec{background:transparent;color:var(--txt);border:1px solid var(--line)}
button:disabled{opacity:.5}
.faixa{margin-top:16px;padding:4px 14px 14px;border-radius:16px;background:rgba(217,87,63,.14);border:1px solid rgba(217,87,63,.55)}
.faixa h2{color:#ffb4a5}
.lista{list-style:none;margin:0;padding:0}
.item{background:var(--card);border-radius:14px;padding:12px 14px;margin-bottom:10px}
.faixa .item{background:rgba(0,0,0,.25)}
.item .texto{font-weight:600;word-break:break-word}
.item .meta{font-size:13.5px;color:var(--muted);margin-top:2px}
.acoes{display:flex;gap:10px;margin-top:10px}
.b-feito{background:var(--ok);color:#06210f;flex:1} .b-adiar{background:transparent;color:var(--txt);border:1px solid var(--line);flex:1}
.menu{display:flex;gap:8px;margin-top:8px;flex-wrap:wrap}
.b-min{background:var(--line);color:var(--txt);min-height:40px;padding:0 14px;font-weight:600}
.vazio{color:var(--muted);margin:0 0 6px;font-size:14.5px}
.rodape{padding:24px 0 18px;text-align:center;color:var(--muted);font-size:12.5px}
.selo-feito{color:var(--ok)} .selo-canc{color:var(--muted)}
/* login */
.tela-login{display:flex;align-items:center;justify-content:center}
.tela-login .cartao{width:100%;max-width:380px;padding:24px 20px}
label{display:block;margin:12px 0 5px;font-size:13px;font-weight:600;color:var(--muted)}
input[type=text],input[type=password]{width:100%;min-height:46px;padding:11px 14px;border:1px solid var(--line);border-radius:12px;font:inherit;background:#1b1512;color:var(--txt)}
.tela-login .botao-principal{margin-top:20px}
@media (pointer:coarse){input{font-size:16px!important}}
/* abas (Lembretes / Conversa) */
.abas{display:flex;gap:6px}
.abas a{color:var(--muted);text-decoration:none;padding:8px 12px;border-radius:18px;font-weight:600;font-size:15px}
.abas a{position:relative}
.abas .pend{position:absolute;top:4px;right:3px;width:8px;height:8px;border-radius:50%;background:#4a9eff;box-shadow:0 0 0 2px var(--bg)}
.so-leitor{position:absolute;width:1px;height:1px;overflow:hidden;clip:rect(0 0 0 0);white-space:nowrap}
.abas a[aria-current=page]{background:var(--card);color:var(--txt)}
.so-leitor{position:absolute!important;width:1px;height:1px;overflow:hidden;clip:rect(0 0 0 0);white-space:nowrap}
/* conversa */
.tela-conversa{height:100vh;height:100dvh;height:var(--vvh,100dvh);min-height:0;display:flex;flex-direction:column;overflow:hidden}
.tela-conversa .topo{width:100%;flex:none}
.tela-conversa .estado-ponte,.tela-conversa .erro,.tela-conversa .msgs,.tela-conversa .compor{width:100%;max-width:720px;margin-left:auto;margin-right:auto}
.estado-ponte{flex:none;font-size:13.5px;color:var(--muted);padding:2px 0 8px}
.estado-ponte::before{content:"";display:inline-block;width:9px;height:9px;border-radius:50%;background:var(--muted);margin-right:7px}
.estado-ponte.on::before{background:var(--ok)} .estado-ponte.off::before{background:var(--bad)} .estado-ponte.off{color:#ffb4a5}
.msgs{flex:1;min-height:0;overflow-y:auto;overscroll-behavior:contain;padding:6px 0 10px;display:flex;flex-direction:column;gap:8px}
.mais-antigas{align-self:center;min-height:38px;font-size:14px}
.bolha{max-width:88%;padding:9px 13px;border-radius:16px;background:var(--card);overflow-wrap:anywhere;word-break:break-word}
.bolha.bruno{align-self:flex-end;background:var(--acc);color:#1b1512;border-bottom-right-radius:5px}
.bolha.bruce{align-self:flex-start;border-bottom-left-radius:5px}
.bolha.larga{max-width:100%;width:100%}
.bolha .corpo p{margin:0 0 6px} .bolha .corpo p:last-child{margin-bottom:0}
.bolha .corpo.pre-linha{white-space:pre-wrap}
.bolha .corpo ul,.bolha .corpo ol{margin:4px 0 6px;padding-left:22px}
.bolha .corpo code{font:13.5px ui-monospace,SFMono-Regular,Menlo,monospace;background:rgba(0,0,0,.28);padding:1px 5px;border-radius:5px}
.bolha .corpo pre{margin:6px 0;padding:9px 11px;background:rgba(0,0,0,.35);border-radius:10px;overflow-x:auto}
.bolha .corpo pre code{background:none;padding:0}
.bolha .corpo a{color:var(--acc)} .bolha.bruno .corpo a{color:#1b1512}
.bolha .corpo h4{margin:6px 0 4px;font-size:16px}
.bolha .citacao{font-size:12.5px;color:var(--muted);border-left:3px solid var(--line);padding-left:8px;margin-bottom:5px}
.bolha .hora{font-size:11.5px;opacity:.65;margin-top:3px;text-align:right}
.bolha img.anexo{display:block;max-width:100%;max-height:360px;border-radius:10px;margin-top:6px}
.bolha .arq{display:inline-block;margin-top:6px;color:var(--acc);font-weight:600}
.bolha .arq-estado{font-size:13px;color:var(--muted);margin-top:6px}
.bolha .arq-estado.ruim{color:#ffb4a5}
iframe.lousa{display:block;width:100%;height:120px;border:0;border-radius:10px;margin-top:6px;background:rgba(0,0,0,.2)}
.ir-fim{position:fixed;right:18px;bottom:calc(86px + env(safe-area-inset-bottom));z-index:5;border:0;border-radius:20px;padding:9px 14px;background:var(--acc);color:#1b1512;font-weight:700;box-shadow:0 2px 10px rgba(0,0,0,.4)}
.compor{flex:none;display:flex;gap:8px;align-items:flex-end;padding:8px 0 10px}
.compor textarea{flex:1;min-height:46px;max-height:140px;resize:none;padding:11px 14px;border:1px solid var(--line);border-radius:23px;font:inherit;background:#1b1512;color:var(--txt)}
.compor .botao-principal{width:auto;flex:none}
/* tópicos (lista + chat) */
.conv-layout{flex:1;min-height:0;display:flex;gap:14px;width:100%;max-width:1040px;margin:0 auto}
.painel-topicos{flex:none;width:270px;display:flex;flex-direction:column;min-height:0;overflow-y:auto;overscroll-behavior:contain;padding-bottom:10px}
.painel-chat{flex:1;min-width:0;min-height:0;display:flex;flex-direction:column}
.painel-cab{display:flex;align-items:center;justify-content:space-between;gap:8px;padding:2px 0 8px}
.painel-cab .botao-sec{min-height:38px;font-size:14px;padding:0 12px}
.form-novo{display:flex;gap:8px;align-items:center;padding-bottom:8px}
.form-novo input{flex:1;min-width:0}
.form-novo .botao-principal{width:auto;flex:none;min-height:46px}
.lista-topicos{list-style:none;margin:0 0 8px;padding:0;display:flex;flex-direction:column;gap:6px}
.item-topico{width:100%;text-align:left;display:flex;flex-direction:column;gap:2px;min-height:52px;padding:9px 13px;border-radius:14px;border:1px solid transparent;background:var(--card);color:var(--txt);font:inherit;cursor:pointer}
.item-topico.ativo{border-color:var(--acc)}
.item-topico .nome{font-weight:700;overflow-wrap:anywhere}
.item-topico .sub-estado{display:block;font-size:12.5px;color:var(--muted);white-space:nowrap;overflow:hidden;text-overflow:ellipsis;max-width:100%}
.item-topico.rodando .sub-estado{color:var(--acc)} .item-topico.erro .sub-estado{color:#ffb4a5} .item-topico.na_fila .sub-estado{color:var(--muted)}
.ver-arquivados{min-height:38px;font-size:14px;margin-bottom:8px}
.chat-cab{flex:none;display:flex;align-items:center;gap:8px;padding:2px 0 8px;flex-wrap:wrap}
.chat-cab .botao-sec{min-height:36px;font-size:14px;padding:0 12px}
.titulo-topico{flex:1;min-width:0;font-size:17px;overflow-wrap:anywhere}
.custo-topico{font-size:12px;color:var(--muted)}
.seletor-modelo{min-height:36px;border-radius:18px;border:1px solid var(--line);background:#1b1512;color:var(--txt);font:inherit;font-size:14px;padding:0 10px}
.bolha.sistema{align-self:center;background:transparent;border:1px dashed var(--line);color:var(--muted);max-width:94%}
.bolha.sistema.erro-msg{border-color:var(--bad);color:#ffb4a5}
.voltar{display:none}
@media (max-width:759px){
  .conv-layout{gap:0}
  .painel-topicos,.painel-chat{width:100%}
  .conv-layout[data-vista=lista] .painel-chat{display:none}
  .conv-layout[data-vista=chat] .painel-topicos{display:none}
  .voltar{display:inline-block}
}
/* ativas, não lida, confirmação */
.bloco-ativas{margin-bottom:10px;height:176px;overflow-y:auto;scrollbar-gutter:stable;overscroll-behavior:contain;flex:none}   /* altura FIXA: aparecer/sumir item não empurra a lista */
.titulo-ativas{margin:4px 0 6px;font-size:13px}
.linha-ativa{display:flex;gap:6px;align-items:stretch}
.linha-ativa .item-topico{flex:1;min-width:0}
.linha-ativa .parar{flex:none;min-height:0;font-size:13.5px;padding:0 12px}
.item-topico.rodando.na-ativas{border-color:var(--ok);box-shadow:0 0 0 1px var(--ok) inset}
.linha-nome{display:flex;align-items:center;gap:7px;min-width:0}
.ponto{flex:none;display:inline-block;width:9px;height:9px;border-radius:50%}
.ponto.verde{background:var(--ok)} .ponto.amarelo{background:var(--acc)}
.item-topico:not(.na-ativas) .ponto.verde{width:7px;height:7px;opacity:.85}
@media (prefers-reduced-motion:no-preference){
  .ponto.pulsa{animation:pulsa 1.4s ease-in-out infinite}
  @keyframes pulsa{0%,100%{box-shadow:0 0 0 0 rgba(79,174,106,.65)}50%{box-shadow:0 0 0 6px rgba(79,174,106,0)}}
}
.nao-lida{margin-left:auto;flex:none;min-width:20px;height:20px;padding:0 6px;border-radius:10px;background:var(--acc);color:#1b1512;font-size:12px;font-weight:800;line-height:20px;text-align:center}
.confirma{position:fixed;left:0;right:0;bottom:0;z-index:20;display:flex;gap:8px;align-items:center;flex-wrap:wrap;padding:12px 14px calc(12px + env(safe-area-inset-bottom));background:var(--card);border-top:1px solid var(--line)}
.confirma[hidden]{display:none}
.confirma span{flex:1 1 100%}
.confirma button{width:auto;min-height:40px}
.aviso-global{position:fixed;left:10px;right:10px;top:10px;z-index:30;padding:11px 14px;border-radius:12px;background:#4a1f17;color:#ffd9d0;border:1px solid var(--bad);font-size:14.5px;max-width:560px;margin:0 auto;cursor:pointer}
.aviso-global[hidden]{display:none}
.ativas-vazio{margin:0;padding:10px 4px;font-size:13.5px;color:var(--muted)}
.ativas-vazio[hidden]{display:none}
.item-topico{transition:none}
li.saindo{opacity:.55}
.modelo-fixado{font-size:11.5px;color:var(--acc);border:1px solid var(--acc);border-radius:9px;padding:1px 7px}
.modelo-fixado[hidden]{display:none}
.ponto.cinza{background:var(--muted)}
#reordenar[hidden]{display:none}

/* v12: busca, contexto, anexos */
.busca-topicos{width:100%;min-height:42px;margin:6px 0;padding:8px 14px;border:1px solid var(--line);border-radius:21px;font:inherit;background:#1b1512;color:var(--txt)}
.lista-topicos li[hidden]{display:none}
.contexto-topico{font-size:12px;font-weight:700;padding:2px 8px;border-radius:10px;border:1px solid var(--line)}
.contexto-topico[hidden]{display:none}
.contexto-topico.ctx-neutro{color:var(--muted)}
.contexto-topico.ctx-laranja{color:#ffb347;border-color:#ffb347}
.contexto-topico.ctx-vermelho{color:#ff6b55;border-color:#ff6b55}
/* v15: subagentes rodando */
.selo-subag{font:inherit;font-size:12px;font-weight:700;padding:2px 9px;min-height:28px;border-radius:10px;border:1px solid var(--acc);background:transparent;color:var(--acc);cursor:pointer;white-space:nowrap;flex:none}
.selo-subag[hidden]{display:none}
.selo-item-subag{font-size:11.5px;font-weight:700;color:var(--acc);border:1px solid var(--acc);border-radius:9px;padding:0 6px;margin-left:6px;white-space:nowrap}
.lista-subag{margin:4px 0;padding:8px 12px;border:1px solid var(--line);border-radius:12px;background:var(--card);font-size:13px}
.lista-subag[hidden]{display:none}
.lista-subag ul{list-style:none;margin:0;padding:0}
.lista-subag li{display:flex;justify-content:space-between;gap:10px;padding:3px 0}
.lista-subag .sub-desc{min-width:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
.lista-subag .sub-tempo{color:var(--muted);white-space:nowrap;flex:none}
.botoes-anexo{display:flex;gap:4px;flex:none}
.botoes-anexo[hidden]{display:none}
.botao-icone{min-width:42px;min-height:46px;border-radius:23px;border:1px solid var(--line);background:transparent;color:var(--txt);font-size:18px;padding:0 6px}
.botao-icone.ativo{background:var(--bad);border-color:var(--bad)}
.anexos-pend{width:100%;max-width:720px;margin:0 auto;display:flex;flex-direction:column;gap:4px;padding:4px 0}
.anexos-pend[hidden]{display:none}
.chip-anexo{display:flex;align-items:center;gap:8px;background:var(--card);border-radius:12px;padding:4px 8px;font-size:13.5px}
.chip-anexo .chip-nome{flex:1;min-width:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
.chip-anexo .chip-estado{color:var(--muted);font-size:12px} .chip-anexo .ruim{color:#ffb4a5}
.chip-anexo .botao-sec{min-height:30px;padding:0 10px;font-size:13px}
.painel-chat.arrastando{outline:2px dashed var(--acc);outline-offset:-4px}
.bolha .player-audio{display:block;width:100%;min-width:220px;margin-top:6px}
.bolha video.anexo{display:block;max-width:100%;max-height:360px;border-radius:10px;margin-top:6px}
.bolha .transcricao{margin-top:5px;font-size:14px;font-style:italic;opacity:.85;white-space:pre-wrap}

/* v13: cabeçalho de uma linha, compor de uma linha, teclado do iOS */
.chat-cab{position:relative}
.bloco-titulo{flex:1 1 220px;min-width:180px;display:flex;align-items:center;gap:7px}   /* computador: o título tem piso; quem desce de linha são os botões (05/11, print do Bruno) */
.ponto-ponte{display:none;flex:none;width:10px;height:10px;border-radius:50%;background:var(--muted)}
.ponto-ponte.on{background:var(--ok)} .ponto-ponte.off{background:var(--bad)}
.menu-topico{display:contents}
.menu-mais{display:none}
/* v13.1: a barrinha do iPhone precisa de ~20px, não dos 34 do safe-area inteiro */
.tela-conversa{padding-bottom:max(6px,calc(env(safe-area-inset-bottom) - 14px))}
html.teclado-aberto body{padding-bottom:0}
@media (max-width:600px){
  body{padding-left:max(10px,env(safe-area-inset-left));padding-right:max(10px,env(safe-area-inset-right))}
  .em-chat .topo{display:none}
  .chat-cab{flex-wrap:nowrap;gap:6px;padding:4px 0;min-height:48px}
  .chat-cab .botao-sec{min-height:40px}
  .chat-cab .voltar{min-width:40px;padding:0 10px;flex:none}
  .bloco-titulo{gap:8px;min-width:0}
  .ponto-ponte{display:inline-block}
  .titulo-topico{flex:1;min-width:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;overflow-wrap:normal}
  .contexto-topico{flex:none;white-space:nowrap}
  .menu-mais{display:inline-block;flex:none;min-width:40px;padding:0 10px;font-size:22px;line-height:1;font-weight:800}
  .menu-topico{display:none;position:absolute;right:0;top:calc(100% + 2px);z-index:15;min-width:230px;max-width:100%;flex-direction:column;align-items:stretch;gap:8px;padding:12px;border-radius:16px;background:var(--card);border:1px solid var(--line);box-shadow:0 6px 24px rgba(0,0,0,.55)}
  .menu-topico.aberto{display:flex}
  .menu-topico .botao-sec,.menu-topico .seletor-modelo{width:100%;min-height:44px}
  .custo-topico{font-size:13px}
  .modelo-fixado{align-self:flex-start}
  /* estado da ponte: o ponto vive no título; a faixa só aparece quando há problema */
  .tela-conversa .estado-ponte{display:none}
  .tela-conversa .estado-ponte.off{display:block;padding:6px 10px;margin-bottom:6px;border-radius:10px;background:rgba(217,87,63,.18);font-size:13px;line-height:1.3}
  .compor{flex-wrap:nowrap;gap:6px;padding:6px 0 4px}
  .botoes-anexo{width:auto;gap:2px}
  .botao-icone{width:40px;min-width:40px;min-height:40px;height:40px;padding:0;font-size:18px}
  .compor textarea{min-width:0;min-height:44px;padding:10px 12px}
  .compor .botao-principal{min-height:44px;padding:0 14px}
}

/* v16: aba Segurança */
.topo{flex-wrap:wrap;gap:4px 8px}
.selo-seg{order:5;display:inline-block;padding:3px 10px;border-radius:14px;background:rgba(232,168,56,.18);border:1px solid var(--acc);color:var(--acc);font-weight:700;font-size:13.5px;text-decoration:none;white-space:nowrap}
.selo-seg.atrasada{background:rgba(217,87,63,.2);border-color:var(--bad);color:#ffb4a5}
.contagem{color:var(--acc);font-weight:700;text-transform:none;letter-spacing:0}
.faixa-seg{margin-top:12px;padding:10px 14px;border-radius:12px;font-size:14.5px}
.faixa-seg.vermelha{background:rgba(217,87,63,.16);border:1px solid rgba(217,87,63,.6);color:#ffd9d0}
.faixa-seg.amarela{background:rgba(232,168,56,.14);border:1px solid rgba(232,168,56,.55);color:var(--acc)}
.sec-item{border-left:4px solid var(--line)} .sec-item.nivel-1{border-left-color:var(--bad)} .sec-item.nivel-2{border-left-color:var(--acc)}
.chips{display:flex;flex-wrap:wrap;gap:6px;margin-bottom:6px}
.chip{display:inline-block;font-size:12px;font-weight:700;padding:1px 9px;border-radius:10px;border:1px solid var(--line);color:var(--muted)}
.chip.n1{border-color:var(--bad);color:#ffb4a5} .chip.n2{border-color:var(--acc);color:var(--acc)} .chip.n3{color:var(--muted)}
.chip.novo{background:var(--acc);color:#1b1512;border-color:var(--acc)} .chip.ok{border-color:var(--ok);color:var(--ok)} .chip.falha{border-color:var(--bad);color:#ffb4a5}
.chip.agendado,.chip.pedido{border-color:#4a9eff;color:#8cc2ff}
.sec-item .texto{overflow-wrap:anywhere}
.mais{margin-top:6px} .mais>summary{cursor:pointer;color:var(--muted);font-size:14px;min-height:32px;line-height:32px}
.detalhes{padding:4px 0} .linha-det{margin:4px 0;font-size:14px;color:var(--txt);overflow-wrap:anywhere} .detalhes a{color:var(--acc)}
.nota{margin-top:6px;font-size:13.5px;color:var(--muted)}
.status{margin-top:8px;padding:8px 10px;border-radius:10px;font-size:14px;background:rgba(255,255,255,.06);overflow-wrap:anywhere}
.status.ok{background:rgba(79,174,106,.16);color:#bfe9cb} .status.falhou{background:rgba(217,87,63,.18);color:#ffd9d0}
.confirma-seg,.agendar{margin-top:8px;padding:10px;border-radius:12px;background:rgba(0,0,0,.25);border:1px solid var(--line)}
.agendar input[type=datetime-local]{width:100%;min-height:46px;padding:9px 12px;border:1px solid var(--line);border-radius:12px;font:inherit;background:#1b1512;color:var(--txt);margin:6px 0 10px}
.grupo{padding:6px 12px} .grupo>.mais>summary{color:var(--txt);font-weight:600}
.lista.interna{padding:0;margin:8px 0 0;list-style:none}
.adiados{margin-top:8px} .adiados>summary{color:var(--muted);cursor:pointer;font-size:14px;min-height:36px;line-height:36px}
.olha summary{cursor:pointer;font-weight:700;min-height:32px;line-height:32px} .olha-lista{margin:8px 0 0;padding-left:18px;color:var(--muted);font-size:14px}
.tela-seguranca .lista{list-style:none;padding:0;margin:0}
.sec-item .acoes{flex-wrap:wrap} .sec-item .acoes button{flex:1 1 auto;min-width:120px}
@media (max-width:430px){.abas{gap:2px}.abas a{padding:8px 8px;font-size:14px}.topo h1{font-size:20px}.selo-seg{font-size:12.5px;padding:2px 8px}}

.bolha .aviso-espera{font-size:11.5px;opacity:.75;margin-top:4px}

/* v17: compor do celular — 📎📷 atrás do "+", Enviar vira seta redonda */
.mais-anexo{display:none}
.anexo-extra{display:contents}
.enviar-ic{display:none}
@media (max-width:600px){
  .botoes-anexo{position:relative}
  .mais-anexo{display:inline-flex;align-items:center;justify-content:center;font-size:26px;font-weight:700;line-height:1}
  .anexo-extra{display:none;position:absolute;left:0;bottom:calc(100% + 6px);z-index:20;gap:6px;padding:6px;border-radius:14px;background:var(--card);border:1px solid var(--line);box-shadow:0 6px 24px rgba(0,0,0,.55)}
  .anexo-extra.aberto{display:flex}
  .anexo-extra .botao-icone{width:48px;min-width:48px;height:48px;font-size:22px}
  .compor .botao-principal{width:44px;min-width:44px;height:44px;padding:0;border-radius:50%;display:inline-flex;align-items:center;justify-content:center}
  .enviar-txt{display:none}
  .enviar-ic{display:inline;font-size:18px;line-height:1}
}

/* agente remoto (hub): seletor no cabeçalho, modal de senha, etapa 2 apagada */
.topo h1.com-seletor{position:relative}
.seletor-agente{display:inline-flex;align-items:center;gap:7px;background:none;border:1px solid transparent;border-radius:12px;color:inherit;font:inherit;font-weight:700;padding:2px 8px;margin-left:-8px;cursor:pointer}
.seletor-agente:hover,.seletor-agente[aria-expanded=true]{border-color:var(--line);background:var(--card)}
.seta-agente{color:var(--muted);font-size:.7em}
.ponto-agente{width:10px;height:10px;border-radius:50%;background:var(--acc);display:none}
.agente-remoto .ponto-agente{display:inline-block}
.menu-agentes{position:absolute;left:0;top:calc(100% + 4px);z-index:30;min-width:180px;margin:0;padding:6px;list-style:none;background:var(--card);border:1px solid var(--line);border-radius:14px;box-shadow:0 6px 24px rgba(0,0,0,.45)}
.menu-agentes[hidden]{display:none}
.opcao-agente{display:block;width:100%;text-align:left;background:none;border:0;color:var(--txt);font:inherit;font-size:16px;font-weight:600;padding:10px 12px;border-radius:10px;cursor:pointer}
.opcao-agente:hover{background:var(--line)}
.opcao-agente.atual::after{content:" ✓";color:var(--acc)}
.modal-fundo{position:fixed;inset:0;z-index:50;background:rgba(0,0,0,.6);display:flex;align-items:center;justify-content:center;padding:16px}
.modal-agente{width:100%;max-width:380px;background:var(--card);border-radius:18px;padding:18px;box-shadow:0 8px 32px rgba(0,0,0,.5)}
.modal-agente h2{margin:0 0 8px;text-transform:none;letter-spacing:0;font-size:18px;color:var(--txt)}
.modal-agente .linha{display:flex;gap:10px;margin-top:14px}
.abas a.desativada{opacity:.4;cursor:not-allowed}
.dica-remoto{margin:0 0 6px}