/* =====================================================================
   BOT LIVRE — estilo do painel novo (etapa 2, 06/10/2026)
   Maquete aprovada: docs/maquetes/2026-10-05-painel-conversas.html
   Mundo: tinta violeta na moldura, papel frio no trabalho. Assinatura: a
   janela de 24 h do WhatsApp como uma linha que esvazia sob o cabecalho.
   ===================================================================== */
@font-face{font-family:"Hanken Grotesk";font-style:normal;font-weight:400 700;font-display:swap;
  src:url(/publico/fontes/hanken-grotesk-latin.woff2) format("woff2");
  unicode-range:U+0000-00FF,U+0131,U+0152-0153,U+02BB-02BC,U+02C6,U+02DA,U+02DC,U+0304,U+0308,U+0329,U+2000-206F,U+20AC,U+2122,U+2191,U+2193,U+2212,U+2215,U+FEFF,U+FFFD}
@font-face{font-family:"Hanken Grotesk";font-style:normal;font-weight:400 700;font-display:swap;
  src:url(/publico/fontes/hanken-grotesk-latin-ext.woff2) format("woff2");
  unicode-range:U+0100-02BA,U+02BD-02C5,U+02C7-02CC,U+02CE-02D7,U+02DD-02FF,U+0304,U+0308,U+0329,U+1D00-1DBF,U+1E00-1E9F,U+1EF2-1EFF,U+2020,U+20A0-20AB,U+20AD-20C4,U+2113,U+2C60-2C7F,U+A720-A7FF}

:root{
  --rail:#1d1838; --rail-ink:#bdb6de; --rail-ink-forte:#fff; --rail-sel:#2f2758;
  --chao:#f1eff7; --papel:#fff; --camada:#f7f6fb; --sel:#efebfe;
  --tinta:#17142b; --tinta-2:#4b4664; --tinta-3:#6e6888;
  --linha:#e5e2ee; --linha-forte:#d3cfe0;
  --acento:#5b3df5; --acento-forte:#4628d8; --acento-suave:#eeeafe; --sobre-acento:#fff;
  --nosso:#e8e3ff; --dela:#fff; --lido:#0b8ad8;   /* tique azul de lida, como no WhatsApp (13/10/2026) */
  --aviso:#8f5400; --aviso-suave:#fff1d6; --aviso-linha:#e09a2b;
  --perigo:#b8222a; --perigo-suave:#fde7e7;
  --ok:#11704f; --ok-suave:#e0f3eb;
  --sombra:0 1px 1px rgba(23,20,43,.06),0 2px 6px rgba(23,20,43,.05);
  --sombra-alta:0 8px 28px rgba(23,20,43,.14),0 2px 6px rgba(23,20,43,.06);
  --raio:10px; --t:150ms cubic-bezier(.2,.8,.2,1);
  color-scheme:light;
}
@media (prefers-color-scheme:dark){:root:not([data-tema="claro"]){
  --rail:#0e0b1c; --rail-ink:#a49dc6; --rail-sel:#262046;
  --chao:#131120; --papel:#1b1830; --camada:#201c38; --sel:#2a2450;
  --tinta:#eceaf6; --tinta-2:#bab5d2; --tinta-3:#9590b0;
  --linha:#2c2846; --linha-forte:#3a3558;
  --acento:#9583ff; --acento-forte:#ab9cff; --acento-suave:#2a2352; --sobre-acento:#14112a;
  --nosso:#2f2862; --dela:#1f1c36; --lido:#53bdeb;
  --aviso:#f0b65a; --aviso-suave:#33270f; --aviso-linha:#f0b65a;
  --perigo:#ff8d85; --perigo-suave:#3b1d23; --ok:#62d4a6; --ok-suave:#12302a;
  --sombra:0 1px 1px rgba(0,0,0,.3); --sombra-alta:0 10px 30px rgba(0,0,0,.45); color-scheme:dark}}
:root[data-tema="escuro"]{
  --rail:#0e0b1c; --rail-ink:#a49dc6; --rail-sel:#262046;
  --chao:#131120; --papel:#1b1830; --camada:#201c38; --sel:#2a2450;
  --tinta:#eceaf6; --tinta-2:#bab5d2; --tinta-3:#9590b0;
  --linha:#2c2846; --linha-forte:#3a3558;
  --acento:#9583ff; --acento-forte:#ab9cff; --acento-suave:#2a2352; --sobre-acento:#14112a;
  --nosso:#2f2862; --dela:#1f1c36; --lido:#53bdeb;
  --aviso:#f0b65a; --aviso-suave:#33270f; --aviso-linha:#f0b65a;
  --perigo:#ff8d85; --perigo-suave:#3b1d23; --ok:#62d4a6; --ok-suave:#12302a;
  --sombra:0 1px 1px rgba(0,0,0,.3); --sombra-alta:0 10px 30px rgba(0,0,0,.45); color-scheme:dark}

*{box-sizing:border-box}
html,body{height:100%}
body.painel{margin:0;background:var(--chao);color:var(--tinta);display:flex;flex-direction:column;
  font:400 15px/1.45 "Hanken Grotesk",system-ui,-apple-system,"Segoe UI",sans-serif;
  font-variant-numeric:tabular-nums;-webkit-font-smoothing:antialiased;overflow:hidden}
