/* CENTREI v2b — pelo Guia do CENTREI que ele preencheu (26/09 04:10):
   branco por padrão, escuro por escolha do cliente (salva na conta) · luxo discreto · preto e branco com um toque dourado ·
   letra moderna (Sora nos títulos, Inter no texto) · densidade equilibrada · barra embaixo ·
   primeiro acesso numa tela com a lista. NÃO: neon/brilho, sombras fortes, ícones coloridos, muito texto. */
:root{
  color-scheme:light;
  --fundo:#fafaf9; --sup:#ffffff; --sup2:#f3f3f1; --linha:#e6e5e1; --linha2:#d5d4cf;
  --texto:#111111; --texto2:#55554f; --texto3:#6f6e68;
  --ouro:#8a6a14; --ouro-f:rgba(168,130,44,.10);
  --prim:#111111; --prim-tx:#ffffff;
  --ok:#2f7d4f; --erro:#b3412f;
  --raio:6px; --gut:18px; --barra:64px;
  --t:'Sora','Inter',system-ui,sans-serif; --s:'Inter',system-ui,-apple-system,'Segoe UI',sans-serif;
}
/* Tema: BRANCO por padrão ; escuro só quando o cliente escolhe (data-theme="dark"),
   e a escolha fica salva na conta — ver js/comum.js (CENTREI_TEMA). */
:root[data-theme="dark"]{
  color-scheme:dark;
  --fundo:#0c0c0c; --sup:#151515; --sup2:#1c1c1c; --linha:#262626; --linha2:#343434;
  --texto:#f2f2f0; --texto2:#a9a9a4; --texto3:#8e8d87;
  --ouro:#c9a24a; --ouro-f:rgba(207,168,79,.10);
  --prim:#f2f2f0; --prim-tx:#0c0c0c; --ok:#5fb884; --erro:#e0735f;
}
*{box-sizing:border-box;margin:0;padding:0}
[hidden]{display:none!important}
html{-webkit-text-size-adjust:100%}
body{background:var(--fundo);color:var(--texto);font:400 15px/1.6 var(--s);min-height:100svh}
body.com-nav{padding-bottom:calc(var(--barra) + env(safe-area-inset-bottom,0px))}
a{color:inherit}
button{font:inherit;color:inherit;background:none;border:0;cursor:pointer}
:focus-visible{outline:2px solid var(--ouro);outline-offset:2px}
h1,h2,h3{font-family:var(--t);font-weight:500;letter-spacing:-.01em;line-height:1.15;text-wrap:balance}
.rot{font:500 11px/1.3 var(--s);letter-spacing:.16em;text-transform:uppercase;color:var(--texto3)}
.num{font-variant-numeric:tabular-nums}
.ouro{color:var(--ouro)}
.previa{position:fixed;left:10px;bottom:calc(var(--barra) + 84px);z-index:99;font:500 11px/1 var(--s);letter-spacing:.14em;text-transform:uppercase;color:var(--texto3);border:1px solid var(--linha2);background:var(--sup);padding:6px 9px;border-radius:99px;pointer-events:none}

.marca{display:inline-flex;align-items:center;gap:10px;text-decoration:none}
.marca-sinal{width:22px;height:22px;border:1.5px solid var(--texto);border-radius:50%;display:grid;place-items:center;flex:none}
.marca-sinal i{width:6px;height:6px;border-radius:50%;background:var(--ouro)}
.marca b{font:500 15px/1 var(--t);letter-spacing:.32em}

.topo{position:sticky;top:0;z-index:30;display:grid;grid-template-columns:1fr auto 1fr;align-items:center;gap:8px;
  padding:calc(12px + env(safe-area-inset-top,0px)) var(--gut) 12px;background:color-mix(in srgb,var(--fundo) 90%,transparent);backdrop-filter:blur(12px);-webkit-backdrop-filter:blur(12px);border-bottom:1px solid var(--linha)}
.topo .esq{justify-self:start}.topo .dir{justify-self:end;display:flex;gap:6px;align-items:center}
.voltar{display:inline-flex;align-items:center;gap:6px;padding:8px 14px 8px 10px;border:1px solid var(--linha2);border-radius:99px;font:500 13px/1 var(--s);text-decoration:none;white-space:nowrap}
.voltar:hover{border-color:var(--texto)}
.icone-bt{width:34px;height:34px;border-radius:50%;display:grid;place-items:center;border:1px solid var(--linha);color:var(--texto2)}
.icone-bt:hover{color:var(--texto);border-color:var(--linha2)}
.avatar{width:34px;height:34px;border-radius:50%;border:1px solid var(--linha2);display:grid;place-items:center;font:500 13px/1 var(--t);text-decoration:none}

.barra-nav{position:fixed;left:0;right:0;bottom:0;z-index:40;display:grid;grid-template-columns:repeat(5,1fr);
  height:calc(var(--barra) + env(safe-area-inset-bottom,0px));padding-bottom:env(safe-area-inset-bottom,0px);background:color-mix(in srgb,var(--fundo) 94%,transparent);backdrop-filter:blur(12px);-webkit-backdrop-filter:blur(12px);border-top:1px solid var(--linha)}
.barra-nav a,.barra-nav button{display:flex;flex-direction:column;align-items:center;justify-content:center;gap:5px;text-decoration:none;color:var(--texto3);font:500 11px/1 var(--s);position:relative}
.barra-nav [aria-current]{color:var(--texto)}
.barra-nav [aria-current]::before{content:"";position:absolute;top:0;left:30%;right:30%;height:2px;background:var(--ouro)}
.folha-veu{position:fixed;inset:0;z-index:50;background:rgba(0,0,0,.35);display:flex;align-items:flex-end}
.folha{width:100%;max-height:80svh;overflow:auto;background:var(--sup);border-top:1px solid var(--linha2);border-radius:14px 14px 0 0;padding:10px var(--gut) calc(18px + env(safe-area-inset-bottom,0px))}
.folha .puxa{width:36px;height:4px;border-radius:99px;background:var(--linha2);margin:4px auto 14px}
.folha a{display:flex;align-items:center;gap:14px;padding:14px 4px;border-bottom:1px solid var(--linha);text-decoration:none;font-size:15px}
.folha a svg{color:var(--texto3)}
.folha a[aria-current],.folha a[aria-current] svg{color:var(--ouro)}

.trilho{display:none}
@media (min-width:980px){
  body.com-nav{padding-left:240px;padding-bottom:0}
  .barra-nav{display:none}
  .trilho{display:flex;flex-direction:column;gap:2px;position:fixed;left:0;top:0;bottom:0;width:240px;z-index:31;padding:22px 14px;border-right:1px solid var(--linha);background:var(--fundo);overflow-y:auto}
  .trilho .marca{padding:4px 10px 26px}
  .trilho a:not(.marca){display:flex;align-items:center;gap:12px;padding:10px 12px;border-radius:var(--raio);text-decoration:none;color:var(--texto2);font-size:14px}
  .trilho a svg{color:var(--texto3)}
  .trilho a:not(.marca):hover,.trilho a[aria-current]{color:var(--texto);background:var(--sup2)}
  .trilho a[aria-current] svg{color:var(--ouro)}
  .trilho .rodape-rail{margin-top:auto;padding:14px 12px 2px;border-top:1px solid var(--linha)}
  .teclado{left:240px!important;bottom:0!important}
  .titulo-tela h1{font-size:36px}
}

.titulo-tela{padding:30px var(--gut) 4px;max-width:760px;margin:0 auto}
.titulo-tela h1{font-size:30px}
.titulo-tela p{color:var(--texto2);margin-top:8px}
.pagina{max-width:760px;margin:0 auto;padding:18px var(--gut) 40px;display:flex;flex-direction:column;gap:14px}
.cartao{background:var(--sup);border:1px solid var(--linha);border-radius:var(--raio);padding:20px}
.cartao h2{font-size:19px;margin-bottom:6px}
.cartao>p{color:var(--texto2)}
.cartao.destaque{border-color:var(--linha2);box-shadow:inset 0 2px 0 var(--ouro)}
.linha-dado{display:flex;justify-content:space-between;align-items:baseline;gap:12px;padding:12px 0;border-bottom:1px solid var(--linha)}
.linha-dado:last-child{border-bottom:0}
.linha-dado span{color:var(--texto2)}
.linha-dado b{font-weight:500;text-align:right}
.mais{margin-top:8px;font-size:14px;color:var(--texto2)}
.mais summary{cursor:pointer;color:var(--texto);font-size:13px;list-style:none;display:inline-flex;gap:6px;align-items:center}
.mais summary::-webkit-details-marker{display:none}
.mais summary::after{content:"+";color:var(--ouro)}
.mais[open] summary::after{content:"−"}
.mais p{margin-top:8px}

.bt{display:inline-flex;align-items:center;justify-content:center;gap:8px;min-height:48px;padding:0 22px;border-radius:var(--raio);font:500 14.5px/1 var(--s);text-decoration:none;cursor:pointer;border:1px solid transparent}
.bt-prim{background:var(--prim);color:var(--prim-tx)}
.bt-prim:hover{opacity:.88}
.bt-linha{border-color:var(--linha2);background:transparent}
.bt-linha:hover{border-color:var(--texto)}
.bt-perigo{border-color:color-mix(in srgb,var(--erro) 50%,transparent);color:var(--erro)}
.bt-largo{width:100%}
.pular{display:block;margin:4px auto 0;padding:12px;color:var(--texto2);font-size:14px;text-decoration:underline;text-underline-offset:4px;text-align:center}
.pular:hover{color:var(--texto)}

.eti{display:inline-flex;align-items:center;font:500 11px/1 var(--s);letter-spacing:.14em;text-transform:uppercase;padding:4px 7px;border-radius:3px;border:1px solid var(--linha2);color:var(--texto2)}
.eti.medida{border-color:color-mix(in srgb,var(--ouro) 55%,transparent);color:var(--ouro)}
.estado{display:inline-flex;align-items:center;gap:7px;font-size:13px;color:var(--texto2)}
.estado i{width:7px;height:7px;border-radius:50%;background:var(--ok)}
.estado.off i{background:var(--erro)}
.chave{position:relative;width:44px;height:26px;flex:none}
.chave input{position:absolute;inset:0;opacity:0;cursor:pointer}
.chave span{position:absolute;inset:0;border-radius:99px;background:var(--sup2);border:1px solid var(--linha2)}
.chave span::after{content:"";position:absolute;top:3px;left:3px;width:18px;height:18px;border-radius:50%;background:var(--texto3);transition:transform .2s}
.chave input:checked+span{background:var(--prim);border-color:var(--prim)}
.chave input:checked+span::after{transform:translateX(18px);background:var(--prim-tx)}

.metricas{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));border-bottom:1px solid var(--linha);max-width:780px;margin:0 auto}
.metricas div{padding:14px 6px;text-align:center;border-right:1px solid var(--linha)}
.metricas div:last-child{border-right:0}
.metricas b{display:block;font:400 20px/1.1 var(--t);font-variant-numeric:tabular-nums;transition:color 1.2s}
.metricas b.muda{color:var(--ouro)}
.metricas span{font:500 11px/1.3 var(--s);letter-spacing:.12em;text-transform:uppercase;color:var(--texto3)}
.lembrete{max-width:780px;margin:12px auto 0;width:calc(100% - 2*var(--gut));display:flex;align-items:center;gap:12px;padding:12px 14px;border:1px solid var(--linha);border-left:2px solid var(--ouro);border-radius:var(--raio);background:var(--sup);font-size:14px}
.lembrete p{flex:1;color:var(--texto2)}
.lembrete a{font-weight:500;white-space:nowrap;text-underline-offset:4px}
.conversa{display:flex;flex-direction:column;gap:14px;padding:18px var(--gut) 150px;max-width:780px;margin:0 auto}
.msg{max-width:86%;padding:12px 15px;border-radius:12px;font-size:15px}
.msg.eu{align-self:flex-end;background:var(--prim);color:var(--prim-tx);border-bottom-right-radius:3px}
.msg.ia{align-self:flex-start;background:var(--sup);border:1px solid var(--linha);border-bottom-left-radius:3px}
.msg .quem{display:flex;align-items:center;gap:8px;margin-bottom:6px}
.prova{margin-top:10px;padding-top:10px;border-top:1px solid var(--linha);display:flex;gap:6px;flex-wrap:wrap;align-items:center;font-size:12.5px;color:var(--texto3)}
.prova a{color:var(--texto);text-underline-offset:3px}
.citacao{display:flex;align-items:center;gap:12px;margin-top:10px;padding:10px 12px;border-left:2px solid var(--ouro);background:var(--sup2);border-radius:0 var(--raio) var(--raio) 0;text-decoration:none}
.citacao b{display:block;font-weight:500}
.citacao span{font-size:12px;color:var(--texto3)}
.citacao svg{margin-left:auto;color:var(--texto3);flex:none}
.teclado{position:fixed;left:0;right:0;bottom:calc(var(--barra) + env(safe-area-inset-bottom,0px));z-index:35;padding:10px var(--gut);background:linear-gradient(transparent,var(--fundo) 35%)}
.teclado form{max-width:780px;margin:0 auto;display:flex;align-items:flex-end;gap:6px;padding:5px;border:1px solid var(--linha2);border-radius:14px;background:var(--sup)}
.teclado textarea{flex:1;resize:none;border:0;background:transparent;color:var(--texto);font:400 15px/1.45 var(--s);padding:10px 8px;max-height:140px;min-height:42px}
.teclado textarea:focus{outline:none}
.teclado .mic,.teclado .enviar{width:42px;height:42px;border-radius:10px;display:grid;place-items:center;flex:none}
.teclado .mic{color:var(--texto2)}
.teclado .enviar{background:var(--prim);color:var(--prim-tx)}
.digitando{display:inline-flex;gap:4px}
.digitando i{width:5px;height:5px;border-radius:50%;background:var(--texto3);animation:dig 1.2s infinite}
.digitando i:nth-child(2){animation-delay:.15s}.digitando i:nth-child(3){animation-delay:.3s}
@keyframes dig{0%,60%,100%{opacity:.3}30%{opacity:1}}
/* 29/09: estado "Processando…" no /assistente (ordem dele 28/09 ~17:45) — vai para css/centrei.css, no lugar de .digitando.
   A: um cartão do Centrei diz o que está a fazer (ler → escrever → conferir) e some quando a resposta chega.
   B: a resposta vem por partes — cada frase aparece assim que passa na conferência; o rodapé do cartão conta o que falta. */
