.lateral a{display:flex;align-items:center;gap:var(--s-3)}
.lateral .sair{margin-top:auto;padding:var(--s-3)}
.topo{display:flex;justify-content:space-between;align-items:flex-start;gap:var(--s-4);flex-wrap:wrap;margin-bottom:var(--s-5)}
.topo p{margin:var(--s-1) 0 0}
.bloco{margin-top:var(--s-6)}
.bloco h2{margin-top:0}
.vazio{background:var(--c-surface);border:1px dashed var(--c-border);border-radius:var(--r-lg);padding:var(--s-6);text-align:center;color:var(--c-text-muted)}
.vazio .btn{margin-top:var(--s-3)}
.esq{height:44px;border-radius:var(--r-md);margin-bottom:var(--s-2);background:linear-gradient(90deg,var(--c-surface) 0%,var(--c-surface-2) 50%,var(--c-surface) 100%);background-size:200% 100%;animation:brilho 1.2s infinite}
@keyframes brilho{to{background-position:-200% 0}}
@media (prefers-reduced-motion:reduce){.esq{animation:none}}
.faixa-erro{border:1px solid var(--c-danger);color:var(--c-danger);border-radius:var(--r-md);padding:var(--s-3) var(--s-4);display:flex;gap:var(--s-3);align-items:center;justify-content:space-between}
.toasts{position:fixed;right:16px;bottom:16px;display:grid;gap:var(--s-2);z-index:20}
.toast{background:var(--c-surface-2);border:1px solid var(--c-border);border-left:3px solid var(--c-success);padding:var(--s-3) var(--s-4);border-radius:var(--r-md);box-shadow:var(--sh-pop);max-width:320px}
.toast.erro{border-left-color:var(--c-danger)}
.tabela td.esq-txt,.tabela th.esq-txt{text-align:left;font-family:var(--font-sans)}
.tabela td .sub{display:block;color:var(--c-text-muted);font:var(--t-xs)}
.tabela .nome{max-width:320px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
.rolagem{overflow-x:auto}
.passos{display:grid;gap:var(--s-3)}
.passo{display:flex;gap:var(--s-4);align-items:center;background:var(--c-surface);border:1px solid var(--c-border);border-radius:var(--r-lg);padding:var(--s-4)}
.passo .n{width:32px;height:32px;border-radius:50%;display:grid;place-items:center;border:1px solid var(--c-border-input);font:600 14px/1 var(--font-mono);flex:none}
.passo.feito .n{background:var(--c-success);color:var(--c-bg);border-color:var(--c-success)}
.passo div{flex:1} .passo h3{margin:0;font:var(--t-base);font-weight:600} .passo p{margin:2px 0 0;color:var(--c-text-muted);font:var(--t-sm)}
/* editor */
.editor{display:grid;grid-template-columns:minmax(0,1fr) 340px;gap:var(--s-6);align-items:start}
.editor .form{max-width:none}
.editor fieldset{border:1px solid var(--c-border);border-radius:var(--r-lg);padding:var(--s-4);margin:0;display:grid;gap:var(--s-4)}
.editor legend{font:600 14px/20px var(--font-sans);padding:0 var(--s-2);color:var(--c-text)}
.lado{position:sticky;top:var(--s-5);display:grid;gap:var(--s-4)}
.chips{display:flex;flex-wrap:wrap;gap:var(--s-2);align-items:center;border:1px solid var(--c-border-input);border-radius:var(--r-md);padding:6px;background:var(--c-bg)}
.chips input{border:0;background:none;color:var(--c-text);font:var(--t-base);flex:1;min-width:120px;padding:4px}
.chips input:focus{outline:none} .chips:focus-within{outline:2px solid var(--c-accent);outline-offset:1px}
.chip{background:var(--c-surface-2);border:1px solid var(--c-border);border-radius:var(--r-pill);padding:2px 4px 2px 10px;display:inline-flex;gap:4px;align-items:center;font:var(--t-sm)}
.chip button{background:none;border:0;color:var(--c-text-muted);cursor:pointer;font-size:16px;line-height:1;padding:0 4px}
.dica{color:var(--c-text-muted);font:var(--t-xs)}
.contador{float:right;color:var(--c-text-muted);font:var(--t-xs)}
.alterna{display:flex;gap:var(--s-2);align-items:center;color:var(--c-text);font:var(--t-sm)}
.previa-dm .seg{display:flex;gap:var(--s-2)}
/* pessoas */
.duas{display:grid;grid-template-columns:minmax(0,1fr) 360px;gap:var(--s-5);align-items:start}
.lista-p{display:grid;gap:2px}
.lista-p button{all:unset;cursor:pointer;display:grid;grid-template-columns:1fr auto;gap:var(--s-2);padding:var(--s-3) var(--s-4);background:var(--c-surface);border:1px solid var(--c-border);border-radius:var(--r-md)}
.lista-p button:hover,.lista-p button[aria-current]{border-color:var(--c-accent)}
.lista-p button:focus-visible{outline:2px solid var(--c-accent)}
.lista-p .u{font-weight:600;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
.lista-p .o{color:var(--c-text-muted);font:var(--t-xs);grid-column:1/-1;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
.detalhe{background:var(--c-surface);border:1px solid var(--c-border);border-radius:var(--r-lg);padding:var(--s-4);position:sticky;top:var(--s-5)}
.detalhe h3{margin-top:0;word-break:break-all}
.linha-tempo{list-style:none;padding:0;margin:0;display:grid;gap:var(--s-2);font:var(--t-sm)}
.linha-tempo time{color:var(--c-text-muted);font:500 12px/16px var(--font-mono);margin-right:var(--s-2)}
.filtros{display:flex;gap:var(--s-3);flex-wrap:wrap;align-items:center;margin-bottom:var(--s-4)}
.filtros .campo{min-width:240px;flex:1}
/* conteúdo */
.fila{background:var(--c-surface);border:1px solid var(--c-accent);border-radius:var(--r-lg);padding:var(--s-4);margin-bottom:var(--s-5)}
.fila h2{margin:0 0 var(--s-3);font:var(--t-lg)}
.quadro{display:grid;grid-auto-flow:column;grid-auto-columns:minmax(260px,1fr);gap:var(--s-3);overflow-x:auto;padding-bottom:var(--s-3)}
.coluna{background:var(--c-bg);border:1px solid var(--c-border);border-radius:var(--r-lg);padding:var(--s-3);display:grid;gap:var(--s-3);align-content:start;min-height:200px}
.coluna h3{margin:0;font:500 12px/16px var(--font-mono);text-transform:uppercase;color:var(--c-text-muted);display:flex;justify-content:space-between}
.card-conteudo{max-width:none}
.card-conteudo h4{margin:var(--s-2) 0;font:600 15px/22px var(--font-sans)}
.card-conteudo .linha{gap:var(--s-2)}
dialog{background:var(--c-surface);color:var(--c-text);border:1px solid var(--c-border);border-radius:var(--r-lg);padding:var(--s-5);max-width:440px;width:calc(100% - 32px);box-shadow:var(--sh-pop)}
dialog::backdrop{background:rgba(0,0,0,.6)}
dialog h2{margin-top:0}
.integra{background:var(--c-surface);border:1px solid var(--c-border);border-radius:var(--r-lg);padding:var(--s-4);display:grid;gap:var(--s-2)}
.integra header{display:flex;justify-content:space-between;align-items:center;gap:var(--s-3)}
.integra h3{margin:0}
.grade-2{display:grid;grid-template-columns:repeat(auto-fit,minmax(280px,1fr));gap:var(--s-4)}
details.sanfona{background:var(--c-surface);border:1px solid var(--c-border);border-radius:var(--r-md);padding:var(--s-3) var(--s-4)}
details.sanfona summary{cursor:pointer;font-weight:600}
details.sanfona ol{color:var(--c-text-muted);font:var(--t-sm);padding-left:var(--s-5)}
.entrar{min-height:100vh;display:grid;place-items:center;padding:16px}
.entrar form{background:var(--c-surface);border:1px solid var(--c-border);border-radius:var(--r-lg);padding:var(--s-6);width:100%;max-width:360px;display:grid;gap:var(--s-4)}
@media (max-width:900px){
  .editor,.duas{grid-template-columns:1fr}
  .lado,.detalhe{position:static}
  .lateral a span{font:var(--t-xs)} .lateral a{flex-direction:column;gap:2px;padding:var(--s-2)}
  .lateral .sair{display:none}
  .quadro{grid-auto-columns:85%}
  .tabela.cartoes thead{display:none}
  .tabela.cartoes,.tabela.cartoes tbody,.tabela.cartoes tr,.tabela.cartoes td{display:block;width:100%}
  .tabela.cartoes tr{border-bottom:1px solid var(--c-border);padding:var(--s-2) 0}
  .tabela.cartoes td{border:0;padding:2px var(--s-4);text-align:left;display:flex;justify-content:space-between}
  .tabela.cartoes td::before{content:attr(data-r);color:var(--c-text-muted);font:var(--t-xs)}
  .tabela.cartoes td:first-child::before{content:none}
}
.lateral .marca small{display:block;font:500 11px/15px var(--font-sans);color:var(--c-text-muted);margin-top:4px;letter-spacing:0}
/* ---- tema claro, letra no padrão Feras (Inter, pesos leves, sem caixa alta) ---- */
h1{font:600 26px/34px var(--font-sans);letter-spacing:-.01em}
h2{font:600 18px/26px var(--font-sans)}
.kpi .rot,.tabela th,.coluna h3,.selo,.linha-tempo time{font-family:var(--font-sans);text-transform:none;letter-spacing:0}
.kpi .rot{font:400 13px/18px var(--font-sans);color:var(--c-text-muted)}
.kpi b{font:600 26px/34px var(--font-sans);font-variant-numeric:tabular-nums}
.kpi{border-radius:12px}
.tabela th{font:500 13px/18px var(--font-sans);background:var(--c-surface)}
.tabela td,.funil b{font-family:var(--font-sans);font-variant-numeric:tabular-nums;font-weight:500}
.coluna h3{font:600 13px/18px var(--font-sans);color:var(--c-text)}
.selo{font:500 12px/16px var(--font-sans)}
.lateral{background:#fff}
.lateral a{font:400 15px/22px var(--font-sans)}
.lateral a[aria-current]{background:#fff4ec;color:var(--c-accent);font-weight:500;border-left-color:var(--c-accent-vivo)}
.lateral a[aria-current] svg{color:var(--c-accent)}
.lateral .marca{display:flex;align-items:center;gap:10px;flex-wrap:wrap;padding:0 var(--s-2) var(--s-5)}
.logo-cp{width:34px;height:34px;border-radius:9px;background:var(--metal);display:grid;place-items:center;color:#fff;font:800 13px/1 var(--font-sans);box-shadow:inset 0 1px 0 rgba(255,255,255,.5),0 2px 6px rgba(194,65,12,.3);flex:none}
.marca .nome{font:700 16px/1.1 var(--font-sans);color:var(--c-text)} .marca .nome span{font-weight:500;color:var(--c-accent)}
.lateral .marca small{flex-basis:100%;margin:2px 0 0}
.conteudo{background:var(--c-surface);min-height:100vh}
.app{background:var(--c-surface)}
.kpi,.tabela,.passo,.integra,.coluna,.card-conteudo,.detalhe,.vazio,.fila,.funil div,details.sanfona{background:#fff}
.coluna{background:var(--c-surface-2)}
.kpi.destaque::before,.fila::before{content:"";display:block;height:3px;border-radius:3px;background:var(--metal);margin:-4px 0 10px}
.kpi.destaque{position:relative}
.entrar{background:radial-gradient(1200px 420px at 50% -10%,#fff1e8,transparent),#fff}
.entrar form{text-align:center;box-shadow:var(--sh-card)}
.entrar label{text-align:left}
.entrar .faixa{height:4px;width:64px;border-radius:4px;background:var(--metal);margin:0 auto}
.btn:hover{filter:none;background:#a8360a}
.btn.sec:hover,.btn.fantasma:hover{background:var(--c-surface-2)}
.btn.perigo:hover{background:#fdecec}
/* painel */
.saudacao{font:600 28px/36px var(--font-sans);margin:0}
.grade-3{display:grid;grid-template-columns:repeat(auto-fit,minmax(240px,1fr));gap:var(--s-4)}
.tarefa{display:flex;align-items:center;gap:var(--s-3);background:#fff;border:1px solid var(--c-border);border-radius:12px;padding:var(--s-4);text-decoration:none;color:inherit;box-shadow:var(--sh-card)}
.tarefa:hover{border-color:var(--c-accent)}
.tarefa .q{font:600 26px/1 var(--font-sans);color:var(--c-accent);min-width:36px;text-align:center}
.tarefa p{margin:0;font:var(--t-sm);color:var(--c-text-muted)} .tarefa b{display:block;font:500 15px/22px var(--font-sans);color:var(--c-text)}
.destaque-post{background:#fff;border:1px solid var(--c-border);border-radius:12px;padding:var(--s-4);box-shadow:var(--sh-card)}
.destaque-post .eti{font:500 12px/16px var(--font-sans);color:var(--c-accent)}
.destaque-post h3{margin:4px 0;font:500 15px/22px var(--font-sans)}
.destaque-post p{margin:0;color:var(--c-text-muted);font:var(--t-sm)}
@media (max-width:900px){.lateral .marca{display:none}.conteudo{min-height:auto}}
.btn{justify-content:center}
.conversa li{display:flex;gap:var(--s-3);align-items:flex-start;padding:var(--s-2) var(--s-3);border-radius:10px;border-left:3px solid var(--c-border)}
.conversa .ic{font-size:16px;line-height:22px}
.conversa b{font-weight:500} .conversa p{margin:2px 0 0;color:var(--c-text)}
.conversa .de-auto{background:var(--c-surface);border-left-color:var(--c-border-input)}
.conversa .de-dani{background:#eef4fd;border-left-color:var(--c-info)}
.conversa .de-voce{background:#fff4ec;border-left-color:var(--c-accent)}
.conversa .de-pessoa{background:#fff}