::selection{background:var(--acento);color:var(--sobre-acento)}
:focus-visible{outline:2px solid var(--acento);outline-offset:2px;border-radius:6px}
*{scrollbar-width:thin;scrollbar-color:var(--linha-forte) transparent}
textarea,input{caret-color:var(--acento)}
button{font:inherit;color:inherit;cursor:pointer}
button:disabled{cursor:default}
a{color:var(--acento)}
svg.i{width:20px;height:20px;fill:none;stroke:currentColor;stroke-width:1.75;stroke-linecap:round;stroke-linejoin:round;flex:none}
svg.i.p{width:16px;height:16px}
kbd{font:inherit;font-size:11px;font-weight:700;padding:0 4px;border:1px solid var(--linha-forte);border-bottom-width:2px;border-radius:4px;background:var(--papel);color:var(--tinta-3)}
.faixa-teste{background:var(--perigo);color:#fff;text-align:center;font-size:13.5px;font-weight:600;padding:6px 12px;flex:none}

/* ---------- moldura em 4 colunas ---------- */
.app{--lista-w:340px;flex:1;min-height:0;display:grid;grid-template-columns:64px var(--lista-w) minmax(0,1fr) 0;grid-template-rows:minmax(0,1fr);transition:grid-template-columns var(--t)}
.app.com-lado{grid-template-columns:64px var(--lista-w) minmax(0,1fr) 352px}
.app.arrastando{transition:none;cursor:col-resize;user-select:none}
.app > *{min-height:0}

/* trilho */
.trilho{background:var(--rail);display:flex;flex-direction:column;align-items:center;padding:14px 0 12px;gap:6px}
.trilho form{margin:0}
.marca{width:38px;height:38px;border-radius:11px;background:var(--acento);color:#fff;display:grid;place-items:center;font-weight:700;font-size:15px;letter-spacing:-.04em;margin-bottom:14px;flex:none}
.trilho a,.trilho button.ic{width:44px;height:44px;border-radius:12px;display:grid;place-items:center;color:var(--rail-ink);background:none;border:0;position:relative;text-decoration:none;transition:background var(--t),color var(--t)}
.trilho a:hover,.trilho button.ic:hover{background:var(--rail-sel);color:var(--rail-ink-forte)}
.trilho a.atual{background:var(--rail-sel);color:var(--rail-ink-forte)}
.trilho a.atual::before{content:"";position:absolute;left:-10px;top:12px;bottom:12px;width:3px;border-radius:0 3px 3px 0;background:var(--acento)}
.bolinha{position:absolute;top:6px;right:5px;min-width:17px;height:17px;padding:0 4px;border-radius:99px;background:var(--acento);color:#fff;font-size:11px;font-weight:700;display:grid;place-items:center;box-shadow:0 0 0 2px var(--rail)}
.bolinha[hidden]{display:none}
.trilho .vao{flex:1}
.eu{width:34px;height:34px;border-radius:50%;background:#3b3266;color:#fff;font-size:12px;font-weight:700;display:grid;place-items:center;margin-top:6px;border:0;transition:box-shadow var(--t)}
.eu:hover,.eu[aria-expanded="true"]{box-shadow:0 0 0 3px var(--rail-sel)}
.bolinha.aviso{background:#e0a33a}
/* preferencias de cada pessoa (etapa 3): abre nas iniciais, no pe do trilho */
.prefs{position:fixed;left:72px;bottom:12px;z-index:50;width:320px;background:var(--papel);border:1px solid var(--linha);border-radius:12px;box-shadow:var(--sombra-alta);padding:14px 16px;animation:entra .16s cubic-bezier(.2,.8,.2,1)}
.prefs[hidden]{display:none}
.prefs h2{font-size:15px;margin:0 0 2px}
.prefs .quem-sou{font-size:12.5px;color:var(--tinta-3);margin:0 0 10px}
.pref{display:flex;align-items:flex-start;gap:12px;padding:10px 0;border-top:1px solid var(--linha);font-size:13.5px}
.pref > span{flex:1}
.pref small{display:block;color:var(--tinta-3);font-size:12px;margin-top:2px}
.chave{position:relative;width:36px;height:22px;border-radius:99px;border:0;background:var(--linha-forte);flex:none;transition:background var(--t);margin-top:2px}
.chave::after{content:"";position:absolute;top:3px;left:3px;width:16px;height:16px;border-radius:50%;background:#fff;box-shadow:0 1px 2px rgba(0,0,0,.25);transition:transform var(--t)}
.chave[aria-checked="true"]{background:var(--acento)}
.chave[aria-checked="true"]::after{transform:translateX(14px)}
.opcoes{display:flex;gap:6px;margin-top:6px;flex-wrap:wrap}
.opcoes button{border:1px solid var(--linha-forte);background:var(--papel);border-radius:99px;padding:4px 10px;font-size:12.5px;font-weight:600;color:var(--tinta-2)}
.opcoes button[aria-pressed="true"]{background:var(--acento-suave);border-color:var(--acento);color:var(--acento)}
/* convite do 1o login: aviso do Windows */
.convite{margin:12px 16px 16px;padding:12px 14px;border-radius:var(--raio);background:var(--camada);font-size:13.5px;color:var(--tinta-2)}
.convite strong{color:var(--tinta);display:block;margin-bottom:2px}
.convite .acoes{margin-top:10px;display:flex;gap:8px}
.lista.compacta .convite{display:none}
/* ficha editavel e sugestao "ja no campo" */
.ficha-ed{width:100%;font:inherit;font-size:13.5px;border:1px solid var(--acento);border-radius:8px;padding:8px;background:var(--papel);color:var(--tinta);resize:vertical;min-height:110px}
.ficha-acoes{display:flex;gap:8px;margin-top:8px;align-items:center}
.ficha-acoes .conta-letras{margin-left:auto;font-size:12px;color:var(--tinta-3)}
.marca-sugestao{display:flex;align-items:center;gap:8px;font-size:12px;font-weight:700;color:var(--acento);padding:0 4px 6px}
.marca-sugestao span{flex:1}
.dica{position:absolute;left:52px;white-space:nowrap;background:var(--tinta);color:var(--papel);font-size:12px;font-weight:600;padding:4px 8px;border-radius:6px;opacity:0;pointer-events:none;transform:translateX(-4px);transition:opacity var(--t),transform var(--t);z-index:30}
.trilho a:hover .dica,.trilho button.ic:hover .dica,.trilho a:focus-visible .dica,.trilho button.ic:focus-visible .dica{opacity:1;transform:none}

/* ---------- lista ---------- */
.lista{background:var(--papel);border-right:1px solid var(--linha);display:flex;flex-direction:column;min-width:0;position:relative}
.lista-topo{padding:16px 16px 10px}
.lista-titulo{display:flex;align-items:center;gap:10px;margin-bottom:12px}
.lista-titulo h1{font-size:21px;line-height:1.2;letter-spacing:-.02em;margin:0;flex:1}
.clinica{display:flex;align-items:center;gap:7px;font-size:12.5px;color:var(--tinta-3);font-weight:600;min-width:0}
.clinica span{white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.clinica i{width:22px;height:22px;border-radius:6px;background:#f3d9e3;color:#7b2d4d;font-style:normal;font-size:10px;font-weight:700;display:grid;place-items:center;flex:none}
.busca{display:flex;align-items:center;gap:8px;background:var(--camada);border:1px solid transparent;border-radius:9px;padding:0 10px;height:38px;color:var(--tinta-3);transition:border-color var(--t),background var(--t)}
.busca:focus-within{border-color:var(--acento);background:var(--papel)}
.busca input{border:0;background:none;outline:none;flex:1;font:inherit;color:var(--tinta);min-width:0}
.busca input::placeholder{color:var(--tinta-3)}
.busca input::-webkit-search-cancel-button{cursor:pointer}
.busca:focus-within .atalho{display:none}
.filtros{display:flex;flex-wrap:wrap;gap:6px;padding:4px 16px 12px;border-bottom:1px solid var(--linha)}
.filtro{flex:none;border:1px solid var(--linha-forte);background:var(--papel);color:var(--tinta-2);border-radius:99px;padding:5px 11px;font-size:13px;font-weight:600;display:inline-flex;gap:6px;align-items:center;transition:background var(--t),color var(--t),border-color var(--t)}
.filtro:hover{border-color:var(--tinta-3)}
.filtro[aria-pressed="true"]{background:var(--tinta);border-color:var(--tinta);color:var(--papel)}
.filtro .n{font-size:11.5px;opacity:.8}
.clientes{flex:1;overflow-y:auto}
.carregando{padding:28px 16px;color:var(--tinta-3);font-size:14px;text-align:center}
.cli{display:grid;grid-template-columns:44px minmax(0,1fr) auto;gap:4px 12px;padding:11px 16px;border:0;background:none;width:100%;text-align:left;border-bottom:1px solid var(--linha);transition:background var(--t)}
.cli:hover{background:var(--camada)}
.cli.atual{background:var(--sel)}
.av{width:44px;height:44px;border-radius:50%;display:grid;place-items:center;font-weight:700;font-size:14px;grid-row:span 3;align-self:center;flex:none}
.cli .nome{font-weight:600;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.cli .hora{font-size:12px;color:var(--tinta-3);justify-self:end}
.cli.nao-lida .hora{color:var(--acento);font-weight:700}
.cli .previa{font-size:13.5px;color:var(--tinta-2);white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.cli .contador{justify-self:end;align-self:center;min-width:20px;height:20px;border-radius:99px;background:var(--acento);color:var(--sobre-acento);font-size:11.5px;font-weight:700;display:grid;place-items:center;padding:0 6px}
.estado{min-width:0;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;display:inline-flex;align-items:center;gap:6px;font-size:12.5px;font-weight:600;color:var(--tinta-3)}
.estado::before{content:"";width:7px;height:7px;border-radius:50%;background:currentColor;flex:none}
.estado.rascunho{color:var(--acento)}
.estado.espera{color:var(--aviso)}
.estado.falhou{color:var(--perigo)}
.estado.ok{color:var(--ok)}
.estado .quem{color:var(--tinta-3);font-weight:500}
.relogio{display:inline-flex;align-items:center;gap:4px;font-size:12px;font-weight:700;color:var(--aviso);justify-self:end;white-space:nowrap}
.vazio-lista{padding:40px 24px;text-align:center;color:var(--tinta-3);font-size:14px}
.vazio-lista strong{display:block;color:var(--tinta);font-size:15px;margin-bottom:4px}

/* alca e lista recolhida */
.alca{position:absolute;top:0;bottom:0;right:-5px;width:10px;cursor:col-resize;z-index:15}
.alca::after{content:"";position:absolute;top:0;bottom:0;left:4px;width:2px;background:transparent;transition:background var(--t)}
.alca:hover::after,.app.arrastando .alca::after,.alca:focus-visible::after{background:var(--acento)}
.alca:focus-visible{outline:0}
.so-compacta{display:none!important}
.so-celular{display:none}
.lista.compacta .so-normal{display:none!important}
.lista.compacta .so-compacta{display:grid!important}
.lista.compacta .lista-topo{padding:14px 0 8px;display:grid;justify-items:center;gap:6px}
.lista.compacta .filtros{display:none}
.lista.compacta .cli{grid-template-columns:1fr;justify-items:center;padding:8px 0;border-bottom:0}
.lista.compacta .cli > :not(.av){display:none}
.lista.compacta .av{grid-row:auto;position:relative}
.lista.compacta .av[data-tipo="rascunho"]{box-shadow:0 0 0 2px var(--papel),0 0 0 4px var(--acento)}
.lista.compacta .av[data-tipo="espera"]{box-shadow:0 0 0 2px var(--papel),0 0 0 4px var(--aviso-linha)}
.lista.compacta .av[data-tipo="falhou"]{box-shadow:0 0 0 2px var(--papel),0 0 0 4px var(--perigo)}
.av-n{display:none}
.lista.compacta .av-n{display:grid;position:absolute;top:-4px;right:-6px;min-width:18px;height:18px;padding:0 4px;border-radius:99px;background:var(--acento);color:var(--sobre-acento);font-size:10.5px;font-weight:700;place-items:center;box-shadow:0 0 0 2px var(--papel)}
.ic-lista{width:36px;height:36px;border-radius:9px;border:0;background:none;color:var(--tinta-2);display:grid;place-items:center;transition:background var(--t),color var(--t);flex:none}
.ic-lista:hover{background:var(--camada);color:var(--tinta)}

/* ---------- botoes ---------- */
.bt{border:1px solid var(--linha-forte);background:var(--papel);color:var(--tinta);border-radius:8px;padding:7px 12px;font-size:13.5px;font-weight:600;display:inline-flex;align-items:center;gap:6px;transition:background var(--t),border-color var(--t),color var(--t);text-decoration:none}
.bt:hover{border-color:var(--tinta-3)}
.bt.prim{background:var(--acento);border-color:var(--acento);color:var(--sobre-acento)}
.bt.prim:hover{background:var(--acento-forte);border-color:var(--acento-forte)}
.bt.leve{border-color:transparent;background:none;color:var(--tinta-2)}
.bt.leve:hover{background:var(--camada);color:var(--tinta)}
.bt.perigo{color:var(--perigo)}
.bt.cheio{width:100%;justify-content:center}
.bt.mini{padding:3px 8px;font-size:12.5px}
.bt:disabled{opacity:.55}

/* ---------- conversa ---------- */
.conversa{display:flex;flex-direction:column;min-width:0;background:var(--chao)}
.vazio-conversa{margin:auto;text-align:center;color:var(--tinta-3);display:grid;justify-items:center;gap:6px;padding:24px;font-size:14px}
.vazio-conversa strong{color:var(--tinta);font-size:16px}
.marca.grande{width:56px;height:56px;border-radius:16px;font-size:22px;margin-bottom:8px;opacity:.9}
.cab{background:var(--papel);border-bottom:1px solid var(--linha);position:relative;padding:10px 16px 12px;display:flex;align-items:center;gap:12px;min-height:64px;flex:none}
.cab .av{width:40px;height:40px;grid-row:auto;font-size:13px}
.cab-nome{border:0;background:none;padding:0;text-align:left;min-width:0;flex:1}
.cab-nome strong{display:block;font-size:16px;line-height:1.25;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.cab-nome span{font-size:12.5px;color:var(--tinta-3)}
.sinais{display:flex;gap:6px;flex-wrap:wrap;justify-content:flex-end}
.sinal{display:inline-flex;align-items:center;gap:5px;font-size:12.5px;font-weight:600;padding:4px 9px;border-radius:99px;background:var(--camada);color:var(--tinta-2);white-space:nowrap}
.sinal.rascunho{background:var(--acento-suave);color:var(--acento)}
.sinal.aviso{background:var(--aviso-suave);color:var(--aviso)}
.sinal.perigo{background:var(--perigo-suave);color:var(--perigo)}
.mini-av{width:16px;height:16px;border-radius:50%;background:#f6d9ec;color:#7a2a5a;font-size:9px;font-weight:700;display:grid;place-items:center;flex:none}
/* A ASSINATURA: a janela de 24 h esvaziando */
.janela{position:absolute;left:0;right:0;bottom:-1px;height:3px;background:var(--linha)}
.janela i{position:absolute;left:0;top:0;bottom:0;background:var(--acento);border-radius:0 3px 3px 0;transition:width .6s cubic-bezier(.2,.8,.2,1),background var(--t)}
.janela.aviso i{background:var(--aviso-linha)}
.janela.fechada{background:var(--perigo-suave)}
.janela.fechada i{width:0!important}

.fio{flex:1;overflow-y:auto;padding:20px 7% 16px;display:flex;flex-direction:column;gap:3px}
.mais-antigas{align-self:center;font-size:12px;color:var(--tinta-3);padding:4px 0 10px}
.dia{align-self:center;font-size:12px;font-weight:600;color:var(--tinta-3);background:var(--papel);padding:3px 10px;border-radius:99px;margin:12px 0 8px;box-shadow:var(--sombra)}
.bal{max-width:min(68%,520px);padding:7px 10px 6px;border-radius:9px;box-shadow:var(--sombra);white-space:pre-wrap;overflow-wrap:anywhere;font-size:14.5px;position:relative}
.bal.ela{align-self:flex-start;background:var(--dela);border-top-left-radius:3px}
.bal.nos{align-self:flex-end;background:var(--nosso);border-top-right-radius:3px}
.bal.ela + .bal.nos,.bal.nos + .bal.ela{margin-top:8px}
.bal .rodape{display:flex;justify-content:flex-end;align-items:center;gap:5px;font-size:11.5px;color:var(--tinta-3);margin-top:2px}
.bal .rodape .lido{color:var(--lido);display:inline-flex}
.bal .autor{font-size:11.5px;font-weight:700;color:var(--acento);display:block;margin-bottom:1px}
.bal.falhou{background:var(--perigo-suave)}
.bal .motivo{display:flex;gap:6px;align-items:flex-start;margin-top:6px;padding-top:6px;border-top:1px solid color-mix(in srgb,var(--perigo) 25%,transparent);font-size:12.5px;color:var(--perigo);font-weight:500;white-space:normal}
.bal.enviando{opacity:.75}
.bal .desfazer{border:0;background:none;color:var(--acento);font-weight:700;font-size:12px;padding:0;margin-left:4px;text-decoration:underline}
.bal img.foto,.bal video{display:block;max-width:min(320px,100%);max-height:320px;border-radius:7px;margin:-2px -5px 4px}
.bal audio{display:block;width:min(280px,100%);height:36px}
.bal .doc{display:flex;align-items:center;gap:10px;padding:4px 2px;min-width:200px;text-decoration:none;color:inherit}
.bal .doc-ic{width:36px;height:36px;border-radius:7px;background:var(--papel);color:var(--acento);display:grid;place-items:center;flex:none}
.bal .doc b{display:block;font-weight:600;font-size:13.5px;overflow-wrap:anywhere}
.bal .doc small{color:var(--tinta-3);font-size:12px}
.bal .carimbo{display:block;font-size:11.5px;color:var(--tinta-3);margin-top:3px;white-space:normal}
.bal .transcricao{display:block;margin-top:6px;padding:6px 8px;border-radius:7px;background:var(--camada);font-style:italic;white-space:pre-wrap}
.bal .acoes-midia{display:flex;gap:10px;margin-top:4px;font-size:12px}
.bal .acoes-midia a,.bal .acoes-midia button{color:var(--acento);font-weight:600;font-size:12px;background:none;border:0;padding:0;text-decoration:underline}
.nota{align-self:center;max-width:560px;font-size:13px;color:var(--tinta-2);background:var(--papel);border-radius:var(--raio);padding:9px 12px;margin:10px 0;box-shadow:var(--sombra);display:flex;gap:8px;white-space:normal}
.nota.atencao{background:var(--aviso-suave);color:var(--aviso)}
.nota.urgente{background:var(--perigo-suave);color:var(--perigo)}

/* rodape: sugestao (faixa com "Usar") + campo */
.pe{padding:8px 16px 14px;background:var(--chao);position:relative;flex:none}
.presenca{display:flex;align-items:center;gap:8px;font-size:13px;color:var(--tinta-2);padding:2px 4px 8px}
.presenca .pontos{display:inline-flex;gap:3px}
.presenca .pontos i{width:5px;height:5px;border-radius:50%;background:var(--tinta-3);animation:pulo 1.2s infinite ease-in-out}
.presenca .pontos i:nth-child(2){animation-delay:.15s}.presenca .pontos i:nth-child(3){animation-delay:.3s}
@keyframes pulo{0%,60%,100%{transform:none;opacity:.5}30%{transform:translateY(-3px);opacity:1}}
.sugestao{display:flex;align-items:center;gap:10px;background:var(--papel);border:1px dashed var(--acento);border-radius:var(--raio);padding:8px 8px 8px 12px;margin-bottom:8px;animation:entra .22s cubic-bezier(.2,.8,.2,1)}
@keyframes entra{from{opacity:0;transform:translateY(6px)}to{opacity:1;transform:none}}
.sugestao .rot{font-size:12px;font-weight:700;color:var(--acento);white-space:nowrap;display:flex;gap:5px;align-items:center}
.sugestao .txt{flex:1;min-width:0;font-size:13.5px;color:var(--tinta-2);white-space:nowrap;overflow:hidden;text-overflow:ellipsis;cursor:pointer;border:0;background:none;text-align:left;padding:0}
.sugestao.aberta{align-items:flex-start;flex-wrap:wrap}
.sugestao.aberta .txt{white-space:pre-wrap;color:var(--tinta);flex-basis:100%;order:3}
.sugestao .risco{flex-basis:100%;order:4;font-size:12.5px;font-weight:600;padding:6px 8px;border-radius:7px}
.risco.urgente{background:var(--perigo-suave);color:var(--perigo)}
.risco.atencao{background:var(--aviso-suave);color:var(--aviso)}
.risco.solto{font-size:12.5px;font-weight:600;padding:6px 8px;border-radius:7px;margin:0 0 8px}
.sugestao .ensinar{font-size:12px;white-space:nowrap}
.campo{display:flex;align-items:flex-end;gap:4px;background:var(--papel);border-radius:12px;padding:6px 6px 6px 14px;box-shadow:var(--sombra);border:1px solid var(--linha)}
.campo:focus-within{border-color:var(--acento)}
/* etapa 4: emoji e anexo no campo de escrever */
.campo{padding-left:6px}
.campo textarea{margin-left:4px}
.ic-campo{width:38px;height:38px;border-radius:10px;border:0;background:none;color:var(--tinta-3);display:grid;place-items:center;transition:background var(--t),color var(--t);flex:none}
.ic-campo:hover,.ic-campo[aria-expanded="true"]{background:var(--camada);color:var(--tinta)}
.pop{position:absolute;left:16px;bottom:calc(100% - 4px);background:var(--papel);border:1px solid var(--linha);border-radius:12px;box-shadow:var(--sombra-alta);z-index:20;animation:entra .16s cubic-bezier(.2,.8,.2,1)}
.emojis{display:grid;grid-template-columns:repeat(8,38px);gap:2px;padding:8px;max-height:240px;overflow-y:auto}
.emojis button{width:38px;height:38px;border:0;background:none;border-radius:8px;font-size:22px;line-height:1;display:grid;place-items:center}
.emojis button:hover,.emojis button:focus-visible{background:var(--camada)}
.pop .rot-pop{grid-column:1/-1;font-size:11.5px;font-weight:700;color:var(--tinta-3);padding:4px 4px 2px}
.menu-anexo{padding:6px;min-width:250px;left:56px}
.menu-anexo button{display:flex;align-items:center;gap:10px;width:100%;border:0;background:none;padding:9px 10px;border-radius:8px;font-size:14px;font-weight:500;text-align:left}
.menu-anexo button:hover,.menu-anexo button:focus-visible{background:var(--camada)}
.menu-anexo small{display:block;color:var(--tinta-3);font-size:12px}
.anexo-prev{display:flex;align-items:center;gap:10px;background:var(--papel);border-radius:var(--raio);padding:8px 8px 8px 10px;margin-bottom:8px;box-shadow:var(--sombra);font-size:13.5px}
.anexo-prev img,.anexo-prev video{width:44px;height:44px;object-fit:cover;border-radius:7px;flex:none}
.anexo-prev .doc-ic{width:44px;height:44px;border-radius:7px;background:var(--acento-suave);color:var(--acento);display:grid;place-items:center;flex:none}
.anexo-prev .info{flex:1;min-width:0}
.anexo-prev .info b{display:block;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;font-weight:600}
.anexo-prev .info small{color:var(--tinta-3)}
.anexo-prev .info small.erro{color:var(--perigo);font-weight:600}
.campo textarea{flex:1;border:0;outline:none;background:none;resize:none;font:inherit;font-size:14.5px;color:var(--tinta);padding:7px 0;max-height:160px;line-height:1.4}
.campo textarea::placeholder{color:var(--tinta-3)}
.enviar{width:38px;height:38px;border-radius:10px;border:0;background:var(--acento);color:var(--sobre-acento);display:grid;place-items:center;transition:background var(--t),transform var(--t);flex:none}
.enviar:hover{background:var(--acento-forte)}
.enviar:active{transform:scale(.94)}
.enviar:disabled{background:var(--linha-forte)}
.dica-teclas{font-size:11.5px;color:var(--tinta-3);padding:6px 4px 0;display:flex;justify-content:space-between;gap:8px;flex-wrap:wrap}
.fechou{background:var(--papel);border-radius:12px;padding:14px 16px;box-shadow:var(--sombra);font-size:13.5px;color:var(--tinta-2);display:flex;gap:12px}
.fechou strong{display:block;color:var(--tinta);font-size:14.5px;margin-bottom:2px}
.fechou .ic-f{color:var(--perigo);margin-top:2px}
.desfazer-barra{display:flex;align-items:center;gap:10px;background:var(--tinta);color:var(--papel);border-radius:10px;padding:8px 10px 8px 14px;margin-bottom:8px;font-size:13.5px;font-weight:600;animation:entra .18s cubic-bezier(.2,.8,.2,1)}
.desfazer-barra .texto{flex:1}
.desfazer-barra button{border:1px solid color-mix(in srgb,var(--papel) 40%,transparent);background:none;color:var(--papel);border-radius:7px;padding:4px 10px;font-weight:700}
.desfazer-barra .conta{flex:none;width:22px;height:22px;border-radius:50%;border:2px solid color-mix(in srgb,var(--papel) 35%,transparent);display:grid;place-items:center;font-size:11px}

/* ---------- coluna da cliente ---------- */
.lado{background:var(--papel);border-left:1px solid var(--linha);display:flex;flex-direction:column;min-width:0;overflow:hidden}
.lado-topo{display:flex;align-items:center;gap:8px;padding:14px 12px 0 16px}
.lado-topo h2{font-size:15px;margin:0;flex:1;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.abas{display:flex;gap:2px;padding:10px 16px 0;border-bottom:1px solid var(--linha)}
.aba{border:0;background:none;padding:8px 10px 10px;font-size:13.5px;font-weight:600;color:var(--tinta-3);position:relative}
.aba[aria-selected="true"]{color:var(--tinta)}
.aba[aria-selected="true"]::after{content:"";position:absolute;left:8px;right:8px;bottom:-1px;height:2px;border-radius:2px;background:var(--acento)}
.lado-corpo{flex:1;overflow-y:auto;padding:4px 16px 20px}
.bloco{padding:14px 0;border-bottom:1px solid var(--linha)}
.bloco:last-child{border-bottom:0}
.bloco h3{font-size:13px;font-weight:700;margin:0 0 8px;color:var(--tinta);display:flex;align-items:center;gap:8px}
.bloco h3 .vao{flex:1}
.fatos{display:grid;grid-template-columns:auto 1fr;gap:6px 14px;font-size:13.5px;margin:0}
.fatos dt{color:var(--tinta-3)}
.fatos dd{margin:0;font-weight:500;text-align:right;min-width:0;overflow-wrap:anywhere;display:flex;justify-content:flex-end;align-items:center;gap:4px;flex-wrap:wrap}
.ficha{font-size:13.5px;color:var(--tinta-2);white-space:pre-wrap;margin:0}
.mini{font-size:12px;color:var(--tinta-3);margin:6px 0 0}
.acoes-lado{display:grid;gap:8px}
.em-breve{font-size:13px;color:var(--tinta-3);background:var(--camada);border-radius:var(--raio);padding:12px}

.toast{position:fixed;left:50%;top:18px;transform:translate(-50%,-10px);background:var(--tinta);color:var(--papel);font-size:13.5px;font-weight:600;padding:9px 14px;border-radius:9px;box-shadow:var(--sombra-alta);opacity:0;pointer-events:none;transition:opacity var(--t),transform var(--t);z-index:60;max-width:min(560px,92vw);text-align:center}
.toast.ver{opacity:1;transform:translate(-50%,0)}
.toast.erro{background:var(--perigo);color:#fff}

/* ---------- celular: so chat ---------- */
.voltar{display:none}
@media (max-width:820px){
  .app,.app.com-lado{grid-template-columns:minmax(0,1fr)}
  .trilho{display:none}
  .lista,.conversa{grid-row:1;grid-column:1}
  .app.abriu .lista{display:none}
  .app:not(.abriu) .conversa{display:none}
  .lado{position:fixed;inset:0 0 0 auto;width:min(92vw,360px);z-index:40;box-shadow:var(--sombra-alta);transform:translateX(100%);transition:transform var(--t)}
  .app.com-lado .lado{transform:none}
  .voltar{display:grid}
  .fio{padding:16px 12px}
  .sinais .sinal:not(.rascunho):not(.aviso):not(.perigo){display:none}
  .alca,#recolher,.atalho,.dica-teclas .teclas{display:none}
  .so-celular{display:block}
  .so-celular button{display:grid}
  .pe{padding-bottom:calc(14px + env(safe-area-inset-bottom))}
}
@media (min-width:821px){.app:not(.com-lado) .lado{visibility:hidden}}
@media (prefers-reduced-motion:reduce){*{animation:none!important;transition:none!important}}

/* etapa 4b: gravando audio (o nivel e o som de verdade captado pelo microfone) */
.gravando{display:flex;align-items:center;gap:10px;background:var(--papel);border-radius:12px;padding:6px;box-shadow:var(--sombra);border:1px solid var(--perigo)}
.gravando .ponto-rec{width:10px;height:10px;border-radius:50%;background:var(--perigo);animation:rec 1.2s infinite ease-in-out;margin-left:6px;flex:none}
@keyframes rec{50%{opacity:.25}}
.gravando .tempo{font-weight:700;font-variant-numeric:tabular-nums;min-width:40px}
.gravando .nivel{flex:1;display:flex;align-items:center;gap:3px;height:24px;overflow:hidden}
.gravando .nivel i{width:3px;height:3px;border-radius:2px;background:var(--tinta-3);opacity:.7;flex:none}

/* =====================================================================
   ETAPA 6 (07/10/2026): as outras telas — Gestão, Ensinar, Ajustes, entrada
   ===================================================================== */
.app-pagina{grid-template-columns:64px minmax(0,1fr)}
.conteudo{overflow-y:auto;padding:28px clamp(16px,4vw,48px) 48px;min-width:0}
.conteudo > *{max-width:1080px}
.pag-cab{display:flex;align-items:flex-end;gap:16px;margin-bottom:14px}
.pag-cab > div{flex:1;min-width:0}
.pag-cab h1{font-size:24px;line-height:1.2;letter-spacing:-.02em;margin:0}
.pag-sub{color:var(--tinta-2);font-size:14.5px;margin:4px 0 0;max-width:68ch}
.sub-abas{display:flex;gap:4px;border-bottom:1px solid var(--linha);margin:0 0 22px;overflow-x:auto;scrollbar-width:none}
.sub-abas::-webkit-scrollbar{display:none}
.sub-abas a{padding:9px 12px 11px;font-size:14px;font-weight:600;color:var(--tinta-3);text-decoration:none;position:relative;white-space:nowrap}
.sub-abas a:hover{color:var(--tinta)}
.sub-abas a[aria-current="page"]{color:var(--tinta)}
.sub-abas a[aria-current="page"]::after{content:"";position:absolute;left:10px;right:10px;bottom:-1px;height:2px;border-radius:2px;background:var(--acento)}
.sub-abas .n{font-size:11.5px;font-weight:700;color:var(--sobre-acento);background:var(--acento);border-radius:99px;padding:1px 6px;margin-left:4px}
.secao{margin:0 0 30px}
.secao h2{font-size:15px;font-weight:700;margin:0 0 10px;letter-spacing:-.005em}
.faixa-aviso{display:flex;gap:10px;align-items:flex-start;padding:10px 14px;border-radius:var(--raio);font-size:14px;margin:0 0 16px;background:var(--acento-suave);color:var(--acento)}
.faixa-aviso.ok{background:var(--ok-suave);color:var(--ok)}
.faixa-aviso.erro{background:var(--perigo-suave);color:var(--perigo)}
.faixa-aviso.atencao{background:var(--aviso-suave);color:var(--aviso)}
.faixa-aviso svg{margin-top:2px}
.selo{display:inline-flex;align-items:center;font-size:12px;font-weight:700;padding:3px 9px;border-radius:99px;background:var(--camada);color:var(--tinta-2);white-space:nowrap}
.selo.ok{background:var(--ok-suave);color:var(--ok)}
.selo.atencao{background:var(--aviso-suave);color:var(--aviso)}
.selo.urgente{background:var(--perigo-suave);color:var(--perigo)}
.selo.acento{background:var(--acento-suave);color:var(--acento)}
.form label small{font-weight:400;color:var(--tinta-3)}
.fraco{color:var(--tinta-3)}
.vazio-pag{display:grid;justify-items:center;gap:4px;text-align:center;padding:28px 16px;color:var(--tinta-3);font-size:14px;background:var(--papel);border:1px dashed var(--linha-forte);border-radius:12px}
.vazio-pag svg{width:24px;height:24px;color:var(--tinta-3);margin-bottom:4px}
.vazio-pag strong{color:var(--tinta);font-size:15px}
.vazio-pag.grande{padding:64px 16px;max-width:520px;margin:40px auto;border-style:solid}
.vazio-pag .bt{margin-top:10px}

/* linhas: o recipiente de quase tudo (nada de cartao dentro de cartao) */
.linhas{background:var(--papel);border:1px solid var(--linha);border-radius:12px;overflow:hidden}
.linhas > *{border-bottom:1px solid var(--linha)}
.linhas > *:last-child{border-bottom:0}
.linha-tarefa,.linha-passo{display:flex;align-items:center;gap:12px;padding:13px 16px;text-decoration:none;color:inherit;transition:background var(--t)}
a.linha-tarefa:hover,a.linha-passo:hover{background:var(--camada)}
.linha-tarefa strong,.linha-passo strong,.linha-limite strong,.linha-pessoa strong{display:block;font-weight:600}
.linha-tarefa small,.linha-passo small,.linha-limite small,.linha-pessoa small{display:block;color:var(--tinta-3);font-size:13px;margin-top:1px}
.linha-tarefa .qtd{font-weight:700;font-size:15px;min-width:24px;text-align:right}
.linha-tarefa > svg,.linha-passo > svg{color:var(--tinta-3)}
.ponto{width:9px;height:9px;border-radius:50%;background:var(--tinta-3);flex:none}
.ponto.urgente{background:var(--perigo)}
.ponto.atencao{background:var(--aviso-linha)}
.ponto.ok{background:var(--ok)}
.ponto.calmo{background:var(--acento)}
.linha-passo.feito{opacity:.6}
.marca-passo{width:26px;height:26px;border-radius:50%;display:grid;place-items:center;font-size:12.5px;font-weight:700;background:var(--acento-suave);color:var(--acento);flex:none}
.linha-passo.feito .marca-passo{background:var(--ok-suave);color:var(--ok)}
.barra{height:8px;border-radius:99px;background:var(--linha);overflow:hidden;margin:4px 0 12px}
.barra i{display:block;height:100%;background:var(--acento);border-radius:99px}
.barra.alto i{background:var(--aviso-linha)}
.estado-assistente{display:flex;align-items:center;gap:8px;font-size:14px;padding:10px 14px;border-radius:var(--raio);background:var(--camada);color:var(--tinta-2);margin:0 0 22px}
.estado-assistente.desligado{background:var(--perigo-suave);color:var(--perigo)}
.estado-assistente a{margin-left:auto;font-weight:600}
.numeros{display:grid;grid-template-columns:repeat(auto-fit,minmax(150px,1fr));gap:1px;background:var(--linha);border:1px solid var(--linha);border-radius:12px;overflow:hidden;margin:0}
.numeros > div{background:var(--papel);padding:12px 16px}
.numeros dt{font-size:12.5px;color:var(--tinta-3)}
.numeros dd{margin:2px 0 0;font-size:20px;font-weight:700;letter-spacing:-.01em}
.destaque{font-size:22px;font-weight:700;margin:0;letter-spacing:-.01em}
.destaque span{font-size:14px;font-weight:500;color:var(--tinta-3)}
.tabela-rola{overflow-x:auto;background:var(--papel);border:1px solid var(--linha);border-radius:12px}
.tabela{width:100%;border-collapse:collapse;font-size:14px}
.tabela th{text-align:left;font-size:12px;font-weight:700;color:var(--tinta-3);padding:10px 14px;border-bottom:1px solid var(--linha);white-space:nowrap}
.tabela td{padding:10px 14px;border-bottom:1px solid var(--linha);white-space:nowrap}
.tabela tr:last-child td{border-bottom:0}
.tabela .num{text-align:right}
.linha-evento{display:flex;align-items:baseline;gap:12px;padding:11px 16px;font-size:14px}
.linha-evento .quando{font-size:12.5px;color:var(--tinta-3);white-space:nowrap;min-width:84px}

/* formularios */
.form{display:grid;gap:4px;max-width:720px}
.form.estreito{max-width:560px}
.form label{font-size:13.5px;font-weight:600;color:var(--tinta-2);margin-top:10px}
.form input:not([type=radio]):not([type=checkbox]),.form textarea,.form select{font:inherit;font-size:14.5px;width:100%;padding:9px 11px;border:1px solid var(--linha-forte);border-radius:9px;background:var(--papel);color:var(--tinta);transition:border-color var(--t)}
.form input:focus,.form textarea:focus{outline:none;border-color:var(--acento)}
.form textarea{resize:vertical;line-height:1.45}
.form input:disabled,.form textarea:disabled{background:var(--camada);color:var(--tinta-3)}
.form fieldset{border:0;padding:0;margin:10px 0 0;display:grid;gap:8px}
.form legend{font-size:13.5px;font-weight:600;color:var(--tinta-2);margin-bottom:6px}
.form .opcao{display:flex;gap:8px;align-items:center;font-weight:500;color:var(--tinta)}
.form .opcao input{accent-color:var(--acento);width:16px;height:16px}
.botoes{display:flex;flex-wrap:wrap;gap:8px;align-items:center;margin-top:14px}
.botoes.separados{padding-top:14px;border-top:1px solid var(--linha);margin-top:18px}
.bt.grande{padding:11px 16px;font-size:15px;justify-content:center}
.bt[data-armado]{background:var(--perigo);border-color:var(--perigo);color:#fff}
.opcoes-modo{display:grid;gap:8px}
.opcao-modo{display:flex;gap:12px;align-items:flex-start;padding:12px 14px;border:1px solid var(--linha-forte);border-radius:10px;background:var(--papel);cursor:pointer;font-weight:400;margin:0;transition:border-color var(--t),background var(--t)}
.opcao-modo:has(input:checked){border-color:var(--acento);background:var(--acento-suave)}
.opcao-modo input{accent-color:var(--acento);margin-top:3px}
.opcao-modo strong{display:block;color:var(--tinta);font-size:14.5px}
.opcao-modo small{display:block;color:var(--tinta-2);font-size:13px;margin-top:1px}
.fatos-pag{display:grid;gap:1px;background:var(--linha);border:1px solid var(--linha);border-radius:12px;overflow:hidden;margin:0;max-width:720px}
.fatos-pag > div{display:flex;justify-content:space-between;gap:16px;background:var(--papel);padding:10px 14px;font-size:14px}
.fatos-pag dt{color:var(--tinta-2)}
.fatos-pag dd{margin:0;font-weight:700}

/* Ensinar > O que ele sabe: lista a esquerda, item aberto a direita */
.conteudo > .mestre-detalhe{max-width:none}
.mestre-detalhe{display:grid;grid-template-columns:minmax(260px,340px) minmax(0,1fr);gap:20px;align-items:start}
.mestre{background:var(--papel);border:1px solid var(--linha);border-radius:12px;overflow:hidden;position:sticky;top:0}
.mestre-topo{display:flex;gap:8px;padding:12px;border-bottom:1px solid var(--linha)}
.busca-k{flex:1;display:flex;align-items:center;gap:6px;background:var(--camada);border-radius:9px;padding:0 10px;color:var(--tinta-3);border:1px solid transparent}
.busca-k:focus-within{border-color:var(--acento);background:var(--papel)}
.busca-k input{border:0;background:none;outline:none;font:inherit;font-size:14px;color:var(--tinta);flex:1;min-width:0;height:34px}
.filtros-k{display:flex;flex-wrap:wrap;gap:6px;padding:10px 12px;border-bottom:1px solid var(--linha)}
.filtros-k .filtro{text-decoration:none;font-size:12.5px;padding:4px 10px}
.filtros-k .filtro[aria-current="true"]{background:var(--tinta);border-color:var(--tinta);color:var(--papel)}
.itens-k{max-height:calc(100vh - 290px);overflow-y:auto}
.item-k{display:flex;gap:10px;align-items:flex-start;padding:11px 14px;text-decoration:none;color:inherit;border-bottom:1px solid var(--linha);transition:background var(--t)}
.item-k:hover{background:var(--camada)}
.item-k.atual{background:var(--sel)}
.item-k .ponto{margin-top:6px}
.item-k strong{display:block;font-weight:600;font-size:14px}
.item-k small{display:block;color:var(--tinta-3);font-size:12.5px}
.detalhe{background:var(--papel);border:1px solid var(--linha);border-radius:12px;padding:18px 20px;min-width:0}
.detalhe-cab{margin-bottom:12px}
.detalhe-cab .selo{margin-right:6px}
.detalhe-cab h2{font-size:19px;margin:8px 0 2px;letter-spacing:-.01em}
.voltar-k{display:none;align-items:center;gap:4px;font-size:13.5px;font-weight:600;margin-bottom:10px;text-decoration:none}
.bloco-proposta{background:var(--acento-suave);border-radius:var(--raio);padding:12px 14px;margin:0 0 16px;font-size:14px}
.bloco-proposta p{margin:0 0 6px}
.texto-proposta{white-space:pre-wrap;background:var(--papel);border-radius:8px;padding:8px 10px}
.historico{margin-top:18px}
.historico summary{cursor:pointer;font-size:13.5px;font-weight:600;color:var(--tinta-2)}
.historico .linhas{margin-top:8px}
.linha-versao{display:grid;gap:4px;padding:10px 14px;font-size:13.5px}
.texto-versao{white-space:pre-wrap;color:var(--tinta-2)}
.painel-resumo .numeros{margin:0 0 14px}

/* Quem ele e: formulario + previa como no WhatsApp */
.duas-colunas{display:grid;grid-template-columns:minmax(0,1fr) 340px;gap:28px;align-items:start}
.previa-whats{position:sticky;top:0}
.tela-whats{background:var(--chao);border:1px solid var(--linha);border-radius:14px;padding:16px 12px;display:flex;flex-direction:column;gap:8px;margin:6px 0}
.tela-whats .bal{max-width:88%}
.mini-previa{color:var(--tinta-3);font-style:italic}
.linha-limite,.linha-pessoa{display:flex;align-items:center;gap:12px;padding:12px 16px}
.linha-pessoa.inativa{opacity:.6}
.av-p{width:36px;height:36px;border-radius:50%;background:var(--acento-suave);color:var(--acento);font-weight:700;font-size:13px;display:grid;place-items:center;flex:none}
.exemplos{display:grid;gap:12px;margin-bottom:26px;max-width:720px}
.exemplo{background:var(--chao);border:1px solid var(--linha);border-radius:12px;padding:12px;display:flex;flex-direction:column;gap:6px}
.exemplo .botoes{margin-top:4px}

/* entrada (login) */
body.entrar{overflow:auto;display:block}
.entrar-caixa{max-width:400px;margin:min(14vh,110px) auto 40px;padding:28px;background:var(--papel);border:1px solid var(--linha);border-radius:16px;box-shadow:var(--sombra-alta)}
.entrar-marca{display:flex;align-items:center;gap:10px;font-weight:700;margin-bottom:22px}
.entrar-marca .marca{margin:0}
.entrar-caixa h1{font-size:22px;margin:0 0 4px;letter-spacing:-.015em}
.entrar-caixa .form{margin-top:14px}
.entrar-caixa .bt.grande{margin-top:14px;width:100%}
.entrar-caixa input.codigo{font-size:26px;letter-spacing:.35em;text-align:center;font-weight:700}

@media (max-width:820px){
  .app-pagina{grid-template-columns:minmax(0,1fr)}
  .app-pagina .trilho{display:none}
  .conteudo{padding:18px 16px 40px}
  .mestre-detalhe,.duas-colunas{grid-template-columns:minmax(0,1fr)}
  .mestre-detalhe.com-detalhe .mestre{display:none}
  .mestre-detalhe:not(.com-detalhe) .detalhe{display:none}
  .voltar-k{display:inline-flex}
  .mestre,.previa-whats{position:static}
  .itens-k{max-height:none}
}

/* celular: as telas que nao sao chat ganham uma barra de navegacao simples */
.nav-celular{display:none}
@media (max-width:820px){.nav-celular{display:flex;gap:4px;overflow-x:auto;margin:-6px 0 16px;padding-bottom:8px;border-bottom:1px solid var(--linha)}
.nav-celular a{padding:6px 10px;border-radius:99px;font-size:13.5px;font-weight:600;color:var(--tinta-2);text-decoration:none;white-space:nowrap}
.nav-celular a[aria-current="page"]{background:var(--tinta);color:var(--papel)}}

/* ocupa o espaco que sobra na linha (empurra contador, selo e botao para a direita) */
.cresce{flex:1;min-width:0}

/* =====================================================================
   Catalogo (etapa 5, 08/10/2026) — maquete docs/maquetes/2026-10-08-catalogo.html
   ===================================================================== */
.cat-topo{display:flex;align-items:center;gap:14px;flex-wrap:wrap;margin:0 0 16px}
.seg{display:inline-flex;background:var(--camada);border:1px solid var(--linha);border-radius:10px;padding:3px;gap:2px;flex-wrap:wrap}
.seg a,.seg button{font:inherit;font-size:13.5px;font-weight:600;color:var(--tinta-2);text-decoration:none;border:0;background:none;padding:6px 12px;border-radius:7px;cursor:pointer;display:inline-flex;gap:6px;align-items:center}
.seg a:hover{color:var(--tinta)}
.seg [aria-current=true],.seg [aria-pressed=true]{background:var(--papel);color:var(--tinta);box-shadow:var(--sombra)}
.seg .n{font-size:11.5px;color:var(--tinta-3);font-weight:700}
.resumo-cat{font-size:13px;color:var(--tinta-3);display:flex;gap:14px;flex-wrap:wrap}
.resumo-cat .falta{color:var(--aviso)}
.resumo-cat .falta b{color:var(--aviso)}
.item-k .tempo{font-size:12.5px;font-weight:700;color:var(--tinta-2);font-variant-numeric:tabular-nums;white-space:nowrap;margin-left:auto}
.item-k .tempo.sem{color:var(--aviso)}
.chips{display:flex;flex-wrap:wrap;gap:6px}
.chip{display:inline-flex;align-items:center;gap:6px;font:inherit;font-size:13px;padding:5px 10px;border-radius:99px;border:1px solid var(--linha-forte);background:var(--papel);color:var(--tinta);cursor:pointer;user-select:none;transition:background var(--t),border-color var(--t)}
.chip small{color:var(--tinta-3);font-size:11.5px;font-weight:600}
.chip[aria-pressed=true]{background:var(--acento-suave);border-color:var(--acento);color:var(--acento-forte)}
.chip.sem{border-style:dashed}
.chip.sem small{color:var(--aviso)}
.chip.rasc small::after{content:" · rascunho"}
.chip .x{border:0;background:none;color:inherit;cursor:pointer;padding:0 0 0 2px;font-size:15px;line-height:1}
.chip.add{color:var(--acento);border-color:transparent;background:var(--camada)}
.lados{display:flex;gap:8px;flex-wrap:wrap}
.form .lados label{display:flex;gap:6px;align-items:center;font-weight:500;color:var(--tinta);margin:0;border:1px solid var(--linha-forte);border-radius:9px;padding:7px 12px;cursor:pointer}
.lados input{accent-color:var(--acento)}
.minutos{display:flex;align-items:center;gap:8px}
.form .minutos input:not([type=radio]):not([type=checkbox]){width:110px;flex:none}
.precos{display:grid;grid-template-columns:1fr 1fr;gap:4px 14px}
.precos > div{display:grid;gap:4px;align-content:start}
.capac{height:10px;border-radius:99px;background:var(--camada);border:1px solid var(--linha);overflow:hidden;position:relative}
.capac i{position:absolute;inset:0 auto 0 0;background:var(--acento);border-radius:99px;transition:width var(--t)}
.capac.cheio i{background:var(--aviso-linha)}
.cabe{list-style:none;margin:6px 0 0;padding:0;display:grid;gap:6px}
.cabe li{display:grid;grid-template-columns:1fr auto;gap:10px;align-items:center;font-size:13.5px;padding:8px 10px;background:var(--camada);border-radius:8px}
.cabe li span:last-child{font-variant-numeric:tabular-nums;color:var(--tinta-3);font-size:12.5px;font-weight:600}
.secao h2 small{font-weight:500;margin-left:6px}
.nota.impacto{max-width:none;margin:12px 0 0}
/* simulador */
.sim{display:grid;grid-template-columns:minmax(0,1.1fr) minmax(0,1fr);gap:20px;align-items:start}
.cartao{background:var(--papel);border:1px solid var(--linha);border-radius:12px;padding:18px 20px;min-width:0}
.cartao h2{font-size:15px;margin:0 0 4px}
.cartao h3{font-size:13px;margin:16px 0 8px;color:var(--tinta-2)}
.cartao textarea{font:inherit;font-size:14.5px;width:100%;box-sizing:border-box;padding:9px 11px;border:1px solid var(--linha-forte);border-radius:9px;background:var(--papel);color:var(--tinta);resize:vertical}
.cartao textarea:focus{outline:none;border-color:var(--acento)}
.cartao-topo{display:flex;align-items:center;gap:10px}
.casos-cartao{margin-top:20px}
.achei{font-size:13px;color:var(--tinta-2);margin:8px 0 0;display:flex;gap:6px;flex-wrap:wrap;align-items:center;min-height:18px}
.achei .de{color:var(--tinta-3)}
.achei mark{background:var(--acento-suave);color:var(--acento-forte);border-radius:5px;padding:1px 5px}
.achei .nao{background:var(--aviso-suave);color:var(--aviso);border-radius:5px;padding:1px 5px}
.resultado{display:grid;gap:12px}
.res-combo{display:flex;align-items:baseline;gap:10px;flex-wrap:wrap}
.res-combo strong{font-size:22px;letter-spacing:-.01em}
.res-combo .preco{font-size:22px;font-weight:700;color:var(--acento)}
.res-combo .preco small{font-size:13px;color:var(--tinta-3);font-weight:600}
.conta{font-size:13px;color:var(--tinta-2);font-variant-numeric:tabular-nums;line-height:1.6;margin:0}
.conta b{color:var(--tinta)}
.diria{background:var(--nosso);border-radius:12px 12px 4px 12px;padding:10px 12px;font-size:14px;line-height:1.45;white-space:pre-line}
.diria-rot{font-size:11.5px;font-weight:700;color:var(--tinta-3);text-transform:uppercase;letter-spacing:.05em;margin-bottom:4px}
.alterna{display:flex;gap:8px;align-items:center;font-size:13px;color:var(--tinta-2);margin-top:12px}
.alterna input{accent-color:var(--acento)}
.casos td:first-child{font-weight:600}
.casos .bate{color:var(--ok);font-weight:700;white-space:nowrap}
.casos .mudou{color:var(--perigo);font-weight:700;white-space:nowrap}
/* coluna da cliente: aba Atendimento */
.lado .res-combo strong,.lado .res-combo .preco{font-size:18px}
.lado .resultado{gap:8px;margin-top:10px}
.de-onde{font-size:12.5px;color:var(--tinta-3);margin:0 0 8px}
.de-onde q{color:var(--tinta-2);font-style:italic}
.add-regiao{font:inherit;font-size:13px;padding:5px 8px;border-radius:99px;border:1px solid var(--linha-forte);background:var(--camada);color:var(--acento);max-width:100%}
.sugestao .conta-chip{font-size:12px;font-weight:600;color:var(--acento);background:var(--acento-suave);border-radius:99px;padding:3px 9px;white-space:nowrap;flex:none;max-width:260px;overflow:hidden;text-overflow:ellipsis}
@media (max-width:1100px){.sim{grid-template-columns:1fr}}
@media (max-width:640px){.precos{grid-template-columns:1fr}.sugestao .conta-chip{display:none}}
.exemplos-combo{margin-top:22px}

/* =====================================================================
   Guia de uso (08/10/2026) — maquete docs/maquetes/2026-10-08-guia-de-uso.html
   ===================================================================== */
.guia-bt .interroga{width:22px;height:22px;border-radius:50%;border:1.8px solid currentColor;display:grid;place-items:center;font-weight:700;font-size:13px;line-height:1}
.trilho .guia-bt[aria-expanded=true]{background:var(--rail-sel);color:var(--rail-ink-forte)}
.guia-bt[hidden]{display:none}
.guia{position:fixed;right:18px;bottom:18px;z-index:45;width:min(360px,calc(100vw - 32px));max-height:calc(100vh - 36px);overflow:auto;background:var(--papel);color:var(--tinta);
  border:1px solid var(--linha);border-radius:14px;box-shadow:var(--sombra-alta);animation:entra .2s cubic-bezier(.2,.8,.2,1)}
.guia[hidden]{display:none}
.guia-cab{display:flex;align-items:center;gap:10px;padding:14px 14px 10px 16px}
.guia-cab .selo-guia{width:28px;height:28px;border-radius:8px;background:var(--acento-suave);color:var(--acento);display:grid;place-items:center;font-weight:700;flex:none}
.guia-cab strong{display:block;font-size:14.5px}
.guia-cab small{display:block;font-size:12px;color:var(--tinta-3)}
.guia-cab .x{margin-left:auto;border:0;background:none;color:var(--tinta-3);font-size:18px;cursor:pointer;width:30px;height:30px;border-radius:8px;flex:none}
.guia-cab .x:hover{background:var(--camada)}
.guia ol{list-style:none;margin:0;padding:0 16px;display:grid;gap:10px;counter-reset:passo}
.guia li{counter-increment:passo;display:grid;grid-template-columns:22px 1fr;gap:10px;font-size:13.5px;line-height:1.45;color:var(--tinta-2)}
.guia li::before{content:counter(passo);width:22px;height:22px;border-radius:50%;background:var(--camada);color:var(--tinta);font-size:12px;font-weight:700;display:grid;place-items:center}
.guia li b{color:var(--tinta)}
.guia-pe{display:flex;align-items:center;gap:10px;padding:14px 16px;margin-top:12px;border-top:1px solid var(--linha);background:var(--camada)}
.guia-pe .mini{margin:0;flex:1}

/* =====================================================================
   Modelos da Meta e saude do numero (fase 2, 12/10/2026)
   ===================================================================== */
.previa-modelo{padding:14px;border-radius:12px;max-width:360px}
.modelo-bal{display:grid;gap:6px;white-space:pre-wrap;max-width:100%}
.modelo-bal .m-cab{font-size:14px}
.modelo-bal .m-rodape{color:var(--tinta-3);font-size:12px}
.modelo-bal mark{background:var(--acento-suave);color:var(--acento-forte);border-radius:4px;padding:0 3px}
.m-botoes{display:grid;gap:4px;margin-top:4px;max-width:100%}
.m-botoes span{display:block;text-align:center;background:var(--papel);border-radius:8px;padding:7px;font-size:13px;font-weight:600;color:#1a8cd8;box-shadow:var(--sombra)}
.modelo-detalhe,.modelo-novo{margin-top:12px;align-items:start}
.botoes-modelo{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:8px}
#exemplos [hidden]{display:none}
.form .opcao span{font-weight:400;color:var(--tinta-2)}
.numeros dd.menor{font-size:16px;display:flex;align-items:center;gap:6px}
.linha-dias{display:flex;gap:4px;flex-wrap:wrap;margin:4px 0 8px}
.dia-nota{width:18px;height:18px;border-radius:4px;background:var(--linha)}
.dia-nota.ok{background:var(--ok)}
.dia-nota.atencao{background:var(--aviso-linha)}
.dia-nota.urgente{background:var(--perigo)}
.dia-nota.calmo{background:var(--linha-forte)}
@media (max-width:760px){.botoes-modelo{grid-template-columns:1fr}}
/* enviar modelo na conversa (fase 2c, 12/10/2026) */
.envio-modelo{display:grid;gap:6px;margin-top:10px;max-width:420px}
.envio-modelo .sel-modelo,.envio-modelo .var-modelo{font:inherit;font-size:14px;padding:7px 9px;border:1px solid var(--linha-forte);border-radius:8px;background:var(--papel);color:var(--tinta)}
.envio-modelo .previa-modelo{margin:6px 0 2px}
.modelo-carimbo{display:block;margin-bottom:4px;color:var(--acento)}

/* respostas rapidas no campo (fase 3a, 12/10/2026) */
.pop.respostas{width:min(460px,calc(100vw - 40px));max-height:340px;overflow:auto;display:grid;gap:2px;padding:6px}
.pop.respostas button{display:grid;grid-template-columns:auto 1fr;gap:2px 8px;align-items:baseline;text-align:left;border:0;background:none;padding:8px 10px;border-radius:8px;cursor:pointer;color:var(--tinta);font:inherit;font-size:13.5px}
.pop.respostas button small{grid-column:1/-1;color:var(--tinta-3);font-size:12px}
.pop.respostas button[aria-selected=true],.pop.respostas button:hover{background:var(--sel)}
.pop.respostas strong{color:var(--acento);font-weight:700}
.pop.respostas .mini{margin:6px 8px}
.pop.respostas .dica-resp{font-size:11.5px;color:var(--tinta-3)}

/* nova conversa (fase 3b, 12/10/2026) */
.dialogo-fundo{position:fixed;inset:0;z-index:60;background:rgba(15,12,30,.45);display:grid;place-items:center;padding:16px}
.dialogo{background:var(--papel);color:var(--tinta);border-radius:14px;box-shadow:var(--sombra-alta);width:min(860px,100%);max-height:calc(100vh - 32px);overflow:auto;padding:18px 20px;display:grid;gap:10px}
.dialogo-cab{display:flex;align-items:center;justify-content:space-between}
.dialogo-cab h2{margin:0;font-size:18px}
.dialogo-corpo{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,320px);gap:20px;align-items:start}
.dialogo .form select{font:inherit;font-size:14.5px;width:100%;padding:9px 11px;border:1px solid var(--linha-forte);border-radius:9px;background:var(--papel);color:var(--tinta)}
.dialogo .optin{margin-top:12px;align-items:flex-start}
.dialogo .optin small{display:block;color:var(--tinta-3)}
@media (max-width:760px){.dialogo-corpo{grid-template-columns:1fr}}

/* disparos (fase 3c, 12/10/2026) */
#dvars [hidden]{display:none}
.form .num-curto{width:76px;display:inline-block;padding:4px 8px;margin:0 4px}
.form .opcao .num-curto{font-size:14px}

/* fluxos na conversa (fase 4, 12/10/2026) */
.bal .bal-bts{display:flex;flex-wrap:wrap;gap:4px;margin-top:6px}
.bal .bal-bts span{display:inline-flex;align-items:center;gap:4px;font-size:12px;font-weight:600;color:var(--acento);background:var(--papel);border:1px solid var(--linha);border-radius:99px;padding:2px 9px}
.bal .bal-bts .bal-lista{color:var(--tinta-2)}
.bal .tocou{display:block;font-size:11px;color:var(--tinta-3);margin-bottom:1px}

/* ===================================================== fluxos (fase 4, 12/10/2026) */
/* lista */
.fluxos{display:grid;gap:10px}
.fluxo-k{display:grid;grid-template-columns:auto minmax(0,1fr) auto auto;gap:16px;align-items:center;padding:14px 18px;background:var(--papel);border:1px solid var(--linha);border-radius:12px}
.fluxo-k:hover{border-color:var(--linha-forte)}
.fluxo-k .ic-f{width:38px;height:38px;border-radius:10px;display:grid;place-items:center;background:var(--acento-suave);color:var(--acento)}
.fluxo-k .corpo-f{text-decoration:none;color:inherit;min-width:0}
.fluxo-k strong{font-size:15px;margin-right:6px}
.fluxo-k small{display:block;color:var(--tinta-3);font-size:12.5px;margin-top:2px}
.fluxo-k .gat{display:flex;flex-wrap:wrap;gap:5px;margin-top:6px}
.fluxo-k .gat span{font-size:11.5px;font-weight:600;background:var(--camada);border-radius:99px;padding:2px 9px;color:var(--tinta-2)}
.fluxo-k .num-f{text-align:right;font-size:12.5px;color:var(--tinta-3);font-variant-numeric:tabular-nums;line-height:1.5;display:grid;justify-items:end}
.fluxo-k .num-f b{color:var(--tinta);font-size:15px}
.fluxo-k .acoes-f{display:flex;gap:4px;align-items:center}
.barra-fim{display:flex;height:6px;border-radius:99px;overflow:hidden;width:150px;margin-top:5px;background:var(--camada)}
.interruptor{display:inline-flex;align-items:center;gap:7px;font-size:13px;cursor:pointer;user-select:none;margin-left:6px}
.interruptor input{appearance:none;width:34px;height:20px;border-radius:99px;background:var(--linha-forte);position:relative;cursor:pointer;margin:0;transition:background var(--t)}
.interruptor input::after{content:"";position:absolute;top:3px;left:3px;width:14px;height:14px;border-radius:50%;background:#fff;transition:left var(--t)}
.interruptor input:checked{background:var(--ok)}
.interruptor input:checked::after{left:17px}
@media (max-width:860px){.fluxo-k{grid-template-columns:auto minmax(0,1fr)}.fluxo-k .num-f{grid-column:1/-1;text-align:left;justify-items:start}.fluxo-k .acoes-f{grid-column:1/-1}}

/* construtor (tela cheia) */
.construtor .fx-pag{display:flex;flex-direction:column;height:100vh;height:100dvh;min-width:0;overflow:hidden}
.construtor .fx-topo{display:flex;align-items:center;gap:10px;padding:10px 16px;border-bottom:1px solid var(--linha);background:var(--papel);flex-wrap:wrap}
.construtor .fx-topo .voltar{display:inline-flex;align-items:center;gap:4px;color:var(--tinta-2);text-decoration:none;font-size:13.5px;font-weight:600}
.construtor .nome-f{font:inherit;font-size:17px;font-weight:700;border:1px solid transparent;border-radius:8px;padding:4px 8px;background:none;color:var(--tinta);width:220px}
.construtor .nome-f:hover:not(:disabled),.construtor .nome-f:focus{border-color:var(--linha-forte);outline:none}
.construtor .fx-topo .cresce{flex:1}
.construtor .fx-topo .mini b{color:var(--aviso)}
.construtor .zoom{display:inline-flex;border:1px solid var(--linha-forte);border-radius:9px;overflow:hidden}
.construtor .zoom button{border:0;background:var(--papel);color:var(--tinta-2);padding:6px 9px;cursor:pointer;display:grid;place-items:center}
.construtor .zoom button+button,.construtor .zoom span+button{border-left:1px solid var(--linha)}
.construtor .zoom span{padding:6px 8px;font-size:12px;color:var(--tinta-3);border-left:1px solid var(--linha);min-width:46px;text-align:center}
.construtor .fx-corpo{flex:1;display:grid;grid-template-columns:186px minmax(0,1fr) 360px;min-height:0}
.construtor .fx-celular{display:none;padding:24px 16px;color:var(--tinta-2)}
@media (max-width:900px){.construtor .fx-corpo{display:none}.construtor .fx-celular{display:block}}
@media (max-width:1250px){.construtor .fx-corpo{grid-template-columns:150px minmax(0,1fr) 320px}.construtor .peca small{display:none}}
.construtor .fx-paleta{border-right:1px solid var(--linha);background:var(--papel);overflow-y:auto;padding:12px 10px}
.construtor .fx-paleta h3{font-size:11.5px;text-transform:uppercase;letter-spacing:.06em;color:var(--tinta-3);margin:6px 6px 8px}
.construtor .peca{display:grid;grid-template-columns:28px 1fr;gap:8px;align-items:center;width:100%;text-align:left;border:1px solid transparent;background:none;border-radius:9px;padding:6px;cursor:pointer;font:inherit;color:var(--tinta)}
.construtor .peca:hover{background:var(--camada);border-color:var(--linha)}
.construtor .ic-t{width:28px;height:28px;border-radius:8px;display:grid;place-items:center;color:#fff;background:var(--cor);flex:none}
.construtor .peca b{font-size:13px;display:block}
.construtor .peca small{font-size:11.5px;color:var(--tinta-3);display:block;line-height:1.3}
.construtor .dica-p{font-size:11.5px;color:var(--tinta-3);margin:12px 6px 0;line-height:1.4}
.construtor .fx-tela{position:relative;overflow:auto;background-color:var(--chao);cursor:grab;
  background-image:radial-gradient(circle,color-mix(in srgb,var(--tinta-3) 35%,transparent) 1px,transparent 1.2px);background-size:22px 22px}
.construtor .fx-tela.arrastando{cursor:grabbing}
.construtor .fx-mundo{position:relative;width:2000px;height:1200px;transform-origin:0 0}
.construtor .fx-linhas{position:absolute;inset:0;width:100%;height:100%;overflow:visible;pointer-events:none}
.construtor .fx-linhas > path{fill:none;stroke:color-mix(in srgb,var(--tinta-3) 70%,transparent);stroke-width:2}
.construtor .fx-linhas marker path{fill:color-mix(in srgb,var(--tinta-3) 80%,transparent);stroke:none}
.construtor .fx-linhas > path.passou{stroke:var(--acento);stroke-width:3}
.construtor .fx-linhas > path.temp{stroke:var(--acento);stroke-dasharray:6 5}
.construtor .fx-no{position:absolute;width:238px;background:var(--papel);border:1px solid var(--linha-forte);border-radius:12px;box-shadow:var(--sombra);user-select:none}
.construtor .fx-no.sel{outline:2.5px solid var(--acento);outline-offset:1px}
.construtor .fx-no.passou{border-color:var(--acento)}
.construtor .fx-no.ativo{box-shadow:0 0 0 5px color-mix(in srgb,var(--acento) 30%,transparent),var(--sombra-alta)}
.construtor .no-cab{display:flex;align-items:center;gap:8px;padding:8px 10px;cursor:grab;border-radius:12px 12px 0 0}
.construtor .no-cab .ic-t{width:24px;height:24px;border-radius:7px}
.construtor .no-cab .ic-t .i{width:14px;height:14px}
.construtor .no-cab b{font-size:13px;line-height:1.2;flex:1;min-width:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
.construtor .no-cab .cont{font-size:11px;font-weight:700;color:var(--tinta-3);font-variant-numeric:tabular-nums}
.construtor .no-num{display:flex;gap:6px;padding:0 10px 6px;flex-wrap:wrap}
.construtor .no-num span{font-size:11px;font-weight:700;border-radius:99px;padding:1px 7px;background:var(--acento-suave);color:var(--acento-forte)}
.construtor .no-num .parou{background:var(--aviso-suave);color:var(--aviso)}
.construtor .no-corpo{padding:0 10px 9px;font-size:12.5px;color:var(--tinta-2);line-height:1.4}
.construtor .no-corpo .txt{display:-webkit-box;-webkit-line-clamp:3;-webkit-box-orient:vertical;overflow:hidden;white-space:pre-line;background:var(--camada);border-radius:8px;padding:6px 8px;color:var(--tinta)}
.construtor .no-corpo .linha-g{display:flex;gap:6px;align-items:baseline}
.construtor .no-corpo .linha-g::before{content:"";width:5px;height:5px;border-radius:50%;background:var(--cor);flex:none;transform:translateY(-1px)}
.construtor .no-corpo .tag{display:inline-block;font-size:11.5px;font-weight:700;color:var(--cor);background:color-mix(in srgb,var(--cor) 12%,transparent);border-radius:99px;padding:1px 8px;margin-top:5px}
.construtor .no-ent{position:absolute;left:-7px;top:15px;width:12px;height:12px;border-radius:50%;background:var(--papel);border:2px solid var(--tinta-3)}
.construtor .saida{position:relative;display:flex;align-items:center;gap:6px;padding:6px 20px 6px 10px;border-top:1px solid var(--linha);font-size:12.5px}
.construtor .saida.bt-s{font-weight:600;color:var(--tinta)}
.construtor .saida.esp{color:var(--tinta-3);font-size:12px}
.construtor .saida .rot{flex:1;min-width:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
.construtor .saida .n{font-size:11px;font-weight:700;color:var(--tinta-3);font-variant-numeric:tabular-nums}
.construtor .sem-numeros .saida .n,.construtor .sem-numeros .no-cab .cont,.construtor .sem-numeros .no-num{display:none}
.construtor .porta{position:absolute;right:-7px;top:50%;width:13px;height:13px;margin-top:-6.5px;border-radius:50%;background:var(--papel);border:2px solid var(--cor);cursor:crosshair;z-index:2}
.construtor .porta.ligada{background:var(--cor)}
.construtor .porta:hover{transform:scale(1.35)}
.construtor .saida.solta .rot::after{content:" · solta";color:var(--aviso);font-weight:600}
.construtor .fx-novo{position:fixed;z-index:70;background:var(--papel);border:1px solid var(--linha-forte);border-radius:12px;box-shadow:var(--sombra-alta);padding:6px;width:220px}
.construtor .fx-novo[hidden]{display:none}
.construtor .fx-novo h4{font-size:11.5px;text-transform:uppercase;letter-spacing:.06em;color:var(--tinta-3);margin:4px 8px 6px}
/* painel do bloco */
.construtor .fx-painel{border-left:1px solid var(--linha);background:var(--papel);overflow-y:auto;padding:16px 18px 80px}
.construtor .fx-painel[hidden],.construtor .fx-sim[hidden]{display:none}
.construtor .p-cab{display:flex;align-items:center;gap:10px;margin:0 0 12px}
.construtor .p-cab .ic-t{width:30px;height:30px;border-radius:9px}
.construtor .p-cab small{display:block;font-size:11.5px;color:var(--tinta-3);text-transform:uppercase;letter-spacing:.05em;font-weight:700}
.construtor .fx-painel h4{font-size:12px;text-transform:uppercase;letter-spacing:.05em;color:var(--tinta-3);margin:18px 0 8px;display:flex;align-items:center;gap:8px}
.construtor .fx-painel h4 small{text-transform:none;letter-spacing:0;font-weight:400}
.construtor .fx-painel h4::after{content:"";flex:1;height:1px;background:var(--linha)}
.construtor .fx-painel label.l{display:block;font-size:13px;font-weight:600;margin:10px 0 4px;color:var(--tinta)}
.construtor .fx-painel label.l small{font-weight:400;color:var(--tinta-3)}
.construtor .fx-painel input:not([type=checkbox]):not([type=file]),.construtor .fx-painel select,.construtor .fx-painel textarea{width:100%;box-sizing:border-box;font:inherit;font-size:13.5px;padding:7px 9px;border:1px solid var(--linha-forte);border-radius:8px;background:var(--papel);color:var(--tinta)}
.construtor .fx-painel .p-cab input{font-size:15px;font-weight:700;border-color:transparent;padding:2px 6px;margin-left:-6px;background:none}
.construtor .fx-painel .p-cab input:hover:not(:disabled),.construtor .fx-painel .p-cab input:focus{border-color:var(--linha-forte);outline:none}
.construtor .fx-painel textarea{resize:vertical;min-height:84px}
.construtor .fx-painel :disabled{opacity:.75;cursor:default}
.construtor .cont-t{font-size:11px;color:var(--tinta-3);text-align:right;margin-top:2px}
.construtor .ck{display:flex;gap:8px;align-items:flex-start;font-size:13px;margin:8px 0 0;cursor:pointer}
.construtor .ck input{accent-color:var(--acento);margin-top:3px}
.construtor .ck small{display:block;color:var(--tinta-3);font-size:12px}
.construtor .sub-ck{margin:6px 0 0 24px;display:grid;gap:6px}
.construtor .linha-in{display:flex;gap:6px;align-items:center;font-size:13px;color:var(--tinta-2);flex-wrap:wrap}
.construtor .fx-painel .linha-in input[type=number]{width:78px}
.construtor .fx-painel .linha-in select{width:auto}
.construtor .bt-lin{display:grid;grid-template-columns:minmax(0,1fr) auto;gap:6px;margin-top:6px;align-items:center}
.construtor .fx-painel .x{border:0;background:none;color:var(--tinta-3);cursor:pointer;font-size:17px;padding:2px 4px;line-height:1}
.construtor .fx-painel .bt-lin .d{grid-column:1 / -1;font-size:12.5px;padding:5px 9px;color:var(--tinta-2)}
.construtor .forma{font-size:12.5px;color:var(--tinta-2);background:var(--camada);border-radius:8px;padding:7px 10px;margin:6px 0 0}
.construtor .destinos{display:grid;gap:6px}
.construtor .dest{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1.2fr);gap:8px;align-items:center;font-size:12.5px}
.construtor .dest span{overflow:hidden;text-overflow:ellipsis;white-space:nowrap;font-weight:600}
.construtor .aviso-p{font-size:12.5px;background:var(--aviso-suave);color:var(--aviso);border-radius:8px;padding:7px 10px;margin-top:8px}
.construtor .aviso-p a{color:inherit;font-weight:700}
.construtor .info-p{font-size:12.5px;background:var(--camada);color:var(--tinta-2);border-radius:8px;padding:7px 10px;margin-top:8px}
.construtor .horario{width:100%;border-collapse:collapse;font-size:12.5px;margin-top:6px}
.construtor .horario td{padding:4px 2px;border-bottom:1px solid var(--linha)}
.construtor .horario td:first-child{font-weight:600;width:42px}
.construtor .chips-p{display:flex;flex-wrap:wrap;gap:5px;padding:6px;border:1px solid var(--linha-forte);border-radius:8px;align-items:center}
.construtor .chips-p span{display:inline-flex;align-items:center;gap:4px;font-size:12.5px;background:var(--acento-suave);color:var(--acento-forte);border-radius:99px;padding:2px 8px;font-weight:600}
.construtor .fx-painel .chips-p .x{font-size:14px;color:inherit;padding:0}
.construtor .fx-painel .chips-p input{border:0;outline:0;flex:1;min-width:90px;width:auto;padding:2px 4px}
.construtor .arquivo-bt{cursor:pointer}
.construtor .confere{list-style:none;margin:0;padding:0;display:grid;gap:6px;font-size:13px}
.construtor .confere li{display:flex;gap:7px;align-items:flex-start}
.construtor .confere .ok{color:var(--ok);font-weight:700}.construtor .confere .nao{color:var(--perigo);font-weight:700}.construtor .confere .aviso{color:var(--aviso);font-weight:700}
.construtor .confere a{color:var(--acento)}
.construtor .versoes{display:grid;gap:6px;font-size:12.5px}
.construtor .versao{display:flex;justify-content:space-between;align-items:center;gap:8px}
/* simulador */
.construtor .fx-sim{border-left:1px solid var(--linha);background:var(--papel);overflow-y:auto;padding:14px 16px 80px;display:flex;flex-direction:column;align-items:center;gap:10px}
.construtor .sim-cab{display:flex;align-items:center;gap:8px;width:100%}
.construtor .sim-cab b{flex:1}
.construtor .ctrls{width:100%;display:grid;gap:8px}
.construtor .ctrls .seg{display:flex}
.construtor .ctrls .seg button{flex:1;justify-content:center;font-size:12.5px;padding:5px 6px}
.construtor .rot-s{font-size:11.5px;font-weight:700;color:var(--tinta-3);text-transform:uppercase;letter-spacing:.05em}
.construtor .celular{--wa-fundo:#efeae2;--wa-dela:#d9fdd3;--wa-nos:#fff;--wa-bt:#027eb5;--wa-tinta:#111b21;--wa-sub:#667781;
  width:300px;border-radius:28px;border:8px solid #1b1830;background:var(--wa-fundo);overflow:hidden;position:relative;display:flex;flex-direction:column;flex:none}
:root[data-tema=escuro] .construtor .celular{--wa-fundo:#0b141a;--wa-dela:#005c4b;--wa-nos:#202c33;--wa-bt:#53bdeb;--wa-tinta:#e9edef;--wa-sub:#8696a0}
.construtor .cel-topo{display:flex;align-items:center;gap:9px;padding:9px 12px;background:var(--wa-nos);color:var(--wa-tinta)}
.construtor .cel-topo i{width:28px;height:28px;border-radius:50%;background:#e4dcff;color:#4a2fd6;display:grid;place-items:center;font-style:normal;font-weight:700;font-size:11px}
.construtor .cel-topo b{font-size:13.5px;display:block}.construtor .cel-topo small{font-size:11px;color:var(--wa-sub)}
.construtor .cel-fio{height:430px;padding:10px 9px;display:flex;flex-direction:column;gap:5px;overflow-y:auto;color:var(--wa-tinta)}
.construtor .wa{max-width:86%;background:var(--wa-nos);border-radius:8px;padding:6px 8px 5px;font-size:13px;line-height:1.4;box-shadow:0 1px .5px rgba(0,0,0,.13);white-space:pre-wrap;overflow-wrap:anywhere}
.construtor .wa.dela{align-self:flex-end;background:var(--wa-dela)}
.construtor .wa .tocou{display:block;font-size:10.5px;color:var(--wa-sub)}
.construtor .wa-grupo{display:flex;flex-direction:column;gap:2px;max-width:86%}
.construtor .wa-grupo .wa{max-width:none}
.construtor .wa-bt{background:var(--wa-nos);color:var(--wa-bt);border:0;border-radius:8px;padding:8px;font:inherit;font-size:13px;font-weight:600;cursor:pointer;box-shadow:0 1px .5px rgba(0,0,0,.13)}
.construtor .wa-bt:disabled{cursor:default;opacity:.55}
.construtor .wa-lista{display:flex;align-items:center;justify-content:center;gap:7px;border:0;border-top:1px solid rgba(0,0,0,.08);margin:6px -8px -5px;padding:8px;color:var(--wa-bt);font:inherit;font-size:13px;font-weight:600;cursor:pointer;background:none;width:calc(100% + 16px)}
.construtor .wa-sis{align-self:center;font-size:11px;background:rgba(255,255,255,.8);color:#54656f;border-radius:7px;padding:3px 9px;text-align:center;max-width:94%}
.construtor .wa-sis.fim{background:#5b3df5;color:#fff;font-weight:600}
.construtor .cel-campo{display:flex;gap:6px;padding:7px;background:var(--wa-fundo)}
.construtor .cel-campo input{flex:1;border:0;border-radius:99px;padding:8px 12px;font:inherit;font-size:13px;background:var(--wa-nos);color:var(--wa-tinta);outline:0}
.construtor .cel-campo button{border:0;border-radius:50%;width:36px;height:36px;background:#00a884;color:#fff;cursor:pointer;display:grid;place-items:center}
.construtor .folha{position:absolute;inset:auto 0 0 0;background:var(--wa-nos);color:var(--wa-tinta);border-radius:16px 16px 0 0;box-shadow:0 -8px 30px rgba(0,0,0,.25);padding:6px 0 10px;z-index:3}
.construtor .folha[hidden],.construtor .fundo-folha[hidden]{display:none}
.construtor .folha .pega{width:36px;height:4px;border-radius:99px;background:#c8c8c8;margin:4px auto 8px}
.construtor .folha h4{margin:0 16px 6px;font-size:13.5px;text-align:center}
.construtor .folha button{display:block;width:100%;border:0;background:none;padding:8px 16px;text-align:left;font:inherit;color:inherit;cursor:pointer}
.construtor .folha button b{font-size:13.5px;font-weight:500;display:block}.construtor .folha button small{font-size:11.5px;color:var(--wa-sub)}
.construtor .fundo-folha{position:absolute;inset:0;background:rgba(0,0,0,.3);z-index:2}
@media (prefers-color-scheme:dark){:root:not([data-tema="claro"]) .construtor .celular{--wa-fundo:#0b141a;--wa-dela:#005c4b;--wa-nos:#202c33;--wa-bt:#53bdeb;--wa-tinta:#e9edef;--wa-sub:#8696a0}}

/* relatorio de fluxo (fase 4, parte 3) */
.voltar-rel{display:inline-flex;align-items:center;gap:4px;font-size:13.5px;font-weight:600;margin-bottom:6px;text-decoration:none;color:var(--tinta-2)}
.cartoes-rel{display:grid;grid-template-columns:repeat(auto-fit,minmax(180px,1fr));gap:12px;margin:0 0 16px}
.cartoes-rel .cartao{display:grid;gap:2px}
.cartoes-rel .grande{font-size:28px;letter-spacing:-.02em;font-variant-numeric:tabular-nums}
.parou-n{color:var(--aviso)}
.funil td{vertical-align:middle}
.funil .num{text-align:right;white-space:nowrap;font-variant-numeric:tabular-nums}
.funil .barra-td{width:30%;min-width:120px}
.barra-h{display:block;position:relative;height:10px;border-radius:99px;background:var(--camada);overflow:hidden}
.barra-h i{position:absolute;inset:0 auto 0 0;background:var(--acento);border-radius:99px}
.barra-h i.parou{background:var(--aviso-linha)}
.ponto-t{display:inline-block;width:9px;height:9px;border-radius:3px;margin-right:7px}
.duas-col{display:grid;grid-template-columns:1fr 1fr;gap:12px;margin:12px 0}
@media (max-width:800px){.duas-col{grid-template-columns:1fr}}
section.cartao{margin:12px 0}
.lista-n{list-style:none;margin:6px 0 0;padding:0;display:grid;gap:6px;font-size:13.5px}
.lista-n li{display:grid;grid-template-columns:1fr auto 44px;gap:8px;align-items:baseline}
.lista-n small{color:var(--tinta-3);text-align:right}
.caminho-td{max-width:420px}

/* fluxos na coluna da cliente (fase 4) */
.etiquetas{display:flex;gap:5px;flex-wrap:wrap;margin:0 0 8px}
.etiquetas span{font-size:11.5px;font-weight:700;color:#db2777;background:color-mix(in srgb,#db2777 12%,transparent);border-radius:99px;padding:2px 9px}
.fluxo-dela{border:1px solid var(--linha);border-radius:10px;padding:8px 10px;margin:8px 0 0;display:grid;gap:5px}
.fluxo-dela.ativo{border-color:var(--acento)}
.fluxo-dela .fd-cab b{font-size:13.5px}.fluxo-dela .fd-cab small{display:block;font-size:11.5px;color:var(--tinta-3)}
.fluxo-dela .caminho{display:flex;flex-wrap:wrap;gap:4px;align-items:center;font-size:12px}
.fluxo-dela .caminho span{background:var(--camada);border-radius:99px;padding:1px 8px;font-weight:600}
.fluxo-dela .caminho em{color:var(--tinta-3);font-style:normal}
.fluxo-dela .fd-fim{font-size:12px;color:var(--tinta-2);font-weight:600}
.fluxo-dela.parou .fd-fim{color:var(--aviso)}
.iniciar-fluxo{display:flex;gap:6px;flex-wrap:wrap;align-items:center}
.iniciar-fluxo select{flex:1;min-width:120px;font:inherit;font-size:13.5px;padding:6px 8px;border:1px solid var(--linha-forte);border-radius:8px;background:var(--papel);color:var(--tinta)}
.funil td.mini{white-space:normal;min-width:240px}
.fluxo-k .num-f > span:first-child{white-space:nowrap}

/* horario da equipe (fase 4) */
.dias-h{display:grid;gap:6px;margin:6px 0 14px}
.dia-h{display:flex;flex-wrap:wrap;gap:10px 18px;align-items:center;padding:8px 12px;border:1px solid var(--linha);border-radius:10px;background:var(--papel)}
.dia-h .ck-dia{display:flex;gap:8px;align-items:center;min-width:120px;margin:0;font-weight:500}
.dia-h .ck-dia input{accent-color:var(--acento)}
.dia-h .turno{display:inline-flex;gap:6px;align-items:center;font-size:13.5px;color:var(--tinta-2)}
.horario-form .dia-h input[type=time]{width:auto;padding:5px 8px}

/* ================================================================ bloco 7 (13/10/2026): entrada do WhatsApp, link, localizacao, formularios
   maquete aprovada docs/maquetes/2026-10-13-novidades-meta.html */
.duas .cartao + .cartao,.forms .cartao + .cartao{margin-top:14px}
.duas .cartao h2 .mini,.forms .cartao h2 .mini{font-weight:500}
.duas .cartao .sub,.forms .cartao .sub{font-size:13.5px;color:var(--tinta-2);margin:0 0 12px}
.duas .cartao ol,.duas .cartao ul,.forms .cartao ul{margin:6px 0 0;padding-left:20px;font-size:13.5px;color:var(--tinta-2)}
.duas .cartao li+li,.forms .cartao li+li{margin-top:5px}
.duas{display:grid;grid-template-columns:minmax(0,1fr) 330px;gap:22px;align-items:start;max-width:1120px}
.prev{position:sticky;top:0;display:flex;flex-direction:column;align-items:center;gap:10px}
.prev .seg{display:flex;width:300px}
.prev .seg button{flex:1;justify-content:center;font-size:12.5px;padding:5px 6px}
.prev .mini{text-align:center;max-width:300px}
@media (max-width:1000px){.duas{grid-template-columns:minmax(0,1fr)}.prev{position:static}}
.linha-it{display:grid;grid-template-columns:minmax(0,1fr) 210px auto;gap:8px;align-items:start;padding:10px 0;border-top:1px solid var(--linha)}
.linha-it:first-of-type{border-top:0}
.linha-it.cmd{grid-template-columns:150px minmax(0,1fr) 190px auto}
.linha-it input,.linha-it select,.campo-f input,.campo-f select,.form-ed input,.form-ed select{width:100%;box-sizing:border-box;font:inherit;font-size:13.5px;padding:7px 9px;border:1px solid var(--linha-forte);border-radius:8px;background:var(--papel);color:var(--tinta)}
.linha-it input:disabled,.linha-it select:disabled,.campo-f input:disabled,.campo-f select:disabled,.form-ed input:disabled,.form-ed select:disabled{opacity:.75}
.linha-it .x,.campo-f .x{border:0;background:none;color:var(--tinta-3);cursor:pointer;font-size:18px;padding:4px 6px;line-height:1}
.linha-it .cont,.campo-f .cont{font-size:11px;color:var(--tinta-3);margin-top:2px}
.linha-it .cont.ruim,.campo-f .cont.ruim{color:var(--perigo);font-weight:600}
.barra-in{display:flex;align-items:center;border:1px solid var(--linha-forte);border-radius:8px;background:var(--papel)}
.barra-in span{padding:0 0 0 9px;color:var(--tinta-3);font-weight:700}
.barra-in input{border:0!important;padding-left:2px!important}
.rot-c{font-size:11.5px;font-weight:700;color:var(--tinta-3);text-transform:uppercase;letter-spacing:.05em;display:grid;grid-template-columns:minmax(0,1fr) 210px 30px;gap:8px;margin-bottom:2px}
.rot-c small{text-transform:none;letter-spacing:0;font-weight:500}
.rot-c.cmd{grid-template-columns:150px minmax(0,1fr) 190px 30px}
.erro-l{font-size:12px;color:var(--perigo);margin-top:3px;font-weight:600}
.acoes-l{display:flex;gap:8px;align-items:center;margin-top:10px;flex-wrap:wrap}
.estado-l{display:flex;gap:10px;align-items:center;flex-wrap:wrap;font-size:13px;color:var(--tinta-2);margin:0 0 14px}
.avisos-l .cartao{margin-top:14px}
@media (max-width:700px){.linha-it,.linha-it.cmd,.rot-c,.rot-c.cmd{grid-template-columns:minmax(0,1fr)}.rot-c{display:none}}

/* o celular de previa fora do construtor (o do construtor continua em .construtor .celular) */
.celular{--wa-fundo:#efeae2;--wa-dela:#d9fdd3;--wa-nos:#fff;--wa-bt:#027eb5;--wa-tinta:#111b21;--wa-sub:#667781;
  width:300px;border-radius:28px;border:8px solid #1b1830;background:var(--wa-fundo);overflow:hidden;position:relative;display:flex;flex-direction:column;flex:none}
:root[data-tema=escuro] .celular{--wa-fundo:#0b141a;--wa-dela:#005c4b;--wa-nos:#202c33;--wa-bt:#53bdeb;--wa-tinta:#e9edef;--wa-sub:#8696a0}
@media (prefers-color-scheme:dark){:root:not([data-tema="claro"]) .celular{--wa-fundo:#0b141a;--wa-dela:#005c4b;--wa-nos:#202c33;--wa-bt:#53bdeb;--wa-tinta:#e9edef;--wa-sub:#8696a0}}
.celular .cel-topo{display:flex;align-items:center;gap:9px;padding:9px 12px;background:var(--wa-nos);color:var(--wa-tinta)}
.celular .cel-topo i{width:28px;height:28px;border-radius:50%;background:#e4dcff;color:#4a2fd6;display:grid;place-items:center;font-style:normal;font-weight:700;font-size:11px}
.celular .cel-topo b{font-size:13.5px;display:block}.celular .cel-topo small{font-size:11px;color:var(--wa-sub)}
.celular .cel-fio{height:430px;padding:10px 9px;display:flex;flex-direction:column;gap:5px;overflow-y:auto;color:var(--wa-tinta)}
.celular .wa{max-width:86%;background:var(--wa-nos);border-radius:8px;padding:6px 8px 5px;font-size:13px;line-height:1.4;box-shadow:0 1px .5px rgba(0,0,0,.13);white-space:pre-wrap;overflow-wrap:anywhere;color:var(--wa-tinta)}
.celular .wa.dela{align-self:flex-end;background:var(--wa-dela)}
.celular .wa .tocou{display:block;font-size:10.5px;color:var(--wa-sub)}
.celular .wa-sis{align-self:center;font-size:11px;background:rgba(255,255,255,.85);color:#54656f;border-radius:7px;padding:3px 9px;text-align:center;max-width:94%;white-space:normal}
:root[data-tema=escuro] .celular .wa-sis{background:#182229;color:#8696a0}
.celular .wa-sis.fim{background:#5b3df5;color:#fff;font-weight:600}
.celular .wa-sis.ok{background:#0d9488;color:#fff}
.celular .cel-campo{display:flex;gap:6px;padding:7px;background:var(--wa-fundo);position:relative}
.celular .cel-campo input{flex:1;border:0;border-radius:99px;padding:8px 12px;font:inherit;font-size:13px;background:var(--wa-nos);color:var(--wa-tinta);outline:0;min-width:0}
.celular .cel-campo button{border:0;border-radius:50%;width:36px;height:36px;background:#00a884;color:#fff;cursor:pointer;display:grid;place-items:center;flex:none}
.celular .vazio-ib{margin-top:auto;display:flex;flex-direction:column;align-items:center;gap:6px;padding-bottom:4px}
.celular .vazio-ib .sis-i{font-size:11px;color:var(--wa-sub);text-align:center;max-width:90%;background:rgba(255,255,255,.7);border-radius:7px;padding:3px 9px}
:root[data-tema=escuro] .celular .vazio-ib .sis-i{background:#182229}
.celular .ib{border:1px solid color-mix(in srgb,var(--wa-bt) 45%,transparent);background:var(--wa-nos);color:var(--wa-bt);border-radius:18px;padding:7px 12px;font:inherit;font-size:13px;font-weight:600;cursor:pointer;max-width:92%;text-align:center}
.celular .menu-cmd{position:absolute;left:7px;right:7px;bottom:52px;background:var(--wa-nos);color:var(--wa-tinta);border-radius:12px;box-shadow:0 -4px 20px rgba(0,0,0,.2);max-height:260px;overflow-y:auto;z-index:2;padding:4px 0}
.celular .menu-cmd[hidden]{display:none}
.celular .menu-cmd button{display:block;width:100%;text-align:left;border:0;background:none;padding:7px 12px;font:inherit;color:inherit;cursor:pointer}
.celular .menu-cmd button:hover{background:color-mix(in srgb,var(--wa-sub) 12%,transparent)}
.celular .menu-cmd b{font-size:13px;display:block}
.celular .menu-cmd small{font-size:11.5px;color:var(--wa-sub);display:block;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
/* mensagem com botao de link / pedido de localizacao / formulario (construtor e previas) */
.celular .wa .cab-w{display:block;font-weight:700;margin-bottom:2px}
.celular .wa .rod-w{display:block;font-size:11.5px;color:var(--wa-sub);margin-top:3px}
.celular .wa .bt-w{display:flex;align-items:center;justify-content:center;gap:6px;border:0;border-top:1px solid rgba(0,0,0,.08);margin:7px -8px -5px;padding:8px;color:var(--wa-bt);font:inherit;font-size:13px;font-weight:600;cursor:pointer;background:none;width:calc(100% + 16px)}
:root[data-tema=escuro] .celular .wa .bt-w{border-top-color:rgba(255,255,255,.08)}
.celular .wa .bt-w:disabled{cursor:default;opacity:.55}
.celular .wa .bt-w svg{width:15px;height:15px}
.celular .mapa{display:block;height:92px;border-radius:6px;margin:-2px -4px 5px;position:relative;overflow:hidden;background:linear-gradient(135deg,#dfe9d8 0 22%,#f2efe6 22% 40%,#dfe9d8 40% 63%,#e8e4da 63%)}
.celular .mapa::before{content:"";position:absolute;inset:0;background:repeating-linear-gradient(90deg,transparent 0 38px,#fff 38px 42px),repeating-linear-gradient(0deg,transparent 0 30px,#fff 30px 33px);opacity:.75}
.celular .mapa svg{position:absolute;left:50%;top:50%;width:26px;height:26px;margin:-22px 0 0 -13px;color:#e11d48;fill:#e11d48;stroke:#fff}
.celular .resp-f{display:flex;align-items:center;gap:8px;font-weight:600}
.celular .resp-f svg{width:18px;height:18px;color:#0d9488}
.celular .form-tela{position:absolute;inset:0;background:var(--wa-nos);color:var(--wa-tinta);z-index:4;display:flex;flex-direction:column}
.celular .form-tela[hidden]{display:none}
.celular .ft-cab{display:flex;align-items:center;gap:8px;padding:12px 12px 10px;border-bottom:1px solid color-mix(in srgb,var(--wa-sub) 20%,transparent)}
.celular .ft-cab b{flex:1;text-align:center;font-size:14px}
.celular .ft-cab button{border:0;background:none;color:var(--wa-tinta);cursor:pointer;padding:2px;display:grid;place-items:center}
.celular .ft-corpo{flex:1;overflow-y:auto;padding:14px 14px 10px;display:flex;flex-direction:column;gap:12px}
.celular .ft-corpo h5{font-size:17px;margin:0;line-height:1.25}
.celular .ft-campo label{display:block;font-size:12px;color:var(--wa-sub);margin-bottom:4px}
.celular .ft-campo input,.celular .ft-campo select{width:100%;box-sizing:border-box;border:1px solid color-mix(in srgb,var(--wa-sub) 40%,transparent);border-radius:8px;padding:9px 10px;font:inherit;font-size:13.5px;background:transparent;color:var(--wa-tinta)}
.celular .ft-campo .op{display:flex;align-items:center;gap:8px;font-size:13.5px;padding:5px 0;color:var(--wa-tinta)}
.celular .ft-campo .op input{width:auto;accent-color:#00a884}
.celular .ft-campo .op-ac{align-items:flex-start;font-size:12.5px}
.celular .ft-campo.erro input{border-color:#e11d48}
.celular .ft-pe{padding:10px 14px 14px}
.celular .ft-pe button{width:100%;border:0;border-radius:99px;background:#00a884;color:#fff;font:inherit;font-weight:700;font-size:14px;padding:11px;cursor:pointer}
.celular .ft-pe small{display:block;text-align:center;font-size:10.5px;color:var(--wa-sub);margin-top:7px}

/* construtor: o que e novo no bloco 7 */
.construtor .no-corpo .link-p{display:flex;align-items:center;gap:5px;margin-top:6px;font-size:12px;font-weight:600;color:var(--acento);overflow:hidden;white-space:nowrap;text-overflow:ellipsis}
.construtor .no-corpo .link-p svg{width:13px;height:13px;flex:none}
.construtor .no-corpo .url-p{font-size:11px;color:var(--tinta-3);overflow:hidden;white-space:nowrap;text-overflow:ellipsis;display:block}
.construtor .fx-painel .seg-t{display:grid;grid-template-columns:repeat(3,1fr);gap:4px;background:var(--camada);border:1px solid var(--linha);border-radius:10px;padding:4px}
.construtor .fx-painel .seg-t button{border:0;background:none;border-radius:7px;padding:7px 4px;font:inherit;font-size:12px;font-weight:600;color:var(--tinta-2);cursor:pointer;display:flex;flex-direction:column;align-items:center;gap:3px;line-height:1.15;text-align:center}
.construtor .fx-painel .seg-t button svg{width:17px;height:17px}
.construtor .fx-painel .seg-t [aria-pressed=true]{background:var(--papel);color:var(--tinta);box-shadow:var(--sombra)}
.construtor .fx-painel .seg-t button:disabled{cursor:default}
.construtor .fx-painel .mapa-r{font-size:12.5px;display:grid;gap:4px;margin-top:6px}
.construtor .fx-painel .mapa-r span{display:flex;justify-content:space-between;gap:8px;background:var(--camada);border-radius:7px;padding:5px 9px}
.construtor .fx-painel .mapa-r b{font-weight:600}
.construtor .ficha-t{width:300px;box-sizing:border-box;font-size:12.5px;border:1px solid var(--linha);border-radius:10px;background:var(--camada);padding:8px 10px}
.construtor .ficha-t b{display:block;font-size:11.5px;text-transform:uppercase;letter-spacing:.05em;color:var(--tinta-3);margin-bottom:4px}
.construtor .ficha-t div{display:flex;justify-content:space-between;gap:10px;padding:2px 0;border-top:1px solid var(--linha)}
.construtor .ficha-t div:first-of-type{border-top:0}
.construtor .ficha-t span{color:var(--tinta-3)}
.construtor .ficha-t em{font-style:normal;font-weight:600;text-align:right;overflow-wrap:anywhere}
.aviso-saude{display:flex;gap:10px;align-items:flex-start;background:var(--perigo-suave);color:var(--perigo);border-radius:10px;padding:10px 12px;font-size:13px;margin:12px 0 0}
.aviso-saude svg{flex:none;margin-top:1px}
/* fio da conversa: localizacao e formulario recebidos, botao de link enviado */
.bal .local-m{display:grid;gap:3px}
.bal .local-m a{font-weight:600}
.bal .form-m{display:grid;gap:2px;font-size:13px}
.bal .form-m b{font-size:13.5px}
.bal .form-m span{color:var(--tinta-2)}
/* Fluxos -> Formularios (bloco 7c): lista, editor, previa */
.forms{display:grid;grid-template-columns:240px minmax(0,1fr) 330px;gap:18px;align-items:start}
@media (max-width:1250px){.forms{grid-template-columns:minmax(0,1fr) 330px}.forms .lista-f{grid-column:1 / -1;display:flex;gap:10px;flex-wrap:wrap}.forms .lista-f .item-f{flex:1;min-width:200px}}
@media (max-width:900px){.forms{grid-template-columns:minmax(0,1fr)}}
.lista-f{display:grid;gap:8px}
.item-f{display:block;text-align:left;width:100%;border:1px solid var(--linha);background:var(--papel);border-radius:10px;padding:10px 12px;font:inherit;color:inherit;cursor:pointer}
.item-f[aria-current=true]{border-color:var(--acento);box-shadow:0 0 0 2px color-mix(in srgb,var(--acento) 25%,transparent)}
.item-f b{display:block;font-size:14px}
.item-f small{display:block;font-size:12px;color:var(--tinta-3);margin-top:3px}
.item-f .selo{margin-top:6px}
.form-ed .topo-f{display:flex;gap:10px;align-items:center;flex-wrap:wrap;margin-bottom:10px}
.form-ed .topo-f input{font-size:16px;font-weight:700;width:auto;flex:1;min-width:160px}
.form-ed .topo-f .cresce{flex:1}
.form-ed .linha-in{display:flex;gap:10px;align-items:center;flex-wrap:wrap;margin-bottom:8px}
.form-ed .linha-in label{font-size:13px;font-weight:600}
.form-ed .info-p{font-size:12.5px;background:var(--camada);color:var(--tinta-2);border-radius:8px;padding:7px 10px;margin:0 0 6px}
.form-ed .aviso-p{font-size:12.5px;background:var(--aviso-suave);color:var(--aviso);border-radius:8px;padding:7px 10px;margin:8px 0 0}
.form-ed .confere-f{list-style:none;padding:0;margin:10px 0 0;display:grid;gap:4px;font-size:12.5px}
.form-ed .confere-f li{display:flex;gap:6px}
.form-ed .confere-f .nao{color:var(--perigo);font-weight:700}
.form-ed .confere-f .av{color:var(--aviso);font-weight:700}
.telas-t{display:flex;gap:4px;border-bottom:1px solid var(--linha);margin:6px 0 12px;flex-wrap:wrap}
.telas-t button{border:0;background:none;font:inherit;font-size:13.5px;font-weight:600;color:var(--tinta-3);padding:8px 10px 10px;cursor:pointer;position:relative}
.telas-t button[aria-pressed=true]{color:var(--tinta)}
.telas-t button[aria-pressed=true]::after{content:"";position:absolute;left:8px;right:8px;bottom:-1px;height:2px;border-radius:2px;background:var(--acento)}
.telas-t button:disabled{opacity:.5;cursor:default}
.campo-f{display:grid;grid-template-columns:150px minmax(0,1fr) 170px auto;gap:8px;align-items:start;padding:10px 0;border-top:1px solid var(--linha)}
.campo-f .ops{grid-column:2 / 4;font-size:12.5px}
.campo-f .ck-o{display:flex;align-items:center;gap:6px;font-size:12.5px;color:var(--tinta-2);margin-top:5px}
.campo-f .ck-o input{width:auto;accent-color:var(--acento)}
.campo-f.saude{background:var(--perigo-suave);border-radius:8px;padding:10px 8px;border-top-color:transparent}
.campo-f .saude-m{grid-column:1 / -1;font-size:12.5px;color:var(--perigo);font-weight:600}
@media (max-width:700px){.campo-f{grid-template-columns:minmax(0,1fr)}.campo-f .ops{grid-column:auto}}
.rot-f{font-size:11.5px;font-weight:700;color:var(--tinta-3);text-transform:uppercase;letter-spacing:.05em;display:grid;grid-template-columns:150px minmax(0,1fr) 170px 30px;gap:8px}
@media (max-width:700px){.rot-f{display:none}}
.requisitos{list-style:none;padding:0!important;margin:8px 0 0!important;display:grid;gap:7px}
.requisitos li{display:flex;gap:8px;align-items:flex-start;font-size:13px}
.requisitos .s{font-weight:700;width:16px;flex:none;text-align:center}
.requisitos .s.ok{color:var(--ok)}.requisitos .s.pend{color:var(--aviso)}
.forms .prev .celular{position:relative}
.bal .form-m em{font-style:normal;color:var(--perigo);font-weight:600}
.bal .form-m small{color:var(--tinta-3)}

/* Bloco 8 (14/10/2026): Ajustes → Integração com a Livre e Envios automáticos */
.tabela-rolar{overflow-x:auto;max-width:100%}
.lista-simples{margin:0;padding-left:18px;font-size:14px;line-height:1.7}

/* Bloco 8b (14/10/2026): fluxo automatico (maquete docs/maquetes/2026-10-13-automacoes.html) */
.fluxo-k.auto .ic-f{background:color-mix(in srgb,#0d9488 14%,transparent);color:#0d9488}
.selo.auto{background:color-mix(in srgb,#0d9488 14%,transparent);color:#0f766e}
:root[data-tema=escuro] .selo.auto{color:#5eead4}
.escolha-fluxo{display:grid;grid-template-columns:1fr 1fr;gap:12px;margin:0 0 16px}
.escolha-fluxo[hidden]{display:none}
.escolha-fluxo button{display:grid;gap:6px;text-align:left;font:inherit;color:var(--tinta);background:var(--papel);border:1px solid var(--linha-forte);border-radius:12px;padding:14px 16px;cursor:pointer}
.escolha-fluxo button:hover{border-color:var(--acento)}
.escolha-fluxo button b{font-size:15px;display:flex;align-items:center;gap:8px}
.escolha-fluxo button span{font-size:13px;color:var(--tinta-2);line-height:1.45}
@media (max-width:760px){.escolha-fluxo{grid-template-columns:1fr}}
.chips-d{display:flex;flex-wrap:wrap;gap:5px}
.chips-d button,.chips-d span{font:inherit;font-size:12.5px;font-weight:600;border:1px solid var(--linha-forte);background:var(--papel);color:var(--tinta-2);border-radius:99px;padding:3px 10px;cursor:pointer}
.chips-d [aria-pressed=true]{background:var(--acento-suave);border-color:var(--acento);color:var(--acento-forte)}
.chips-d span.campo{cursor:default;font-family:ui-monospace,Consolas,monospace;font-size:12px;background:color-mix(in srgb,#0d9488 10%,transparent);border-color:transparent;color:#0f766e}
:root[data-tema=escuro] .chips-d span.campo{color:#5eead4}
.chips-d .x{border:0;background:none;padding:0 0 0 4px;font-size:13px;cursor:pointer;color:inherit}
.modo-ini{display:grid;gap:6px}
.modo-ini label{display:flex;gap:8px;align-items:flex-start;border:1px solid var(--linha-forte);border-radius:10px;padding:8px 10px;font-size:13px;cursor:pointer}
.modo-ini label:has(input:checked){border-color:var(--acento);background:var(--acento-suave)}
.modo-ini small{display:block;color:var(--tinta-3);font-size:12px}
.construtor .fx-painel .modo-ini input[type=radio]{width:auto;padding:0;border:0;accent-color:var(--acento);margin-top:3px}
.construtor .fx-painel .param{display:grid;grid-template-columns:120px minmax(0,1fr);gap:8px;align-items:center;font-size:12.5px;margin-top:6px}
.construtor .fx-painel .param code{font-size:12px;background:var(--camada);border-radius:6px;padding:3px 6px;overflow:hidden;text-overflow:ellipsis}
.construtor .fx-painel .var{display:grid;grid-template-columns:44px minmax(0,1fr);gap:8px;align-items:center;font-size:12.5px;margin-top:6px}
.construtor .fx-painel .var b{font-family:ui-monospace,Consolas,monospace;font-size:12px;color:var(--tinta-2)}
.construtor .fx-painel .var input{grid-column:2}
.construtor .fx-painel .horas-l{display:flex;flex-wrap:wrap;gap:6px;align-items:center;margin-top:8px}
.construtor .fx-painel .horas-l input[type=time]{width:auto}
.previa-wa{background:#efeae2;border-radius:12px;padding:10px;display:flex;flex-direction:column;gap:3px;margin-top:6px}
:root[data-tema=escuro] .previa-wa{background:#0b141a}
.previa-wa .bolha{background:#fff;color:#111b21;border-radius:8px;padding:7px 9px;font-size:13px;line-height:1.4;box-shadow:0 1px .5px rgba(0,0,0,.13);white-space:pre-wrap}
:root[data-tema=escuro] .previa-wa .bolha{background:#202c33;color:#e9edef}
.previa-wa .bolha small{display:block;color:#667781;font-size:11px;margin-top:3px}
.previa-wa .bt-wa{background:#fff;color:#027eb5;border-radius:8px;padding:7px;text-align:center;font-size:13px;font-weight:600;box-shadow:0 1px .5px rgba(0,0,0,.13)}
:root[data-tema=escuro] .previa-wa .bt-wa{background:#202c33;color:#53bdeb}
.res-consulta{font-size:13px;color:var(--tinta-2);display:flex;gap:10px;flex-wrap:wrap;align-items:center}
.vai{font-weight:700;color:var(--ok)}
.nao-vai{font-weight:700;color:var(--aviso)}
.ok-t{color:var(--ok);font-weight:700}
.erro-t{color:var(--perigo);font-weight:700}
.esp-t{color:var(--tinta-3)}
.rodada.aberta td{background:var(--acento-suave)}
pre.json{font-family:ui-monospace,Consolas,monospace;font-size:12px;line-height:1.45;background:var(--camada);color:var(--tinta);border:1px solid var(--linha);border-radius:10px;padding:10px 12px;margin:6px 0 0;overflow:auto;white-space:pre}

/* ===================================================================== AGENDA (parte B, 15/10/2026)
   maquete aprovada docs/maquetes/2026-10-15-agenda.html */
/* coluna da cliente -> aba Atendimento -> Agenda */
.ag-sis{display:flex;gap:8px;align-items:center;font-size:12.5px;color:var(--tinta-3);margin:0 0 10px}
.ag-sis b{color:var(--tinta-2)}
.ag-item{border:1px solid var(--linha);border-radius:10px;padding:9px 11px;display:grid;gap:4px;font-size:13.5px}
.ag-item + .ag-item{margin-top:6px}
.ag-item .q{display:flex;gap:8px;align-items:baseline;flex-wrap:wrap}
.ag-item .q strong{font-size:14px}
.ag-item small{color:var(--tinta-3);font-size:12.5px}
.ag-item .acoes{display:flex;gap:6px;flex-wrap:wrap;margin-top:4px}
.ag-item.remarcando{border-color:var(--acento);background:var(--acento-suave)}
.sub-ag{margin-top:16px;display:flex;gap:8px;align-items:center;flex-wrap:wrap}
.campo-ag{display:grid;gap:4px;margin:0 0 10px}
.campo-ag > span{font-size:12px;font-weight:700;color:var(--tinta-3);text-transform:uppercase;letter-spacing:.04em}
.campo-ag select{font:inherit;font-size:13.5px;padding:7px 9px;border:1px solid var(--linha-forte);border-radius:8px;background:var(--papel);color:var(--tinta);max-width:100%}
.servico-ag{display:flex;align-items:center;justify-content:space-between;gap:8px;font-size:13.5px;font-weight:600;background:var(--camada);border-radius:8px;padding:7px 10px}
.dias{display:flex;gap:5px;overflow-x:auto;scrollbar-width:none;padding-bottom:2px}
.dias button{flex:none;font:inherit;display:grid;justify-items:center;border:1px solid var(--linha-forte);background:var(--papel);color:var(--tinta-2);border-radius:10px;padding:5px 9px;cursor:pointer;min-width:48px}
.dias button b{font-size:15px;color:var(--tinta)}
.dias button small{font-size:11px;font-weight:600;text-transform:lowercase}
.dias button[aria-pressed=true]{border-color:var(--acento);background:var(--acento-suave)}
.dias button[aria-pressed=true] b{color:var(--acento-forte)}
.dias button.sem{opacity:.45}
.turno{font-size:11.5px;font-weight:700;color:var(--tinta-3);margin:10px 0 5px;text-transform:uppercase;letter-spacing:.04em}
.horas{display:grid;grid-template-columns:repeat(4,1fr);gap:5px}
.horas button{font:inherit;font-size:13px;font-weight:600;border:1px solid var(--linha-forte);background:var(--papel);color:var(--tinta);border-radius:8px;padding:6px 0;cursor:pointer}
.horas button:hover{border-color:var(--acento)}
.horas button[aria-pressed=true]{background:var(--acento);border-color:var(--acento);color:var(--sobre-acento)}
.periodos{font-size:12px;color:var(--tinta-3);margin:8px 0 0}
.nada-dia{font-size:13px;color:var(--tinta-3);background:var(--camada);border-radius:8px;padding:10px}
/* a linha do fio que so a equipe ve */
.bal.sistema{align-self:center;max-width:min(80%,560px);background:var(--papel);border:1px dashed var(--ok);color:var(--tinta-2);font-size:13px;box-shadow:none;text-align:center}
.bal.sistema b{color:var(--ok)}
.bal.sistema small{display:block;color:var(--tinta-3);font-size:11.5px;margin-top:2px}
.bal.sistema.nao-deu{border-color:var(--aviso)}
.bal.sistema.nao-deu b{color:var(--aviso)}
/* dialogo de marcar */
.dialogo.estreito{width:min(480px,100%)}
.resumo-ag{display:grid;grid-template-columns:auto 1fr;gap:7px 14px;font-size:14px;margin:4px 0 0}
.resumo-ag dt{color:var(--tinta-3)}
.resumo-ag dd{margin:0;font-weight:600}
.resumo-ag dd small{display:block;font-weight:500;color:var(--tinta-3);font-size:12.5px}
.check-ag{display:flex;gap:8px;align-items:flex-start;font-size:13.5px;color:var(--tinta-2);background:var(--camada);border-radius:10px;padding:9px 11px}
.check-ag input{accent-color:var(--acento);margin-top:3px}
.check-ag small{display:block;color:var(--tinta-3);font-size:12.5px;margin-top:2px}
.dialogo-pe{display:flex;gap:8px;justify-content:flex-end;flex-wrap:wrap}
/* Ensinar -> Agenda */
.tab-rolar{overflow-x:auto;max-width:100%}
.tab-ag{width:100%;border-collapse:collapse;font-size:13.5px}
.tab-ag th{font-size:11.5px;font-weight:700;color:var(--tinta-3);text-transform:uppercase;letter-spacing:.04em;text-align:left;padding:6px 10px;border-bottom:1px solid var(--linha)}
.tab-ag td{padding:9px 10px;border-bottom:1px solid var(--linha);vertical-align:middle}
.tab-ag td small{display:block;color:var(--tinta-3);font-size:12px}
.tab-ag tr.apagado td{opacity:.6}
.tab-ag select,.linha-cfg input[type=number],.linha-cfg select,.mini-campo input{font:inherit;font-size:13px;padding:5px 8px;border:1px solid var(--linha-forte);border-radius:8px;background:var(--papel);color:var(--tinta)}
.mini-campo{display:flex;gap:6px;align-items:center;font-size:12.5px;color:var(--tinta-3);margin-top:4px}
.mini-campo input{width:72px}
.mini-campo small{display:inline}
.acoes-td{white-space:nowrap}
.acoes-td .bt + .bt{margin-left:4px}
.em-linha{display:inline-flex;gap:6px;align-items:center;flex-wrap:wrap;margin-top:4px}
.proposta-ag{display:flex;gap:8px;align-items:center;flex-wrap:wrap;justify-content:space-between}
.aviso-t{color:var(--aviso);font-weight:600}
.linha-cfg{display:flex;gap:8px;align-items:center;flex-wrap:wrap;font-size:14px;color:var(--tinta-2);margin:0 0 8px}
.linha-cfg input[type=number]{width:64px}
.regra-livre{font-size:13px;color:var(--tinta-3);background:var(--camada);border-radius:10px;padding:10px 12px;max-width:760px}
.acoes-ens{display:grid;gap:10px;max-width:760px}
.acao-ens{border:1px solid var(--linha);border-radius:12px;padding:12px 14px;display:grid;gap:8px;background:var(--papel)}
.acao-ens.liberada{border-color:var(--ok)}
.acao-ens header{display:flex;gap:8px;align-items:center;flex-wrap:wrap;font-size:14.5px}
.acao-ens header small{color:var(--tinta-3);font-size:12px}
.acao-ens form{display:grid;gap:8px}
.acao-ens label{display:grid;gap:4px}
.acao-ens label > span{font-size:12px;font-weight:700;color:var(--tinta-3);text-transform:uppercase;letter-spacing:.04em}
.acao-ens textarea{font:inherit;font-size:13.5px;line-height:1.45;padding:7px 9px;border:1px solid var(--linha-forte);border-radius:8px;background:var(--papel);color:var(--tinta);resize:vertical}
.acao-ens .mini{margin:0}
.acoes-linha{display:flex;gap:8px;align-items:center;flex-wrap:wrap}
.acoes-linha .vao{flex:1}
.hist-ag{margin-top:12px;max-width:760px;font-size:13.5px}
.hist-ag summary{cursor:pointer;color:var(--acento-forte);font-weight:600}
/* Gestao -> Acoes no sistema */
.numeros-ag{display:grid;grid-template-columns:repeat(auto-fit,minmax(150px,1fr));gap:10px;margin:0 0 18px}
.numeros-ag div{background:var(--papel);border:1px solid var(--linha);border-radius:12px;padding:12px 14px}
.numeros-ag b{display:block;font-size:24px;letter-spacing:-.02em}
.numeros-ag span{font-size:13px;color:var(--tinta-2)}
.numeros-ag small{display:block;font-size:12px;color:var(--tinta-3);margin-top:2px}
.filtros-ag{display:flex;gap:6px;flex-wrap:wrap;margin:0 0 12px;align-items:center}
.filtros-ag .sep-f{width:12px}
.filtros-ag .filtro{text-decoration:none;font-size:12.5px;padding:4px 10px}
.filtros-ag .filtro[aria-current="true"]{background:var(--tinta);border-color:var(--tinta);color:var(--papel)}
.tab-acoes{background:var(--papel);border:1px solid var(--linha);border-radius:12px;overflow:hidden;font-size:13.5px}
.cab-acoes,.linha-acao summary{display:grid;grid-template-columns:110px 90px minmax(0,1fr) minmax(0,1.4fr) minmax(0,1fr) 120px;gap:10px;padding:9px 12px;align-items:start}
.cab-acoes{font-size:11.5px;font-weight:700;color:var(--tinta-3);text-transform:uppercase;letter-spacing:.04em;background:var(--camada);border-bottom:1px solid var(--linha)}
.linha-acao{border-bottom:1px solid var(--linha)}
.linha-acao:last-child{border-bottom:0}
.linha-acao summary{cursor:pointer;list-style:none}
.linha-acao summary::-webkit-details-marker{display:none}
.linha-acao summary:hover{background:var(--camada)}
.linha-acao summary small{display:block;color:var(--tinta-3);font-size:12px}
.linha-acao .det{background:var(--camada);font-size:12.5px;color:var(--tinta-2);padding:9px 12px}
.acao-t{font-weight:700}
.sim-t{color:var(--tinta-3);font-weight:700}
.quem-t{display:inline-flex;gap:5px;align-items:center}
.quem-t.ia{color:var(--acento)}
@media (max-width:820px){.cab-acoes,.linha-acao summary{grid-template-columns:80px 70px minmax(0,1fr) minmax(0,1fr) 80px}.cab-acoes .some,.linha-acao .some{display:none}}
/* Ensinar -> Agenda: "Testar numa conversa simulada" (parte C) */
.dialogo.sim{width:min(520px,100%)}
.sim-fio{display:flex;flex-direction:column;gap:4px;background:var(--wa-fundo,var(--camada));border-radius:12px;padding:12px;min-height:220px;max-height:min(52vh,460px);overflow-y:auto}
.sim-fio .bal{max-width:86%}
.sim-vazio{margin:auto;text-align:center;max-width:300px}
.sim-bts,.sim-lista{display:flex;flex-direction:column;gap:4px;margin-top:6px;white-space:normal}
.sim-bts{flex-direction:row;flex-wrap:wrap}
.sim-lista b{font-size:12px;color:var(--acento-forte)}
.sim-sec{font-size:11px;font-weight:700;text-transform:uppercase;letter-spacing:.04em;color:var(--tinta-3);margin-top:4px}
.sim-op{font:inherit;font-size:13px;font-weight:600;text-align:left;border:1px solid var(--linha-forte);background:var(--papel);color:var(--acento-forte);border-radius:8px;padding:5px 9px;cursor:pointer}
.sim-op:hover{border-color:var(--acento)}
.sim-op small{display:block;font-weight:500;color:var(--tinta-3);font-size:11.5px}
.sim-velho{display:block;color:var(--tinta-3);font-size:11px;margin-top:3px}
.sim-notas{display:flex;flex-direction:column;gap:2px;margin-top:6px;padding-top:5px;border-top:1px dashed var(--linha-forte);white-space:normal}
.sim-notas span{font-size:11.5px;color:var(--tinta-3)}
.sim-notas span::before{content:"⚙ "}
.sim-campo{display:flex;gap:8px}
.sim-campo input{flex:1;font:inherit;font-size:14px;padding:8px 10px;border:1px solid var(--linha-forte);border-radius:8px;background:var(--papel);color:var(--tinta)}
.agenda-chip{background:var(--ok-suave);color:var(--ok)}