.proc{display:flex;align-items:center;gap:12px;min-width:min(400px,100%)}
.proc-anel{width:18px;height:18px;flex:none;border-radius:50%;border:1.5px solid var(--linha2);border-top-color:var(--ouro);animation:proc-gira 1s linear infinite}
.proc-tx{display:flex;flex-direction:column;gap:1px;min-width:0;flex:1}
.proc-tx b{font:500 14px/1.3 var(--s);color:var(--texto)}
.proc-tx span{font-size:12.5px;line-height:1.4;color:var(--texto2)}
.proc-tempo{font:400 12px/1 var(--s);color:var(--texto3);font-variant-numeric:tabular-nums;white-space:nowrap;align-self:flex-start;margin-top:2px}
.proc-tempo:empty{display:none}
.proc-passos{display:grid;grid-template-columns:repeat(3,1fr);gap:6px;margin-top:12px;list-style:none}
.proc-passos li{font:500 11px/1.3 var(--s);letter-spacing:.12em;text-transform:uppercase;color:var(--texto3);padding-top:7px;border-top:2px solid var(--linha);white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.proc-passos li.feito{border-top-color:var(--ouro);color:var(--texto2)}
.proc-passos li.agora{border-top-color:var(--ouro);color:var(--texto)}
.proc-passos li.agora{background:linear-gradient(90deg,var(--ouro) 0 40%,var(--linha) 40% 100%) top/200% 2px no-repeat;border-top-color:transparent;animation:proc-corre 1.4s linear infinite}
.proc-demora{margin-top:10px;font-size:12px;line-height:1.4;color:var(--texto3)}
.msg .proc-resto{display:flex;align-items:center;gap:8px;margin-top:10px;padding-top:10px;border-top:1px dashed var(--linha);font-size:12.5px;color:var(--texto3);font-variant-numeric:tabular-nums}
.msg .proc-resto .proc-anel{width:13px;height:13px;border-width:1.5px}
.msg p.conferida{animation:proc-entra .32s ease-out both}
.msg p.conferida .ok-frase{display:inline-block;width:6px;height:6px;border-radius:50%;background:var(--ouro);margin-left:6px;vertical-align:middle;animation:proc-some 1.6s ease-out .4s both}
@keyframes proc-gira{to{transform:rotate(360deg)}}
@keyframes proc-corre{from{background-position:100% 0}to{background-position:-100% 0}}
@keyframes proc-entra{from{opacity:0;transform:translateY(4px)}to{opacity:1;transform:none}}
@keyframes proc-some{from{opacity:1}to{opacity:0}}
/* 11/10: "Processando" v2, opção C — anel de três arcos (aprovado pelo Bruno em 11/10/2026 19:12:37 BRT, AMERIGO DESIGN) */
.pc{display:flex;align-items:center;gap:14px;min-width:min(400px,100%)}
.pc-anel{position:relative;width:44px;height:44px;flex:none}
.pc-anel svg{width:44px;height:44px;display:block;transform:rotate(-90deg)}
.pc-anel circle{fill:none;stroke-width:3;stroke-linecap:round}
.pc-anel .base{stroke:var(--linha)}
.pc-anel .arco{stroke:var(--linha2);transition:stroke .3s}
.pc-anel .arco.feito{stroke:var(--ouro)}
.pc-anel .arco.agora{stroke:var(--ouro);animation:pc-respira 1.4s ease-in-out infinite}
.pc-orb{position:absolute;inset:0;animation:pc-gira 1.8s linear infinite}
.pc-orb::before{content:"";position:absolute;left:50%;top:-1px;width:6px;height:6px;margin-left:-3px;border-radius:50%;background:var(--ouro);box-shadow:0 0 8px var(--ouro)}
.pc-nucleo{position:absolute;inset:14px;border-radius:50%;border:1.5px solid var(--texto);display:grid;place-items:center}
.pc-nucleo i{width:5px;height:5px;border-radius:50%;background:var(--ouro)}
.pc-tx{flex:1;min-width:0}
.pc-tx b{display:flex;align-items:baseline;gap:8px;font:500 14px/1.3 var(--s);color:var(--texto)}
.pc-tempo{margin-left:auto;font:500 12px/1 'JetBrains Mono','Cascadia Mono',Consolas,monospace;color:var(--texto3);font-variant-numeric:tabular-nums}
.pc-leg{display:block;font-size:13px;color:var(--texto2);margin-top:2px}
.pc-leg.troca{animation:pc-troca .35s ease-out}
.pc-n{display:block;margin-top:6px;font:500 12px/1 var(--s);letter-spacing:.08em;text-transform:uppercase;color:var(--texto3)}
.pc-acoes{display:flex;gap:8px;margin-top:12px;padding-top:12px;border-top:1px solid var(--linha)}
.pc-bt{min-height:36px;padding:0 14px;border-radius:99px;border:1px solid var(--linha2);background:transparent;color:var(--texto);font:500 13px var(--s);cursor:pointer}
.pc-bt:hover{border-color:var(--texto)}.pc-bt:focus-visible{outline:2px solid var(--ouro);outline-offset:2px}
.pc-bt.p{border-color:var(--ouro);color:var(--ouro)}
.pc-aviso{align-self:center;margin:4px auto;font-size:13px;color:var(--texto3);text-align:center}
.teclado form:has(#pergunta.ed){border-color:var(--ouro)}
@media(max-width:420px){.pc-acoes .pc-bt{flex:1}}
.pc-demora{margin-top:12px;font-size:12px;line-height:1.45;color:var(--texto3)}
@keyframes pc-gira{to{transform:rotate(360deg)}}
@keyframes pc-respira{50%{opacity:.45}}
@keyframes pc-troca{from{opacity:0;transform:translateY(5px)}to{opacity:1;transform:none}}

.passos-lista{display:flex;flex-direction:column;gap:10px}
.passo{border:1px solid var(--linha);border-radius:var(--raio);background:var(--sup)}
.passo>header{display:flex;align-items:center;gap:14px;padding:16px}
.passo .circ{width:28px;height:28px;border-radius:50%;border:1.5px solid var(--linha2);display:grid;place-items:center;font:500 12px/1 var(--t);flex:none;color:var(--texto3)}
.passo.feito .circ{border-color:var(--prim);background:var(--prim);color:var(--prim-tx)}
.passo.agora{border-color:var(--linha2);box-shadow:inset 2px 0 0 var(--ouro)}
.passo.agora .circ{border-color:var(--ouro);color:var(--ouro)}
.passo header div{flex:1}
.passo header b{display:block;font:500 16px/1.2 var(--t)}
.passo header small{color:var(--texto3);font-size:12.5px}
.passo .corpo{padding:0 16px 18px;display:flex;flex-direction:column;gap:14px}
.qr{width:200px;height:200px;border-radius:var(--raio);background:#fff;border:1px solid var(--linha2);display:grid;place-items:center;align-self:center}
.codigo{display:flex;gap:8px;justify-content:center;font:500 26px/1 var(--t);letter-spacing:.12em}
.codigo span{padding:12px;border-radius:var(--raio);border:1px solid var(--linha2);background:var(--sup2)}
.alterna{display:inline-flex;border:1px solid var(--linha2);border-radius:99px;padding:3px;align-self:center}
.alterna button{padding:7px 14px;border-radius:99px;font-size:13px;color:var(--texto2)}
.alterna button[aria-pressed="true"]{background:var(--prim);color:var(--prim-tx)}

.pessoa{display:flex;align-items:center;gap:12px;padding:14px;border:1px solid var(--linha);border-radius:var(--raio);background:var(--sup)}
.pessoa .ini{width:38px;height:38px;border-radius:50%;border:1px solid var(--linha2);display:grid;place-items:center;font:500 14px/1 var(--t);flex:none}
.pessoa div{flex:1;min-width:0}
.pessoa b{display:block;font-weight:500}
.pessoa small{color:var(--texto3);font-size:12px}
.campo{display:flex;flex-direction:column;gap:6px;font-size:12.5px;color:var(--texto2)}
.campo input{min-height:48px;padding:0 14px;border-radius:var(--raio);border:1px solid var(--linha2);background:var(--fundo);color:var(--texto);font:400 16px/1 var(--s);width:100%}
.campo input:focus{outline:none;border-color:var(--texto)}
.chips{display:flex;flex-wrap:wrap;gap:8px}
.chips button{padding:9px 14px;border:1px solid var(--linha2);border-radius:99px;font-size:13.5px;color:var(--texto2)}
.chips button[aria-pressed="true"]{border-color:var(--prim);background:var(--prim);color:var(--prim-tx)}
.tempo{position:relative;padding-left:20px}
.tempo::before{content:"";position:absolute;left:5px;top:6px;bottom:6px;width:1px;background:var(--linha2)}
.tempo .dia{margin:18px 0 10px -20px;padding-left:20px}
.evento{position:relative;padding:12px 14px;margin-bottom:10px;border:1px solid var(--linha);border-radius:var(--raio);background:var(--sup)}
.evento::before{content:"";position:absolute;left:-19px;top:18px;width:9px;height:9px;border-radius:50%;background:var(--fundo);border:1.5px solid var(--ouro)}
.evento b{display:block;font-weight:500}
.evento small{color:var(--texto3);font-size:12.5px}
.barras{display:flex;flex-direction:column;gap:12px}
.barra{display:grid;grid-template-columns:96px 1fr 48px;gap:10px;align-items:center;font-size:13.5px}
.barra span{color:var(--texto2)}
.barra i{height:4px;border-radius:99px;background:var(--sup2);position:relative;overflow:hidden}
.barra i::after{content:"";position:absolute;inset:0;width:var(--v);background:var(--texto)}
.barra b{font-weight:500;text-align:right;font-variant-numeric:tabular-nums}
.grade2{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:10px}
.mini{padding:14px;border:1px solid var(--linha);border-radius:var(--raio);background:var(--sup)}
.mini b{display:block;font:400 24px/1.1 var(--t);margin-top:8px;font-variant-numeric:tabular-nums}
.mini small{color:var(--texto3);font-size:11px;letter-spacing:.12em;text-transform:uppercase}
@media (prefers-reduced-motion:reduce){*{animation:none!important;transition:none!important}}
.tipos{display:flex;flex-direction:column}
.tipo{display:flex;align-items:center;gap:14px;padding:14px 0;border-bottom:1px solid var(--linha)}
.tipo:last-child{border-bottom:0}
.tipo div{flex:1}
.tipo b{display:block;font-weight:500}
.tipo small{color:var(--texto3);font-size:13px}
.passos{display:flex;gap:6px;list-style:none}
.passos li{flex:1;display:flex;flex-direction:column;gap:7px}
.passos li i{height:3px;border-radius:99px;background:var(--linha2)}
.passos li.feito i{background:var(--texto)}
.passos li.agora i{background:var(--ouro)}
.passos li span{font:500 11px/1.2 var(--s);letter-spacing:.1em;text-transform:uppercase;color:var(--texto3)}
.passos li.agora span{color:var(--ouro)}
.lista-passos{display:flex;flex-direction:column;gap:10px;counter-reset:n}
.lista-passos li{list-style:none;display:flex;gap:12px;align-items:flex-start;color:var(--texto2);font-size:14.5px}
.lista-passos li::before{counter-increment:n;content:counter(n);flex:none;width:24px;height:24px;border-radius:50%;border:1px solid var(--linha2);display:grid;place-items:center;font:500 12px/1 var(--t);color:var(--ouro)}

/* ⭐ v2d — temas da conversa (aprovado pelo Bruno em 26/09/2026 17:44 BRT, AMERIGO DESIGN) */
.temas{display:flex;flex-wrap:wrap;gap:8px;margin-top:14px}
.tema{display:inline-flex;align-items:center;gap:8px;min-height:40px;padding:0 14px;border:1px solid var(--linha2);border-radius:99px;background:var(--sup);font-size:14px;color:var(--texto2)}
.tema::before{content:"";width:14px;height:14px;border-radius:50%;border:1.5px solid var(--linha2);flex:none}
.tema[aria-pressed="true"]{border-color:var(--texto);color:var(--texto)}
.tema[aria-pressed="true"]::before{border-color:var(--ouro);background:var(--ouro);box-shadow:inset 0 0 0 2.5px var(--sup)}
.tema[disabled]{opacity:.45;cursor:not-allowed;text-decoration:line-through}
.temas-rodape{display:flex;align-items:center;justify-content:space-between;gap:12px;flex-wrap:wrap;margin-top:16px}
.temas-rodape small{color:var(--texto3);font-size:13px}
.bt:disabled{opacity:.35;cursor:not-allowed}
.tema-opcoes{flex-basis:100%;margin:2px 0 6px;padding:12px 14px;border-left:2px solid var(--ouro);background:var(--sup2);border-radius:0 var(--raio) var(--raio) 0}
.tema-opcoes p{font-size:13px;color:var(--texto2);margin-bottom:8px}
.tema-opcoes .temas{margin-top:0;gap:6px}
.tema-opcoes .tema{min-height:34px;padding:0 12px;font-size:13px}
/* v2e — conversas do assistente (como a barra do Claude) e Quem é quem (26/09 ~21h) */
.conversas{position:fixed;top:0;bottom:0;left:0;z-index:60;width:min(86vw,300px);background:var(--fundo);border-right:1px solid var(--linha);display:flex;flex-direction:column;transform:translateX(-102%);transition:transform .22s ease}
.conversas.aberta{transform:none}
.conversas-veu{position:fixed;inset:0;z-index:59;background:rgba(0,0,0,.35)}
.conversas .cab{padding:16px 14px 10px;display:flex;flex-direction:column;gap:10px}
.conversas .nova{display:flex;align-items:center;gap:10px;min-height:44px;padding:0 14px;border:1px solid var(--linha2);border-radius:var(--raio);font-size:14px;font-weight:500}
.conversas .nova:hover{border-color:var(--texto)}
.conversas .lista{flex:1;overflow-y:auto;padding:4px 8px 20px}
.conversas .grupo{font:500 11px/1.3 var(--s);letter-spacing:.16em;text-transform:uppercase;color:var(--texto3);padding:14px 8px 6px}
.conv{position:relative;display:flex;align-items:center;border-radius:var(--raio)}
.conv a{flex:1;min-width:0;padding:9px 8px;font-size:14px;color:var(--texto2);text-decoration:none;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.conv:hover,.conv[aria-current]{background:var(--sup2)}
.conv[aria-current] a{color:var(--texto)}
.conv .tres{width:30px;height:30px;border-radius:6px;display:grid;place-items:center;color:var(--texto3);opacity:0}
.conv:hover .tres,.conv[aria-current] .tres,.conv .tres[aria-expanded="true"]{opacity:1}
@media (hover:none){.conv .tres{opacity:1}}
.conv input{flex:1;min-width:0;margin:3px;padding:6px 8px;border:1px solid var(--texto);border-radius:6px;background:var(--sup);color:var(--texto);font:inherit;font-size:14px}
.menu-conv{position:absolute;right:4px;top:36px;z-index:5;min-width:170px;background:var(--sup);border:1px solid var(--linha2);border-radius:8px;padding:4px;box-shadow:0 8px 24px rgba(0,0,0,.10)}
.menu-conv button{display:block;width:100%;text-align:left;padding:9px 12px;border-radius:6px;font-size:14px}
.menu-conv button:hover{background:var(--sup2)}
.menu-conv .perigo{color:var(--erro)}
.confirma{margin:4px 8px 8px;padding:10px 12px;border:1px solid color-mix(in srgb,var(--erro) 40%,transparent);border-radius:var(--raio);font-size:13px;color:var(--texto2)}
.confirma div{display:flex;gap:8px;margin-top:8px}
.confirma button{padding:6px 12px;border-radius:6px;border:1px solid var(--linha2);font-size:13px}
.confirma .sim{border-color:var(--erro);color:var(--erro)}
.conversa-atual{max-width:780px;margin:0 auto;padding:10px var(--gut) 0;display:flex;align-items:center;gap:10px}
.conversa-atual button{display:inline-flex;align-items:center;gap:8px;padding:7px 12px 7px 10px;border:1px solid var(--linha2);border-radius:99px;font-size:13px;color:var(--texto2);max-width:100%}
.conversa-atual button span{white-space:nowrap;overflow:hidden;text-overflow:ellipsis;color:var(--texto)}
.conversa-atual .so-largo{display:none;font:500 15px/1.2 var(--t);color:var(--texto)}
/* 27/09 (ordem dele): no celular o acesso às conversas fica FIXO embaixo, junto do campo de pergunta */
.conversa-atual .abre{display:none}
.conv-baixo{max-width:780px;margin:0 auto 6px}
.conv-baixo button{display:inline-flex;align-items:center;gap:8px;padding:6px 12px 6px 10px;border:1px solid var(--linha2);border-radius:99px;font-size:13px;color:var(--texto2);max-width:100%;background:var(--sup)}
.conv-baixo button span{white-space:nowrap;overflow:hidden;text-overflow:ellipsis;color:var(--texto)}
@media (max-width:979px){.conversa{padding-bottom:190px}}
@media (min-width:980px){
  body.com-conversas{padding-left:520px}
  .conversas{left:240px;width:280px;transform:none;transition:none;z-index:30}
  .conversas-veu,.conversa-atual .abre,.conv-baixo{display:none!important}
  .conversa-atual .so-largo{display:block}
  body.com-conversas .teclado{left:520px!important}
}
.mencao .trecho{margin-top:10px;padding:12px 14px;border-left:2px solid var(--linha2);background:var(--sup2);border-radius:0 var(--raio) var(--raio) 0;font-size:14.5px;color:var(--texto2)}
.mencao .trecho mark{background:var(--ouro-f);color:var(--texto);padding:0 3px;border-radius:3px;font-weight:500}
.mencao .opcoes{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:8px;margin-top:14px}
.mencao .opcoes button{min-height:52px;padding:6px 12px;border:1px solid var(--linha2);border-radius:var(--raio);font-size:14px;text-align:center}
.mencao .opcoes button:hover{border-color:var(--texto)}
.mencao .opcoes button small{display:block;font-size:11.5px;color:var(--texto3)}
.mencao .opcoes .menor{min-height:42px;color:var(--texto2)}
.mencao .feita{display:flex;align-items:center;justify-content:space-between;gap:10px;flex-wrap:wrap;margin-top:12px;font-size:14px}
.mencao .feita b{font-weight:500}
.mencao .feita button{font-size:13px;text-decoration:underline;text-underline-offset:3px;color:var(--texto2)}
.rotulos{display:flex;flex-direction:column;gap:12px;margin-top:12px}
.rotulo{display:flex;flex-direction:column;gap:8px;padding:12px;border:1px solid var(--linha);border-radius:var(--raio)}
.rotulo input{padding:10px 12px;border:1px solid var(--linha2);border-radius:var(--raio);background:var(--sup);color:var(--texto);font:inherit}

/* v2f — apelidos (27/09) */
.apelidos{display:flex;flex-direction:column;gap:10px;margin-top:12px}
.ap-pessoa{display:flex;flex-direction:column;gap:8px;padding:12px;border:1px solid var(--linha);border-radius:var(--raio)}
.ap-pessoa b{font-weight:500}
.ap-lista{display:flex;flex-wrap:wrap;gap:6px;align-items:center}
.ap{display:inline-flex;align-items:center;gap:4px;padding:4px 6px 4px 10px;border:1px solid var(--linha2);border-radius:99px;font-size:13.5px}
.ap button{width:22px;height:22px;border-radius:50%;display:grid;place-items:center;font-size:11px;color:var(--texto3)}
.ap button:hover{color:var(--erro)}
.ap-lista input{flex:1;min-width:110px;padding:5px 10px;border:1px dashed var(--linha2);border-radius:99px;background:transparent;color:var(--texto);font:inherit;font-size:13.5px}
/* v2f2 — fotos, mais trechos e "outra pessoa" com nome (27/09 09:47) */
.foto-p{width:34px;height:34px;flex:none;border-radius:50%;display:inline-grid;place-items:center;font:600 12.5px/1 var(--t);color:#fff;letter-spacing:.02em}
.foto-p.vazia{background:transparent;border:1px dashed var(--linha2);color:var(--texto3)}
.mencao .opcoes button{display:flex;align-items:center;gap:10px;text-align:left}
.mencao .opcoes button>span:last-child{min-width:0}
.mencao .opcoes .menor .foto-p{width:28px;height:28px}
.mais-trechos{margin-top:8px}
.mais-trechos summary{cursor:pointer;font-size:13.5px;color:var(--texto2);text-decoration:underline;text-underline-offset:3px;padding:4px 0}
.mais-trechos .trecho{margin-top:8px}
.trecho .de{display:block;font-size:11.5px;color:var(--texto3);margin-bottom:2px}
.mencao .outra{margin-top:12px;padding:12px;border:1px solid var(--linha2);border-radius:var(--raio)}
.mencao .outra label{font-size:14px;font-weight:500}
.outra-linha{display:flex;align-items:center;gap:8px;margin-top:8px}
.outra-linha input{flex:1;min-width:0;padding:10px 12px;border:1px solid var(--linha2);border-radius:var(--raio);background:var(--sup);color:var(--texto);font:inherit}
.mencao .nota{margin-top:10px;font-size:12.5px;color:var(--texto3)}
.mencao .feita .quem{display:flex;align-items:center;gap:10px}
/* v2f3 — pessoas: nome, relação, apelidos (27/09 09:53) */
.busca-p{width:100%;margin-top:12px;padding:10px 12px;border:1px solid var(--linha2);border-radius:var(--raio);background:var(--sup);color:var(--texto);font:inherit}
.lista-p{display:flex;flex-direction:column;gap:8px;margin-top:10px}
.pessoa-ed{border:1px solid var(--linha);border-radius:var(--raio)}
.pessoa-ed summary{display:flex;align-items:center;gap:12px;padding:10px 12px;cursor:pointer;list-style:none}
.pessoa-ed summary::-webkit-details-marker{display:none}
.pe-txt{flex:1;min-width:0;display:flex;flex-direction:column}
.pe-txt b{font-weight:500;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.pe-txt small{font-size:12.5px;color:var(--texto3)}
.pe-seta{font-size:13px;color:var(--texto2);text-decoration:underline;text-underline-offset:3px}
.pessoa-ed[open] .pe-seta{visibility:hidden}
.pe-corpo{display:flex;flex-direction:column;gap:8px;padding:4px 12px 14px}
.pe-corpo label{display:flex;flex-direction:column;gap:6px;font-size:13px;color:var(--texto2)}
.pe-corpo input:not(.ap-lista input),.outra input[data-relacao]{padding:10px 12px;border:1px solid var(--linha2);border-radius:var(--raio);background:var(--sup);color:var(--texto);font:inherit;width:100%}
.pe-corpo .nota{margin:-4px 0 4px;font-size:12px;color:var(--texto3)}
.rel-campo{position:relative;display:block}
.rel-lista{position:absolute;left:0;right:0;top:calc(100% + 4px);z-index:20;max-height:220px;overflow-y:auto;background:var(--sup);border:1px solid var(--linha2);border-radius:8px;padding:4px;box-shadow:0 8px 24px rgba(0,0,0,.12)}
.rel-lista button{display:block;width:100%;text-align:left;padding:8px 10px;border-radius:6px;font-size:14px;color:var(--texto)}
.rel-lista button:hover,.rel-lista button.on{background:var(--sup2)}
.rel-lista .escrever{border-top:1px solid var(--linha);border-radius:0 0 6px 6px;color:var(--texto2);font-style:italic}

/* v2f4: últimas 3 mensagens, fechadas */
.ult3 summary{font-size:13px;color:var(--texto2);cursor:pointer;text-decoration:underline;text-underline-offset:3px}
.ult3 p{margin:6px 0 0;font-size:13px;color:var(--texto2);display:flex;gap:8px;min-width:0}
.ult3 p span{flex:none;color:var(--texto3);font:500 12px/1.6 var(--t)}
.pessoa-ed summary{padding:8px 12px}
.pessoa-ed .foto-p{width:32px;height:32px;font-size:12px}

/* v2f5: contexto de cada candidata em Quem é quem */
.mencao .opc{display:flex;flex-direction:column;gap:4px;min-width:0}
.mencao .opc>button{width:100%}
.mencao .opc .ult3{padding:0 4px}
.mencao .opc .ult3 summary{font-size:12.5px}
/* v2f6: juntar a mesma pessoa */
.juntar{margin-top:6px;padding-top:10px;border-top:1px solid var(--linha)}
.juntar-conf{padding:10px 12px;border:1px solid var(--ouro);border-radius:var(--raio);font-size:13.5px;color:var(--texto2)}
.juntar-conf p{margin:0 0 10px}
.juntar-conf b,.juntou b{color:var(--texto);font-weight:500}
.juntar-bts{display:flex;gap:8px;flex-wrap:wrap}
.juntou{margin:0;font-size:13px;color:var(--texto2)}
.juntou button{font:inherit;color:var(--texto);text-decoration:underline;text-underline-offset:3px;background:none;border:0;padding:0;cursor:pointer}
.rel-lista .sem-achado{margin:0;padding:8px 12px;font-size:13px;color:var(--texto3)}

/* opções da pessoa (Ajustes) — as mesmas do painel, sem Plano e Leituras por dia */
.opcs-u{display:flex;flex-direction:column}
.opc-u{display:flex;align-items:center;justify-content:space-between;flex-wrap:wrap;gap:10px 14px;padding:14px 0;border-bottom:1px solid var(--linha)}
.opc-u:last-child{border-bottom:0}
.opc-u>div:first-child{flex:1;min-width:180px}
.opc-u b{display:block;font-weight:500}
.opc-u small{color:var(--texto3);font-size:13px}
.opc-u .alterna{align-self:auto;flex-wrap:wrap;max-width:100%}
.prazo-u input{width:110px;min-height:42px}
.fora-u{flex-direction:column;align-items:stretch}
.fora-u .campo input{min-height:44px}
.fora-chips{display:flex;flex-wrap:wrap;gap:6px}
.fora-chips:empty{display:none}
.chip-fora{display:inline-flex;align-items:center;gap:6px;border:1px solid var(--linha2);border-radius:99px;padding:5px 6px 5px 12px;font-size:13.5px;background:var(--sup2)}
.chip-fora button{width:24px;height:24px;border-radius:50%;display:grid;place-items:center;color:var(--texto2);font-size:16px;line-height:1}
.chip-fora button:hover{background:var(--linha);color:var(--texto)}

/* ===== CENTREI v3 (AMERIGO DESIGN, 27/09): temas explicados · nova conversa anônima · apagar com memória ·
   quem é quem por trecho · o que o Centrei sabe de você · análises ===== */
/* temas: quadro de explicação (mouse, teclado e toque) e selecionar tudo */
.temas>.explica{flex-basis:100%}
.explica{margin-top:10px;padding:10px 12px;min-height:44px;border:1px dashed var(--linha2);border-radius:var(--raio);font-size:13px;line-height:1.5;color:var(--texto2)}
.explica b{display:block;font-weight:500;color:var(--texto);margin-bottom:2px}
.explica-dica{color:var(--texto3)}
.tema-opcoes .explica{background:var(--sup)}
.tema-opcoes-cab{display:flex;align-items:baseline;justify-content:space-between;gap:10px;margin-bottom:8px}
.tema-opcoes-cab p{margin:0!important}
.tema-opcoes .tudo{flex:none;font-size:12.5px;font-weight:500;color:var(--texto);text-decoration:underline;text-underline-offset:3px;padding:6px 0}

/* nova conversa: normal e anônima, cada uma com a sua dica */
.nova-op{position:relative}
.nova-op .nova{width:100%}
.conversas .nova[aria-pressed="true"]{border-color:var(--texto);box-shadow:inset 3px 0 0 var(--ouro)}
.conversas .nova.anon{border-style:dashed}
.conversas .nova.anon[aria-pressed="true"]{border-style:solid;background:var(--prim);color:var(--prim-tx);box-shadow:none}
.nova-op .dica{position:absolute;left:0;right:0;top:calc(100% + 6px);z-index:5;margin:0;padding:10px 12px;border-radius:var(--raio);background:var(--prim);color:var(--prim-tx);font-size:12.5px;line-height:1.45;box-shadow:0 6px 20px rgba(0,0,0,.18);opacity:0;visibility:hidden;transition:opacity .12s}
.nova-op .dica b{font-weight:600}
.nova-op:hover .dica,.nova-op:focus-within .dica{opacity:1;visibility:visible}
@media (hover:none){
  .nova-op .dica{position:static;opacity:1;visibility:visible;margin-top:6px;padding:0 2px;background:none;color:var(--texto3);box-shadow:none;font-size:12px}
  .nova-op .dica b{color:var(--texto2);font-weight:500}
}
/* anônima aberta: faixa invertida em cima, título e campo tracejados */
.faixa-anon{max-width:780px;margin:10px auto 0;padding:10px 12px;display:flex;align-items:center;gap:12px;border-radius:var(--raio);background:var(--prim);color:var(--prim-tx);font-size:13px;line-height:1.4}
.faixa-anon[hidden]{display:none}
.faixa-anon p{flex:1;margin:0}
.faixa-anon .bt{min-height:36px;padding:0 12px;font-size:12.5px;border-color:currentColor;color:inherit;flex:none}
.olho{flex:none;width:22px;height:22px;background:currentColor;-webkit-mask:var(--olho) center/contain no-repeat;mask:var(--olho) center/contain no-repeat;--olho:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='black' stroke-width='1.8' stroke-linecap='round'%3E%3Cpath d='M3 12s3.5-6 9-6c1.6 0 3 .5 4.2 1.2M21 12s-3.5 6-9 6c-1.6 0-3-.5-4.2-1.2'/%3E%3Cpath d='M4 20L20 4'/%3E%3C/svg%3E")}
@media (max-width:560px){.faixa-anon{margin:10px var(--gut) 0;flex-wrap:wrap}.faixa-anon p{flex-basis:calc(100% - 34px)}.faixa-anon .bt{margin-left:34px}}
body.em-anonima .teclado form{border-style:dashed;border-color:var(--texto)}
body.em-anonima .conversa-atual button,body.em-anonima .conversa-atual .so-largo{font-style:italic}

/* apagar conversa: duas opções e o que vai sumir */
.confirma.apagar{display:flex;flex-direction:column;gap:8px}
.confirma.apagar>b{color:var(--texto);font-weight:500}
.opc-apagar{display:flex;gap:8px;align-items:flex-start;padding:8px;border:1px solid var(--linha);border-radius:var(--raio);cursor:pointer;color:var(--texto)}
.opc-apagar:has(input:checked){border-color:var(--texto)}
.opc-apagar input{margin-top:3px;accent-color:var(--texto)}
.opc-apagar small{display:block;margin-top:2px;color:var(--texto3);font-size:12px;line-height:1.4}
.confirma .nota{margin:0;font-size:12px;color:var(--texto3)}
.confirma ul.some{margin:0;padding:0 0 0 16px;max-height:160px;overflow:auto;font-size:12.5px;color:var(--texto)}
.confirma ul.some li{margin:3px 0}
.confirma ul.some small{display:block;color:var(--texto3);font-size:11.5px}

/* quem é quem: um trecho, uma pessoa */
.tq-lista{display:flex;flex-direction:column;gap:12px;margin-top:12px}
.tq .trecho{margin-top:0!important}
.tq-quem{display:flex;align-items:center;justify-content:space-between;gap:10px;flex-wrap:wrap;padding:8px 2px 0 16px;font-size:14px}
.tq-p{display:flex;align-items:center;gap:10px;min-width:0}
.tq-p .foto-p{width:28px;height:28px;font-size:11px}
.tq-p b{font-weight:500}
.tq-p small{display:block;font-size:12px;color:var(--texto3)}
.tq-p.sug{color:var(--texto2)}
.tq-p.sug b{color:var(--texto)}
.tq-p.vazio{color:var(--texto3)}
.tq.ok .trecho{border-left-color:var(--ouro)}
.tq-acoes{display:flex;align-items:center;gap:14px;margin-left:auto}
.tq-link{font-size:13px;color:var(--texto2);text-decoration:underline;text-underline-offset:3px;padding:6px 0}
.tq-link.perigo{color:var(--erro)}
.tq-bt{min-height:36px;padding:0 14px;font-size:13px}
.tq-rot{flex-basis:100%;margin:0;font-size:13px;color:var(--texto2)}
.tq-ops{display:flex;flex-wrap:wrap;gap:6px;flex-basis:100%}
.tq-ops button{display:flex;align-items:center;gap:8px;min-height:40px;padding:4px 12px 4px 5px;border:1px solid var(--linha2);border-radius:99px;font-size:13px}
.tq-ops button:hover,.tq-ops button[aria-pressed="true"]{border-color:var(--texto)}
.tq-ops .foto-p{width:28px;height:28px;font-size:11px}
.tq-placar{margin-top:12px}
.tq-placar .tq-link{font:inherit;letter-spacing:inherit;text-transform:inherit;color:var(--texto)}
.corpo-escolha.padrao{margin-top:16px;padding-top:14px;border-top:1px solid var(--linha)}
.corpo-escolha.padrao h3{font:500 14px/1.3 var(--t);margin:0}
.corpo-escolha.padrao .opcoes{margin-top:10px}

/* o que o Centrei sabe de você */
.mem-liga{display:flex;align-items:center;justify-content:space-between;gap:14px;flex-wrap:wrap}
.mem-liga>div:first-child{flex:1 1 260px}
.mem-liga p{font-size:14px;color:var(--texto2)}
.mem-n{font:500 12px/1 var(--s);color:var(--texto3);margin-left:4px}
.mem-lista{list-style:none;margin:6px 0 0;padding:0}
.mem-item{padding:12px 0;border-bottom:1px solid var(--linha)}
.mem-item:last-child{border-bottom:0;padding-bottom:0}
.mem-texto{margin:0;font-size:15px;color:var(--texto)}
.mem-pe{display:flex;align-items:center;justify-content:space-between;gap:10px;flex-wrap:wrap;margin-top:4px}
.mem-meta{font-size:12px;color:var(--texto3)}
.mem-acoes{display:flex;gap:14px;align-items:center;margin-left:auto}
.mem-item textarea,.an textarea{width:100%;padding:10px 12px;border:1px solid var(--linha2);border-radius:var(--raio);background:var(--sup);color:var(--texto);font:inherit;resize:vertical}
.mem-rot{display:block;font-size:12px;color:var(--texto3);margin-bottom:4px}
.mem-conta{font-size:12px;color:var(--texto3)}
.mem-bt{min-height:36px;padding:0 16px;font-size:13px}
.mem-item .nota{margin-top:6px;font-size:12px;color:var(--texto3)}
.mem-item .confirma{margin:8px 0 0}
.mem-erro{color:var(--erro);font-size:13px;text-align:center}
.mem-sobre{font-size:13px;color:var(--texto3);text-align:center;display:flex;flex-direction:column;gap:6px;padding:0 6px}
.mem-sobre b{color:var(--texto2);font-weight:500}

/* análises */
.an .nota{font-size:12.5px;color:var(--texto3);margin-top:8px}
.an-volta{align-self:flex-start;font-size:13px;color:var(--texto2);text-decoration:none;padding:4px 0}
.an-porta{display:flex;align-items:center;gap:14px;text-decoration:none;color:inherit}
.an-porta:hover{border-color:var(--texto)}
.an-porta p{font-size:14px}
.an-ico{flex:none;width:44px;height:44px;border-radius:50%;display:grid;place-items:center;background:var(--ouro-f);color:var(--ouro)}
.an-seta{margin-left:auto;font-size:22px;color:var(--texto3)}
.an-item{text-decoration:none;color:inherit}
.an-item small{display:block;font-size:12px;color:var(--texto3)}
.an-item b{font-size:13px;color:var(--texto2);white-space:nowrap}
.an-busca{width:100%;margin-top:8px;padding:11px 12px;border:1px solid var(--linha2);border-radius:var(--raio);background:var(--sup);color:var(--texto);font:inherit}
.an-pessoas{display:flex;flex-direction:column;margin-top:8px;max-height:60vh;overflow:auto}
.an-pessoa{display:flex;align-items:center;gap:12px;padding:10px 4px;border-bottom:1px solid var(--linha);text-align:left;font-size:15px}
.an-pessoa:hover{background:var(--sup2)}
.an-pessoa small{display:block;font-size:12px;color:var(--texto3)}
.an-quem{display:flex;align-items:center;gap:14px}
.an-quem .foto-p{width:48px;height:48px;font-size:16px}
.an-quem h2{margin:0}
.an-quem p{font-size:13px}
.an-ops{display:flex;flex-direction:column;gap:10px;margin-top:10px}
.an-op{display:grid;grid-template-columns:auto 1fr;gap:4px 10px;padding:12px;border:1px solid var(--linha2);border-radius:var(--raio);cursor:pointer}
.an-op.on{border-color:var(--texto);box-shadow:inset 3px 0 0 var(--ouro)}
.an-op input{margin-top:3px;accent-color:var(--texto)}
.an-op-tx b{font-weight:500}
.an-op-tx small{display:block;font-size:12.5px;color:var(--texto3);margin-top:2px}
.an-op .an-custo{grid-column:2;margin-top:6px}
.an-custo{display:flex;flex-direction:column;gap:2px;font-size:14px}
.an-custo.carregando{color:var(--texto3);font-size:13px}
.an-custo-lin{display:flex;justify-content:space-between;align-items:baseline;gap:10px}
.an-custo-lin span{color:var(--texto2)}
.an-custo-lin b{font:500 15px/1.3 var(--t);font-variant-numeric:tabular-nums}
.an-op .an-custo-lin b{font-size:14px}
.an-custo-conta{margin:2px 0 0;font-size:12px;color:var(--texto3)}
.an-fecha .an-custo{margin:6px 0 14px;padding:12px;background:var(--sup2);border-radius:var(--raio)}
.an-fecha .an-custo-lin b{font-size:18px}
.an-conta{margin-top:6px;font-size:13px}
.an-conta summary{cursor:pointer;color:var(--texto2);padding:4px 0}
.an-conta .linha-dado{padding:8px 0}
.an-pref p{font-size:14px}
.an-chips{display:flex;flex-wrap:wrap;gap:6px;margin-top:8px}
.an-chips span{padding:5px 11px;border:1px solid var(--linha2);border-radius:99px;font-size:12.5px;color:var(--texto2)}
.an-link{display:inline-block;margin-top:8px;font-size:13px;color:var(--texto2)}
.an-tom{display:flex;align-items:center;justify-content:space-between;gap:12px;flex-wrap:wrap;margin-top:14px;padding-top:12px;border-top:1px solid var(--linha)}
.an-tom b{font-weight:500}
.an-como ol{margin:8px 0 0;padding-left:20px;display:flex;flex-direction:column;gap:6px;font-size:14px;color:var(--texto2)}
.an-como b{color:var(--texto);font-weight:500}
.an-barra{height:4px;border-radius:2px;background:var(--sup2);overflow:hidden;margin:10px 0}
.an-barra i{display:block;height:100%;background:var(--ouro)}
.an-cegos>p{font-size:14px}
.an-q{margin-top:16px}
.an-q label b{font-weight:500}
.an-q label small{display:block;font-size:12.5px;color:var(--texto3);margin:2px 0 6px}
.an-q textarea:disabled{opacity:.4}
.an-pula{display:flex;align-items:center;gap:6px;margin-top:6px;font-size:12.5px;color:var(--texto3);cursor:pointer}
.an-cegos .bt{margin-top:18px}
.an-dados{display:grid;grid-template-columns:repeat(auto-fit,minmax(130px,1fr));gap:14px}
.an-dados b{display:block;font:500 22px/1.2 var(--t)}
.an-dados span{font-size:12.5px;color:var(--texto3)}
.an-secao p{font-size:15px;line-height:1.6;color:var(--texto);margin:0 0 10px}
.an-secao p:last-child{margin-bottom:0}
.an-lados{display:grid;grid-template-columns:1fr;gap:18px;margin-top:6px}
@media (min-width:700px){.an-lados{grid-template-columns:1fr 1fr}}
.an-lado h3{font:500 12px/1.3 var(--s);letter-spacing:.12em;text-transform:uppercase;color:var(--texto3);margin:0 0 8px}
.an-contra{padding:10px 0;border-top:1px solid var(--linha)}
.an-contra p{margin:0 0 4px!important;font-size:14px!important}
.an-contra p span{display:inline-block;width:42px;font-size:11px;letter-spacing:.08em;text-transform:uppercase;color:var(--ouro)}
.an-contra small{font-size:12px;color:var(--texto3)}
.an-ajuste>p{font-size:14px}
.an-aj{margin-top:14px;padding:12px;border-left:2px solid var(--linha2);background:var(--sup2);border-radius:0 var(--raio) var(--raio) 0;display:flex;flex-direction:column;gap:8px}
.an-aj p{margin:0;font-size:14px;color:var(--texto)}
.an-aj .rot{display:block;margin-bottom:2px}
.an-aj-porque{color:var(--texto2)!important}
.an-aj-campo{display:flex;gap:8px;align-items:flex-end;margin-top:14px}
.an-aj-campo .bt{min-height:44px}
.an-imprime{align-self:center}
@media print{.topo,.barra-nav,.trilho,.folha-veu,.an-volta,.an-aj-campo,.an-imprime{display:none!important}body{background:#fff}.cartao{border:0;padding:0 0 12px}}

/* v3b — RELATÓRIOS: botão voltar grande, várias pessoas, relatório completo em blocos */
.rl-voltar{align-self:flex-start;display:inline-flex;align-items:center;gap:8px;min-height:46px;padding:0 20px 0 14px;border:1px solid var(--linha2);border-radius:99px;background:var(--sup);font:500 15px/1 var(--s);color:var(--texto);text-decoration:none}
.rl-voltar:hover{border-color:var(--texto)}
.rl-voltar svg{flex:none}
.an-conta-rot{margin:12px 0 0}
.an-min span{color:var(--ouro)!important}
.rl-sel{display:flex;flex-wrap:wrap;gap:8px;margin:10px 0 4px;min-height:36px;align-items:center}
.rl-sel-p{display:inline-flex;align-items:center;gap:8px;padding:4px;border:1px solid var(--texto);border-radius:99px;font-size:14px}
.rl-sel-p .foto-p{width:28px;height:28px;font-size:11px}
.rl-sel-p button{width:30px;height:30px;border-radius:50%;font-size:18px;line-height:1;color:var(--texto2)}
.rl-sel-p button:hover{background:var(--sup2);color:var(--texto)}
.rl-marca-p{cursor:pointer}
.rl-marca-p input{width:18px;height:18px;accent-color:var(--texto);flex:none}
.rl-marca-p.on{background:var(--ouro-f)}
.rl-marca-p:has(input:disabled){opacity:.45;cursor:not-allowed}
.rl-limite{margin-top:8px}
.rl-entre{margin-top:10px}
.rl-vem{margin:8px 0 0;padding-left:20px;display:flex;flex-direction:column;gap:4px;font-size:14px;color:var(--texto2)}
.rl-etapas{list-style:none;margin:6px 0 10px;display:flex;flex-direction:column;gap:6px;font-size:14px;color:var(--texto3)}
.rl-etapas li::before{content:"";display:inline-block;width:8px;height:8px;margin-right:10px;border-radius:50%;border:1.5px solid var(--linha2);vertical-align:1px}
.rl-etapas li.ok{color:var(--texto)}
.rl-etapas li.ok::before{background:var(--ouro);border-color:var(--ouro)}
/* o relatório pronto ocupa mais largura */
.pagina.rl{max-width:900px;gap:16px}
.rl-capa{padding:34px 26px 26px;border:1px solid var(--linha2);border-radius:var(--raio);background:var(--sup);box-shadow:inset 0 3px 0 var(--ouro)}
.rl-capa h1{font:500 clamp(30px,6vw,48px)/1.05 var(--t);letter-spacing:-.02em;margin:10px 0 14px}
.rl-lede{font-size:17px;line-height:1.55;color:var(--texto2);max-width:60ch}
.rl-capa-num{display:grid;grid-template-columns:repeat(auto-fit,minmax(120px,1fr));gap:16px;margin-top:24px;padding-top:18px;border-top:1px solid var(--linha)}
.rl-capa-num b{display:block;font:500 26px/1.1 var(--t);font-variant-numeric:tabular-nums}
.rl-capa-num span{font:500 11px/1.3 var(--s);letter-spacing:.12em;text-transform:uppercase;color:var(--texto3)}
.rl-capa-pe{margin-top:18px;font-size:12.5px;color:var(--texto3)}
.rl-indice{position:sticky;top:0;z-index:20;display:flex;gap:6px;overflow-x:auto;scrollbar-width:none;padding:10px var(--gut);margin:0 calc(-1 * var(--gut));background:color-mix(in srgb,var(--fundo) 92%,transparent);backdrop-filter:blur(10px);-webkit-backdrop-filter:blur(10px)}
.rl-indice::-webkit-scrollbar{display:none}
.rl-indice a{flex:none;padding:7px 13px;border:1px solid var(--linha2);border-radius:99px;font-size:12.5px;color:var(--texto2);text-decoration:none;white-space:nowrap;background:var(--sup)}
.rl-indice a.on{background:var(--prim);color:var(--prim-tx);border-color:var(--prim)}
.rl-sec{padding:26px 24px;scroll-margin-top:70px}
.rl-sec>h2{font-size:24px;margin:4px 0 14px}
.rl-sec>.rot{color:var(--ouro)}
.rl-texto p,.rl-sec li p{font-size:15.5px;line-height:1.65;margin:0 0 10px}
.rl-texto p:last-child{margin-bottom:0}
.rl-sec>*+*{margin-top:14px}
.rl-sub{font:500 17px/1.3 var(--t);margin-top:24px!important;padding-top:16px;border-top:1px solid var(--linha)}
.rl-marca{padding:12px 14px;border-left:3px solid var(--texto3);background:var(--sup2);border-radius:0 var(--raio) var(--raio) 0}
.rl-marca>b{display:block;font:600 11px/1.3 var(--s);letter-spacing:.14em;text-transform:uppercase;margin-bottom:4px;color:var(--texto2)}
.rl-marca p{font-size:15px;line-height:1.6;margin:0 0 8px}.rl-marca p:last-child{margin:0}
.rl-marca.leitura{border-color:var(--texto)}
.rl-marca.atencao{border-color:var(--erro);background:color-mix(in srgb,var(--erro) 6%,var(--sup))}
.rl-marca.atencao>b{color:var(--erro)}
.rl-marca.funciona{border-color:var(--ok);background:color-mix(in srgb,var(--ok) 6%,var(--sup))}
.rl-marca.funciona>b{color:var(--ok)}
.rl-frase{margin:0;padding:14px 18px;border-left:3px solid var(--ouro);background:var(--ouro-f);font:400 17px/1.5 var(--t);border-radius:0 var(--raio) var(--raio) 0}
.rl-frase small{display:block;margin-top:6px;font:500 11px/1.3 var(--s);letter-spacing:.1em;text-transform:uppercase;color:var(--ouro)}
.rl-frase.mini{font-size:14.5px;padding:10px 14px;margin-top:8px}
.rl-legenda{display:grid;grid-template-columns:1fr;gap:12px}
@media (min-width:640px){.rl-legenda{grid-template-columns:1fr 1fr}}
.rl-legenda div{padding:12px 14px;border:1px solid var(--linha);border-radius:var(--raio)}
.rl-legenda b{display:block;font:600 11px/1.3 var(--s);letter-spacing:.14em;text-transform:uppercase;margin-bottom:4px}
.rl-legenda span{font-size:14px;color:var(--texto2)}
.rl-marcas{display:grid;grid-template-columns:1fr;gap:8px}
@media (min-width:640px){.rl-marcas{grid-template-columns:1fr 1fr}}
.rl-marcas>*{margin:0!important;font-size:14px}
.rl-marcas .rl-marca b{display:inline;margin-right:8px}
.rl-num{display:grid;grid-template-columns:repeat(auto-fit,minmax(150px,1fr));gap:18px}
.rl-num b{display:block;font:500 30px/1.1 var(--t);font-variant-numeric:tabular-nums}
.rl-num span{display:block;margin-top:4px;font-size:13px;color:var(--texto2);line-height:1.4}
.rl-div-barra{display:flex;height:12px;border-radius:99px;overflow:hidden;gap:2px}
.rl-div-barra i{display:block;height:100%}
.rl-div-rot{display:flex;justify-content:space-between;flex-wrap:wrap;gap:6px 16px;margin-top:8px;font-size:13.5px;color:var(--texto2)}
.rl-div-rot b{font:500 17px/1 var(--t);color:var(--texto)}
.rl-chave{display:flex;flex-wrap:wrap;gap:6px 16px;font-size:12.5px;color:var(--texto2);margin-bottom:10px}
.rl-chave i{display:inline-block;width:10px;height:10px;border-radius:2px;margin-right:6px;vertical-align:-1px}
.rl-comp-l{display:grid;grid-template-columns:1fr;gap:4px;padding:9px 0;border-top:1px solid var(--linha)}
@media (min-width:640px){.rl-comp-l{grid-template-columns:200px 1fr;gap:14px;align-items:center}}
.rl-comp-l>span{font-size:13.5px;color:var(--texto2)}
.rl-comp-l p{display:flex;align-items:center;gap:8px;margin:2px 0}
.rl-comp-l p i{display:block;height:7px;border-radius:99px}
.rl-comp-l p b{font:500 13px/1 var(--s);font-variant-numeric:tabular-nums;white-space:nowrap}
.rl-nota{font-size:12.5px;color:var(--texto3);margin-top:8px}
.rl-graf{padding:4px 0}
.rl-achados{list-style:none;counter-reset:a;display:grid;grid-template-columns:1fr;gap:14px}
@media (min-width:700px){.rl-achados{grid-template-columns:1fr 1fr}}
.rl-achados li{counter-increment:a;position:relative;padding:14px 14px 14px 52px;border:1px solid var(--linha);border-radius:var(--raio)}
.rl-achados li::before{content:counter(a);position:absolute;left:14px;top:12px;font:500 26px/1 var(--t);color:var(--ouro)}
.rl-achados b{display:block;font:500 15.5px/1.35 var(--t);margin-bottom:4px}
.rl-achados p{font-size:14px!important;color:var(--texto2);margin:0!important}
.rl-linha{list-style:none;position:relative;padding-left:4px}
.rl-linha li{display:grid;grid-template-columns:92px 1fr;gap:14px;padding:0 0 18px;position:relative}
.rl-linha li::before{content:"";position:absolute;left:100px;top:6px;width:9px;height:9px;border-radius:50%;background:var(--ouro)}
.rl-linha li::after{content:"";position:absolute;left:104px;top:18px;bottom:0;width:1px;background:var(--linha2)}
.rl-linha li:last-child::after{display:none}
.rl-linha li>div{padding-left:22px}
.rl-quando{font:500 12px/1.5 var(--s);color:var(--texto3);text-align:right;font-variant-numeric:tabular-nums}
.rl-linha b{display:block;font-weight:500}
.rl-linha p{font-size:14.5px!important;color:var(--texto2);margin:4px 0 0!important}
.rl-ciclo{list-style:none;display:grid;grid-template-columns:1fr;gap:10px}
@media (min-width:700px){.rl-ciclo{grid-template-columns:repeat(4,1fr)}}
.rl-ciclo li{position:relative;padding:14px;border:1px solid var(--linha2);border-radius:var(--raio);background:var(--sup)}
.rl-ciclo li span{display:grid;place-items:center;width:26px;height:26px;border-radius:50%;background:var(--prim);color:var(--prim-tx);font:500 12px/1 var(--s);margin-bottom:8px}
.rl-ciclo li b{display:block;font:500 15px/1.3 var(--t);margin-bottom:4px}
.rl-ciclo li p{font-size:13.5px!important;color:var(--texto2);line-height:1.5;margin:0!important}
@media (min-width:700px){.rl-ciclo li:not(:last-child)::after{content:"›";position:absolute;right:-10px;top:50%;transform:translateY(-50%);font-size:20px;color:var(--ouro);z-index:1}}
.rl-ciclo li:last-child{box-shadow:inset 0 -3px 0 var(--ouro)}
.rl-traco{border:1px solid var(--linha2);border-radius:var(--raio);padding:16px}
.rl-traco+.rl-traco{margin-top:12px}
.rl-traco header{display:flex;justify-content:space-between;align-items:flex-start;gap:12px;flex-wrap:wrap}
.rl-traco header b{font:500 17px/1.3 var(--t)}
.rl-traco header small{display:block;font-size:12.5px;color:var(--texto3);margin-top:2px}
.rl-forca{display:flex;align-items:center;gap:4px;font-size:11px;color:var(--texto3)}
.rl-forca span{letter-spacing:.12em;text-transform:uppercase;margin-right:4px}
.rl-forca i{width:14px;height:6px;border-radius:2px;background:var(--sup2);border:1px solid var(--linha2)}
.rl-forca i.on{background:var(--ouro);border-color:var(--ouro)}
.rl-forca em{font-style:normal;margin-left:6px;color:var(--texto2)}
.rl-traco-g{display:grid;grid-template-columns:1fr;gap:14px;margin-top:12px}
@media (min-width:640px){.rl-traco-g{grid-template-columns:1fr 1fr}}
.rl-traco ul{margin:6px 0 0;padding-left:18px;font-size:14px;display:flex;flex-direction:column;gap:4px}
.rl-decide{margin-top:12px;padding-top:10px;border-top:1px dashed var(--linha2);font-size:14px}
.rl-decide .rot{display:block;margin-bottom:2px}
.rl-riscos{list-style:none;display:flex;flex-direction:column}
.rl-riscos li{display:grid;grid-template-columns:36px 1fr;gap:12px;padding:14px 0;border-top:1px solid var(--linha)}
.rl-risco-n{font:500 24px/1 var(--t);color:var(--ouro)}
.rl-riscos b{font:500 16px/1.3 var(--t)}
.rl-risco-meta{display:flex;flex-wrap:wrap;gap:6px;margin:6px 0!important}
.rl-risco-meta span{padding:3px 9px;border:1px solid var(--linha2);border-radius:99px;font-size:11.5px;color:var(--texto2)}
.rl-risco-meta .est.nao{border-color:var(--erro);color:var(--erro)}
.rl-risco-meta .est.feito{border-color:var(--ok);color:var(--ok)}
.rl-risco-meta .est.meio{border-color:var(--ouro);color:var(--ouro)}
.rl-riscos li div>p:not(.rl-risco-meta){font-size:14.5px!important;color:var(--texto2)}
.rl-lista{list-style:none;display:flex;flex-direction:column;gap:8px}
.rl-lista li{position:relative;padding-left:26px;font-size:15px;line-height:1.55}
.rl-lista li::before{content:"";position:absolute;left:4px;top:8px;width:10px;height:10px;border-radius:50%;border:2px solid var(--texto3)}
.rl-lista.funciona li::before{border-color:var(--ok);background:var(--ok)}
.rl-lista.lacuna li::before{content:"×";border:0;top:0;left:3px;width:auto;height:auto;color:var(--erro);font-size:17px}
.rl-lista.levar li::before{border-radius:3px;border-color:var(--ouro)}
.rl-recs{list-style:none;counter-reset:r;display:flex;flex-direction:column}
.rl-recs li{counter-increment:r;position:relative;padding:12px 0 12px 44px;border-top:1px solid var(--linha)}
.rl-recs li::before{content:counter(r);position:absolute;left:0;top:10px;font:500 24px/1 var(--t);color:var(--ouro)}
.rl-recs b{display:block;font:500 16px/1.3 var(--t);margin-bottom:4px}
.rl-recs p{font-size:14.5px!important;color:var(--texto2)}
.rl-so-uma{padding:16px 18px;background:var(--prim);color:var(--prim-tx);border-radius:var(--raio)}
.rl-so-uma .rot{color:color-mix(in srgb,var(--prim-tx) 70%,var(--ouro))}
.rl-so-uma p{font-size:15.5px;line-height:1.6;margin:6px 0 0}
.rl-matriz-rolo{overflow-x:auto}
.rl-matriz{border-collapse:collapse;width:100%;min-width:420px;font-size:13.5px;font-variant-numeric:tabular-nums}
.rl-matriz th,.rl-matriz td{padding:9px 10px;border:1px solid var(--linha);text-align:center}
.rl-matriz thead th{font-weight:500;color:var(--texto2);background:var(--sup2)}
.rl-matriz thead th .rot{letter-spacing:.06em}
.rl-matriz tbody th{text-align:left;font-weight:500;background:var(--sup2)}
.rl-matriz td{background:color-mix(in srgb,var(--ouro) calc(var(--a,0) * 38%),var(--sup))}
.rl-matriz td.eu{color:var(--texto3);background:var(--sup)}
.rl-resp{display:flex;flex-direction:column;gap:12px}
.rl-resp>div{padding:12px 14px;border:1px solid var(--linha);border-radius:var(--raio)}
.rl-resp-q{font-weight:500;margin-bottom:4px}
.rl-resp p{font-size:14.5px}
.rl-nao-diag{text-align:center;font-size:13px;color:var(--texto3);max-width:56ch;margin:6px auto 0}
.rl-fim{display:flex;justify-content:space-between;align-items:center;gap:10px;flex-wrap:wrap}
@media (max-width:520px){.rl-sec{padding:20px 16px}.rl-capa{padding:26px 18px 20px}.rl-linha li{grid-template-columns:1fr;gap:2px}.rl-linha li::before,.rl-linha li::after{display:none}.rl-linha li>div{padding-left:0}.rl-quando{text-align:left}.rl-fim{flex-direction:column;align-items:stretch}.rl-fim .rl-voltar{align-self:stretch;justify-content:center}}
@media print{.rl-voltar,.rl-indice,.rl-fim,#s-ajuste .an-aj-campo{display:none!important}.rl-sec{break-before:page;border:0;padding:0}.rl-capa{border:0;box-shadow:none;min-height:90vh}.rl-marca,.rl-frase,.rl-so-uma{-webkit-print-color-adjust:exact;print-color-adjust:exact}}
/* perguntas sugeridas (27/09 12:56): acima do campo, só às vezes; tocar completa o campo, não envia */
.sugestoes{max-width:780px;margin:0 auto 8px;display:flex;gap:6px;align-items:center;overflow-x:auto;scrollbar-width:none;padding:2px 0}
.sugestoes::-webkit-scrollbar{display:none}
.sugestoes[hidden]{display:none}
.sug{flex:none;max-width:78vw;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;min-height:38px;padding:0 14px;border:1px solid var(--linha2);border-radius:99px;background:var(--sup);color:var(--texto);font:400 14px/1 var(--s);box-shadow:0 1px 2px rgba(0,0,0,.04)}
.sug:hover,.sug:focus-visible{border-color:var(--ouro);background:var(--ouro-f)}
.sug-fechar{flex:none;width:34px;height:34px;border-radius:50%;color:var(--texto3);font-size:18px;line-height:1}
.sug-fechar:hover{color:var(--texto);background:var(--sup2)}

/* v3c — relógio do relatório (27/09 13:09): curva suave, degradê, noite, pico e dica ao tocar */
.rl-rel-chave{display:flex;flex-wrap:wrap;gap:8px;margin-bottom:12px}
.rl-rel-chave span{display:inline-flex;align-items:center;gap:8px;padding:6px 12px 6px 10px;border:1px solid var(--linha);border-radius:99px;background:var(--sup);font-size:13px;font-weight:500}
.rl-rel-chave i{width:16px;height:4px;border-radius:2px}
.rl-rel-chave small{font-size:11.5px;font-weight:400;color:var(--texto3)}
.rl-rel-area{position:relative;touch-action:pan-y}
.rl-rel-area svg{display:block;width:100%;height:auto;overflow:visible;cursor:crosshair}
.rl-rel-t{font:500 11px/1 var(--s);fill:var(--texto3);letter-spacing:.02em}
.rl-rel-t.ouro{fill:var(--ouro);font-weight:600}
.rl-rel-guia{stroke:var(--texto);stroke-width:1;stroke-dasharray:3 3;opacity:0;transition:opacity .15s}
.rl-rel-dica{position:absolute;top:0;transform:translate(-50%,-100%);margin-top:-6px;min-width:130px;padding:9px 11px;border-radius:10px;background:var(--prim);color:var(--prim-tx);font-size:12.5px;box-shadow:0 8px 24px rgba(0,0,0,.18);pointer-events:none;display:flex;flex-direction:column;gap:4px;z-index:5}
.rl-rel-dica[hidden]{display:none}
.rl-rel-dica b{font-weight:600;margin-bottom:2px}
.rl-rel-dica span{display:flex;align-items:center;gap:7px}
.rl-rel-dica i{width:10px;height:3px;border-radius:2px;box-shadow:0 0 0 1px color-mix(in srgb,var(--prim-tx) 40%,transparent)}
.rl-rel-dica em{font-style:normal;margin-left:auto;padding-left:12px;font-variant-numeric:tabular-nums;font-weight:600}

/* v3d — salvar em PDF (27/09 13:13; depois "redondo, mais moderno e bonito"): pílula com o ícone num círculo, não estica */
.rl-topo{display:flex;justify-content:space-between;align-items:center;gap:10px}
.rl-pdf{display:inline-flex;align-items:center;gap:10px;min-height:44px;padding:0 18px 0 6px;border-radius:99px;font:600 14.5px/1 var(--s);letter-spacing:.01em;white-space:nowrap;box-shadow:0 8px 20px -10px rgba(0,0,0,.45);transition:transform .15s,box-shadow .15s}
.rl-pdf:hover{transform:translateY(-1px);box-shadow:0 12px 26px -10px rgba(0,0,0,.5)}
.rl-pdf:active{transform:translateY(0)}
.rl-pdf-ic{display:grid;place-items:center;width:32px;height:32px;border-radius:50%;background:color-mix(in srgb,var(--prim-tx) 16%,transparent);flex:none}
.rl-pdf-ic svg{display:block}
@media (max-width:520px){.rl-fim .rl-pdf{align-self:center}}
@media print{.rl-topo{display:none!important}}

/* v3e — SEU PLANO: monte item a item, oferta, planos prontos, primeira análise, cupom e créditos (27/09, pedido da SISTEM) */
.pl-saldo-topo{display:flex;justify-content:flex-end;margin-bottom:-4px}
.pl-saldo-chip{display:inline-flex;align-items:center;gap:8px;padding:6px 6px 6px 14px;border:1px solid var(--linha2);border-radius:99px;text-decoration:none;color:var(--texto2);font-size:13px}
.pl-saldo-chip b{background:var(--ouro-f);color:var(--ouro);border-radius:99px;padding:4px 10px;font:600 13px/1.2 var(--t)}
.pl-monte{padding:22px 20px 0}
.pl-monte-cab{display:flex;justify-content:space-between;align-items:flex-end;gap:12px}
.pl-monte-cab h2{font-size:24px;margin-top:4px}
.pl-base-p{font:600 24px/1 var(--t);text-align:right}
.pl-base-p small,.pl-total small,.pl-card-preco small{display:block;font:400 12px/1.4 var(--s);color:var(--texto3);margin-top:3px}
.pl .nota{font-size:13px;color:var(--texto3);margin-top:8px}
.pl-itens{list-style:none;margin:14px -20px 0;padding:0}
.pl-item{display:grid;grid-template-columns:1fr auto 96px;align-items:center;gap:12px;padding:13px 20px;border-top:1px solid var(--linha);transition:background .15s}
.pl-item.mexeu{background:var(--sup2)}
.pl-item-t b{display:block;font-weight:500;font-size:14.5px}
.pl-item-t small{color:var(--texto3);font-size:12px}
.pl-item-p{text-align:right;font-size:12.5px;color:var(--texto3)}
.pl-item-p b{color:var(--texto);font:600 14px/1.2 var(--t)}
.pl-sem{color:var(--erro)}
.pl-passo{display:inline-flex;align-items:center;border:1px solid var(--linha2);border-radius:99px;overflow:hidden}
.pl-passo button{width:40px;height:40px;font-size:20px;line-height:1;color:var(--texto);cursor:pointer}
.pl-passo button:disabled{color:var(--linha2);cursor:default}
.pl-passo button:not(:disabled):hover{background:var(--sup2)}
.pl-passo output{min-width:48px;text-align:center;font:600 15px/1 var(--t);font-variant-numeric:tabular-nums}
.pl-seg{display:inline-flex;border:1px solid var(--linha2);border-radius:99px;padding:3px;gap:2px}
.pl-seg button{padding:8px 11px;border-radius:99px;font-size:12.5px;color:var(--texto2);cursor:pointer;white-space:nowrap}
.pl-seg button[aria-pressed="true"]{background:var(--prim);color:var(--prim-tx)}
.pl-seg button:disabled{color:var(--linha2);cursor:default}
.pl-cupom{padding:16px 0 4px;border-top:1px solid var(--linha)}
.pl-cupom label{font-size:13px;color:var(--texto2)}
.pl-cupom-l{display:flex;gap:8px;margin-top:8px}
.pl-cupom-l input{flex:1;min-width:0;height:44px;padding:0 14px;border:1px solid var(--linha2);border-radius:var(--raio);background:var(--fundo);color:var(--texto);font:600 14px/1 var(--t);letter-spacing:.08em;text-transform:uppercase}
.pl-cupom-l .bt{min-height:44px}
.pl-cupom-mal{margin-top:10px;font-size:13px;color:var(--erro)}
.pl-cupom-ok{display:flex;align-items:center;gap:10px;margin-top:10px;padding:10px 10px 10px 12px;border-radius:var(--raio);background:var(--ouro-f)}
.pl-cupom-ok p{flex:1;font-size:13px;color:var(--texto2)}
.pl-cupom-ok .bt{min-height:38px;padding:0 14px;font-size:13px}
.pl-cupom-cod{flex:none;font:600 12px/1 var(--t);letter-spacing:.08em;color:var(--ouro);border:1px dashed var(--ouro);border-radius:4px;padding:5px 8px}
.pl-cupom-x{flex:none;width:32px;height:32px;border-radius:99px;font-size:18px;color:var(--texto3);cursor:pointer}
.pl-total{position:sticky;bottom:calc(var(--barra) + env(safe-area-inset-bottom,0px));display:flex;justify-content:space-between;align-items:center;gap:12px;margin:14px -20px 0;padding:14px 20px;background:var(--sup);border-top:1px solid var(--linha);border-radius:0 0 var(--raio) var(--raio);box-shadow:0 -12px 24px -20px rgba(0,0,0,.4);z-index:3}
.pl-total>div{display:flex;flex-direction:column}
.pl-total b{font:600 26px/1.1 var(--t);font-variant-numeric:tabular-nums}
.pl-total s{font-size:13px;color:var(--texto3)}
@media (min-width:900px){.pl-total{bottom:8px}}
.pl-oferta{border-color:var(--ouro);background:linear-gradient(180deg,var(--ouro-f),transparent 70%),var(--sup)}
.pl-oferta .rot{color:var(--ouro)}
.pl-oferta-cab{display:flex;justify-content:space-between;align-items:flex-start;gap:12px;margin-top:6px}
.pl-oferta-cab h2{font-size:24px}
.pl-oferta-cab p{color:var(--texto2);margin-top:4px}
.pl-selo{flex:none;background:var(--ok);color:#fff;border-radius:99px;padding:6px 12px;font:600 12.5px/1 var(--s)}
.pl-oferta-sub{margin-top:14px;font-size:13px;color:var(--texto3)}
.pl-amais{list-style:none;padding:0;margin:8px 0 0;display:flex;flex-direction:column;gap:6px}
.pl-amais li{display:grid;grid-template-columns:1fr auto auto auto;gap:8px;align-items:baseline;font-size:13.5px}
.pl-de{color:var(--texto3);text-decoration:line-through}
.pl-seta{color:var(--ouro)}
.bt-largo{width:100%;margin-top:14px}
.pl-prox-t{display:flex;justify-content:space-between;gap:10px;font-size:14px;color:var(--texto2)}
.pl-prox-t b{color:var(--texto)}
.pl-prox-v{font:600 14px/1.4 var(--t);color:var(--texto3);flex:none}
.pl-barra{height:8px;border-radius:99px;background:var(--sup2);margin-top:10px;overflow:hidden}
.pl-barra i{display:block;height:100%;border-radius:99px;background:var(--ouro);transition:width .3s}
.pl-aviso{display:none;padding:12px 14px;border-radius:var(--raio);background:var(--sup2);font-size:13.5px;color:var(--texto2)}
.pl-aviso.ve{display:block}
.pl-h{font-size:22px;margin-top:14px}
.pl-h-sub{color:var(--texto2);font-size:14px;margin-top:-8px}
.pl-cards{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:12px}
@media (max-width:520px){.pl-cards{grid-template-columns:1fr}}
.pl-card{display:flex;flex-direction:column;background:var(--sup);border:1px solid var(--linha);border-radius:10px;padding:18px;position:relative;overflow:hidden}
.pl-card::before{content:"";position:absolute;inset:0 0 auto;height:4px;background:var(--fam)}
.pl-card.f-basic{--fam:var(--linha2)}
.pl-card.f-platinum{--fam:linear-gradient(90deg,#9aa0a9,#e6e8ec,#9aa0a9)}
.pl-card.f-gold{--fam:linear-gradient(90deg,#8a6a14,#e4c46a,#8a6a14)}
.pl-card.f-black{--fam:linear-gradient(90deg,#3a3a3a,#8a8a8a,#3a3a3a);background:#111;color:#f2f2f0;border-color:#111}
:root[data-theme="dark"] .pl-card.f-black{border-color:#3a3a3a;background:#050505}
.pl-card header{display:flex;justify-content:space-between;align-items:center;gap:8px}
.pl-card h3{font:600 18px/1.2 var(--t)}
.pl-niveis{display:inline-flex;gap:3px;border:1px solid var(--linha2);border-radius:99px;padding:2px}
.f-black .pl-niveis{border-color:#3a3a3a}
.pl-niveis button{width:28px;height:28px;border-radius:99px;font:600 12px/1 var(--t);color:inherit;opacity:.6;cursor:pointer}
.pl-niveis button[aria-pressed="true"]{background:var(--prim);color:var(--prim-tx);opacity:1}
.f-black .pl-niveis button[aria-pressed="true"]{background:#f2f2f0;color:#111}
.pl-card-preco{margin-top:14px}
.pl-card-preco b{font:600 28px/1 var(--t)}
.pl-card-vale{font-size:12px;color:var(--texto3);margin-top:6px;min-height:2.6em}
.pl-card-vale b{color:var(--ok)}
.f-black .pl-card-vale,.f-black .pl-card-preco small,.pl-card.f-black li span{color:#cbd5e1}
.f-black .pl-card-vale b{color:#5fb884}
.pl-card ul{list-style:none;padding:0;margin:12px 0 0;display:flex;flex-direction:column;gap:7px;font-size:12.5px;flex:1}
.pl-card li{display:flex;justify-content:space-between;gap:8px}
.pl-card li span{color:var(--texto2)}
.pl-card li b{font-weight:500;text-align:right}
.pl-card-acoes{display:flex;flex-direction:column;gap:6px;margin-top:16px}
.pl-card-acoes .bt{min-height:42px;font-size:13.5px}
.f-black .bt-prim{background:#f2f2f0;color:#111}
.f-black .bt-linha{color:#f2f2f0;border-color:#3a3a3a}
.pl-sel{display:flex;align-items:center;gap:10px;margin-top:14px;font-size:13px;color:var(--texto2)}
.pl-sel select{height:40px;padding:0 12px;border:1px solid var(--linha2);border-radius:var(--raio);background:var(--fundo);color:var(--texto);font:500 13.5px var(--s)}
.pl-pessoas{list-style:none;padding:0;margin:14px 0 0}
.pl-pessoas li{position:relative;display:flex;justify-content:space-between;align-items:center;gap:10px;padding:11px 0 14px;border-top:1px solid var(--linha)}
.pl-p-t b{display:block;font-weight:500;font-size:14px}
.pl-p-t small{color:var(--texto3);font-size:12px}
.pl-p-v{font:600 14px/1 var(--t);font-variant-numeric:tabular-nums;flex:none}
.pl-p-b{position:absolute;left:0;bottom:5px;height:3px;border-radius:99px;background:var(--ouro);opacity:.55}
.pl-soma{margin:6px 0 0;border-top:1px solid var(--linha2)}
.pl-soma div{display:flex;justify-content:space-between;gap:12px;padding:9px 0;font-size:13.5px}
.pl-soma dt{color:var(--texto2)}
.pl-soma dd{margin:0;text-align:right}
.pl-soma-t{border-top:1px solid var(--linha)}
.pl-soma-t dt{color:var(--texto)}
.pl-soma-t dd{font:600 20px/1 var(--t)}
.pl-saldo{display:flex;align-items:baseline;gap:10px;margin-top:10px}
.pl-saldo b{font:600 40px/1 var(--t);color:var(--ouro)}
.pl-saldo small{color:var(--texto3)}
.pl-extrato{list-style:none;padding:0;margin:14px 0 0}
.pl-extrato li{display:flex;justify-content:space-between;align-items:center;gap:10px;padding:11px 0;border-top:1px solid var(--linha)}
.pl-extrato b{display:block;font-weight:500;font-size:14px}
.pl-extrato small{color:var(--texto3);font-size:12px}
.pl-extrato .pos{color:var(--ok);font:600 15px/1 var(--t)}
.pl-extrato .neg{color:var(--erro);font:600 15px/1 var(--t)}
@media (max-width:560px){
  .pl-item{grid-template-columns:1fr auto;row-gap:10px}
  .pl-item-p{grid-column:2;grid-row:1}
  .pl-item .pl-passo,.pl-item .pl-seg{grid-column:1/-1;justify-self:start}
  .pl-total b{font-size:22px}
  .pl-amais li{font-size:13px}
  .pl-oferta-cab{flex-direction:column-reverse;gap:8px}
  .pl-selo{align-self:flex-start}
}
@media print{.pl-total{position:static}}

/* v3f — INSTALAR O CENTREI + LIGAR O WHATSAPP (27/09, pedido da SISTEM) */
.inst-pilula{display:inline-flex;align-items:center;gap:6px;height:34px;padding:0 13px 0 11px;border-radius:99px;border:1px solid color-mix(in srgb,var(--ouro) 38%,transparent);background:var(--ouro-f);color:var(--ouro);font:600 13px/1 var(--s);cursor:pointer}
.inst-pilula:hover{border-color:var(--ouro)}
.inst-linha{display:flex;align-items:center;gap:14px;width:100%;padding:12px 12px;margin:0 0 6px;border:1px solid color-mix(in srgb,var(--ouro) 38%,transparent);border-radius:var(--raio);background:var(--ouro-f);text-align:left;cursor:pointer;color:var(--texto);font-size:15px}
.inst-linha svg{color:var(--ouro)}
.inst-linha small{display:block;font-size:12px;color:var(--texto3);margin-top:2px}
.inst-trilho{display:flex;align-items:center;gap:10px;width:100%;padding:9px 10px;margin-bottom:10px;border:1px solid color-mix(in srgb,var(--ouro) 38%,transparent);border-radius:var(--raio);background:var(--ouro-f);color:var(--ouro);font:600 13px/1.2 var(--s);cursor:pointer;text-align:left}
[data-instalar][hidden]{display:none!important}
.inst-veu{position:fixed;inset:0;z-index:80;background:rgba(0,0,0,.4);display:flex;align-items:flex-end;justify-content:center;animation:inst-in .18s ease-out}
.inst-folha{width:100%;max-width:460px;max-height:88svh;overflow:auto;background:var(--sup);border:1px solid var(--linha2);border-bottom:0;border-radius:18px 18px 0 0;padding:10px 20px calc(20px + env(safe-area-inset-bottom,0px));display:flex;flex-direction:column;gap:14px}
.inst-folha .puxa{width:36px;height:4px;border-radius:99px;background:var(--linha2);margin:4px auto 2px}
@media (min-width:768px){.inst-veu{align-items:center}.inst-folha{border-radius:18px;border-bottom:1px solid var(--linha2);padding:22px 24px}.inst-folha .puxa{display:none}}
.inst-cab{display:flex;gap:14px;align-items:flex-start}
.inst-marca{width:52px;height:52px;flex:none;border-radius:14px;background:var(--prim);display:grid;place-items:center;box-shadow:0 6px 18px rgba(0,0,0,.18)}
.inst-marca .marca-sinal{transform:scale(1.25);border-color:var(--prim-tx)}
.inst-cab h2{font-size:20px;margin:2px 0 4px}
.inst-cab p{font-size:13.5px;color:var(--texto2);line-height:1.45}
.inst-intro{font-size:13.5px;color:var(--texto2)}
.inst-passos{list-style:none;margin:0;padding:0;display:flex;flex-direction:column;border:1px solid var(--linha);border-radius:var(--raio)}
.inst-passos li{display:grid;grid-template-columns:28px 1fr auto;gap:12px;align-items:center;padding:13px 14px;border-top:1px solid var(--linha)}
.inst-passos li:first-child{border-top:0}
.inst-passos .n{width:26px;height:26px;border-radius:50%;background:var(--sup2);border:1px solid var(--linha2);display:grid;place-items:center;font:600 12px/1 var(--t)}
.inst-passos .tx{font-size:14.5px;line-height:1.35}
.inst-passos .tx small{display:block;font-size:12px;color:var(--texto3);margin-top:2px}
.inst-passos .ic{width:38px;height:38px;border-radius:10px;background:var(--sup2);display:grid;place-items:center;color:var(--texto2)}
.inst-aviso{position:fixed;left:50%;bottom:calc(var(--barra,0px) + 18px + env(safe-area-inset-bottom,0px));transform:translate(-50%,20px);opacity:0;pointer-events:none;background:var(--prim);color:var(--prim-tx);padding:11px 16px;border-radius:99px;font-size:13.5px;z-index:90;transition:.2s}
.inst-aviso.on{opacity:1;transform:translate(-50%,0)}
@keyframes inst-in{from{opacity:0}to{opacity:1}}
/* primeiros passos: o cartão de instalar e o WhatsApp */
.inst-card{display:flex;align-items:center;gap:14px;padding:14px 16px;border:1px dashed color-mix(in srgb,var(--ouro) 38%,transparent);border-radius:var(--raio);background:var(--ouro-f)}
.inst-card>svg{color:var(--ouro);flex:none}
.inst-card div{flex:1;min-width:0}
.inst-card b{display:block;font-size:14.5px;font-weight:600}
.inst-card small{font-size:12.5px;color:var(--texto2)}
.inst-card .bt{flex:none;min-height:38px;padding:0 16px}
.wa-passos{list-style:none;margin:0;padding:0;counter-reset:wa;display:flex;flex-direction:column;gap:8px;font-size:13.5px;color:var(--texto2)}
.wa-passos li{display:grid;grid-template-columns:22px 1fr;gap:10px;align-items:start;counter-increment:wa}
.wa-passos li::before{content:counter(wa);width:22px;height:22px;border-radius:50%;border:1px solid var(--linha2);display:grid;place-items:center;font:600 11px/1 var(--t);color:var(--texto)}
.wa-passos b{color:var(--texto);font-weight:600}
.wa-dica{font-size:12.5px;color:var(--texto3);text-align:center;line-height:1.45}
.sem-tel{display:flex;flex-direction:column;gap:12px;padding:16px;border:1px solid var(--linha2);border-radius:var(--raio);background:var(--sup2)}
.sem-tel .cab{display:flex;gap:12px;align-items:flex-start}
.sem-tel .cab>svg{flex:none;color:var(--ouro);margin-top:1px}
.sem-tel b{display:block;font-size:14.5px;font-weight:600;margin-bottom:3px}
.sem-tel p{font-size:13.5px;color:var(--texto2);line-height:1.45}
.sem-tel[hidden]{display:none}

/* v3g — temas: selecionar tudo geral e a escolha em modal (27/09, MODIFICAR dele) */
.temas-cab{flex-basis:100%;display:flex;justify-content:flex-end;margin-bottom:-2px}
.temas-cab .tudo{font-size:12.5px;font-weight:500;color:var(--texto);text-decoration:underline;text-underline-offset:3px;padding:4px 0}
.temas-veu{position:fixed;inset:0;z-index:70;background:rgba(0,0,0,.45);display:flex;align-items:flex-end;justify-content:center;animation:inst-in .18s ease-out}
.temas-veu[hidden]{display:none}
.temas-modal{width:100%;max-width:640px;max-height:92svh;overflow:auto;background:var(--sup);border:1px solid var(--linha2);border-bottom:0;border-radius:18px 18px 0 0;padding:22px 20px calc(18px + env(safe-area-inset-bottom,0px))}
.temas-modal h2{font-size:21px;margin:0 0 6px}
.temas-modal>p{font-size:14px;color:var(--texto2);margin-bottom:14px}
.temas-modal .temas-rodape{position:sticky;bottom:calc(-18px - env(safe-area-inset-bottom,0px));background:var(--sup);padding:12px 0 2px;margin-top:12px;border-top:1px solid var(--linha)}
@media (min-width:768px){.temas-veu{align-items:center;padding:24px}.temas-modal{border-radius:18px;border-bottom:1px solid var(--linha2);padding:26px 28px 20px}.temas-modal .temas-rodape{bottom:-20px}}
html.sem-rolar,html.sem-rolar body{overflow:hidden}

/* v3h — ENVIAR ARQUIVO NO CHAT (27/09, pedido da SISTEM 14:31) */
.teclado .anexo{width:42px;height:42px;border-radius:10px;display:grid;place-items:center;flex:none;color:var(--texto2)}
.teclado .anexo:hover{color:var(--texto);background:var(--sup2)}
.arq-soltar{position:fixed;inset:0;z-index:90;background:color-mix(in srgb,var(--fundo) 82%,transparent);backdrop-filter:blur(3px);display:grid;place-items:center;padding:24px;pointer-events:none}
.arq-soltar[hidden]{display:none}
.arq-soltar>div{display:flex;flex-direction:column;align-items:center;gap:8px;text-align:center;padding:40px 48px;border:2px dashed var(--ouro);border-radius:20px;background:var(--sup);color:var(--ouro)}
.arq-soltar b{font:600 18px/1.3 var(--t);color:var(--texto)}
.arq-soltar small{font-size:13px;color:var(--texto2)}
.arq{align-self:stretch;border:1px solid var(--linha2);border-radius:14px;background:var(--sup);overflow:hidden;transition:opacity .2s,transform .2s}
.arq.some{opacity:0;transform:translateY(6px)}
.arq-cab{display:flex;align-items:center;gap:12px;padding:12px 14px;border-bottom:1px solid var(--linha)}
.arq-tipo{width:40px;height:46px;flex:none;border-radius:6px 12px 6px 6px;background:var(--sup2);border:1px solid var(--linha2);display:grid;place-items:end center;padding-bottom:7px;font:700 11px/1 var(--t);letter-spacing:.04em;color:var(--texto2)}
.arq-nome{flex:1;min-width:0}
.arq-nome b{display:block;font-size:14.5px;font-weight:600;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.arq-nome small{font-size:12px;color:var(--texto3)}
.arq-selo{flex:none;font:600 11px/1 var(--t);letter-spacing:.04em;text-transform:uppercase;padding:6px 9px;border-radius:99px;background:var(--sup2);color:var(--texto2)}
.arq-selo.vivo{background:var(--ouro-f);color:var(--ouro)}
.arq-selo.pronta{background:var(--prim);color:var(--prim-tx)}
.arq-selo.ok{background:color-mix(in srgb,#16a34a 14%,transparent);color:#15803d}
.arq-selo.erro{background:color-mix(in srgb,#dc2626 12%,transparent);color:#b91c1c}
:root[data-theme="dark"] .arq-selo.ok{color:#4ade80}
:root[data-theme="dark"] .arq-selo.erro{color:#f87171}
.arq-corpo{display:flex;flex-direction:column;gap:12px;padding:14px}
.arq-status{font-size:14px;color:var(--texto2)}
.arq-barra{height:4px;border-radius:99px;background:var(--sup2);overflow:hidden}
.arq-barra i{display:block;width:34%;height:100%;border-radius:99px;background:var(--ouro);animation:arq-vai 1.3s ease-in-out infinite}
@keyframes arq-vai{0%{transform:translateX(-100%)}100%{transform:translateX(300%)}}
.arq-medidas{font-size:13px;color:var(--texto2)}
.arq-medidas i{font-style:normal;margin:0 7px;color:var(--texto3)}
.arq-conta{width:100%;border-collapse:collapse;font-size:14px}
.arq-conta td{padding:8px 0;border-top:1px solid var(--linha);vertical-align:top}
.arq-conta td:last-child{text-align:right;white-space:nowrap;font-variant-numeric:tabular-nums;padding-left:12px}
.arq-conta tr:first-child td{border-top:0}
.arq-conta small{display:block;font-size:12px;color:var(--texto3);margin-top:1px}
.arq-conta .min td{color:var(--texto2)}
.arq-conta .tot td{border-top:1px solid var(--linha2);padding-top:10px;font:600 16px/1.2 var(--t);color:var(--texto)}
.arq-obj{display:flex;flex-direction:column;gap:6px;font-size:13.5px;color:var(--texto2)}
.arq-obj small{color:var(--texto3)}
.arq-obj b{color:var(--texto);font-weight:600}
.arq-obj textarea{resize:vertical;min-height:60px;border:1px solid var(--linha2);border-radius:10px;background:var(--fundo);color:var(--texto);font:400 14.5px/1.45 var(--s);padding:10px 12px}
.arq-obj textarea:focus{outline:2px solid var(--ouro);outline-offset:-1px}
.arq-obj.falta textarea{border-color:var(--ouro);background:var(--ouro-f)}
.arq-nota{font-size:12.5px;color:var(--texto3);line-height:1.45}
.arq-acoes{display:flex;align-items:center;gap:10px;flex-wrap:wrap}
.arq-acoes .bt{min-height:42px}
.bt-texto{font-size:14px;color:var(--texto2);text-decoration:underline;text-underline-offset:3px;padding:8px 6px}
.arq-erro b{display:block;font-size:15px;font-weight:600;margin-bottom:4px}
.arq-erro p{font-size:13.5px;color:var(--texto2);line-height:1.45}
.arq-pedido{font-size:13.5px;color:var(--texto);padding:10px 12px;border-radius:10px;background:var(--sup2)}
.arq-pedido span{display:block;font:600 11px/1 var(--t);letter-spacing:.06em;text-transform:uppercase;color:var(--texto3);margin-bottom:5px}
.arq-analise{font-size:15px;line-height:1.6;color:var(--texto)}
.arq-analise h3{font:600 15.5px/1.35 var(--t);margin:16px 0 6px}
.arq-analise h3:first-child{margin-top:0}
.arq-analise p{margin:0 0 10px}
.arq-analise ul{margin:0 0 10px;padding-left:20px}
.arq-analise li{margin:3px 0}
.arq-rodape{font-size:12px;color:var(--texto3)}
.arq-decide{display:flex;flex-direction:column;gap:10px;padding:12px;margin:0 -14px -14px;border-top:1px solid var(--linha);background:var(--sup2)}
.arq-decide>p{font-size:12.5px;color:var(--texto2)}
.arq-decide .bt-prim svg{margin-right:6px}
.arq.aprovada{border-color:color-mix(in srgb,#16a34a 35%,var(--linha2))}
@media (min-width:768px){.arq{max-width:640px}}
@media (max-width:480px){.teclado form{gap:2px}.teclado .anexo{width:34px}.teclado textarea{padding:10px 4px}}

/* v3i — SALDO ao lado do tema + relatório dos gastos */
.saldo-pilula{height:34px;padding:0 12px;border-radius:99px;border:1px solid var(--linha2);color:var(--texto);font:600 13px/1 var(--s);font-variant-numeric:tabular-nums;white-space:nowrap;cursor:pointer}
.saldo-pilula:hover{border-color:var(--texto2)}
.saldo-pilula.baixo{color:var(--erro);border-color:color-mix(in srgb,var(--erro) 55%,transparent);background:color-mix(in srgb,var(--erro) 8%,transparent)}
.saldo-pilula[hidden]{display:none}
.aud-cx{position:relative;display:inline-flex}
.saldo-pilula.aud{display:inline-flex;align-items:center;gap:8px;background:transparent}
.saldo-pilula.aud[hidden]{display:none}
.saldo-pilula.aud i{display:block;width:44px;height:4px;border-radius:99px;background:var(--sup2);position:relative;flex:none;overflow:hidden}
.saldo-pilula.aud i::after{content:"";position:absolute;inset:0 auto 0 0;width:var(--v,0%);border-radius:99px;background:var(--ouro)}
.saldo-pilula.aud.espera{border-color:var(--ouro)}
.saldo-pilula.aud.espera i::after{background:repeating-linear-gradient(90deg,var(--ouro) 0 6px,transparent 6px 10px)}
.aud-pop{position:absolute;right:0;top:42px;width:260px;max-width:calc(100vw - 32px);background:var(--sup);border:1px solid var(--linha2);border-radius:12px;padding:14px;box-shadow:0 10px 30px rgba(0,0,0,.15);z-index:60;text-align:left}
.aud-pop[hidden]{display:none}
.aud-pop h3{margin:0 0 4px;font:600 14px var(--s);color:var(--texto)}
.aud-pop .n{font:500 26px/1.1 var(--s);font-variant-numeric:tabular-nums;color:var(--texto)}
.aud-pop p{margin:6px 0 0;color:var(--texto2);font-size:13px}
.aud-pop .tr{height:6px;border-radius:99px;background:var(--sup2);margin:10px 0;position:relative;overflow:hidden}
.aud-pop .tr::after{content:"";position:absolute;inset:0 auto 0 0;width:var(--v,0%);background:var(--ouro);border-radius:99px}
.aud-pop dl{display:grid;grid-template-columns:1fr auto;gap:4px 12px;margin:8px 0 0;font-size:13px}
.aud-pop dt{color:var(--texto2)}.aud-pop dd{margin:0;text-align:right;font-variant-numeric:tabular-nums;color:var(--texto)}
.saldo-modal{max-width:460px}
.saldo-modal .saldo-valor{font:600 34px/1.1 var(--t);font-variant-numeric:tabular-nums;margin:4px 0 2px}
.saldo-valor.baixo{color:var(--erro)}
.saldo-modal .saldo-aviso{font-size:13.5px;color:var(--erro);margin:0}
.saldo-modal h3{font-size:12px;font-weight:600;letter-spacing:.08em;text-transform:uppercase;color:var(--texto3);margin:20px 0 6px}
.saldo-tab{width:100%;border-collapse:collapse;font-size:14px}
.saldo-tab td{padding:9px 0;border-bottom:1px solid var(--linha);vertical-align:top}
.saldo-tab td+td{text-align:right;font-variant-numeric:tabular-nums;white-space:nowrap;padding-left:12px}
.saldo-tab small{display:block;font-size:12px;color:var(--texto3);margin-top:2px}
.saldo-tab tfoot td{font-weight:600;border-bottom:0}
.saldo-modal .saldo-vazio{font-size:14px;color:var(--texto3)}
.saldo-rodape{display:flex;justify-content:flex-end;gap:8px;margin-top:20px}
/* 24/10 (aprovado pelo Bruno 13:49:05 BRT): o .dir tinha 373 px de mínimo e a 380 a página rolava na horizontal */
@media (max-width:420px){.topo{column-gap:4px}.topo .dir{min-width:0;width:100%;justify-content:flex-end}.topo .dir>*{flex-shrink:0}.topo .dir .inst-pilula{padding:0 7px;flex-shrink:1;min-width:0;overflow:hidden;text-overflow:ellipsis}}
@media (max-width:420px){.topo .voltar{min-width:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.topo .voltar svg{flex:none}.topo .dir{gap:4px}.saldo-pilula{padding:0 9px;font-size:12.5px}.saldo-pilula.aud{gap:6px}.saldo-pilula.aud i{width:24px}.topo:has(#btAudios:not([hidden])) .inst-pilula{display:none}.topo:has(#btAudios:not([hidden])) .dir .saldo-pilula{padding:0 6px;font-size:11.5px}.topo:has(#btAudios:not([hidden])) .saldo-pilula.aud{gap:4px}.topo:has(#btAudios:not([hidden])) .dir .icone-bt,.topo:has(#btAudios:not([hidden])) .dir .avatar{width:34px;height:34px}.inst-pilula{padding:0 10px}}

/* v3j — sem "crédito" (só R$) + período mensal/trimestral/anual com bonificação em saldo */
.pl-periodo{display:flex;flex-direction:column;gap:8px}
.pl-periodo .nota{margin:0}
.pl-per-seg{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:4px;border:1px solid var(--linha2);border-radius:var(--raio);padding:4px;background:var(--sup)}
.pl-per-seg button{display:flex;flex-direction:column;align-items:center;gap:3px;padding:10px 4px;border-radius:calc(var(--raio) - 3px);color:inherit;cursor:pointer;font:600 14px/1.2 var(--s);min-width:0}
.pl-per-seg small{font:500 11.5px/1.2 var(--s);color:var(--ok);text-align:center}
.pl-per-seg button[aria-pressed="true"]{background:var(--prim);color:var(--prim-tx)}
.pl-per-seg button[aria-pressed="true"] small{color:inherit;opacity:.85}
.pl-total small+small{margin-top:2px}
.pl-total .pl-bonus{color:var(--ok);font-weight:600}
.pl-card-bonus{display:flex;flex-direction:column;gap:2px;font-size:13px;color:var(--texto2);margin-top:4px;min-height:1.3em}
.pl-card-bonus b{color:var(--ok);font-weight:600}

/* ⭐ 27/09 o traço de cada eixo (Métricas e Avaliação) */
.traco{margin-top:14px;padding:14px;border-radius:12px;background:var(--sup2);border:1px solid var(--linha)}
.traco-cab{display:flex;align-items:baseline;justify-content:space-between;gap:10px;flex-wrap:wrap}
.traco-cab h3{font-size:16px;font-weight:600}
.traco-lado{color:var(--ouro);font-weight:600;font-size:14px}
.traco-reg{position:relative;height:6px;border-radius:3px;background:var(--linha);margin-top:12px}
.traco-reg i{position:absolute;top:50%;width:14px;height:14px;border-radius:50%;background:var(--ouro);transform:translate(-50%,-50%)}
.traco-pontas{display:flex;justify-content:space-between;font-size:12px;color:var(--texto3);margin-top:6px}
.traco-pratica{margin-top:10px;line-height:1.55}
.traco-leem{margin-top:8px;font-size:14px;color:var(--texto2);line-height:1.5}
.traco-conv{margin-top:10px;padding-top:10px;border-top:1px solid var(--linha)}
.traco-conv p{margin-top:4px;line-height:1.5}
.traco-cruz{font-size:14px;color:var(--texto2)}

/* comprar créditos (cc-) */
.cc-saldo{display:flex;align-items:baseline;gap:8px;white-space:nowrap}
.cc-saldo span{font-size:13px;color:var(--texto3)}
.cc-saldo b{font:600 20px/1 var(--t);color:var(--ouro);font-variant-numeric:tabular-nums}
.cc-atalhos{display:grid;grid-template-columns:repeat(4,1fr);gap:8px;margin-top:16px}
.cc-atalhos button{min-height:44px;border:1px solid var(--linha2);border-radius:var(--raio);font:500 14px/1 var(--s);color:var(--texto2);font-variant-numeric:tabular-nums}
.cc-atalhos button[aria-pressed="true"]{border-color:var(--ouro);color:var(--texto);background:var(--ouro-f)}
.cc-qtd{display:grid;grid-template-columns:48px 1fr 48px;gap:8px;margin-top:6px}
.cc-qtd button{min-height:48px;border:1px solid var(--linha2);border-radius:var(--raio);font:500 20px/1 var(--s);color:var(--texto2)}
.cc-qtd input{text-align:center;font:600 18px/1 var(--t)!important;font-variant-numeric:tabular-nums}
.cc-faixa{font-size:12.5px;color:var(--texto3);margin-top:6px}
.cc-total{display:flex;justify-content:space-between;align-items:baseline;gap:12px;padding:14px 0;margin-top:14px;border-top:1px solid var(--linha);border-bottom:1px solid var(--linha)}
.cc-total span{color:var(--texto2);font-size:14px}
.cc-total b{font:600 24px/1 var(--t);font-variant-numeric:tabular-nums}
.cc-acao{margin-top:14px}
.cc-acao .bt[aria-busy="true"]{opacity:.6;pointer-events:none}
.cc-acao .bt:disabled{opacity:.45;cursor:not-allowed}
.cc-seg{display:flex;gap:6px;align-items:center;justify-content:center;font-size:12.5px;color:var(--texto3);margin-top:10px}
.cc-seg svg{width:13px;height:13px;flex:none}
.cc-volta{display:flex;gap:10px;align-items:flex-start;padding:14px 16px;border-radius:var(--raio);border:1px solid var(--linha2);background:var(--sup);font-size:14px;color:var(--texto2)}
.cc-volta svg{width:18px;height:18px;flex:none;margin-top:2px}
.cc-volta b{display:block;color:var(--texto);font-weight:600}
.cc-volta.ok{border-color:color-mix(in srgb,var(--ok) 45%,transparent);background:color-mix(in srgb,var(--ok) 7%,var(--sup))}
.cc-volta.ok svg{color:var(--ok)}
.cc-volta .x{margin-left:auto;color:var(--texto3);font-size:18px;line-height:1;padding:0 2px}
.cc-hist{margin-top:18px}
.cc-hist h3{font-size:12px;font-weight:600;letter-spacing:.08em;text-transform:uppercase;color:var(--texto3);margin:0 0 4px}
.cc-hist table{width:100%;border-collapse:collapse;font-size:14px}
.cc-hist td{padding:10px 0;border-bottom:1px solid var(--linha);vertical-align:top}
.cc-hist td small{display:block;font-size:12px;color:var(--texto3);margin-top:2px}
.cc-hist td+td{text-align:right;white-space:nowrap;padding-left:12px;font-variant-numeric:tabular-nums}
.cc-est{display:inline-block;font-size:12px;margin-top:3px;color:var(--texto3)}
.cc-est.pago{color:var(--ok)}
.cc-est.esp{color:var(--ouro)}
.saldo-comprar{margin-top:18px}

/* Autorizar outro aparelho: conferência de onde veio o pedido */
.ap-conf{margin-top:14px;padding:14px 16px;border:1px solid var(--linha2);border-radius:var(--raio);background:var(--sup2)}
.ap-conf.alerta{border-color:color-mix(in srgb,var(--erro) 55%,transparent);background:color-mix(in srgb,var(--erro) 6%,var(--sup))}
.ap-conf .rot{display:block;margin-bottom:10px}
.ap-ficha{display:grid;grid-template-columns:auto 1fr;gap:8px 14px;margin:0;font-size:14px}
.ap-ficha dt{color:var(--texto3)}
.ap-ficha dd{margin:0;color:var(--texto);font-weight:500;overflow-wrap:anywhere}
.ap-ficha dd small{display:block;font-size:12.5px;font-weight:400;color:var(--texto3)}
.ap-rede{display:inline-flex;align-items:center;gap:7px}
.ap-rede i{width:7px;height:7px;border-radius:50%;background:var(--ok);flex:none}
.ap-rede.fora{color:var(--erro);font-weight:600}.ap-rede.fora i{background:var(--erro)}
.ap-aviso{display:flex;gap:10px;align-items:flex-start;margin-top:14px;padding-top:12px;border-top:1px solid color-mix(in srgb,var(--erro) 30%,transparent);font-size:14px;color:var(--texto)}
.ap-aviso svg{width:18px;height:18px;flex:none;margin-top:1px;color:var(--erro)}
.ap-aviso b{display:block;color:var(--erro);font-weight:600}
.ap-pergunta{margin:14px 0 0;font:600 15px/1.35 var(--s);color:var(--texto)}
.ap-acoes{display:flex;flex-wrap:wrap;gap:10px;margin-top:12px}
.ap-acoes .bt{flex:1 1 150px}
.ap-acoes .bt[aria-busy="true"]{opacity:.6;pointer-events:none}

/* Sair do aparelho antigo depois de o novo entrar */
.sa-caixa{margin-top:14px;padding:14px 16px;border:1px solid color-mix(in srgb,var(--ok) 45%,transparent);border-radius:var(--raio);background:color-mix(in srgb,var(--ok) 6%,var(--sup))}
.sa-caixa b{display:flex;align-items:center;gap:8px;font:600 15px/1.35 var(--s);color:var(--texto)}
.sa-caixa b i{width:8px;height:8px;border-radius:50%;background:var(--ok);flex:none}
.sa-caixa p{margin:6px 0 0;font-size:14px;color:var(--texto2)}
.sa-acoes{display:flex;flex-wrap:wrap;gap:10px;margin-top:12px}
.sa-acoes .bt{flex:1 1 170px}
.sa-acoes .bt[aria-busy="true"]{opacity:.6;pointer-events:none}
.sa-espera{display:flex;align-items:center;gap:8px;margin:8px 0 0;font-size:13.5px;color:var(--texto3)}
.sa-espera i{width:14px;height:14px;border-radius:50%;border:2px solid var(--linha2);border-top-color:var(--texto);flex:none;animation:sa-g .8s linear infinite}
@keyframes sa-g{to{transform:rotate(360deg)}}

/* 1ª montagem do índice de sentido no chat: cartão com % e campo travado */
.msg.ix{max-width:min(420px,92%);width:100%}
.ix-cab{display:flex;align-items:center;gap:16px}
.ix-anel{position:relative;width:88px;height:88px;flex:none}
.ix-anel svg{width:100%;height:100%;transform:rotate(-90deg)}
.ix-anel circle{fill:none;stroke-width:7}
.ix-anel .f{stroke:var(--linha)}
.ix-anel .v{stroke:var(--ouro);stroke-linecap:round;transition:stroke-dashoffset .6s ease}
.ix-anel b{position:absolute;inset:0;display:grid;place-items:center;font:600 20px/1 var(--s);font-variant-numeric:tabular-nums;color:var(--texto)}
.ix-anel b small{font-size:12px;font-weight:500;color:var(--texto3);margin-left:1px}
.ix-txt{min-width:0}
.ix-txt h3{margin:0 0 4px;font:600 15px/1.3 var(--s)}
.ix-txt p{margin:0;font-size:13px;color:var(--texto2)}
.ix-txt .n{font-variant-numeric:tabular-nums}
.ix-barra{height:6px;border-radius:99px;background:var(--linha);overflow:hidden;margin:14px 0 8px}
.ix-barra i{display:block;height:100%;border-radius:99px;background:var(--ouro);transition:width .6s ease}
.ix-barra.sem i{width:30%!important;animation:ix-vai 1.6s ease-in-out infinite}
@keyframes ix-vai{0%{transform:translateX(-100%)}100%{transform:translateX(340%)}}
.ix-pe{display:flex;flex-wrap:wrap;justify-content:space-between;gap:4px 12px;font-size:12px;color:var(--texto3);font-variant-numeric:tabular-nums}
.ix-ok{display:flex;align-items:center;gap:10px}
.ix-ok i{width:28px;height:28px;border-radius:50%;background:var(--ouro-f);color:var(--ouro);display:grid;place-items:center;font-style:normal;font-weight:700;flex:none}
.teclado form.trava{opacity:.6}
.teclado form.trava textarea{cursor:not-allowed}
.teclado form.trava .enviar{background:var(--sup2);color:var(--texto3)}
.ix-aviso{max-width:780px;margin:0 auto 6px;text-align:center;font-size:12px;color:var(--texto3)}

/* 13/10: link da política de privacidade (LGPD) no trilho e na folha Mais */
.folha a.folha-priv{justify-content:center;border-bottom:0;padding:18px 4px 4px;font-size:13px;color:var(--texto3)}
@media (min-width:980px){.trilho .rodape-rail a.priv-trilho{display:block;width:max-content;padding:4px 2px;margin-top:8px;background:none;border-radius:0;font-size:12.5px;color:var(--texto3)}.trilho .rodape-rail a.priv-trilho:hover{color:var(--texto);background:none;text-decoration:underline;text-underline-offset:4px}}