:root{--bg:#f6f7f9;--fg:#1d2330;--mut:#5b6474;--card:#fff;--bd:#d9dde4;--pri:#1f5fbf;--ok:#1d7a45;--erro:#b3261e}
@media (prefers-color-scheme:dark){:root{--bg:#14171c;--fg:#e6e8eb;--mut:#9aa3b2;--card:#1c2027;--bd:#303641;--pri:#6ea0ff;--ok:#5fcf8e;--erro:#ff8a80}}
*{box-sizing:border-box}body{margin:0;font:15px/1.5 system-ui,sans-serif;background:var(--bg);color:var(--fg)}
header{display:flex;flex-wrap:wrap;gap:1rem;align-items:center;justify-content:space-between;padding:.75rem 1rem;background:var(--card);border-bottom:1px solid var(--bd)}
nav{display:flex;flex-wrap:wrap;gap:1rem;align-items:center}nav a{color:var(--mut);text-decoration:none}nav a[aria-current]{color:var(--pri);font-weight:600}
main{max-width:960px;margin:1.5rem auto;padding:0 1rem}
.card{background:var(--card);border:1px solid var(--bd);border-radius:8px;padding:1.25rem;margin-bottom:1rem}
.login{max-width:380px;margin:12vh auto}
label{display:block;margin:.6rem 0 .2rem;font-weight:500}
input,select,textarea{width:100%;padding:.5rem;border:1px solid var(--bd);border-radius:6px;background:var(--bg);color:var(--fg);font:inherit}
input[type=checkbox]{width:auto}textarea{font-family:ui-monospace,monospace;font-size:.9em}
.previa{width:100%;height:360px;border:1px solid var(--bd);border-radius:6px;background:#fff}
button{margin-top:1rem;padding:.55rem 1rem;border:0;border-radius:6px;background:var(--pri);color:#fff;font:inherit;cursor:pointer}
button.sec{background:transparent;color:var(--pri);border:1px solid var(--pri)}button.link{margin:0;padding:0;background:none;color:var(--mut)}
.grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(220px,1fr));gap:0 1rem}
table{width:100%;border-collapse:collapse}th,td{text-align:left;padding:.5rem;border-bottom:1px solid var(--bd)}
.tabela{overflow-x:auto}.mut{color:var(--mut);font-size:.9em}
.aviso{padding:.6rem .9rem;border-radius:6px;border:1px solid}.aviso.ok{color:var(--ok)}.aviso.erro{color:var(--erro)}
:focus-visible{outline:2px solid var(--pri);outline-offset:2px}
.filtros{display:flex;flex-wrap:wrap;gap:1rem;align-items:end;margin-bottom:1rem}.filtros label{margin:0}.filtros select{width:auto;margin-left:.3rem}
.kpis{display:grid;grid-template-columns:repeat(auto-fit,minmax(160px,1fr));gap:1rem}.kpis .card{display:flex;flex-direction:column;gap:.2rem}
.kpis strong{font-size:1.7rem;font-variant-numeric:tabular-nums}.kpis strong.ok{color:var(--ok)}
.grid2{display:grid;grid-template-columns:repeat(auto-fit,minmax(320px,1fr));gap:0 1rem}
td.num,th.num{text-align:right;font-variant-numeric:tabular-nums}meter{width:80px;vertical-align:middle}
fieldset{border:1px solid var(--bd);border-radius:6px;margin:1rem 0 .5rem;padding:.5rem 1rem 1rem}legend{font-weight:600;padding:0 .3rem}
fieldset>p.mut{margin:.8rem 0 .2rem}.opcoes{display:flex;flex-wrap:wrap;gap:.2rem 1.2rem}.opcoes label{margin:0;font-weight:400}
.opcoes.ufs label{min-width:3.6rem}
/* ---- painel (dashboard) ---- */
:root{--s1:#2a78d6;--s2:#eb6834;--s3:#1baf7a;--st-ok:#0ca30c;--st-warn:#fab219;--st-ser:#ec835a;--st-crit:#d03b3b;--st-neu:#b8bcc4;--st-rem:#6b7280;--trilho:#e8eaee}
@media (prefers-color-scheme:dark){:root{--s1:#3987e5;--s2:#d95926;--s3:#199e70;--st-neu:#5b6474;--st-rem:#9aa3b2;--trilho:#2a2f38}}
main:has(.dash){max-width:1280px}
.dash h1{margin:0}.dash h2{margin:0 0 .2rem;font-size:1.1rem}.dash section>p.mut{margin:0 0 1rem}
.dash-topo{display:flex;flex-wrap:wrap;justify-content:space-between;align-items:end;gap:1rem;margin-bottom:1rem}.dash-topo p{margin:.2rem 0 0}
.dash-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(min(100%,460px),1fr));gap:0 1rem}
.kpis{margin-bottom:1rem}.kpi .rot{font-weight:600;color:var(--mut)}.kpi strong{font-size:2rem;line-height:1.1}
.kpi.destaque strong{font-size:3rem;color:var(--ok)}
.c-s1{background:var(--s1)}.c-s2{background:var(--s2)}.c-s3{background:var(--s3)}
.c-ok{background:var(--st-ok)}.c-warn{background:var(--st-warn)}.c-ser{background:var(--st-ser)}.c-crit{background:var(--st-crit)}.c-neu{background:var(--st-neu)}.c-rem{background:var(--st-rem)}
.empilhada{display:flex;gap:2px;height:28px;margin:.5rem 0 .8rem}.empilhada span{min-width:3px}.empilhada span:first-child{border-radius:4px 0 0 4px}.empilhada span:last-child{border-radius:0 4px 4px 0}
.legenda{list-style:none;padding:0;margin:0 0 .8rem;display:flex;flex-wrap:wrap;gap:.4rem 1.4rem}.legenda li{display:flex;gap:.45rem;align-items:baseline}
.legenda i{flex:none;width:12px;height:12px;border-radius:3px;transform:translateY(1px)}
.barras{display:flex;flex-direction:column;gap:.55rem}
.barras .linha{display:grid;grid-template-columns:minmax(120px,38%) 1fr auto;gap:.7rem;align-items:center;color:inherit;text-decoration:none}
.barras a.linha:hover .rotulo{color:var(--pri);text-decoration:underline}
.barras .rotulo small{display:block}
.barra{display:flex;gap:2px;height:14px;width:var(--w,100%)}.barra>span{height:100%;border-radius:0 4px 4px 0}
.barra>span:not(:last-child){border-radius:0}
.trilho{background:var(--trilho);border-radius:4px;height:10px;display:block;overflow:hidden}.trilho>span{display:block;height:100%;background:var(--s1);border-radius:0 4px 4px 0}
.kpi .trilho{margin:.4rem 0 .2rem}
.valor{font-variant-numeric:tabular-nums;font-weight:600;white-space:nowrap}.valor .mut{font-weight:400}
.uf-tabela{display:grid;grid-template-columns:3.5rem minmax(180px,2fr) 6rem 6rem minmax(200px,1.6fr) 6rem 5rem;gap:0 1rem;overflow-x:auto}
.uf-cab,.uf-linha{display:contents}.uf-cab span{font-size:.85em;color:var(--mut);font-weight:600;padding-bottom:.4rem;border-bottom:1px solid var(--bd)}
.uf-linha>span{padding:.35rem 0;border-bottom:1px solid var(--bd);display:flex;align-items:center;gap:.5rem}
.uf-linha .num{justify-content:flex-end;font-variant-numeric:tabular-nums}.uf-cab span:nth-child(3),.uf-cab span:nth-child(4),.uf-cab span:nth-child(6),.uf-cab span:nth-child(7){text-align:right}
.barra-val .barra,.barra-val .trilho{flex:1;min-width:60px}.barra-val b{font-variant-numeric:tabular-nums;min-width:3.2rem;text-align:right}
.colunas{display:grid;grid-template-columns:repeat(14,1fr);gap:4px;height:180px;align-items:end}
.col{display:flex;flex-direction:column;align-items:center;height:100%;min-width:0}
.col-val{font-size:.75em;font-variant-numeric:tabular-nums;min-height:1.2em}.col-barra{flex:1;width:100%;display:flex;align-items:flex-end}
.col-barra span{width:100%;background:var(--s1);border-radius:4px 4px 0 0}.col-dia{font-size:.7em;color:var(--mut);margin-top:.3rem;white-space:nowrap}
.cidades{display:grid;grid-template-columns:repeat(auto-fill,minmax(230px,1fr));gap:.6rem}
.cidade{display:flex;flex-direction:column;padding:.6rem .8rem;border:1px solid var(--bd);border-radius:6px;text-decoration:none;color:inherit}
.cidade:hover{border-color:var(--pri)}.cidade strong{color:var(--pri)}
@media (max-width:640px){.kpi.destaque strong{font-size:2.3rem}.barras .linha{grid-template-columns:1fr auto}.barras .barra,.barras .trilho{grid-column:1/-1;grid-row:2}}
/* ---- campanhas ---- */
main:has(.largo){max-width:1280px}
a.botao{display:inline-block;padding:.55rem 1rem;border-radius:6px;background:var(--pri);color:#fff;text-decoration:none;font-weight:500}
a.botao.sec{background:transparent;color:var(--pri);border:1px solid var(--pri)}
.acoes{display:flex;flex-wrap:wrap;gap:.4rem .8rem;align-items:center}.acoes button{margin:0}
form.inline{display:inline;margin:0}td.acoes{white-space:nowrap}td.acoes button{padding:.3rem .7rem;font-size:.9em}
button.link.perigo,.perigo{color:var(--erro)}button.sec.perigo{border-color:var(--erro)}
.badge{display:inline-block;padding:.1rem .55rem;border-radius:999px;font-size:.8em;font-weight:600;border:1px solid currentColor;white-space:nowrap}
.b-enviando{color:var(--ok)}.b-pausada{color:#9a6700}.b-rascunho,.b-agendada{color:var(--mut)}.b-concluida{color:var(--pri)}
@media (prefers-color-scheme:dark){.b-pausada{color:#fab219}}
.abas{display:flex;flex-wrap:wrap;gap:.3rem;margin:0 0 .8rem}.abas a{padding:.35rem .8rem;border-radius:999px;border:1px solid var(--bd);color:var(--fg);text-decoration:none;font-size:.9em}
.abas a[aria-current]{background:var(--pri);border-color:var(--pri);color:#fff}.abas a span{opacity:.7;margin-left:.2rem}
table.campanhas td{vertical-align:top}td.progresso{min-width:160px}td.progresso .trilho{margin:.35rem 0 .2rem}
.vazio{text-align:center;padding:2.5rem 1rem}
/* ---- leads ---- */
.vh{position:absolute;width:1px;height:1px;overflow:hidden;clip:rect(0 0 0 0);white-space:nowrap}
fieldset.sem-borda{border:0;padding:0;margin:0}fieldset.sem-borda[disabled] input,fieldset.sem-borda[disabled] select{opacity:.7}
a.card.kpi{color:inherit;text-decoration:none}a.card.kpi:hover{border-color:var(--pri)}.kpi strong.alerta{color:var(--erro)}
.b-novo{color:var(--pri)}.b-contatado{color:var(--mut)}.b-demo_agendada{color:#7a4fc4}.b-proposta{color:#9a6700}.b-ganho{color:var(--ok)}.b-perdido{color:var(--erro)}
@media (prefers-color-scheme:dark){.b-demo_agendada{color:#b69cf2}.b-proposta{color:#fab219}}
.filtros.card{align-items:end}.filtros label{font-weight:500}.filtros input{width:auto;min-width:200px}.filtros label.check{display:flex;gap:.4rem;align-items:center}
.filtros button{margin:0}td.perigo{color:var(--erro)}
.nova-atividade{display:flex;flex-wrap:wrap;gap:.5rem;align-items:center;margin-bottom:1rem}.nova-atividade select{width:auto}
.nova-atividade input{flex:1;min-width:220px}.nova-atividade button{margin:0}
.linha-tempo{list-style:none;padding:0;margin:0}.linha-tempo li{padding:.7rem 0;border-top:1px solid var(--bd)}.linha-tempo li p{margin:.3rem 0 0}
.contador{display:inline-block;min-width:1.3em;padding:0 .35em;border-radius:999px;background:var(--erro);color:#fff;font-size:.75em;font-weight:700;text-align:center;line-height:1.5}
.filtros input[type=checkbox]{min-width:0}
.ok-txt{color:var(--ok)}.acoes button.link{padding:0;font-size:.9em}.acoes form.inline{display:inline-flex;flex-wrap:wrap;gap:.3rem .8rem}
/* ---- cidades / pessoas ---- */
:root{--sit-cli:#1b7f3b;--sit-lead:#b8860b;--sit-cont:#2b6cb0;--sit-nunca:#8a93a3}
@media (prefers-color-scheme:dark){:root{--sit-cli:#3fbf6a;--sit-lead:#e0b23c;--sit-cont:#5b9cf0;--sit-nunca:#7f8898}}
.badge[class*=" sit-"],.badge[class^="sit-"]{border:0;color:#fff}
.sit-cliente{background:var(--sit-cli)}.sit-lead{background:var(--sit-lead)}.sit-contatado{background:var(--sit-cont)}.sit-nunca{background:var(--sit-nunca)}
.chip{display:inline-flex;align-items:center;gap:.3rem;padding:.05rem .5rem;border-radius:4px;font-size:.85em;border:1px solid var(--bd);white-space:nowrap}
.chip i{width:8px;height:8px;border-radius:50%;display:inline-block}.i-ok{background:var(--st-ok)}.i-crit{background:var(--st-crit)}.i-neu{background:var(--st-neu)}.i-warn{background:var(--st-warn)}
a.botao.mini{padding:.25rem .6rem;font-size:.85em}.dash .tabela th{white-space:nowrap}
.dash p form.inline button.link{margin:0 0 0 .4rem;font-size:.85em}.dash h1 .badge{vertical-align:middle;font-size:.55em}
.previa-wa{white-space:pre-wrap;font:inherit;background:var(--bg);border:1px solid var(--bd);border-radius:6px;padding:.8rem;max-width:480px}
/* ---- listas de WhatsApp ---- */
.funil{display:flex;gap:.4rem;flex-wrap:wrap;margin:.2rem 0 1rem}.funil span{padding:.4rem .7rem;border-radius:6px;background:var(--card);border:1px solid var(--bd);font-size:.88em}.funil b{display:block;font-size:1.25em;font-variant-numeric:tabular-nums}
.b-ativa{color:var(--ok)}.b-concluida{color:var(--pri)}
.hoje{border:2px solid #25d366;border-radius:8px;padding:.6rem .9rem;margin-bottom:.9rem;background:var(--card);display:flex;flex-wrap:wrap;gap:.6rem 1.5rem;align-items:center}.hoje strong{font-size:1.3em}
tr.feita td{opacity:.55}a.botao.wa,button.wa{background:#25d366;color:#063}

.aviso.pendente{display:flex;flex-wrap:wrap;gap:.5rem;align-items:center;border-color:var(--st-warn);color:var(--fg);margin-bottom:1rem}.aviso.pendente button{margin:0}
section.pendentes{border:2px solid var(--st-warn)}
/* ---- provedores de IA ---- */
.ia-cards{display:grid;grid-template-columns:repeat(auto-fill,minmax(300px,1fr));gap:1rem}.ia-card{display:flex;flex-direction:column;gap:.5rem;margin:0}
.ia-card.inativa{opacity:.6}.ia-cab{display:flex;flex-direction:column;gap:.4rem}.ia-cab code{white-space:nowrap}.ia-cab h2{margin:0;font-size:1.1rem;color:var(--pri)}
.ia-cab code{font-size:.8em;color:var(--mut)}.ia-selos{display:flex;flex-wrap:wrap;align-items:center;gap:.25rem;font-size:.85em}
.ia-info{list-style:none;margin:0;padding:.5rem;border:1px solid var(--bd);border-radius:6px;font-size:.85em}.ia-info li{display:flex;gap:.4rem;overflow:hidden}
.ia-info span,.ia-info a{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.ia-num{display:flex;gap:.4rem;margin:0;font-size:.85em}
.ia-num span{padding:.1rem .45rem;border:1px solid var(--bd);border-radius:4px;font-variant-numeric:tabular-nums}
.ia-chave{display:flex;justify-content:space-between;margin:0;font-size:.85em;color:var(--mut)}.ia-custo{margin:0;padding:.5rem;background:var(--bg);border-radius:6px;font-size:.8em}
.ia-dica{margin:0;padding:.5rem;border-radius:6px;background:color-mix(in srgb,var(--pri) 10%,transparent);font-size:.85em}.ia-acoes{margin-top:auto;display:flex;gap:.5rem;align-items:center}.ia-acoes button{margin:0}.ia-acoes button:disabled{opacity:.5;cursor:not-allowed}
/* ---- atalhos com logo (configurações) ---- */
.atalho{position:relative;overflow:hidden;padding-right:6.5rem;transition:border-color .15s,transform .15s}.atalho:hover{transform:translateY(-2px)}
.atalho svg{position:absolute;right:1.3rem;top:50%;width:64px;height:64px;translate:0 -50%;transition:transform .2s}.atalho:hover svg{transform:scale(1.08) rotate(-4deg)}
.atalho::after{content:"";position:absolute;right:-2.5rem;top:50%;width:9rem;height:9rem;translate:0 -50%;border-radius:50%;opacity:.1;pointer-events:none}
.at-wa{border-left:4px solid #25d366}.at-wa::after{background:#25d366}.at-wa:hover{border-color:#25d366}
.at-ia{border-left:4px solid #8b5cf6}.at-ia::after{background:linear-gradient(135deg,#8b5cf6,#2a78d6)}.at-ia:hover{border-color:#8b5cf6}
/* ---- copiloto de IA (tela da pessoa) ---- */
.copiloto{border-left:4px solid #8b5cf6}.copiloto summary{cursor:pointer;display:flex;flex-wrap:wrap;gap:.5rem;align-items:center}.copiloto summary svg{width:22px;height:22px}
.abas-ia{display:flex;flex-wrap:wrap;gap:.3rem;margin:1rem 0 .8rem}.abas-ia a{padding:.35rem .9rem;border-radius:999px;border:1px solid var(--bd);font-size:.9em;color:var(--fg);text-decoration:none}
.abas-ia a[aria-current]{background:#8b5cf6;border-color:#8b5cf6;color:#fff}
.ctx{display:flex;flex-wrap:wrap;gap:.3rem;margin:.4rem 0}
.leitura{display:grid;grid-template-columns:repeat(auto-fit,minmax(170px,1fr));gap:.6rem;margin:1rem 0}
.leitura div{padding:.6rem .8rem;border:1px solid var(--bd);border-radius:6px}.leitura b{display:block;font-size:.8em;color:var(--mut);font-weight:600}
.opcoes-ia{display:grid;grid-template-columns:repeat(auto-fit,minmax(280px,1fr));gap:.8rem}
.opcao{border:1px solid var(--bd);border-radius:8px;padding:.8rem;display:flex;flex-direction:column;gap:.5rem;margin:0}
.opcao h3{margin:0;font-size:.95em}.opcao .previa-wa{max-width:none;margin:0;font-size:.92em}
.acoes-op{display:flex;flex-wrap:wrap;gap:.5rem;align-items:center;margin-top:auto}.acoes-op button{margin:0;padding:.4rem .8rem}
.rodape-ia{display:flex;justify-content:space-between;flex-wrap:wrap;gap:.5rem;margin-top:.8rem;font-size:.82em;color:var(--mut)}
.pesquisa-ia{margin:1rem 0;padding:.8rem 1rem;border:1px solid var(--bd);border-radius:6px;background:var(--bg);line-height:1.6}
.acoes a.sugerir{color:#7c4dda;font-weight:600;text-decoration:none;white-space:nowrap}.acoes a.sugerir:hover{text-decoration:underline}
.c-ia{background:linear-gradient(180deg,#8b5cf6,#2a78d6)!important}.trilho>span.c-ia{background:linear-gradient(90deg,#8b5cf6,#2a78d6)!important}
/* ---- menu lateral ---- */
body.com-menu{padding-left:236px}
.lateral{position:fixed;inset:0 auto 0 0;width:236px;background:#14213d;color:#cfd6e4;display:flex;flex-direction:column;gap:.1rem;padding:1rem .7rem;overflow-y:auto;z-index:20;font-size:.93em}
.lateral a,.lateral button.link{display:flex;align-items:center;gap:.65rem;padding:.45rem .6rem;border-radius:6px;color:#cfd6e4;text-decoration:none;width:100%;font:inherit;text-align:left;cursor:pointer}
.lateral a:hover,.lateral button.link:hover{background:#1f2f55;color:#fff}.lateral a[aria-current]{background:#2a4a8f;color:#fff;font-weight:600}
.lateral .ico{width:18px;height:18px;flex:none;fill:none;stroke:currentColor;stroke-width:1.8;stroke-linecap:round;stroke-linejoin:round;opacity:.9}
.lateral .contador{margin-left:auto}.lateral a span{display:flex;flex:1;align-items:center;gap:.3rem}
.lateral .marca{color:#fff;font-weight:700;font-size:1.05rem;padding:.2rem .6rem .9rem}.lateral .marca b{color:#8ab4ff}.lateral .marca .ico{stroke:#8ab4ff}
.lateral .grupo{font-size:.7em;letter-spacing:.07em;text-transform:uppercase;color:#7f8aa3;margin:1rem .6rem .25rem}
.lateral .rodape-lat{margin-top:auto;border-top:1px solid #26365e;padding-top:.6rem}.lateral form{margin:0}
.lateral .quem{padding:.4rem .6rem 0;font-size:.82em;color:#8f9ab3}
.menu-botao{display:none}
@media (max-width:900px){
  body.com-menu{padding-left:0;padding-top:3rem}
  .lateral{transform:translateX(-100%);transition:transform .2s;box-shadow:4px 0 20px rgba(0,0,0,.25)}
  #menu-abre:checked ~ .lateral{transform:none}
  .menu-botao{display:flex;align-items:center;justify-content:center;position:fixed;top:.5rem;left:.6rem;z-index:30;width:2.4rem;height:2.4rem;margin:0;border-radius:8px;background:#14213d;color:#fff;font-size:1.3rem;cursor:pointer}
  #menu-abre:checked ~ .menu-botao{left:calc(236px + .6rem)}
}
.lateral .marca span{display:inline;flex:none}
.ia-modelo{display:flex;flex-wrap:wrap;gap:.5rem;align-items:center;margin:.9rem 0 .2rem}.ia-modelo button{margin:0}.ia-modelo button:disabled{opacity:.5}
/* ---- canais editáveis (tela da pessoa) ---- */
.canal{display:flex;flex-wrap:wrap;align-items:center;gap:.4rem .5rem;padding:.5rem 0;border-bottom:1px solid var(--bd)}
.canal .acoes-c{margin-left:auto;display:flex;flex-wrap:wrap;align-items:center;gap:.2rem .8rem;font-size:.88em}
.canal .acoes-c button.link{font-size:inherit}
.canal.manual .chip{border-color:#8b5cf6}
.canal.excluido .valor,.canal.excluido .chip{opacity:.55;text-decoration:line-through}
.editar-canal summary,.add-canal summary{cursor:pointer;color:var(--mut);list-style:none}.editar-canal summary::-webkit-details-marker{display:none}
.editar-canal summary:hover,.add-canal summary:hover{color:var(--pri)}
.editar-canal[open]{flex-basis:100%;order:9}.editar-canal form{display:flex;flex-wrap:wrap;gap:.4rem;margin-top:.4rem}
.editar-canal form input,.editar-canal form select{width:auto;flex:1 1 140px}.editar-canal form button{margin:0}
.add-canal{margin-top:.8rem}.add-canal summary{color:var(--pri);font-weight:600}
.form-canal{display:grid;grid-template-columns:130px 1fr 1fr auto;gap:.5rem;align-items:end;margin-top:.5rem}.form-canal button{margin:0}
.form-pessoa{grid-template-columns:150px 2fr 1.3fr 90px 2fr auto}
@media (max-width:700px){.form-canal,.form-pessoa{grid-template-columns:1fr}}
/* ---- copiloto: primeiro contato ---- */
.passos{display:grid;grid-template-columns:repeat(auto-fit,minmax(220px,1fr));gap:.8rem;margin:.8rem 0}
.passo{border:1px solid var(--bd);border-radius:8px;padding:.7rem .8rem}.passo b{display:block;font-size:.8em;color:var(--mut)}
.passo.ok{border-color:#1baf7a;background:color-mix(in srgb,#1baf7a 7%,transparent)}
.canais-op{display:flex;flex-wrap:wrap;gap:.5rem;margin:.4rem 0 .6rem}
.canais-op label{display:flex;gap:.45rem;align-items:center;border:1px solid var(--bd);border-radius:8px;padding:.45rem .8rem;margin:0;font-weight:400;cursor:pointer}
.canais-op label:has(input:checked){border-color:var(--pri);background:color-mix(in srgb,var(--pri) 8%,transparent)}
.canais-op input{width:auto;margin:0}
.lado{display:grid;grid-template-columns:1fr 1fr;gap:1rem;margin-top:.4rem}
.lado pre{white-space:pre-wrap;font:inherit;font-size:.93em;background:var(--bg);border:1px solid var(--bd);border-radius:6px;padding:.8rem;margin:0;min-height:12rem}
.lado textarea{font-family:inherit;font-size:.93em;border-color:#8b5cf6}
.chips-ia{display:flex;flex-wrap:wrap;gap:.4rem;margin:.3rem 0 .5rem}.chips-ia button{margin:0;padding:.2rem .8rem;border-radius:999px;border-color:#8b5cf6;color:#6d3fd6;font-size:.88em}
.botoes{display:flex;flex-wrap:wrap;gap:.5rem;align-items:center;margin-top:.8rem}.botoes button{margin:0}.botoes span{display:inline-flex;gap:.5rem;align-items:center}
@media (max-width:800px){.lado{grid-template-columns:1fr}}
[hidden]{display:none!important}
/* ---- logos ---- */
.lateral .marca{display:block;padding:.2rem .3rem;margin:0 0 .4rem}.lateral .marca:hover{background:none}
.lateral .marca img{display:block;width:100%;height:auto}
.login-logo{display:block;width:96px;height:96px;margin:0 auto .4rem}.login h1{text-align:center}
.lateral .grupo{font-size:.8em;font-weight:700;color:#aab6cf;letter-spacing:.06em;margin:1.1rem .6rem .3rem}
.lateral .contador{flex:none}
/* ---- painel (dashboard) ---- */
:root{--c-wa:var(--s3);--c-em:var(--s1);--q0:#eef1f5;--q1:#dbe8fb;--q2:#a9c8f3;--q3:#6fa2e6;--q4:#3a78d0;--q5:#1d4f9c}
@media (prefers-color-scheme:dark){:root{--q0:#232832;--q1:#1d3354;--q2:#24477a;--q3:#2f62a8;--q4:#4a86d6;--q5:#8ab4ff}}
.painel .saudacao{display:flex;flex-wrap:wrap;justify-content:space-between;align-items:end;gap:1rem;margin-bottom:1rem}.painel .saudacao h1{margin:0}.painel .saudacao p{margin:.2rem 0 0}
.filtros-dash{display:flex;gap:.5rem;flex-wrap:wrap;align-items:center}.filtros-dash select{width:auto}
.seg{display:inline-flex;border:1px solid var(--bd);border-radius:8px;overflow:hidden;background:var(--card)}.seg a{padding:.42rem .8rem;font-size:.9em;color:var(--fg);text-decoration:none}
.seg a[aria-current]{background:var(--pri);color:#fff}
.hoje-dash{display:grid;grid-template-columns:repeat(4,1fr);gap:.8rem;margin-bottom:1rem}
.acao{display:flex;gap:.8rem;align-items:center;padding:.9rem 1rem;border-radius:10px;background:var(--card);border:1px solid var(--bd);text-decoration:none;color:inherit}
.acao:hover{border-color:var(--pri)}.acao .num{font-size:1.9rem;font-weight:700;font-variant-numeric:tabular-nums;line-height:1}.acao .num.alerta{color:var(--erro)}
.acao .ic{width:42px;height:42px;border-radius:10px;display:grid;place-items:center;font-size:1.25rem;flex:none}.acao small{display:block;color:var(--mut)}.acao b{display:block}
.ic-fila{background:color-mix(in srgb,var(--c-wa) 15%,transparent)}.ic-env{background:color-mix(in srgb,var(--st-warn) 20%,transparent)}
.ic-resp{background:color-mix(in srgb,var(--c-em) 15%,transparent)}.ic-lead{background:color-mix(in srgb,var(--st-crit) 15%,transparent)}
.kpis-dash{display:grid;grid-template-columns:repeat(5,1fr);gap:.8rem;margin-bottom:1rem}
.kpis-dash .k{background:var(--card);border:1px solid var(--bd);border-radius:10px;padding:.9rem 1rem}
.kpis-dash .rot{color:var(--mut);font-weight:600;font-size:.9em}.kpis-dash strong{display:block;font-size:2rem;line-height:1.15;font-variant-numeric:tabular-nums}
.kpis-dash .var{font-size:.8em;font-weight:600;color:var(--mut)}.kpis-dash .var.sobe{color:var(--ok)}.kpis-dash .var.desce{color:var(--erro)}
.kpis-dash svg{display:block;width:100%;height:34px;margin-top:.35rem}
.kpis-dash svg path{fill:none;stroke:var(--pri);stroke-width:2;stroke-linecap:round;stroke-linejoin:round;vector-effect:non-scaling-stroke}.kpis-dash svg .area{fill:color-mix(in srgb,var(--pri) 10%,transparent);stroke:none}
.grade-dash{display:grid;grid-template-columns:1.25fr 1fr;gap:1rem}.grade3-dash{display:grid;grid-template-columns:repeat(auto-fit,minmax(280px,1fr));gap:1rem}
.painel .card h2{margin:0 0 .2rem;font-size:1.1rem}.painel .card .sub{margin:0 0 .9rem;color:var(--mut);font-size:.88em}
.painel .topo-card{display:flex;justify-content:space-between;align-items:start;gap:.5rem}.painel .topo-card a{font-size:.88em;white-space:nowrap}.painel .nota{font-size:.82em;margin:.6rem 0 0}
.funil-dash{display:flex;flex-direction:column;gap:.4rem}
.etapa{display:grid;grid-template-columns:140px 1fr 120px;gap:.7rem;align-items:center}
.barra-f-trilho{display:block}.barra-f{display:block;height:24px;border-radius:0 4px 4px 0;background:var(--q4)}
.etapa.e0 .barra-f{background:var(--q2)}.etapa.e1 .barra-f{background:var(--q3)}.etapa.e5 .barra-f,.etapa.e6 .barra-f{background:var(--q5)}
.etapa .v{font-variant-numeric:tabular-nums;font-weight:700}.etapa .v small{font-weight:400;color:var(--mut);margin-left:.35rem}
.mapa{display:grid;grid-template-columns:repeat(7,1fr);gap:4px;max-width:330px;margin:0 auto}
.uf{aspect-ratio:1;border-radius:6px;display:grid;place-items:center;font-size:.78em;font-weight:700;color:#0d2a55;text-decoration:none}
.uf:hover,.uf.sel{outline:2px solid var(--fg);outline-offset:1px}.q0{background:var(--q0);color:var(--mut)}.q1{background:var(--q1)}.q2{background:var(--q2)}.q3{background:var(--q3)}.q4{background:var(--q4);color:#fff}.q5{background:var(--q5);color:#fff}
@media (prefers-color-scheme:dark){.uf.q1,.uf.q2,.uf.q3{color:#e6e8eb}.uf.q5{color:#0d2a55}}
.escala{display:flex;gap:2px;align-items:center;justify-content:center;font-size:.75em;color:var(--mut);margin-top:.7rem}.escala i{width:22px;height:10px}.escala span{margin:0 .3rem}
.ativ{display:grid;gap:3px;height:170px;align-items:end;border-bottom:1px solid var(--bd);padding-top:.5rem}
.dia{display:flex;flex-direction:column;justify-content:flex-end;height:100%;gap:2px}.dia span{display:block;min-height:0}
.dia .wa{background:var(--c-wa);border-radius:3px 3px 0 0}.dia .em{background:var(--c-em)}.dia .rd{background:var(--c-rede);border-radius:3px 3px 0 0}.dia:hover span{opacity:.75}
.eixo-dias{display:grid;font-size:.7em;color:var(--mut);margin-top:.25rem;white-space:nowrap}
.legenda{display:flex;gap:1rem;font-size:.85em;margin-top:.6rem;flex-wrap:wrap}.legenda i{display:inline-block;width:10px;height:10px;border-radius:2px;margin-right:.35rem;vertical-align:middle}
.c-wa{background:var(--c-wa)}.c-em{background:var(--c-em)}.c-rd{background:var(--c-rede)}
.mini td,.mini th{padding:.4rem .5rem;font-size:.9em}.mini th{color:var(--mut);font-weight:600;font-size:.8em}
.tx{display:flex;align-items:center;gap:.4rem}.tx .trilho{width:60px;height:6px}
.camp{padding:.5rem 0;border-bottom:1px solid var(--bd)}.camp:last-child{border:0}.camp .linha1{display:flex;justify-content:space-between;gap:.5rem;font-size:.9em}.camp .trilho{margin:.35rem 0 .15rem;height:8px}
.base3{display:grid;grid-template-columns:repeat(3,1fr);gap:.6rem;text-align:center;margin:.4rem 0 .4rem}.base3 strong{display:block;font-size:1.4rem}
@media (max-width:1100px){.hoje-dash,.kpis-dash{grid-template-columns:repeat(2,1fr)}.grade-dash{grid-template-columns:1fr}}
@media (max-width:560px){.hoje-dash,.kpis-dash{grid-template-columns:1fr}.etapa{grid-template-columns:100px 1fr 90px}}
/* ---- links nos números ---- */
a.card.kpi,a.k,a.etapa{color:inherit;text-decoration:none;transition:border-color .15s}a.k:hover,a.card.kpi:hover{border-color:var(--pri)}
a.etapa{border-radius:6px;padding:.1rem .2rem;margin:0 -.2rem}a.etapa:hover{background:color-mix(in srgb,var(--pri) 7%,transparent)}
.paginas{display:flex;gap:1rem;align-items:center;justify-content:center;margin:.5rem 0 1rem}
.criar-lista{display:flex;flex-wrap:wrap;gap:.6rem;align-items:center;margin:0 0 1rem}.criar-lista button{margin:0}
/* ---- ações por linha (lista de pessoas) ---- */
.acoes-linha{display:flex;gap:.35rem;justify-content:flex-end;white-space:nowrap}
.bt-mini{display:inline-flex;align-items:center;padding:.22rem .6rem;border:1px solid var(--bd);border-radius:999px;font-size:.84em;font-weight:500;color:var(--fg);text-decoration:none;background:var(--card)}
.bt-mini:hover{border-color:var(--pri);color:var(--pri)}
.bt-wa{border-color:color-mix(in srgb,var(--c-wa) 55%,transparent);color:color-mix(in srgb,var(--c-wa) 75%,var(--fg))}.bt-wa:hover{background:color-mix(in srgb,var(--c-wa) 10%,transparent);border-color:var(--c-wa);color:inherit}
.bt-ia{border-color:#c4b0f5;color:#6d3fd6}.bt-ia:hover{background:color-mix(in srgb,#8b5cf6 10%,transparent);border-color:#8b5cf6;color:#6d3fd6}
td .chip{margin:.1rem 0}
/* ---- enviar mensagem (tela da pessoa) ---- */
.envio{border-left:4px solid var(--c-wa)}.envio.em{border-left-color:var(--c-em)}
.envio-cab{display:flex;flex-wrap:wrap;gap:.6rem;align-items:center;justify-content:space-between}
.canal-tabs{display:inline-flex;border:1px solid var(--bd);border-radius:999px;overflow:hidden}
.canal-tabs button{margin:0;border-radius:0;background:transparent;color:var(--fg);padding:.4rem 1.1rem;font-weight:600}
.canal-tabs button.on{background:var(--c-wa);color:#fff}.envio.em .canal-tabs button.on{background:var(--c-em)}
.duas{display:grid;grid-template-columns:1fr 1fr;gap:1.2rem;margin-top:.8rem}
.duas textarea{font-family:inherit}.contador-txt{font-size:.8em;color:var(--mut);text-align:right}
.previa-email{border:1px solid var(--bd);border-radius:8px;background:#fff;color:#1d2330;padding:1rem 1.2rem;font-size:.93em;line-height:1.55}
.previa-email .cab{border-bottom:1px solid #e3e6ea;padding-bottom:.5rem;margin-bottom:.7rem;font-size:.85em;color:#5b6474}
.previa-email a{color:#1f5fbf}.previa-email .rod{font-size:.78em;color:#888;margin-top:1rem}
.bt-em{border-color:color-mix(in srgb,var(--c-em) 55%,transparent);color:var(--c-em)}.bt-em:hover{background:color-mix(in srgb,var(--c-em) 10%,transparent);border-color:var(--c-em)}
.canal .acoes-c .bt-mini{font-size:.95em}
.historico-rolar{max-height:420px;overflow-y:auto}
#historico .nova-atividade{display:flex;flex-wrap:wrap;gap:.4rem;margin:.3rem 0 .8rem}#historico .nova-atividade select{width:auto}#historico .nova-atividade input{flex:1;min-width:180px;width:auto}#historico .nova-atividade button{margin:0}
@media (max-width:800px){.duas{grid-template-columns:1fr}}
/* ---- rede social (Instagram/Facebook): mensagem direta ---- */
:root{--c-rede:#b4337a}
@media (prefers-color-scheme:dark){:root{--c-rede:#e070ad}}
.bt-rede{border-color:color-mix(in srgb,var(--c-rede) 55%,transparent);color:color-mix(in srgb,var(--c-rede) 80%,var(--fg))}.bt-rede:hover{background:color-mix(in srgb,var(--c-rede) 10%,transparent);border-color:var(--c-rede);color:inherit}
.envio.rd{border-left-color:var(--c-rede)}.envio.rd .canal-tabs button.on{background:var(--c-rede)}
.aviso.pendente .texto-rede{flex-basis:100%;width:100%;font:inherit;background:var(--bg);resize:vertical}
.aviso.pendente .botoes{display:flex;flex-wrap:wrap;gap:.5rem;align-items:center}