/* ============================================================
   MAKE OS — Hi-fi Dark Premium · app.css
   Sensação: Linear · Attio · Supabase · Stripe · Vercel
   Identidade MAKE OS · verde = sistema · roxo = MAKE AI · neutro = humano
   ============================================================ */

@import url('https://fonts.googleapis.com/css2?family=Manrope:wght@400;500;600;700;800&family=Space+Grotesk:wght@500;600;700&family=JetBrains+Mono:wght@400;500&display=swap');

:root{
  /* superfícies — console escuro sóbrio (camadas, sem preto puro) */
  --bg:#0d0d0e;
  --bg-1:#121213;
  --surface:#161617;
  --surface-2:#1b1b1c;
  --surface-3:#212122;
  --elev:#1d1d1e;
  --bg-rail:#0b0b0c;
  --bg-card:#18181a;
  --bg-card-hover:#1d1d1f;
  /* bordas */
  --line:rgba(255,255,255,.08);
  --line-2:rgba(255,255,255,.14);
  --line-3:rgba(255,255,255,.2);
  --hairline:rgba(255,255,255,.04);
  /* texto */
  --tx:#f4f4f5;
  --tx-2:#a1a1aa;
  --tx-3:#71717a;
  --tx-4:#52525b;
  /* acentos — verde sóbrio (sistema), roxo (IA) */
  --green:#3ecf8e;
  --green-2:#5dd9a4;
  --green-dim:rgba(62,207,142,.09);
  --green-line:rgba(62,207,142,.26);
  --purple:#a855f7;
  --purple-2:#c084fc;
  --purple-dim:rgba(168,85,247,.10);
  --purple-line:rgba(168,85,247,.28);
  --whats:#34b27b;
  --whats-dim:rgba(52,178,123,.10);
  --whats-line:rgba(52,178,123,.28);
  /* temperaturas */
  --frio:#60a5fa;
  --morno:#f59e0b;
  --quente:#f3854e;
  --muito:#ef4444;
  --red:#ef4444;
  --red-dim:rgba(239,68,68,.09);
  /* sombras — contidas */
  --sh-sm:0 1px 2px rgba(0,0,0,.3);
  --sh:0 4px 12px rgba(0,0,0,.35);
  --sh-lg:0 12px 32px rgba(0,0,0,.45);
  --glow-green:0 0 0 1px var(--green-line);
  --r:8px;
  --r-sm:6px;
  --r-lg:10px;
  --topbar-h:48px;
  --side-w:240px;
  --rail-w:48px;
  --control-h:30px;
  --drawer-w:420px;
}

*{box-sizing:border-box}
html,body{margin:0;padding:0}
body{
  background:var(--bg);
  color:var(--tx);
  font-family:'Manrope',system-ui,sans-serif;
  font-size:13.5px;
  line-height:1.5;
  -webkit-font-smoothing:antialiased;
  text-rendering:optimizeLegibility;
}
::selection{background:rgba(62,207,142,.22);color:#fff}
a{color:inherit;text-decoration:none}
img{max-width:100%}
button{font-family:inherit;font-size:inherit;color:inherit;cursor:pointer;border:none;background:none}
svg{display:block;width:16px;height:16px;flex:none}

/* scrollbars */
*::-webkit-scrollbar{width:10px;height:10px}
*::-webkit-scrollbar-thumb{background:rgba(255,255,255,.10);border-radius:20px;border:2px solid transparent;background-clip:padding-box}
*::-webkit-scrollbar-thumb:hover{background:rgba(255,255,255,.18);background-clip:padding-box}
*::-webkit-scrollbar-track{background:transparent}

/* ---------- tipografia ---------- */
.display{font-family:'Space Grotesk',sans-serif;letter-spacing:-.02em;font-weight:600;line-height:1.05}
h1,h2,h3,h4{font-family:'Space Grotesk',sans-serif;font-weight:600;margin:0;letter-spacing:-.02em;line-height:1.12;color:var(--tx)}
.num{font-family:'Space Grotesk',sans-serif;font-weight:600;letter-spacing:-.01em;font-feature-settings:"tnum"}
.mono{font-family:'JetBrains Mono',monospace}
.eyebrow{font-family:'JetBrains Mono',monospace;font-size:10px;letter-spacing:.14em;text-transform:uppercase;color:var(--tx-3);font-weight:500}
.muted{color:var(--tx-2)}
.faint{color:var(--tx-3)}
.tiny{font-size:12.5px}
.t13{font-size:13px}
.center{text-align:center}

/* ---------- utils ---------- */
.row{display:flex}.col{display:flex;flex-direction:column}
.wrap{flex-wrap:wrap}.between{justify-content:space-between}
.center-y{align-items:center}.center-x{justify-content:center}
.gap4{gap:4px}.gap6{gap:6px}.gap8{gap:8px}.gap10{gap:10px}.gap12{gap:12px}.gap14{gap:14px}.gap16{gap:16px}.gap20{gap:20px}.gap24{gap:24px}
.grow{flex:1}.stack{display:flex;flex-direction:column;gap:18px}
.divider{height:1px;background:var(--line);border:none;margin:0}

/* ---------- surfaces ---------- */
.surface{background:var(--surface);border:1px solid var(--line);border-radius:var(--r);box-shadow:none}
.card{background:var(--bg-card);border:1px solid var(--line);border-radius:var(--r);box-shadow:none}
.card.hover:hover{border-color:var(--line-2);background:var(--bg-card-hover)}
.inset{background:rgba(255,255,255,.02);border:1px solid var(--line);border-radius:var(--r-sm)}

/* ---------- buttons ---------- */
.btn{display:inline-flex;align-items:center;justify-content:center;gap:7px;padding:6px 12px;border-radius:var(--r-sm);
  font-weight:600;font-size:13px;letter-spacing:0;white-space:nowrap;transition:.13s ease;min-height:var(--control-h);
  background:var(--surface-2);border:1px solid var(--line-2);color:var(--tx)}
.btn:hover{background:var(--surface-3);border-color:var(--line-3)}
.btn:active{transform:translateY(.5px)}
.btn svg{width:14px;height:14px;flex:none}
.btn-primary{background:#2e9e6f;color:#fff;border-color:#3ecf8e55}
.btn-primary:hover{background:#36b37e;border-color:#3ecf8e77;box-shadow:none}
.btn-ai{background:var(--purple-dim);color:var(--purple-2);border-color:var(--purple-line)}
.btn-ai:hover{background:rgba(168,85,247,.16);border-color:var(--purple)}
.btn-ghost{background:transparent;border-color:transparent;color:var(--tx-2)}
.btn-ghost:hover{background:rgba(255,255,255,.05);border-color:transparent;color:var(--tx)}
.btn-danger{background:rgba(239,68,68,.08);border-color:rgba(239,68,68,.3);color:#f87171}
.btn-danger:hover{background:rgba(239,68,68,.14);border-color:rgba(239,68,68,.45)}
.btn-sm{padding:4px 10px;font-size:12px;border-radius:5px;min-height:26px}
.btn-sm svg{width:13px;height:13px}
.btn-lg{padding:9px 18px;font-size:13.5px;border-radius:7px;min-height:36px}
.btn-block{display:flex;width:100%}
.icon-btn{padding:0;width:30px;height:30px;flex:none}
.icon-btn.btn-sm{width:26px;height:26px}
/* botão texto+ícone: eixo único, o texto não influencia o glyph verticalmente */
.btn{line-height:1}

/* ============================================================
   SISTEMA ÚNICO DE ICON BUTTONS — .ib
   ------------------------------------------------------------
   Fonte de verdade do TAMANHO e da CENTRAGEM de todo glyph
   dentro de uma caixa. A caixa centra geometricamente; o
   glyph é dimensionado por --ib-glyph; offsets ópticos por
   --ib-x/--ib-y (mapa central .ico-* mais abaixo).
   Estados (cor/bg/hover/opacidade) continuam nas classes de
   cada contexto — .ib cuida só de box+glyph+centro.
   Escala:  micro 18/14 · compacta 24/14 · padrão 28/15 · principal 32/16
   ============================================================ */
.ib{
  --ib-size:24px; --ib-glyph:14px; --ib-x:0px; --ib-y:0px;
  width:var(--ib-size); height:var(--ib-size);
  display:inline-grid; place-items:center;
  flex:0 0 auto; padding:0; line-height:1; box-sizing:border-box;
  border:1px solid transparent; /* borda transparente no normal → zero shift quando o hover/seleção adiciona borda */
}
.ib>svg{
  width:var(--ib-glyph); height:var(--ib-glyph);
  display:block; flex:none;
  transform:translate(var(--ib-x),var(--ib-y));
}
.ib-micro{ --ib-size:18px; --ib-glyph:14px; }
.ib-sm   { --ib-size:24px; --ib-glyph:14px; }
.ib-md   { --ib-size:28px; --ib-glyph:15px; }
.ib-lg   { --ib-size:32px; --ib-glyph:16px; }
/* ------------------------------------------------------------
   MAPA CENTRAL DE COMPENSAÇÃO ÓPTICA — único lugar de offsets.
   Valores derivados por medição real (bbox do path × centro do
   viewBox 12,12 → px no glyph 14). Só glyphs cujo centro de
   conteúdo desvia > ~0,4px. Máx ~0,6px. NÃO espalhar por tela.
     chat  : cauda inferior-esquerda do balão (conteúdo cy≈13,1) → sobe 0,6
     send  : avião com massa inferior-esquerda (cy≈12,8)        → sobe 0,4
     whats : balão do WhatsApp, mesma cauda                     → sobe 0,4
   Demais glyphs medidos (star, note, plus, close, check, clock,
   trash, cog, mic, user, calendar, pagination) = 0 → sem offset.
   ------------------------------------------------------------ */
.ico-chat { --ib-y:-.6px; }
.ico-send { --ib-y:-.4px; }
.ico-whats{ --ib-y:-.4px; }
/* mesmos offsets nos contextos fora do .ib (botões .btn) */
.composer-row [data-action="cv-send"]>svg{transform:translateY(-.4px)}
.badge-whats svg{transform:translateY(-.4px)}

/* ---------- pills ---------- */
.pill{display:inline-flex;align-items:center;gap:5px;padding:1px 7px;border-radius:4px;font-size:11px;
  font-weight:500;line-height:1.6;border:1px solid var(--line);background:rgba(255,255,255,.02);color:var(--tx-2);white-space:nowrap;
  font-family:'JetBrains Mono',monospace;letter-spacing:-.01em}
.pill .dot{width:5px;height:5px;border-radius:50%;background:currentColor;flex:none}
.pill.sm{font-size:10px;padding:0 6px}
/* status */
.st-novo{color:var(--tx-2)}
.st-contatado{color:#9bb4e0;background:rgba(155,180,224,.1);border-color:rgba(155,180,224,.22)}
.st-respondeu{color:var(--whats);background:var(--whats-dim);border-color:var(--whats-line)}
.st-qualificado{color:var(--green-2);background:var(--green-dim);border-color:var(--green-line)}
.st-reuniao{color:var(--morno);background:rgba(224,184,77,.1);border-color:rgba(224,184,77,.24)}
.st-proposta{color:var(--purple-2);background:var(--purple-dim);border-color:var(--purple-line)}
.st-ganho{color:var(--green);background:var(--green-dim);border-color:var(--green-line)}
.st-perdido{color:var(--red);background:var(--red-dim);border-color:rgba(227,100,88,.24)}
/* temperatura */
.tp-frio{color:var(--frio)} .tp-morno{color:var(--morno)} .tp-quente{color:var(--quente)} .tp-muito{color:var(--muito)}
.tp .dot{box-shadow:none}
/* modo */
.md{font-size:10.5px;font-family:'JetBrains Mono',monospace;font-weight:500;letter-spacing:-.02em;padding:1px 7px}
.md-manual{color:var(--tx-3)}
.md-auto{color:var(--green-2);background:var(--green-dim);border-color:var(--green-line)}
.md-ia{color:var(--purple-2);background:var(--purple-dim);border-color:var(--purple-line)}
.md-humano{color:var(--tx);background:rgba(255,255,255,.06);border-color:var(--line-2)}
.md-pause{color:var(--morno);background:rgba(224,184,77,.1);border-color:rgba(224,184,77,.28)}

/* badges */
.badge-ai{display:inline-flex;align-items:center;gap:5px;padding:1px 7px;border-radius:4px;font-size:11px;font-weight:500;font-family:'JetBrains Mono',monospace;
  color:var(--purple-2);background:var(--purple-dim);border:1px solid var(--purple-line);white-space:nowrap}
.badge-ai svg{width:12px;height:12px}
.badge-whats{display:inline-flex;align-items:center;gap:5px;padding:1px 7px;border-radius:4px;font-size:11px;font-weight:500;font-family:'JetBrains Mono',monospace;
  color:var(--whats);background:var(--whats-dim);border:1px solid var(--whats-line);white-space:nowrap}
.badge-whats svg{width:12px;height:12px}

/* tags (esteira / flow) */
.tag{display:inline-flex;align-items:center;gap:5px;padding:1px 7px;border-radius:4px;font-size:11px;font-weight:500;
  font-family:'JetBrains Mono',monospace;letter-spacing:-.02em;border:1px solid var(--line);color:var(--tx-2);background:rgba(255,255,255,.02)}
.tag svg{width:11px;height:11px}
.tag-auto{color:var(--green-2);background:var(--green-dim);border-color:var(--green-line)}
.tag-human{color:var(--tx);background:rgba(255,255,255,.05);border-color:var(--line-2)}
.tag-ia{color:var(--purple-2);background:var(--purple-dim);border-color:var(--purple-line)}
.tag-whats{color:var(--whats);background:var(--whats-dim);border-color:var(--whats-line)}
.tag-wait{color:var(--morno);background:rgba(224,184,77,.1);border-color:rgba(224,184,77,.24)}

/* avatar */
.avatar{width:30px;height:30px;border-radius:50%;flex:none;display:grid;place-items:center;font-weight:600;font-size:11px;
  color:var(--tx-2);background:var(--surface-3);border:1px solid var(--line-2);font-family:'Space Grotesk',sans-serif}

/* image placeholder */
.img-ph{position:relative;border:1px dashed var(--line-2);border-radius:var(--r-sm);
  background:repeating-linear-gradient(135deg,rgba(255,255,255,.015) 0 10px,transparent 10px 20px);
  display:flex;align-items:center;justify-content:center;color:var(--tx-3);font-family:'JetBrains Mono',monospace;
  font-size:12px;text-align:center;padding:14px;min-height:60px;overflow:hidden}

/* ============================================================
   APP SHELL — icon rail + sidebar contextual + topbar técnica
   ============================================================ */
.app{display:grid;grid-template-columns:var(--rail-w) var(--side-w) 1fr;min-height:100vh}
.sidebar{background:var(--bg-1);border-right:1px solid var(--line);display:flex;flex-direction:column;
  padding:0 8px 10px;gap:2px;position:sticky;top:0;height:100vh;overflow-y:auto}
/* mesma altura do topbar (--topbar-h) para que o underline do "Operação" encontre a borda inferior do topbar no MESMO eixo Y — cruzamento limpo de 90° com a linha vertical da sidebar */
.side-title{font-family:'Space Grotesk';font-size:15px;font-weight:600;letter-spacing:-.01em;color:var(--tx);
  height:var(--topbar-h);box-sizing:border-box;display:flex;align-items:center;
  padding:0 16px;border-bottom:1px solid var(--line);margin:0 -8px 8px}
.brand{display:flex;align-items:center;gap:10px;padding:12px 8px 12px;cursor:pointer}
.brand .logo{width:28px;height:28px;border-radius:6px;background:var(--green);
  display:grid;place-items:center;color:#062c1c;font-family:'Space Grotesk';font-weight:700;font-size:15px;box-shadow:none}
.brand b{font-family:'Space Grotesk';font-size:15px;font-weight:600;letter-spacing:-.01em;display:block;line-height:1.1}
.brand small{display:block;font-size:9.5px;letter-spacing:.1em;text-transform:uppercase;color:var(--tx-3);font-weight:500}
.nav-sec{font-family:'JetBrains Mono',monospace;font-size:9.5px;letter-spacing:.14em;text-transform:uppercase;color:var(--tx-4);padding:14px 8px 5px;font-weight:500}
.nav-item{display:flex;align-items:center;gap:9px;padding:5px 8px;border-radius:5px;color:var(--tx-2);
  font-weight:500;font-size:13px;cursor:pointer;border:1px solid transparent;transition:.12s;position:relative;min-height:28px}
.nav-item svg{width:15px;height:15px;flex:none;color:var(--tx-3)}
.nav-item span:nth-child(2){flex:1 1 auto;min-width:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
.nav-item:hover{background:rgba(255,255,255,.04);color:var(--tx)}
.nav-item.active{background:rgba(255,255,255,.07);color:var(--tx);border-color:transparent;font-weight:600}
.nav-item.active svg{color:var(--tx)}
.nav-item .count{margin-left:auto;font-family:'JetBrains Mono',monospace;font-size:10px;color:var(--tx-3);
  background:rgba(255,255,255,.04);border:1px solid var(--line);border-radius:4px;padding:0 5px;min-width:18px;text-align:center}
.nav-item.active .count{color:var(--tx-2)}
.side-foot{margin-top:auto;border-top:1px solid var(--line);padding-top:10px;display:flex;align-items:center;gap:9px;padding-left:6px}

.main{display:flex;flex-direction:column;min-width:0}
.topbar{height:var(--topbar-h);border-bottom:1px solid var(--line);
  background:var(--bg);position:sticky;top:0;z-index:30}
/* coluna interna do topbar: mesmo eixo/gutter do .content (max-width 1380 centrado + padding horizontal idêntico) — alinha breadcrumb/título com o conteúdo em qualquer largura */
.tb-inner{display:flex;align-items:center;gap:12px;height:100%;max-width:1380px;width:100%;margin:0 auto;padding:0 24px}
.topbar h1{font-size:13.5px;font-weight:600;white-space:nowrap;font-family:'Manrope';letter-spacing:0}
.topbar .tb-head{flex:none;min-width:0;display:flex;align-items:baseline;gap:8px}
.topbar .sub{font-size:11.5px;color:var(--tx-3)}
.search{flex:1;max-width:280px;display:flex;align-items:center;gap:8px;border:1px solid var(--line);border-radius:5px;
  padding:4px 10px;background:rgba(255,255,255,.02);color:var(--tx-3);font-size:12px;cursor:text;min-height:28px}
.search svg{width:13px;height:13px;flex:none}
.search .kbd{margin-left:auto;font-family:'JetBrains Mono';font-size:10px;border:1px solid var(--line);border-radius:4px;padding:0 5px;color:var(--tx-4)}
.topbar .search{min-width:170px}
.content{padding:20px 24px 44px;display:flex;flex-direction:column;gap:14px;max-width:1380px;width:100%;margin:0 auto}

/* page intro row */
.page-meta{display:flex;align-items:center;gap:10px}
.live{display:inline-flex;align-items:center;gap:7px;font-size:12px;color:var(--tx-2);font-weight:500}
.live .ping{width:6px;height:6px;border-radius:50%;background:var(--green);box-shadow:none;position:relative}
/* page header (console) */
.page-h{display:flex;flex-direction:column;gap:4px}
.page-h h2{font-family:'Manrope';font-size:18px;font-weight:600;letter-spacing:-.01em}
.page-h .pd{font-size:12.5px;color:var(--tx-2)}

/* ---------- KPI metrics ---------- */
.metrics{display:grid;gap:1px;background:var(--line);border:1px solid var(--line);border-radius:var(--r);overflow:hidden}
.metrics .metric{border:none;border-radius:0;background:var(--bg-card)}
.metric{padding:13px 16px;position:relative;overflow:hidden}
.metric .lbl{font-size:10px;color:var(--tx-3);font-weight:500;display:flex;align-items:center;gap:7px;
  font-family:'JetBrains Mono';text-transform:uppercase;letter-spacing:.08em}
.metric .lbl .mi{display:none}
.metric .val{font-family:'Space Grotesk';font-weight:600;font-size:22px;letter-spacing:-.01em;margin-top:8px;line-height:1}
.metric .delta{font-size:11px;margin-top:7px;display:inline-flex;align-items:center;gap:5px;font-weight:500;font-family:'JetBrains Mono';color:var(--tx-3)}
.delta.up{color:var(--green)} .delta.down{color:var(--morno)}

/* ---------- card header ---------- */
.ch{display:flex;align-items:center;justify-content:space-between;gap:10px;margin-bottom:14px}
.ch h3{font-size:13px;font-weight:600;display:flex;align-items:center;gap:8px;white-space:nowrap;min-width:0;font-family:'Manrope';letter-spacing:0}
.ch h3 svg{width:14px;height:14px;color:var(--tx-3)}
.ch .more{font-size:11.5px;color:var(--tx-3);font-weight:500;cursor:pointer;display:inline-flex;align-items:center;gap:4px}
.ch .more:hover{color:var(--tx-2)}

/* ---------- funnel ---------- */
.funnel{display:flex;flex-direction:column;gap:7px}
.fbar{display:flex;align-items:center;gap:12px}
.fbar .name{width:124px;flex:none;font-size:12px;color:var(--tx-2);font-weight:500;text-align:right}
.fbar .track{flex:1;height:22px;border-radius:4px;background:rgba(255,255,255,.03);border:1px solid var(--line);overflow:hidden;position:relative}
.fbar .fill{height:100%;background:rgba(62,207,142,.16);
  border-right:2px solid var(--green);display:flex;align-items:center;padding-left:9px;font-size:10.5px;font-weight:500;color:var(--green-2);font-family:'JetBrains Mono'}
.fbar .qty{width:38px;flex:none;font-family:'Space Grotesk';font-weight:600;font-size:13px;text-align:right}

/* ---------- lists ---------- */
.lst{display:flex;flex-direction:column;gap:0}
.lst .it{display:flex;align-items:center;gap:11px;padding:9px 6px;border-radius:0;transition:.12s}
.lst .it:hover{background:rgba(255,255,255,.02)}
.lst .it+.it{border-top:1px solid var(--line)}
.lst.gaps .it+.it{border-top:1px solid var(--line)}
.ic-chip{width:26px;height:26px;border-radius:5px;flex:none;display:grid;place-items:center;background:rgba(255,255,255,.03);border:1px solid var(--line);color:var(--tx-2)}
.ic-chip svg{width:13px;height:13px}
.ic-chip.g{background:var(--green-dim);border-color:var(--green-line);color:var(--green-2)}
.ic-chip.p{background:var(--purple-dim);border-color:var(--purple-line);color:var(--purple-2)}
.ic-chip.w{background:var(--whats-dim);border-color:var(--whats-line);color:var(--whats)}
.ic-chip.a{background:rgba(224,184,77,.12);border-color:rgba(224,184,77,.24);color:var(--morno)}
.it-tt{font-weight:500;font-size:12.5px;line-height:1.35;color:var(--tx)}
.it-mt{font-size:11px;color:var(--tx-3);margin-top:1px;font-family:'JetBrains Mono';letter-spacing:-.01em}

/* AI card accent */
.card.ai{border-color:var(--purple-line);box-shadow:none}

/* ============================================================
   TABLE (Leads) — database-table
   ============================================================ */
.tbl-wrap{overflow-x:auto;border:1px solid var(--line);border-radius:var(--r);background:var(--bg-card)}
table.leads{border-collapse:collapse;width:100%;min-width:1040px;font-size:12.5px}
table.leads th{font-family:'JetBrains Mono';font-size:10px;letter-spacing:.1em;text-transform:uppercase;color:var(--tx-3);
  text-align:left;padding:8px 14px;border-bottom:1px solid var(--line);font-weight:500;white-space:nowrap;background:var(--surface-2)}
table.leads td{padding:8px 14px;border-bottom:1px solid var(--line);white-space:nowrap;vertical-align:middle;color:var(--tx-2);height:40px}
table.leads tbody tr{cursor:pointer;transition:.1s}
table.leads tbody tr:last-child td{border-bottom:none}
table.leads tbody tr:hover{background:rgba(255,255,255,.02)}
table.leads tbody tr.sel{background:rgba(62,207,142,.05)}
table.leads tbody tr.sel td:first-child{box-shadow:inset 2px 0 0 var(--green)}
.lead-name{font-weight:600;font-size:12.5px;color:var(--tx)}
.lead-name small{display:block;font-weight:400;color:var(--tx-3);font-size:11px;margin-top:0}
.next-act{display:inline-flex;align-items:center;gap:6px;font-weight:500;color:var(--tx-2);font-size:12px}
.next-act svg{width:12px;height:12px;color:var(--tx-3)}
.sla{font-family:'JetBrains Mono';font-size:11.5px}
.sla.warn{color:var(--morno)} .sla.ok{color:var(--tx-3)}
/* table footer (count / paginação) */
.tbl-foot{display:flex;align-items:center;justify-content:space-between;gap:10px;padding:7px 14px;border-top:1px solid var(--line);
  font-family:'JetBrains Mono';font-size:11px;color:var(--tx-3);background:var(--surface-2)}
.tbl-foot .pg{display:flex;align-items:center;gap:4px}
.tbl-foot .pg button{--ib-size:22px;border-radius:4px;border:1px solid var(--line);color:var(--tx-3)}
.tbl-foot .pg button:hover{color:var(--tx);border-color:var(--line-2)}
.tbl-foot .pg button[disabled]{opacity:.35;cursor:default;pointer-events:none}
.tbl-foot .pg .pg-ind{padding:0 6px;color:var(--tx-2);font-size:11px;white-space:nowrap}
/* rodapé de Leads como barra própria (vis\u00edvel em desktop E mobile, fora do .tbl-wrap) */
.lead-foot{border:1px solid var(--line);border-radius:var(--r);margin-top:10px;flex-wrap:wrap}
.lead-pgctl{display:flex;align-items:center;gap:14px;flex:none}
/* dropdown premium "Por p\u00e1gina" */
.lead-pgsize{position:relative;display:inline-flex}
.lead-pgsize-btn{display:inline-flex;align-items:center;gap:6px;border:1px solid var(--line);border-radius:5px;background:var(--surface);
  padding:3px 9px;min-height:26px;font-family:'JetBrains Mono';font-size:11px;color:var(--tx-3);cursor:pointer;transition:.12s}
.lead-pgsize-btn:hover{color:var(--tx);border-color:var(--line-2)}
.lead-pgsize-btn b{color:var(--tx);font-weight:600}
.lead-pgsize-btn svg{width:11px;height:11px;color:var(--tx-4)}
.lead-pgsize-menu{position:absolute;bottom:calc(100% + 6px);right:0;min-width:150px;z-index:40;
  background:var(--surface-2);border:1px solid var(--line-2);border-radius:9px;padding:4px;box-shadow:var(--sh-lg);
  display:none;flex-direction:column;gap:1px}
.lead-pgsize.open .lead-pgsize-menu{display:flex}
.lead-pgsize-opt{display:flex;align-items:center;width:100%;padding:7px 11px;border-radius:5px;border:none;background:transparent;
  font-family:'JetBrains Mono';font-size:11.5px;color:var(--tx-2);cursor:pointer;text-align:left;transition:.12s}
.lead-pgsize-opt:hover{background:var(--surface-3);color:var(--tx)}
.lead-pgsize-opt.on{color:var(--green-2);background:var(--green-dim)}

/* configurar tabela — popover premium, local, não-modal */
.lead-cfg{position:relative;display:inline-flex;margin-left:auto}
.lead-cfg-pop{position:absolute;top:calc(100% + 7px);right:0;z-index:50;width:316px;max-width:calc(100vw - 32px);
  background:var(--surface-2);border:1px solid var(--line-2);border-radius:13px;box-shadow:var(--sh-lg);padding:14px;display:none}
.lead-cfg.open .lead-cfg-pop{display:block}
/* cabeçalho */
.lcfg-head{display:flex;align-items:flex-start;justify-content:space-between;gap:10px;margin-bottom:13px}
.lcfg-title{font-family:'Space Grotesk';font-weight:600;font-size:14px;color:var(--tx);letter-spacing:-.01em}
.lcfg-sub{font-size:11px;color:var(--tx-3);margin-top:2px}
.lcfg-x{--ib-size:26px;border-radius:6px;border:none;background:transparent;color:var(--tx-3);cursor:pointer}
.lcfg-x:hover{background:var(--surface-3);color:var(--tx)}
.lcfg-body{display:flex;flex-direction:column;gap:15px;max-height:min(62vh,440px);overflow-y:auto;margin:0 -4px;padding:0 4px}
.lcfg-field-h{display:flex;align-items:center;gap:8px;font-family:'JetBrains Mono';font-size:10px;letter-spacing:.09em;text-transform:uppercase;color:var(--tx-3);margin-bottom:8px}
.lcfg-state{font-family:'Manrope';letter-spacing:0;text-transform:none;font-size:11px;font-weight:600;color:var(--tx-2);background:var(--surface-3);border-radius:4px;padding:1px 7px}
.lcfg-state.custom{color:var(--green-2);background:var(--green-dim)}
/* segmented presets */
.lcfg-seg{display:flex;gap:2px;background:var(--surface);border:1px solid var(--line);border-radius:8px;padding:2px}
.lcfg-seg-btn{flex:1;padding:6px 6px;border-radius:6px;border:none;background:transparent;font:inherit;font-size:12px;font-weight:500;color:var(--tx-2);cursor:pointer;transition:.12s}
.lcfg-seg-btn:hover{color:var(--tx)}
.lcfg-seg-btn.on{background:var(--surface-3);color:var(--tx);box-shadow:0 1px 2px rgba(0,0,0,.22)}
/* lista ordenável */
.lcfg-list{display:flex;flex-direction:column;gap:2px;border:1px solid var(--line);border-radius:9px;padding:4px;background:var(--surface)}
.lcfg-row{display:flex;align-items:center;gap:9px;padding:7px 8px;border-radius:6px;border:1px solid transparent;background:transparent;transition:background .12s}
.lcfg-row[draggable="true"]{cursor:grab}
.lcfg-row[draggable="true"]:hover{background:var(--surface-2)}
.lcfg-row.dragging{opacity:.45}
.lcfg-row.drop-before{box-shadow:inset 0 2px 0 var(--green)}
.lcfg-row.drop-after{box-shadow:inset 0 -2px 0 var(--green)}
.lcfg-row.locked{cursor:default}
.lcfg-grip{display:inline-flex;color:var(--tx-4);flex:none}
.lcfg-grip svg{width:14px;height:14px}
.lcfg-grip.dim{opacity:.4}
.lcfg-name{flex:1;min-width:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;font-size:12.5px;color:var(--tx-2)}
.lcfg-row.on .lcfg-name{color:var(--tx)}
.lcfg-fixed{font-family:'JetBrains Mono';font-size:9px;letter-spacing:.06em;text-transform:uppercase;color:var(--tx-4);flex:none}
.lcfg-mv{display:inline-flex;flex-direction:column;gap:1px;flex:none}
.lcfg-mv-b{width:20px;height:14px;display:grid;place-items:center;border:none;background:transparent;color:var(--tx-4);cursor:pointer;border-radius:3px;padding:0}
.lcfg-mv-b:hover{color:var(--tx);background:rgba(255,255,255,.08)}
.lcfg-mv-b svg{width:11px;height:11px}
.lcfg-mv-b.up svg{transform:rotate(180deg)}
/* switch de visibilidade */
.lcfg-vis{width:34px;height:20px;border-radius:11px;border:1px solid var(--line-2);background:var(--surface);position:relative;cursor:pointer;flex:none;transition:.14s;padding:0}
.lcfg-vis .lcfg-knob{position:absolute;top:50%;left:2px;transform:translateY(-50%);width:14px;height:14px;border-radius:50%;background:var(--tx-4);transition:.14s}
.lcfg-vis.on{background:var(--green-dim);border-color:var(--green-line)}
.lcfg-vis.on .lcfg-knob{left:16px;background:var(--green)}
.lcfg-vis.locked{opacity:.6;cursor:default}
/* detalhes abaixo do nome */
.lcfg-dets{display:flex;flex-direction:column;gap:2px}
.lcfg-det{display:flex;align-items:center;gap:10px;padding:7px 8px;border-radius:6px;border:none;background:transparent;font:inherit;font-size:12.5px;color:var(--tx-2);cursor:pointer;text-align:left}
.lcfg-det:hover{background:var(--surface-2)}
.lcfg-det.on{color:var(--tx)}
.lcfg-det-lbl{flex:1}
.lcfg-note{margin-top:9px;font-size:11px;color:var(--tx-3);background:rgba(224,184,77,.08);border:1px solid rgba(224,184,77,.2);border-radius:7px;padding:8px 10px;line-height:1.45}
.lcfg-note-act{display:inline;background:none;border:none;color:var(--morno);font:inherit;font-size:11px;font-weight:600;cursor:pointer;padding:0;text-decoration:underline}
.lcfg-foot{display:flex;justify-content:flex-end;border-top:1px solid var(--line);padding-top:11px;margin-top:13px}
/* bottom sheet (mobile, montado em portal no body) */
.lcfg-scrim{position:fixed;inset:0;z-index:88;background:rgba(0,0,0,.5);opacity:1}
.lcfg-sheet{display:block;position:fixed!important;left:0!important;right:0!important;bottom:0!important;top:auto!important;z-index:90;width:auto;max-width:none;
  border-radius:16px 16px 0 0;padding:16px 16px calc(16px + env(safe-area-inset-bottom));max-height:86vh;overflow-y:auto;
  animation:lcfgSheetIn .24s cubic-bezier(.4,0,.2,1)}
@keyframes lcfgSheetIn{from{transform:translateY(100%)}to{transform:none}}
@media (prefers-reduced-motion:reduce){ .lcfg-sheet{animation:none} }
.lcfg-sheet .lcfg-body{max-height:none;overflow:visible}

/* filter chips */
.fchips{display:flex;gap:9px;flex-wrap:wrap}
.fchip{position:relative;padding:4px 11px;border-radius:5px;font-size:12px;font-weight:500;color:var(--tx-2);white-space:nowrap;font-family:inherit;
  border:1px solid var(--line);background:transparent;cursor:pointer;transition:color .12s,border-color .12s,background .12s;min-height:26px;display:inline-flex;align-items:center;justify-content:center;gap:0}
.fchip:hover{color:var(--tx);border-color:var(--line-2)}
.fchip.on{background:var(--surface-3);color:var(--tx);border-color:var(--line-2)}
.fchip-label{line-height:1}
/* ============================================================
   BADGE DE CONTAGEM COMPARTILHADO — notificação no canto superior direito.
   Componente visual único: Leads · Conversas · Tarefas · Favoritos · Pipeline (filtros).
   Os hosts só precisam de position:relative (ver seletor abaixo). Sem alterar lógica/contagens.
   ============================================================ */
.fchip-count{position:absolute;top:-7px;right:-6px;z-index:3;pointer-events:none;
  font-family:'JetBrains Mono',monospace;font-size:9.5px;font-weight:600;line-height:1;font-variant-numeric:tabular-nums;
  color:var(--tx-2);background:var(--surface-3);border:1px solid var(--line-2);border-radius:999px;
  min-width:17px;height:16px;padding:0 4px;display:inline-flex;align-items:center;justify-content:center;
  box-shadow:0 1px 2px rgba(0,0,0,.35)}
.fchip-count.zero{color:var(--tx-4);background:var(--surface-2);border-color:var(--line);box-shadow:none}
.fchip.on .fchip-count,.cv-fil.on .fchip-count{color:var(--tx);background:#23262b;border-color:var(--tx-4)}
/* hosts do badge fora de .fchip: âncora de posicionamento, sem mexer no layout/lógica */
[data-action="lead-fav-only"],.cv-fil,.pipe-toolbar [data-action="pipe-filtros"]{position:relative}
.btn.btn-fav-on .fchip-count{color:var(--morno);background:rgba(224,184,77,.18);border-color:rgba(224,184,77,.34)}

/* ---------- drawer ---------- */
.scrim{position:fixed;inset:0;background:rgba(0,0,0,.4);z-index:60;opacity:0;pointer-events:none;transition:opacity .18s}
/* inspector de lead: no desktop é side panel — fundo segue clicável */
@media (min-width:901px){
  .scrim[data-action="close-lead"]{background:transparent!important;pointer-events:none!important}
}
.scrim.open{opacity:1;pointer-events:auto}
.drawer{position:fixed;top:0;right:0;height:100vh;width:var(--drawer-w);max-width:94vw;background:var(--bg-1);border-left:1px solid var(--line-2);
  z-index:61;transform:translateX(102%);transition:transform .22s cubic-bezier(.4,0,.2,1);display:flex;flex-direction:column;box-shadow:var(--sh-lg)}
.drawer.open{transform:translateX(0)}
.drawer>div{display:flex;flex-direction:column;min-height:0;height:100%}
.drawer-head{padding:14px 16px;border-bottom:1px solid var(--line);display:flex;align-items:flex-start;gap:12px}
.drawer-body{padding:16px 16px 60px;overflow-y:auto;overscroll-behavior:contain;display:flex;flex-direction:column;gap:18px;flex:1;min-height:0}
.drawer-foot{border-top:1px solid var(--line);padding:12px 16px;display:flex;flex-wrap:wrap;gap:8px;background:var(--bg)}
.drawer-foot .btn{flex:1 1 0;min-width:104px;justify-content:center}
.field{background:transparent;border:none;border-bottom:1px solid var(--line);border-radius:0;padding:7px 0}
.field .k{font-family:'JetBrains Mono';font-size:9.5px;text-transform:uppercase;letter-spacing:.1em;color:var(--tx-4);font-weight:500}
.field .v{font-size:12.5px;font-weight:500;margin-top:3px;color:var(--tx)}
.sec-label{font-family:'JetBrains Mono';font-size:10px;letter-spacing:.12em;text-transform:uppercase;color:var(--tx-4);font-weight:500;margin-bottom:8px}
/* bloco do inspector (drawer) */
.insp-blk{border:1px solid var(--line);border-radius:6px;padding:10px 12px;background:rgba(255,255,255,.015)}
.insp-blk.ai{border-left:2px solid var(--purple-line)}

/* ============================================================
   MENSAGENS
   ============================================================ */
.chat-grid{display:grid;grid-template-columns:272px 1fr 288px;border:1px solid var(--line);border-radius:var(--r);overflow:hidden;
  background:var(--bg-card);height:calc(100vh - var(--topbar-h) - 42px);min-height:520px}
.conv-list{border-right:1px solid var(--line);display:flex;flex-direction:column;overflow-y:auto;background:var(--bg-1)}
.conv-search{padding:12px 14px;border-bottom:1px solid var(--line);position:sticky;top:0;background:var(--bg-1);z-index:2}
.conv{display:flex;gap:11px;padding:13px 14px;border-bottom:1px solid var(--line);cursor:pointer;transition:.12s;position:relative}
.conv:hover{background:rgba(255,255,255,.03)}
.conv.on{background:rgba(255,255,255,.05)}
.conv.on::before{content:"";position:absolute;left:0;top:8px;bottom:8px;width:2px;background:var(--green);border-radius:2px}
.conv .nm{font-weight:600;font-size:12.5px;display:flex;justify-content:space-between;gap:8px;color:var(--tx)}
.conv .nm .tm{font-weight:400;font-size:10px;color:var(--tx-3);flex:none;font-family:'JetBrains Mono'}
.conv .pv{font-size:11.5px;color:var(--tx-3);overflow:hidden;text-overflow:ellipsis;white-space:nowrap;margin-top:2px}
.chat-main{display:flex;flex-direction:column;min-width:0;background:var(--bg)}
.chat-head{padding:9px 14px;border-bottom:1px solid var(--line);display:flex;align-items:center;gap:10px;flex-wrap:wrap;background:var(--bg-1)}
.chat-head .ch-title{flex:1;min-width:140px}
.chat-scroll{flex:1;overflow-y:auto;padding:13px 16px;display:flex;flex-direction:column;gap:10px;background:var(--bg)}
.day-sep{align-self:center;font-size:10px;color:var(--tx-3);background:var(--surface-2);border:1px solid var(--line);border-radius:4px;padding:1px 9px;font-family:'JetBrains Mono';text-transform:uppercase;letter-spacing:.08em}
.bubble{max-width:68%;padding:8px 12px;border-radius:8px;font-size:12.5px;line-height:1.45;position:relative}
.bubble .meta{font-size:10px;color:var(--tx-3);margin-top:4px;display:flex;gap:5px;justify-content:flex-end;align-items:center;font-family:'JetBrains Mono'}
.bubble.them{align-self:flex-start;background:var(--surface-2);border:1px solid var(--line);border-bottom-left-radius:3px;color:var(--tx)}
.bubble.me{align-self:flex-end;background:rgba(62,207,142,.08);
  border:1px solid rgba(62,207,142,.2);border-bottom-right-radius:3px;color:var(--tx)}
.tick{color:var(--green)}
.ai-suggest{align-self:stretch;border:1px solid var(--purple-line);background:var(--purple-dim);border-left:2px solid var(--purple);
  border-radius:6px;padding:12px 14px;display:flex;flex-direction:column;gap:10px;box-shadow:none}
.ai-suggest .hd{display:flex;align-items:center;gap:7px;font-size:10.5px;color:var(--purple-2);font-weight:500;font-family:'JetBrains Mono';letter-spacing:.05em;text-transform:uppercase}
.ai-suggest .body{font-size:12.5px;color:var(--tx);line-height:1.5}
.composer{border-top:1px solid var(--line);padding:10px 14px calc(10px + env(safe-area-inset-bottom));display:flex;flex-direction:column;gap:8px;background:var(--bg-1)}
.composer .field-input{flex:1;border:1px solid var(--line);border-radius:6px;padding:7px 12px;background:rgba(255,255,255,.02);color:var(--tx-3);font-size:12.5px}
.tmpl{display:flex;gap:6px;flex-wrap:nowrap;align-items:center;overflow-x:auto;-webkit-overflow-scrolling:touch;scrollbar-width:none}
.tmpl::-webkit-scrollbar{display:none}
.tmpl>span:first-child{flex:none}
.chip{border:1px solid var(--line);border-radius:5px;padding:2px 9px;font-size:11.5px;background:transparent;font-weight:500;color:var(--tx-2);cursor:pointer;transition:.12s;white-space:nowrap}
.chip:hover{color:var(--tx);border-color:var(--line-2)}
.lead-panel{border-left:1px solid var(--line);overflow-y:auto;overscroll-behavior:contain;padding:16px 16px 64px;display:flex;flex-direction:column;gap:14px;background:var(--bg-1)}
.lead-panel .ph-name{font-weight:600;line-height:1.25;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;color:var(--tx);font-size:13px}
.lead-panel .ph-seg{margin-top:2px;line-height:1.2}

/* ============================================================
   KANBAN
   ============================================================ */
.kanban{display:flex;gap:13px;overflow-x:auto;padding-bottom:10px}
.kcol{width:248px;flex:none;display:flex;flex-direction:column;gap:10px}
.kcol-h{display:flex;align-items:center;justify-content:space-between;padding:2px 4px 8px;font-weight:600;font-size:13px;color:var(--tx-2)}
.kcol-h .left{display:flex;align-items:center;gap:8px}
.kcol-h .swatch{width:7px;height:7px;border-radius:2px}
.kcol-h .n{font-family:'JetBrains Mono';font-size:11px;color:var(--tx-3);background:rgba(255,255,255,.04);border:1px solid var(--line);border-radius:20px;padding:0 7px}
.kcard{padding:13px;display:flex;flex-direction:column;gap:11px;cursor:pointer}
.kcard:hover{border-color:var(--line-2);transform:translateY(-1px)}
.kcard .top{display:flex;justify-content:space-between;align-items:flex-start;gap:8px}
.kcard .nm{font-weight:700;font-size:13.5px;line-height:1.25;color:var(--tx)}
.kcard .nm small{display:block;font-weight:500;color:var(--tx-3);font-size:11px;margin-top:3px}
.kcard .val{font-family:'Space Grotesk';font-weight:600;font-size:16px}
.kcard .ft{display:flex;align-items:center;justify-content:space-between;font-size:11px;color:var(--tx-3);border-top:1px solid var(--line);padding-top:10px;gap:8px;font-family:'JetBrains Mono'}
.kadd{border:1px dashed var(--line-2);border-radius:var(--r-sm);padding:9px;display:flex;align-items:center;justify-content:center;color:var(--tx-3);cursor:pointer;transition:.12s}
.kadd:hover{color:var(--tx-2);border-color:var(--line-3);background:rgba(255,255,255,.02)}
.kadd svg{width:16px;height:16px}

/* ============================================================
   ESTEIRA / AUTOMACOES — automation log
   ============================================================ */
.auto-card{padding:12px 16px;display:flex;flex-direction:column;gap:11px}
.auto-head{display:flex;align-items:center;justify-content:space-between;gap:12px}
.auto-title{display:flex;align-items:center;gap:9px;font-family:'Manrope';font-size:13px;font-weight:600}
.auto-title .ai-ic{width:24px;height:24px;border-radius:5px;background:rgba(255,255,255,.03);border:1px solid var(--line);display:grid;place-items:center;color:var(--tx-3)}
.auto-title .ai-ic svg{width:12px;height:12px}
.belt{display:flex;align-items:stretch;flex-wrap:wrap;gap:0}
.belt .node{border:1px solid var(--line);border-radius:6px;background:rgba(255,255,255,.015);padding:5px 11px;min-width:104px;display:flex;flex-direction:column;gap:2px}
.belt .node .k{font-family:'JetBrains Mono';font-size:8.5px;letter-spacing:.1em;text-transform:uppercase;color:var(--tx-4);font-weight:500}
.belt .node .v{font-size:12px;font-weight:500;line-height:1.3;color:var(--tx)}
.belt .arrow{display:flex;align-items:center;padding:0 7px;color:var(--tx-4)}
.belt .arrow svg{width:13px;height:13px}
.node.k-gat{background:rgba(255,255,255,.04);border-color:var(--line-2)}
.node.k-cond{border-style:dashed}
.node.k-act{border-color:var(--line)}
.node.k-act .k{color:var(--green)}
.node.k-ia{border-color:var(--purple-line)}
.node.k-ia .k{color:var(--purple-2)}
.node.k-wait .k{color:var(--morno)}

/* switch */
.switch{width:32px;height:18px;border-radius:20px;background:var(--surface-3);border:1px solid var(--line-2);position:relative;flex:none;cursor:pointer;transition:.16s}
.switch::after{content:"";position:absolute;top:2px;left:2px;width:12px;height:12px;border-radius:50%;background:var(--tx-2);transition:.16s}
.switch.on{background:var(--green);border-color:var(--green)}
.switch.on::after{left:16px;background:#0b1f15;box-shadow:none}

/* ============================================================
   TIMELINE — audit log
   ============================================================ */
.timeline{position:relative}
.timeline::before{content:"";position:absolute;left:14px;top:10px;bottom:10px;width:1.5px;background:var(--line);z-index:0}
.tl-it{position:relative;z-index:1;display:grid;grid-template-columns:28px minmax(0,1fr) auto;column-gap:10px;align-items:start;padding:0 0 14px}
.tl-it:last-child{padding-bottom:0}
.tl-it .mk{grid-column:1;justify-self:center;--ib-size:26px;--ib-glyph:14px;border-radius:7px;
  background:var(--bg-card);border:1px solid var(--line);color:var(--tx-2);position:relative;z-index:1}
/* tinta sobre base opaca — a linha vertical nunca vaza pelo glyph */
.tl-it .mk.g{background:linear-gradient(var(--green-dim),var(--green-dim)),var(--bg-card);border-color:var(--green-line);color:var(--green-2)}
.tl-it .mk.p{background:linear-gradient(var(--purple-dim),var(--purple-dim)),var(--bg-card);border-color:var(--purple-line);color:var(--purple-2)}
.tl-it .mk.w{background:linear-gradient(var(--whats-dim),var(--whats-dim)),var(--bg-card);border-color:var(--whats-line);color:var(--whats)}
.tl-it .mk.a{background:linear-gradient(rgba(224,184,77,.12),rgba(224,184,77,.12)),var(--bg-card);border-color:rgba(224,184,77,.28);color:var(--morno)}
.tl-it .mk.h{background:var(--bg-card);border-color:var(--line-2);color:var(--tx)}
.tl-it .mk.r{background:linear-gradient(var(--red-dim),var(--red-dim)),var(--bg-card);border-color:rgba(227,100,88,.28);color:var(--red)}
.tl-c{grid-column:2;min-width:0;display:flex;flex-direction:column;gap:3px;padding-top:3px}
.tl-tt{font-weight:500;font-size:12.5px;color:var(--tx);line-height:1.35;word-break:break-word}
.tl-tt.tl-lbl{font-family:'JetBrains Mono';font-size:9.5px;letter-spacing:.07em;text-transform:uppercase;font-weight:600;color:var(--tx-3)}
.tl-mt{font-size:10.5px;color:var(--tx-4);font-family:'JetBrains Mono'}
.tl-act{grid-column:3;display:flex;align-items:flex-start}
/* nota interna — superfície levemente elevada, humana (neutro azulado), distinta de eventos automáticos */
.tl-note-it .tl-c{background:rgba(122,162,227,.06);border:1px solid var(--line-2);border-left:2px solid rgba(122,162,227,.55);border-radius:7px;padding:7px 10px;gap:4px}
.tl-note-it .tl-tt.tl-lbl{color:#8fa9d6}
.tl-note-it .tl-note{color:var(--tx);font-size:12.5px}
.tl-note-it .mk{border-color:rgba(122,162,227,.4);color:#8fa9d6}
/* atendimento — evento discreto: troca de modo, marcador semântico, sem card pesado */
.tl-it .mk.b{background:linear-gradient(rgba(96,165,250,.12),rgba(96,165,250,.12)),var(--bg-card);border-color:rgba(96,165,250,.34);color:var(--frio)}
.tl-attend-it .tl-c{gap:3px}
.atend-tl-change{font-size:12.5px;font-weight:500;line-height:1.35;display:flex;align-items:center;gap:6px;flex-wrap:wrap;word-break:break-word}
.atend-tl-from{color:var(--tx-3)}
.atend-tl-arrow{color:var(--tx-4);font-family:'JetBrains Mono'}
.atend-tl-to{color:var(--tx)}
/* follow-up — card âmbar discreto, ação futura, status visível */
.tl-fup-it .tl-c{background:rgba(224,184,77,.05);border:1px solid var(--line-2);border-left:2px solid rgba(224,184,77,.5);border-radius:7px;padding:7px 10px;gap:3px}
.tl-fup-it .mk.a{border-color:rgba(224,184,77,.4);color:var(--morno)}
.tl-fup-it.fu-vencido .tl-c{border-left-color:#e36458;background:rgba(227,100,88,.05)}
.tl-fup-it.fu-vencido .mk.a{border-color:rgba(227,100,88,.45);color:#e36458}
.tl-fup-it.fu-concluido .tl-c{border-left-color:var(--green-line);background:rgba(62,207,142,.04)}
.tl-fup-it.fu-concluido .mk.a{border-color:var(--green-line);color:var(--green-2)}
.tl-fup-it.fu-cancelado{opacity:.62}
.tl-fup-it.fu-cancelado .tl-c{border-left-color:var(--line-2);background:transparent}
.tl-fup-it.fu-cancelado .fu-obj{text-decoration:line-through}
.fu-obj{font-weight:600;font-size:12.5px;color:var(--tx);line-height:1.35;word-break:break-word}
.fu-head{display:flex;align-items:center;gap:6px}
.fu-head-acts{margin-left:auto;display:flex;align-items:center;gap:1px;flex:none}
.fu-a{border-radius:5px;background:transparent;color:var(--tx-5,rgba(255,255,255,.28));cursor:pointer;opacity:0;transition:.12s}
.tl-fup-it:hover .fu-a,.fu-a:focus-visible{opacity:1}
.fu-a:hover{color:var(--tx);background:rgba(255,255,255,.08)}
.fu-a-done:hover{color:var(--green-2);background:var(--green-dim)}
/* .fu-a glyph: .ib ib-sm (24/14) */
@media (max-width:560px){ .fu-a{opacity:1} }
.fu-meta{display:flex;align-items:center;flex-wrap:wrap;gap:3px 6px;font-size:11px;color:var(--tx-2)}
.fu-tok{white-space:nowrap;display:inline-flex;align-items:center;gap:5px}
.fu-tok-due{font-family:'JetBrains Mono';letter-spacing:-.01em;color:var(--tx-2)}
.fu-sep{color:var(--tx-4)}
.fu-obs{font-size:11.5px;color:var(--tx-3);line-height:1.45;margin-top:1px;overflow-wrap:anywhere;
  display:-webkit-box;-webkit-line-clamp:3;-webkit-box-orient:vertical;overflow:hidden}
.fu-st{font-family:'JetBrains Mono';font-size:8.5px;font-weight:700;letter-spacing:.05em;text-transform:uppercase;padding:1px 5px;border-radius:4px;margin-left:6px;vertical-align:1px}
.fu-st-agendado{color:var(--morno);background:rgba(224,184,77,.12)}
.fu-st-vencido{color:#e36458;background:rgba(227,100,88,.12)}
.fu-st-concluido{color:var(--green-2);background:var(--green-dim)}
.fu-st-cancelado{color:var(--tx-4);background:rgba(255,255,255,.04)}
.fu-acts{gap:1px}
/* nota interna — mesmas ações no cabeçalho do card (padrão follow-up); excluir discreto → vermelho só no hover/foco */
.tl-note-it:hover .fu-a,.tl-note-it .fu-a:focus-visible{opacity:1}
.tl-note-it .fu-a[data-action="lead-note-del"]:hover,.tl-note-it .fu-a[data-action="lead-note-del"]:focus-visible{color:#e36458;background:rgba(227,100,88,.12)}
@media (max-width:560px){ .tl-note-it .fu-a{opacity:1} }
.tl-fup-it:hover .fu-a,.fu-a:focus-visible{opacity:1}
.fu-a{opacity:0}
.fu-a:hover{color:var(--tx);background:rgba(255,255,255,.08)}
.fu-a[data-action="lead-fup-done"]:hover{color:var(--green-2);background:var(--green-dim)}
@media (max-width:560px){ .fu-a{opacity:1} }
/* formulário de follow-up */
.fu-form{display:flex;flex-direction:column;gap:8px;margin-bottom:12px;padding:12px;border:1px solid var(--line-2);border-radius:9px;background:var(--surface-2)}
.fu-form[hidden]{display:none}
.fu-form-h{font-family:'Space Grotesk';font-weight:600;font-size:13px;color:var(--tx)}
.fu-in{background:var(--surface);border:1px solid var(--line-2);border-radius:7px;padding:7px 10px;color:var(--tx);font:inherit;font-size:12.5px;outline:none;transition:border-color .12s}
.fu-in:focus{border-color:var(--green-line)}
.fu-in::placeholder{color:var(--tx-4)}
.fu-row-lbl{font-family:'JetBrains Mono';font-size:9.5px;letter-spacing:.07em;text-transform:uppercase;color:var(--tx-4);margin-top:2px;display:flex;align-items:center;gap:8px}
.fu-due{font-family:'Manrope';letter-spacing:0;text-transform:none;font-size:11px;color:var(--green-2)}
.fu-chips{display:flex;flex-wrap:wrap;gap:5px}
.fu-chip{padding:4px 9px;border-radius:6px;border:1px solid var(--line);background:var(--surface);font:inherit;font-size:11.5px;font-weight:500;color:var(--tx-2);cursor:pointer;transition:.12s}
.fu-chip:hover{color:var(--tx);border-color:var(--line-2)}
.fu-chip.on{color:var(--green-2);background:var(--green-dim);border-color:var(--green-line)}

/* ============================================================
   CONFIG — settings duas colunas (console)
   ============================================================ */
.cfg{display:grid;grid-template-columns:208px 1fr;gap:28px;align-items:start}
.cfg-nav{display:flex;flex-direction:column;gap:1px;position:sticky;top:calc(var(--topbar-h) + 24px)}
.cfg-nav .ci{display:flex;align-items:center;gap:9px;padding:5px 10px;border-radius:5px;font-weight:500;font-size:12.5px;color:var(--tx-2);cursor:pointer;border:1px solid transparent;transition:.12s;min-height:28px}
.cfg-nav .ci svg{width:14px;height:14px;color:var(--tx-3)}
.cfg-nav .ci:hover{background:rgba(255,255,255,.03);color:var(--tx)}
.cfg-nav .ci.on{background:rgba(255,255,255,.07);color:var(--tx);border-color:transparent;font-weight:600}
.cfg-nav .ci.on svg{color:var(--tx)}
.form-row{display:grid;grid-template-columns:1fr 1fr;gap:14px}
.f-field label{font-size:12px;font-weight:500;color:var(--tx-2);margin-bottom:6px;display:block}
.f-inp{border:1px solid var(--line-2);border-radius:6px;padding:7px 11px;background:var(--bg);color:var(--tx);font-size:12.5px;min-height:32px;display:flex;align-items:center}
.cfg-row{display:flex;align-items:center;justify-content:space-between;gap:14px;padding:11px 0;border-bottom:1px solid var(--line)}
.cfg-row:last-child{border-bottom:none}

/* settings em duas colunas — descrição à esquerda, painel à direita */
.set-sec{display:grid;grid-template-columns:minmax(200px,300px) 1fr;gap:32px;align-items:start;padding:28px 0;border-top:1px solid var(--line)}
.set-sec:first-child{border-top:none;padding-top:4px}
.set-info h3{font-size:14px;font-weight:600;font-family:'Manrope';letter-spacing:0;margin-bottom:6px}
.set-info p{font-size:12.5px;color:var(--tx-2);line-height:1.55;margin:0}
.set-info .set-note{font-family:'JetBrains Mono';font-size:10.5px;color:var(--tx-4);margin-top:10px;display:block}
.set-panel{background:var(--bg-card);border:1px solid var(--line);border-radius:var(--r);overflow:hidden}
.set-panel-body{padding:13px 16px;display:flex;flex-direction:column;gap:14px}
.set-panel-foot{display:flex;justify-content:flex-end;gap:8px;padding:10px 20px;border-top:1px solid var(--line);background:var(--surface-2)}
.set-row{display:grid;grid-template-columns:180px 1fr;gap:16px;align-items:center}
.set-row label{font-size:12.5px;font-weight:500;color:var(--tx-2)}
.set-row .f-inp{margin:0}
.set-toggle{display:flex;align-items:flex-start;justify-content:space-between;gap:14px;padding:4px 0}
.set-toggle b{font-size:12.5px;font-weight:600;color:var(--tx);display:block}
.set-toggle .tg-d{font-size:11.5px;color:var(--tx-3);margin-top:2px;line-height:1.45}
/* danger zone */
.danger-zone{border:1px solid rgba(239,68,68,.3);border-radius:var(--r);background:rgba(239,68,68,.04);padding:16px 18px;display:flex;align-items:center;gap:14px;flex-wrap:wrap}
.danger-zone .dz-ic{width:28px;height:28px;border-radius:5px;flex:none;display:grid;place-items:center;color:#f87171;background:rgba(239,68,68,.1);border:1px solid rgba(239,68,68,.3)}
.danger-zone .dz-ic svg{width:14px;height:14px}
.danger-zone b{font-size:13px;display:block}
.danger-zone .dz-d{font-size:12px;color:var(--tx-2);margin-top:2px}

/* ============================================================
   LOGIN
   ============================================================ */
.login-wrap{display:grid;grid-template-columns:1.05fr .95fr;min-height:100vh}
.login-brand{position:relative;padding:56px;display:flex;flex-direction:column;gap:30px;justify-content:center;overflow:hidden;border-right:1px solid var(--line)}
.login-brand::before{content:"";position:absolute;inset:0;background:radial-gradient(700px 500px at 20% 30%,rgba(159,211,86,.10),transparent 60%),radial-gradient(600px 500px at 70% 90%,rgba(199,146,234,.08),transparent 60%);pointer-events:none}
.login-brand>*{position:relative}
.login-side{display:flex;align-items:center;justify-content:center;padding:40px;background:var(--bg-1)}
.login-card{width:100%;max-width:392px;padding:34px}
.inp{border:1px solid var(--line-2);border-radius:10px;padding:12px 14px;background:rgba(255,255,255,.03);color:var(--tx-3);font-size:14px;display:flex;align-items:center;justify-content:space-between;transition:.12s}
.inp:hover{border-color:var(--line-3)}
.lbl{font-size:13px;font-weight:600;color:var(--tx-2);margin-bottom:7px;display:block}
.mini-flow{display:flex;flex-direction:column;gap:10px}
.mini-flow .mf{display:flex;align-items:center;gap:12px;font-size:14px;color:var(--tx-2)}
.mini-flow .mf .n{width:24px;height:24px;border-radius:7px;border:1px solid var(--line-2);background:rgba(255,255,255,.03);display:grid;place-items:center;font-size:12px;font-family:'JetBrains Mono';color:var(--tx);flex:none}
.mini-flow .mf.cur{color:var(--tx)} .mini-flow .mf.cur .n{background:var(--green-dim);border-color:var(--green-line);color:var(--green-2)}

/* ============================================================
   LANDING
   ============================================================ */
.lp{max-width:1180px;margin:0 auto;padding:0 28px}
.lp-nav{position:sticky;top:0;z-index:40;background:rgba(11,11,11,.96);border-bottom:1px solid var(--line)}
.lp-nav .in{max-width:1180px;margin:0 auto;padding:14px 28px;display:flex;align-items:center;gap:22px}
.lp-nav .links{display:flex;gap:24px;margin-left:14px}
.lp-nav .links a{font-weight:600;font-size:14px;color:var(--tx-2);cursor:pointer;transition:.12s}
.lp-nav .links a:hover{color:var(--tx)}
.lp-sec{padding:88px 0;border-bottom:1px solid var(--line);position:relative}
.lp-sec.tight{padding:60px 0}
.hero{position:relative;overflow:hidden}
.hero::before{content:"";position:absolute;top:-120px;left:50%;transform:translateX(-50%);width:900px;height:600px;
  background:radial-gradient(closest-side,rgba(159,211,86,.14),transparent 70%);pointer-events:none}
.hero-grid{display:grid;grid-template-columns:1.02fr .98fr;gap:48px;align-items:center;position:relative}
.hero h1{font-size:clamp(38px,5vw,58px);line-height:1.04;letter-spacing:-.03em;font-weight:700}
.hero p.sub{font-size:18px;color:var(--tx-2);max-width:32em;margin:22px 0 30px;line-height:1.55}
.kbadge{display:inline-flex;align-items:center;gap:9px;padding:6px 13px 6px 8px;border-radius:30px;border:1px solid var(--line-2);
  background:rgba(255,255,255,.03);font-size:13px;font-weight:600;color:var(--tx-2)}
.trust{display:flex;gap:26px;margin-top:30px;flex-wrap:wrap}
.trust .t .n{font-family:'Space Grotesk';font-weight:600;font-size:22px}
.trust .t .l{font-size:12px;color:var(--tx-3)}

/* app window preview */
.win{border:1px solid var(--line-2);border-radius:14px;background:var(--surface);overflow:hidden;box-shadow:var(--sh-lg);position:relative}
.win-bar{display:flex;align-items:center;gap:7px;padding:11px 14px;border-bottom:1px solid var(--line);background:var(--bg-1)}
.win-bar .d{width:10px;height:10px;border-radius:50%;background:rgba(255,255,255,.12)}
.win-bar .u{margin-left:10px;flex:1;height:22px;border-radius:7px;background:rgba(255,255,255,.04);border:1px solid var(--line)}

.pains{display:grid;grid-template-columns:repeat(3,1fr);gap:14px}
.pain{padding:18px;display:flex;flex-direction:column;gap:11px}
.pain .x{width:30px;height:30px;border-radius:8px;display:grid;place-items:center;color:var(--red);background:var(--red-dim);border:1px solid rgba(227,100,88,.24)}
.pain .x svg{width:16px;height:16px}
.incl-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:14px}
.incl{padding:22px;display:flex;flex-direction:column;gap:13px}
.incl .ic{width:42px;height:42px;border-radius:11px;display:grid;place-items:center;background:rgba(255,255,255,.04);border:1px solid var(--line);color:var(--green-2)}
.incl .ic svg{width:20px;height:20px}
.steps3{display:grid;grid-template-columns:repeat(3,1fr);gap:16px}
.beforeafter{display:grid;grid-template-columns:1fr 1fr;gap:16px}
.ba-col{padding:22px}
.ba-col.after{border-color:var(--green-line);background:linear-gradient(180deg,var(--green-dim),transparent)}
.ba-li{display:flex;gap:11px;align-items:flex-start;padding:10px 0;border-bottom:1px solid var(--line);font-size:14px;color:var(--tx-2)}
.ba-li:last-child{border:none}
.ba-li svg{width:16px;height:16px;flex:none;margin-top:2px}
.chips-types{display:flex;flex-wrap:wrap;gap:10px}
.type-chip{padding:9px 17px;border-radius:30px;font-weight:600;font-size:14px;color:var(--tx);border:1px solid var(--line-2);background:rgba(255,255,255,.03)}
.plans{display:grid;grid-template-columns:repeat(4,1fr);gap:14px}
.plan{padding:22px;display:flex;flex-direction:column;gap:12px}
.plan.feat{border-color:var(--green-line);background:linear-gradient(180deg,var(--green-dim),transparent);box-shadow:none}
.split2{display:grid;grid-template-columns:1fr 1fr;gap:26px;align-items:center}
.cta-final{text-align:center;padding:96px 28px;position:relative;overflow:hidden}
.cta-final::before{content:"";position:absolute;inset:0;background:radial-gradient(600px 400px at 50% 0%,rgba(159,211,86,.12),transparent 65%);pointer-events:none}
.cta-final>*{position:relative}
.cta-final h2{font-size:clamp(32px,4vw,46px);letter-spacing:-.03em}
.lp-foot{padding:36px 0;color:var(--tx-3);font-size:13px}

/* fade entrance */
@media (prefers-reduced-motion:no-preference){
  .reveal{opacity:0;transform:translateY(10px);animation:rise .5s ease forwards}
  @keyframes rise{to{opacity:1;transform:none}}
}

/* ============================================================
   MOBILE COMPONENTS (base — hidden on desktop)
   ============================================================ */
.menu-btn{display:none}
.m-only{display:none!important}
.d-only{display:inline-flex}
.lead-cards{display:none}
.botnav{display:none}
.lead-card{padding:14px;display:flex;flex-direction:column;gap:12px;cursor:pointer}
.lc-top{display:flex;align-items:center;gap:11px}
.lc-name{font-weight:700;font-size:15px;color:var(--tx);line-height:1.2}
.lc-seg{font-size:12px;color:var(--tx-3);margin-top:2px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.lc-pills{display:flex;flex-wrap:wrap;gap:7px}
.lc-meta{display:grid;grid-template-columns:1fr 1fr;gap:10px;border-top:1px solid var(--line);padding-top:12px}
.lc-meta .k{font-family:'JetBrains Mono';font-size:10px;text-transform:uppercase;letter-spacing:.06em;color:var(--tx-3)}
.lc-meta .v{font-size:13.5px;font-weight:600;color:var(--tx);margin-top:2px}
.lc-next{display:flex;align-items:center;justify-content:space-between;gap:8px;background:rgba(255,255,255,.03);border:1px solid var(--line);border-radius:9px;padding:10px 12px;font-size:13.5px;font-weight:600;color:var(--tx)}
.lc-next svg{color:var(--tx-3)}

/* bottom nav */
.botnav{position:fixed;left:0;right:0;bottom:0;z-index:48;background:rgba(10,10,10,.97);
  border-top:1px solid var(--line);padding:7px 6px calc(7px + env(safe-area-inset-bottom));justify-content:space-around}
.botnav .bn{flex:1;display:flex;flex-direction:column;align-items:center;gap:3px;padding:5px 2px;border-radius:9px;color:var(--tx-3);font-size:10.5px;font-weight:600}
.botnav .bn svg{width:21px;height:21px}
.botnav .bn.on{color:var(--green)}
.botnav .bn:active{background:rgba(255,255,255,.05)}

/* ============================================================
   RESPONSIVE — TABLET
   ============================================================ */
@media (max-width:1560px){
  .topbar .sub{display:none}
}
@media (max-width:1380px){
  .env-badges{display:none!important}
  .topbar .search{min-width:120px;max-width:200px}
}
@media (max-width:1180px){
  .hero-grid{grid-template-columns:1fr;gap:34px}
  .pains,.incl-grid,.steps3{grid-template-columns:repeat(2,1fr)}
  .plans{grid-template-columns:repeat(2,1fr)}
  .chat-grid{grid-template-columns:248px 1fr}
  .lead-panel{display:none}
  .dash-split{grid-template-columns:1fr!important}
  .metrics-8{grid-template-columns:repeat(2,1fr)!important}
  /* topbar: o pill de busca decorativo (ja oculto no mobile) nao deve empurrar a
     pagina nesta faixa onde a sidebar fica em fluxo e as acoes ocupam a linha */
  .topbar .search{display:none}
}

/* ============================================================
   RESPONSIVE — MOBILE (<=900px)
   ============================================================ */
@media (max-width:900px){
  :root{--topbar-h:58px}
  .app{grid-template-columns:1fr}
  .sidebar{position:fixed;left:0;top:0;z-index:55;width:260px;transform:translateX(-104%);transition:transform .24s cubic-bezier(.4,0,.2,1)}
  .sidebar.open{transform:translateX(0)}
  .menu-btn{display:inline-flex}
  .m-only{display:inline-flex!important}
  .d-only{display:none!important}
  .botnav{display:flex}
  body:not(.chat-immersive) .main{padding-bottom:74px}

  .tb-inner{padding:0 16px;gap:10px}
  .topbar h1{font-size:18px}
  .topbar .sub{display:none}
  .topbar .search{display:none}
  .tb-actions{display:none!important}
  .content{padding:18px 16px 24px}

  /* leads → cards */
  .tbl-wrap{display:none}
  .lead-cards{display:flex;flex-direction:column;gap:12px}
  .lead-search{display:none!important}
  .tb-toolbar{width:100%;min-width:0}
  .tb-toolbar .sel{display:none}
  .tb-toolbar .fchips{flex:1;min-width:0;max-width:100%}
  /* respiro superior p/ o badge no canto (rail com overflow-x recorta verticalmente) */
  .fchips{flex-wrap:nowrap;overflow-x:auto;-webkit-overflow-scrolling:touch;padding-top:9px;padding-bottom:4px;max-width:100%}
  .fchip{flex:none}
  /* rodap\u00e9 de pagina\u00e7\u00e3o no mobile: empilha, alvos de toque maiores, sem corte */
  .lead-foot{flex-direction:column;align-items:stretch;gap:10px}
  .lead-foot .lead-count{text-align:center}
  .lead-pgctl{justify-content:space-between;gap:10px}
  .lead-foot .pg button{width:38px;height:38px}
  .lead-pgsize-btn{min-height:38px;padding:7px 12px}
  .lead-pgsize-opt{padding:11px 12px}
  /* configurar tabela no mobile: o popover do toolbar some; usa-se o bottom sheet (portal no body) */
  .lead-cfg .lead-cfg-pop{display:none!important}
  .lcfg-row{padding:9px 8px}
  .lcfg-det{padding:10px 8px}

  /* drawer → bottom sheet */
  .drawer{width:100%;max-width:100%;height:92vh;height:92dvh;top:auto;bottom:0;border-left:none;border-top:1px solid var(--line-2);
    border-radius:18px 18px 0 0;transform:translateY(102%)}
  .drawer.open{transform:translateY(0)}
  .drawer-head{padding-top:16px}
  .drawer-head::before{content:"";position:absolute;top:7px;left:50%;transform:translateX(-50%);width:40px;height:4px;border-radius:3px;background:var(--line-3)}

  /* layout stacks */
  .beforeafter,.split2,.login-wrap,.cfg,.form-row{grid-template-columns:1fr}
  .pains,.incl-grid,.steps3,.plans{grid-template-columns:1fr 1fr}
  .lp-sec{padding:56px 0}
  .lp-nav .links{display:none}
  .login-brand{display:none}
  .cfg-nav{position:static;flex-direction:row;overflow-x:auto;gap:6px;padding-bottom:4px;margin-bottom:4px;min-width:0;max-width:100%}
  .cfg-nav .ci{flex:none;white-space:nowrap}
  /* settings duas colunas → empilha */
  .set-sec{grid-template-columns:1fr;gap:12px;padding:20px 0}
  .set-row{grid-template-columns:1fr;gap:5px}
  /* health strip → 2 colunas */
  .health{grid-template-columns:1fr 1fr}
  .health .hl-v{white-space:normal}

  /* esteira → vertical */
  .belt{flex-direction:column;align-items:stretch}
  .belt .node{min-width:0;width:100%}
  .belt .arrow{padding:6px 0;justify-content:center;transform:rotate(90deg)}

  /* ---- CONVERSAS mobile: 1 tela por vez ---- */
  .chat-content{padding:0!important;max-width:none}
  .chat-grid{display:block;height:auto;min-height:0;border:none;border-radius:0;background:transparent;overflow:visible}
  .chat-grid>div{border:none!important}
  .chat-grid .conv-list,.chat-grid .chat-main,.chat-grid .lead-panel{display:none}
  .chat-grid[data-m="list"] .conv-list{display:flex;height:calc(100dvh - var(--topbar-h) - 74px)}
  .chat-grid[data-m="thread"] .chat-main{display:flex;height:calc(100dvh - var(--topbar-h))}
  .chat-grid[data-m="detail"] .lead-panel{display:flex;height:calc(100dvh - var(--topbar-h));padding-bottom:24px}
  .chat-head{position:sticky;top:0;z-index:3;padding:7px 10px;gap:8px}
  .chat-head .ch-title{min-width:0}
  .chat-head .ch-title>div:first-child{font-size:13px!important;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
  .chat-head .ch-title .tiny{white-space:nowrap;overflow:hidden;text-overflow:ellipsis;font-size:10.5px}
  /* bottom nav sai de cena na conversa aberta — composer fica livre */
  body.chat-immersive .botnav{display:none}
  /* thread compacta */
  .chat-scroll{padding:12px 12px 14px;gap:7px}
  .bubble{max-width:82%;font-size:13px;padding:7px 11px}
  .day-sep{margin-bottom:2px}
  /* MAKE AI como callout compacto */
  .ai-suggest{padding:9px 11px;gap:8px}
  .ai-suggest .body{font-size:12px;line-height:1.45}
  .ai-suggest .row{gap:6px}
  /* composer */
  .composer{padding:8px 10px calc(8px + env(safe-area-inset-bottom))}
  .composer .field-input{padding:8px 12px;font-size:13px}
  .tmpl .tiny{display:none}
}

/* ============================================================
   RESPONSIVE — SMALL PHONE (<=560px)
   ============================================================ */
@media (max-width:560px){
  .metrics-8,.metrics-4{grid-template-columns:1fr 1fr!important}
  .pains,.incl-grid,.steps3,.plans{grid-template-columns:1fr}
  .hero h1{font-size:33px}
  .trust{gap:18px}
  .lp-nav .in{padding:12px 18px;gap:12px}
  .lp-nav-cta{display:none}
  .topbar .tb-actions .lbl-hide{display:none}
  .cta-final{padding:64px 20px}
}
@media (max-width:380px){
  .metrics-8,.metrics-4{grid-template-columns:1fr!important}
  .lc-meta{grid-template-columns:1fr}
}

/* ============================================================
   ESTADOS REAIS — skeletons, empty, error, IA, WhatsApp, inspector
   ============================================================ */

/* microinteractions */
@media (prefers-reduced-motion:no-preference){
  .content,.reveal{animation:slideUp .22s ease}
  .chat-content{animation:none}
  @keyframes slideUp{from{transform:translateY(6px)}to{transform:none}}
}

/* skeleton shimmer */
.sk{background:linear-gradient(100deg,#161618 30%,#202023 50%,#161618 70%);background-size:220% 100%;
  animation:shimmer 1.5s ease-in-out infinite;display:block}
@keyframes shimmer{0%{background-position:200% 0}100%{background-position:-120% 0}}
@media (prefers-reduced-motion:reduce){.sk{animation:none}}

/* empty / error box */
.state-box{max-width:480px;margin:64px auto;text-align:center;display:flex;flex-direction:column;align-items:center;padding:20px}
.state-ic{width:64px;height:64px;border-radius:16px;display:grid;place-items:center;color:var(--tx-2);
  background:rgba(255,255,255,.04);border:1px solid var(--line);margin-bottom:20px}
.state-ic svg{width:28px;height:28px}
.state-ic.err{color:var(--red);background:var(--red-dim);border-color:rgba(227,100,88,.24)}
.state-ic.warn{color:var(--morno);background:rgba(224,184,77,.1);border-color:rgba(224,184,77,.24)}
.state-ic.ai{color:var(--purple-2);background:var(--purple-dim);border-color:var(--purple-line)}
.state-title{font-size:16px;margin-bottom:7px;font-family:'Manrope'}
.state-text{color:var(--tx-2);font-size:13px;line-height:1.6;max-width:40em}

/* attention banner — flat */
.alert-banner{display:flex;align-items:center;gap:11px;padding:8px 12px;border-radius:var(--r-sm);
  border:1px solid rgba(245,158,11,.22);background:rgba(245,158,11,.05)}
.alert-banner .ab-ic{width:24px;height:24px;border-radius:5px;flex:none;display:grid;place-items:center;color:var(--morno);background:rgba(245,158,11,.08);border:1px solid rgba(245,158,11,.22)}
.alert-banner .ab-ic svg{width:13px;height:13px}
.alert-banner .ab-tx{flex:1;font-size:12.5px;font-weight:500;color:var(--tx)}
.alert-banner .ab-tx small{display:block;font-weight:400;color:var(--tx-2);font-size:11.5px}
.alert-banner .ab-x{width:28px;height:28px;border-radius:7px;display:grid;place-items:center;color:var(--tx-3)}
.alert-banner .ab-x:hover{color:var(--tx);background:rgba(255,255,255,.05)}
.motivo-strip{display:flex;gap:10px;align-items:flex-start;padding:9px 11px;border-radius:6px;border:1px solid rgba(245,158,11,.2);background:rgba(245,158,11,.04)}
.motivo-strip .ms-ic{width:22px;height:22px;border-radius:4px;flex:none;display:grid;place-items:center;color:var(--morno);background:rgba(245,158,11,.08);border:1px solid rgba(245,158,11,.2)}
.motivo-strip .ms-ic svg{width:12px;height:12px}
.motivo-strip .ms-k{font-family:'JetBrains Mono';font-size:9.5px;letter-spacing:.08em;text-transform:uppercase;color:var(--morno);font-weight:500}
.motivo-strip .ms-v{font-size:12.5px;color:var(--tx);margin-top:2px;line-height:1.45;font-weight:400}
/* strip de atendimento por modo (semântica de cor): roxo=IA · âmbar=Automação · verde=Humano · cinza=Manual */
.motivo-strip.ms-ia{border-color:var(--purple-line);background:var(--purple-dim)}
.motivo-strip.ms-ia .ms-ic{color:var(--purple-2);background:var(--purple-dim);border-color:var(--purple-line)}
.motivo-strip.ms-auto{border-color:rgba(245,158,11,.2);background:rgba(245,158,11,.04)}
.motivo-strip.ms-auto .ms-ic{color:var(--morno);background:rgba(245,158,11,.08);border-color:rgba(245,158,11,.2)}
.motivo-strip.ms-hum{border-color:var(--green-line);background:var(--green-dim)}
.motivo-strip.ms-hum .ms-ic{color:var(--green-2);background:var(--green-dim);border-color:var(--green-line)}
.motivo-strip.ms-manual{border-color:var(--line-2);background:rgba(255,255,255,.02)}
.motivo-strip.ms-manual .ms-ic{color:var(--tx-3);background:rgba(255,255,255,.04);border-color:var(--line-2)}
/* ============================================================
   ATENDIMENTO — card de modo + popover "Alterar atendimento"
   Canal WhatsApp (glyph sempre verde); o FUNDO comunica o modo.
   Popover inline (sem clipping no scroll do drawer; cabe no mobile).
   ============================================================ */
.atend-card{--atend-accent:var(--tx-3);position:relative;overflow:hidden;display:flex;flex-direction:column;gap:9px;padding:15px 16px;border-radius:9px;border:1px solid var(--line-2);background:rgba(255,255,255,.02)}
.atend-main{position:relative;z-index:1;display:flex;gap:10px;align-items:flex-start;padding-right:30px}
/* halo semantico suave atras da marca (watermark) — sem neon, so presenca */
.atend-card::after{content:"";position:absolute;z-index:0;right:-48px;top:50%;width:188px;height:188px;transform:translateY(-50%);border-radius:50%;background:radial-gradient(closest-side, var(--atend-accent), transparent 72%);opacity:.085;pointer-events:none}
/* icone do modo como marca d'agua premium: grande, integrado, sangrando pela borda direita, atras do texto */
.atend-wm{position:absolute;z-index:0;right:-22px;top:50%;width:150px;height:150px;transform:translateY(-50%);display:block;pointer-events:none;color:var(--atend-accent);opacity:.16}
.atend-wm svg{width:100%;height:100%;stroke-width:1}
.atend-tx{min-width:0;flex:1}
.atend-mode{font-weight:600;font-size:13px;color:var(--tx)}
.atend-desc{font-size:11.5px;color:var(--tx-3);line-height:1.45;margin-top:2px}
.atend-acts{display:flex;margin-top:9px}
.atend-change{gap:6px;white-space:nowrap}
.atend-change svg{color:var(--tx-2)}
@media (max-width:560px){ .atend-acts .atend-change{flex:1;justify-content:center} }
/* tint + acento semantico por modo (alimenta a marca e o halo) */
.atend-card.atend-ia{--atend-accent:var(--purple-2);border-color:var(--purple-line);background:var(--purple-dim)}
.atend-card.atend-auto{--atend-accent:var(--green-2);border-color:var(--green-line);background:var(--green-dim)}
.atend-card.atend-hum{--atend-accent:var(--frio);border-color:rgba(96,165,250,.28);background:rgba(96,165,250,.06)}
.atend-card.atend-manual{--atend-accent:var(--tx-3);border-color:var(--line-2);background:rgba(255,255,255,.02)}
.atend-card.atend-pause{--atend-accent:var(--morno);border-color:rgba(224,184,77,.28);background:rgba(224,184,77,.07)}
/* verde com parcimonia: marca e halo ainda mais discretos no modo Automacao */
.atend-card.atend-auto .atend-wm{opacity:.13}
.atend-card.atend-auto::after{opacity:.06}
/* popover */
.atend-pop{position:relative;z-index:1;display:flex;flex-direction:column;gap:3px;padding:5px;border:1px solid var(--line-2);border-radius:9px;background:var(--surface-2);box-shadow:var(--sh-lg)}
.atend-pop[hidden]{display:none}
.atend-opt{display:flex;align-items:flex-start;gap:9px;width:100%;text-align:left;padding:8px 9px;border-radius:7px;border:1px solid transparent;background:transparent;cursor:pointer;transition:.12s;font:inherit}
.atend-opt:hover,.atend-opt:focus-visible{background:rgba(255,255,255,.04);border-color:var(--line)}
.atend-opt.on{background:rgba(255,255,255,.03);border-color:var(--line-2)}
.atend-opt-ic{color:var(--tx-2);background:rgba(255,255,255,.04);border-radius:5px;margin-top:1px}
/* cor semântica sutil por modo — só no ícone e no fundo discreto do quadradinho */
.atend-opt.ao-ia .atend-opt-ic{color:var(--purple-2);background:var(--purple-dim)}
.atend-opt.ao-auto .atend-opt-ic{color:var(--green-2);background:var(--green-dim)}
.atend-opt.ao-hum .atend-opt-ic{color:var(--frio);background:rgba(96,165,250,.10)}
.atend-opt.ao-pause .atend-opt-ic{color:var(--morno);background:rgba(245,158,11,.10)}
.atend-opt-tx{display:flex;flex-direction:column;gap:2px;min-width:0;flex:1}
.atend-opt-nm{font-weight:600;font-size:12.5px;color:var(--tx);display:flex;align-items:center;gap:6px}
.atend-opt-cur{font-family:'JetBrains Mono';font-size:9px;letter-spacing:.05em;text-transform:uppercase;color:var(--green-2);background:var(--green-dim);border:1px solid var(--green-line);border-radius:4px;padding:0 5px}
.atend-opt-d{font-size:11px;color:var(--tx-3);line-height:1.4}
.atend-opt-chk{color:var(--green-2);margin-top:1px}
/* follow-up — estado sem data (botão desabilitado + dica inline + destaque do QUANDO) */
.fu-save-btn[disabled]{opacity:.45;cursor:not-allowed;pointer-events:none}
.fu-when{display:flex;flex-direction:column;gap:6px}
.fu-when.fu-when-need .fu-row-lbl,.fu-when.fu-when-need .fu-due{color:var(--morno)}
.fu-when-hint{font-size:11px;color:var(--morno);line-height:1.3}
.tl-it.alert .mk{color:var(--morno);background:rgba(224,184,77,.12);border-color:rgba(224,184,77,.28)}
.tl-tag{font-family:'JetBrains Mono';font-size:10px;font-weight:600;color:var(--morno);border:1px solid rgba(224,184,77,.28);
  background:rgba(224,184,77,.1);border-radius:5px;padding:1px 6px;margin-left:8px;vertical-align:1px}

/* IA states */
.ai-thinking{align-self:flex-start;display:flex;align-items:center;gap:10px;padding:11px 14px;border-radius:14px;
  border:1px solid var(--purple-line);background:var(--purple-dim);color:var(--purple-2);font-size:13px;font-weight:600}
.ai-thinking .dots{display:inline-flex;gap:4px;align-items:center}
.ai-thinking .dots i{width:6px;height:6px;border-radius:50%;background:var(--purple-2);animation:blink 1.2s infinite}
.ai-thinking .dots i:nth-child(2){animation-delay:.2s}.ai-thinking .dots i:nth-child(3){animation-delay:.4s}
@keyframes blink{0%,60%,100%{opacity:.25;transform:translateY(0)}30%{opacity:1;transform:translateY(-3px)}}
.ai-approved,.ai-paused{align-self:center;display:inline-flex;align-items:center;gap:8px;font-size:12.5px;font-weight:600;
  padding:7px 14px;border-radius:20px;border:1px solid var(--purple-line);background:var(--purple-dim);color:var(--purple-2)}
.ai-approved svg,.ai-paused svg{width:14px;height:14px}
.ai-paused{color:var(--tx-2);border-color:var(--line-2);background:rgba(255,255,255,.04)}
.ai-editing{display:flex;align-items:center;gap:8px;font-size:12.5px;color:var(--tx-2)}

/* WhatsApp ticks / status */
.tick{font-family:'JetBrains Mono';font-weight:600}
.tick.sent,.tick.delivered{color:var(--tx-3)}
.tick.read{color:var(--whats)}
.tick.failed{color:var(--red)}
.bubble.failed{border-color:rgba(227,100,88,.4);background:linear-gradient(180deg,rgba(227,100,88,.1),rgba(227,100,88,.04))}
.bubble .retry{font-family:'Manrope';font-weight:700;color:var(--red);text-decoration:underline;background:none;font-size:11px;padding:0 0 0 4px}
.wa-reconnect{color:var(--morno)!important;background:rgba(224,184,77,.1)!important;border-color:rgba(224,184,77,.28)!important}
.wa-reconnect svg{animation:spin 1s linear infinite}
@keyframes spin{to{transform:rotate(360deg)}}

/* inspector */
.inspector{position:fixed;right:18px;bottom:18px;z-index:70;font-family:'Manrope'}
body.no-insp .inspector{display:none}
/* drawer de lead aberto: Estados sai da frente do painel */
@media (min-width:901px){
  body.lead-open .inspector{right:calc(var(--drawer-w) + 18px)}
  body.tk-open .inspector{right:calc(var(--drawer-w) + 18px)}
}
@media (max-width:900px){
  body.lead-open .inspector{display:none}
  body.tk-open .inspector{display:none}
  body.chat-immersive .inspector{display:none}
}
.insp-toggle{display:inline-flex;align-items:center;gap:8px;padding:9px 14px;border-radius:30px;font-weight:700;font-size:13px;
  color:var(--tx);background:var(--surface-2);border:1px solid var(--line-2);box-shadow:var(--sh)}
.insp-toggle svg{width:15px;height:15px;color:var(--green)}
.insp-toggle:hover{border-color:var(--line-3)}
.insp-body{position:absolute;right:0;bottom:48px;width:268px;background:var(--surface);border:1px solid var(--line-2);
  border-radius:14px;box-shadow:var(--sh-lg);padding:14px;display:none;max-height:calc(100vh - 96px);overflow-y:auto;overscroll-behavior:contain}
.inspector.open .insp-body{display:block}
.inspector.open .insp-toggle{background:var(--green);color:#0b1505;border-color:transparent}
.inspector.open .insp-toggle svg{color:#0b1505}
.insp-h{display:flex;align-items:center;justify-content:space-between;font-family:'Space Grotesk';font-weight:600;font-size:14px;margin-bottom:12px}
.insp-x{width:24px;height:24px;border-radius:6px;display:grid;place-items:center;color:var(--tx-3)}
.insp-x:hover{color:var(--tx);background:rgba(255,255,255,.05)}
.insp-x svg{width:14px;height:14px}
.insp-sec{font-family:'JetBrains Mono';font-size:9.5px;letter-spacing:.1em;text-transform:uppercase;color:var(--tx-4);margin:12px 0 7px}
.insp-chips{display:grid;grid-template-columns:1fr 1fr;gap:6px}
.insp-chip{padding:7px 10px;border-radius:8px;font-size:12.5px;font-weight:600;color:var(--tx-2);border:1px solid var(--line);background:rgba(255,255,255,.02)}
.insp-chip:hover{color:var(--tx);border-color:var(--line-2)}
.insp-chip.on{background:rgba(255,255,255,.08);color:var(--tx);border-color:var(--line-2)}
.insp-evts{display:flex;flex-direction:column;gap:6px}
.insp-evt{display:flex;align-items:center;gap:9px;padding:8px 11px;border-radius:8px;font-size:12.5px;font-weight:600;
  color:var(--tx-2);border:1px solid var(--line);background:rgba(255,255,255,.02);text-align:left}
.insp-evt svg{width:14px;height:14px;color:var(--tx-3)}
.insp-evt:hover{color:var(--tx);border-color:var(--line-2);background:rgba(255,255,255,.04)}
.insp-note{font-size:10.5px;color:var(--tx-4);margin-top:11px;text-align:center}
.insp-hint{font-family:'Manrope';text-transform:none;letter-spacing:0;color:var(--tx-4);font-size:9.5px;margin-left:6px}
.insp-live{display:flex;align-items:center;justify-content:space-between;width:100%;gap:9px;padding:9px 11px;border-radius:9px;
  font-size:12.5px;font-weight:600;color:var(--tx);border:1px solid var(--green-line);background:var(--green-dim);cursor:pointer;text-align:left}
.insp-live .il-tx{display:inline-flex;align-items:center;gap:8px}
.insp-live svg{width:14px;height:14px;color:var(--green-2)}
.il-switch{width:34px;height:19px;border-radius:20px;background:var(--surface-2);border:1px solid var(--line-2);position:relative;flex:none;transition:.18s}
.il-switch::after{content:"";position:absolute;top:1.5px;left:1.5px;width:14px;height:14px;border-radius:50%;background:var(--tx-3);transition:.18s}
.il-switch.on{background:var(--green);border-color:var(--green)}
.il-switch.on::after{transform:translateX(15px);background:#0b1505}
.insp-reset{display:flex;align-items:center;gap:8px;width:100%;justify-content:center;margin-top:7px;padding:8px 11px;border-radius:9px;
  font-size:12px;font-weight:600;color:var(--tx-3);border:1px solid var(--line);background:rgba(255,255,255,.02);cursor:pointer}
.insp-reset svg{width:13px;height:13px;transform:rotate(180deg)}
.insp-reset:hover{color:var(--tx);border-color:var(--line-2)}
/* apresentação comercial (inspector) */
.insp-present{display:flex;align-items:center;gap:9px;width:100%;padding:10px 12px;border-radius:9px;font-size:13px;font-weight:600;
  color:var(--tx);border:1px solid var(--purple-line);background:var(--purple-dim);cursor:pointer;text-align:left}
.insp-present svg{width:15px;height:15px;color:var(--purple-2)}
.insp-present .ip-go{margin-left:auto;display:inline-flex;align-items:center;gap:4px;font-size:11px;color:var(--purple-2)}
.insp-present .ip-go svg{width:12px;height:12px}
.insp-sub{font-size:11px;color:var(--tx-3);font-weight:600;margin:11px 0 6px}
.scen-list{display:flex;flex-direction:column;gap:5px}
.scen-opt{font:inherit;font-size:12px;font-weight:600;color:var(--tx-2);text-align:left;padding:7px 11px;border-radius:8px;border:1px solid var(--line);background:rgba(255,255,255,.02);cursor:pointer;transition:.12s}
.scen-opt:hover{color:var(--tx);border-color:var(--line-2)}
.scen-opt.on{color:var(--green-2);background:var(--green-dim);border-color:var(--green-line)}

/* painel de apresentação */
.pres-panel{position:fixed;right:20px;bottom:20px;z-index:92;width:340px;max-width:calc(100vw - 36px);
  background:var(--surface);border:1px solid var(--line-2);border-radius:16px;box-shadow:var(--sh-lg);
  padding:16px 18px;display:none;font-family:'Manrope'}
.pres-panel.open{display:block;animation:presIn .3s cubic-bezier(.2,.7,.3,1)}
@keyframes presIn{0%{opacity:0;transform:translateY(12px)}100%{opacity:1;transform:none}}
.pres-panel::before{content:"";position:absolute;left:0;top:0;bottom:0;width:3px;border-radius:16px 0 0 16px}
.pres-panel.tone-g::before{background:var(--green)} .pres-panel.tone-p::before{background:var(--purple)} .pres-panel.tone-a::before{background:var(--morno)}
.pres-top{display:flex;align-items:center;justify-content:space-between;margin-bottom:11px}
.pres-badge{display:inline-flex;align-items:center;gap:7px;font-size:11px;font-weight:700;letter-spacing:.03em;text-transform:uppercase;color:var(--purple-2)}
.pres-badge svg{width:14px;height:14px}
.pres-x{width:26px;height:26px;border-radius:7px;display:grid;place-items:center;color:var(--tx-3);background:transparent;border:none;cursor:pointer}
.pres-x:hover{color:var(--tx);background:rgba(255,255,255,.06)} .pres-x svg{width:15px;height:15px}
.pres-prog{height:5px;border-radius:4px;background:var(--surface-2);border:1px solid var(--line);overflow:hidden;margin-bottom:9px}
.pres-prog-bar{display:block;height:100%;background:var(--green);border-radius:4px;transition:width .35s cubic-bezier(.4,0,.2,1)}
.pres-panel.tone-p .pres-prog-bar{background:var(--purple)} .pres-panel.tone-a .pres-prog-bar{background:var(--morno)}
.pres-step{font-size:10.5px;letter-spacing:.06em;text-transform:uppercase;color:var(--tx-4)}
.pres-title{font-family:'Space Grotesk';font-weight:600;font-size:18px;letter-spacing:-.01em;margin:4px 0 7px}
.pres-text{font-size:13.5px;color:var(--tx-2);line-height:1.55}
.pres-nav{display:flex;gap:8px;margin-top:15px}
.pres-nav .btn{flex:1;justify-content:center}
.pres-nav .btn[disabled]{opacity:.4;pointer-events:none}

/* destaque do elemento durante a apresentação */
.demo-highlight{position:relative;z-index:40;border-radius:14px;animation:dhPulse 2s ease-in-out infinite}
.demo-highlight.dh-g{box-shadow:0 0 0 2px var(--green),0 0 30px rgba(159,211,86,.3)}
.demo-highlight.dh-p{box-shadow:0 0 0 2px var(--purple),0 0 30px rgba(199,146,234,.3)}
.demo-highlight.dh-a{box-shadow:0 0 0 2px var(--morno),0 0 30px rgba(224,184,77,.3)}
@keyframes dhPulse{0%,100%{filter:brightness(1)}50%{filter:brightness(1.06)}}
@media (prefers-reduced-motion:reduce){ .demo-highlight{animation:none} .pres-panel.open{animation:none} }

@media (max-width:560px){
  .pres-panel{left:10px;right:10px;bottom:80px;width:auto;padding:14px 16px}
  .pres-title{font-size:16px} .pres-text{font-size:13px}
}
/* ping verde quando demo ao vivo está ligada */
body.demo-live .inspector .insp-toggle{border-color:var(--green-line)}
body.demo-live .live .ping,body.demo-live .insp-live{animation:demoPulse 2.2s ease-in-out infinite}
@keyframes demoPulse{0%,100%{box-shadow:0 0 0 0 rgba(159,211,86,.0)}50%{box-shadow:0 0 0 3px rgba(159,211,86,.14)}}
/* reveal de itens inseridos ao vivo (sempre visível — só um flash) */
.tl-it.reveal,.it.reveal{animation:liveReveal .6s ease}
@keyframes liveReveal{0%{transform:translateY(-5px);background:rgba(159,211,86,.12)}100%{transform:none;background:transparent}}
@media (prefers-reduced-motion:reduce){
  .tl-it.reveal,.it.reveal{animation:none}
  body.demo-live .insp-live,body.demo-live .live .ping{animation:none}
}
/* botão de mapa no mobile */
.mapa-mobile{display:none}
.mapa-mobile svg{color:var(--green)}

/* badge "Demo ao vivo ativa" — fixo no topo, só aparece quando ligada */
.demo-badge{position:fixed;top:14px;left:50%;transform:translateX(-50%) translateY(-160%);z-index:88;
  display:flex;align-items:center;gap:10px;padding:7px 8px 7px 14px;border-radius:30px;
  background:#161616;border:1px solid var(--green-line);
  box-shadow:none;font-family:'Manrope';font-weight:600;font-size:12.5px;color:var(--tx);
  transition:transform .3s cubic-bezier(.4,0,.2,1);white-space:nowrap}
body.demo-live .demo-badge{box-shadow:var(--sh-lg)}
body.demo-live .demo-badge{transform:translateX(-50%) translateY(0)}
.db-ping{width:8px;height:8px;border-radius:50%;background:var(--green);flex:none;position:relative}
.db-ping::after{content:"";position:absolute;inset:-4px;border-radius:50%;border:1.5px solid var(--green);animation:dbPing 1.8s ease-out infinite}
@keyframes dbPing{0%{transform:scale(.6);opacity:.8}100%{transform:scale(1.6);opacity:0}}
.db-sep{color:var(--green-2);margin:0 2px}
.db-sub{color:var(--tx-2);font-weight:500}
.db-off{font:inherit;font-size:11.5px;font-weight:600;color:var(--tx-2);background:rgba(255,255,255,.06);
  border:1px solid var(--line-2);border-radius:20px;padding:4px 11px;cursor:pointer;transition:.12s}
.db-off:hover{color:var(--tx);background:rgba(255,255,255,.1)}
@media (prefers-reduced-motion:reduce){ .db-ping::after{animation:none} }
@media (max-width:560px){ .demo-badge{font-size:11.5px;padding:6px 7px 6px 12px} .db-sub{display:none} .db-sep{display:none} }
@media (max-width:900px){
  .inspector{right:14px;bottom:78px}
  .insp-body{bottom:48px}
}

/* toast variants */
.toast.t-ai{border-color:var(--purple-line)} .toast.t-ai .tdot{background:var(--purple)!important;box-shadow:0 0 8px var(--purple)!important}
.toast.t-wa .tdot{background:var(--whats)!important;box-shadow:0 0 8px var(--whats)!important}
.toast.t-err{border-color:rgba(227,100,88,.4)} .toast.t-err .tdot{background:var(--red)!important;box-shadow:0 0 8px var(--red)!important}

/* ============================================================
   LANDING — clarity band + showcase
   ============================================================ */
.clarity{font-family:'Space Grotesk';font-weight:600;font-size:clamp(15px,2vw,21px);color:var(--tx-3);letter-spacing:-.01em}
.clarity.on{color:var(--tx)}
.clarity-x{color:var(--tx-4);display:inline-flex}
.clarity-eq{font-family:'Space Grotesk';font-weight:700;font-size:20px;color:var(--green)}

.showcase{margin-top:30px}
.sc-tabs{display:flex;gap:8px;flex-wrap:wrap;margin-bottom:20px}
.sc-tab{display:inline-flex;align-items:center;gap:8px;padding:9px 15px;border-radius:10px;font-weight:600;font-size:14px;
  color:var(--tx-2);border:1px solid var(--line);background:rgba(255,255,255,.02);transition:.14s}
.sc-tab svg{width:16px;height:16px;color:var(--tx-3)}
.sc-tab:hover{color:var(--tx);border-color:var(--line-2)}
.sc-tab.on{background:rgba(255,255,255,.07);color:var(--tx);border-color:var(--line-2)}
.sc-tab.on svg{color:var(--green)}
.sc-stage .sc-panel{display:none}
.sc-stage .sc-panel.on{display:block}
.sc-stage .win{max-width:980px;margin:0 auto}
@media (max-width:560px){
  .sc-tab{flex:1;justify-content:center;font-size:12.5px;padding:9px 8px}
  .sc-tab svg{display:none}
}

/* ============================================================
   MAPA DO PRODUTO — blueprint
   ============================================================ */
/* sidebar tag */
.nav-item .ntag{margin-left:auto;font-family:'JetBrains Mono';font-size:8.5px;letter-spacing:.06em;text-transform:uppercase;
  color:var(--green);background:var(--green-dim);border:1px solid var(--green-line);border-radius:4px;padding:0 5px;font-weight:500;flex:none}

/* dotted blueprint backdrop behind the panel area */
.bp-bg{position:relative}
.mapa-cfg{align-items:start}
.bp-panel{display:flex;flex-direction:column;gap:18px;position:relative}
.bp-panel::before{content:"";position:absolute;inset:-12px -8px;z-index:-1;border-radius:16px;
  background:radial-gradient(circle at 1px 1px,rgba(255,255,255,.025) 1px,transparent 0);background-size:24px 24px;
  -webkit-mask-image:radial-gradient(120% 100% at 50% 0,#000,transparent 78%);mask-image:radial-gradient(120% 100% at 50% 0,#000,transparent 78%)}

/* section header */
.bp-sec-h{margin:6px 2px 0}
.bp-sec-h .eyebrow{color:var(--green-2)}

/* legend */
.bp-legend{display:flex;gap:18px;flex-wrap:wrap}
.bp-leg{display:inline-flex;align-items:center;gap:8px;font-size:12.5px;color:var(--tx-2);font-weight:600}
.bp-leg .sw{width:10px;height:10px;border-radius:3px;flex:none}
.bp-leg .sw.sys{background:var(--green);box-shadow:0 0 8px rgba(159,211,86,.5)}
.bp-leg .sw.ai{background:var(--purple);box-shadow:0 0 8px rgba(199,146,234,.5)}
.bp-leg .sw.hum{background:var(--tx-2)}

/* intro */
.bp-intro{padding:18px 20px}

/* visão geral */
.mod-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:12px}
.mod{padding:16px 17px;display:flex;flex-direction:column;gap:11px}
.mod .ic-chip{width:28px;height:28px}
.mod-nm{font-family:'Manrope';font-weight:600;font-size:13px;letter-spacing:0}
.mod-d{font-size:12px;color:var(--tx-3);line-height:1.4}
.bp-stats{display:grid;grid-template-columns:repeat(4,1fr);gap:12px}
.bp-stat{padding:13px 16px}
.bp-stat .num{font-size:22px;line-height:1}
.bp-stat-l{font-size:11px;color:var(--tx-3);margin-top:6px;font-weight:500;font-family:'JetBrains Mono';text-transform:uppercase;letter-spacing:.06em}

/* entidades */
.bp-grp-h{display:flex;align-items:center;gap:9px;font-family:'JetBrains Mono';font-size:11px;letter-spacing:.1em;
  text-transform:uppercase;color:var(--tx-3);font-weight:500;margin:10px 2px 0}
.bp-grp-dot{width:7px;height:7px;border-radius:2px;background:var(--green);box-shadow:none}
.ent-grid{display:grid;grid-template-columns:repeat(2,1fr);gap:14px;align-items:start}
.ent{padding:0;overflow:hidden}
.ent-head{display:flex;align-items:center;gap:10px;padding:9px 14px;border-bottom:1px solid var(--line);background:var(--surface-2)}
.ent-nm{font-family:'JetBrains Mono';font-weight:500;font-size:12.5px;letter-spacing:-.01em;line-height:1.15;color:var(--tx)}
.ent-tbl{font-size:11px;color:var(--tx-3);margin-top:2px}
.ent-cnt{margin-left:auto;font-family:'JetBrains Mono';font-size:10px;color:var(--tx-3);background:rgba(255,255,255,.03);border:1px solid var(--line);
  border-radius:4px;padding:1px 7px;white-space:nowrap;flex:none}
.ent-fields{padding:6px 7px}
.ent-f{display:grid;grid-template-columns:1fr auto 28px;gap:10px;align-items:center;padding:4px 9px;border-radius:4px;transition:.1s}
.ent-f:hover{background:rgba(255,255,255,.03)}
.ent-f-n{font-family:'JetBrains Mono';font-size:12px;color:var(--tx);white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.ent-f-t{font-family:'JetBrains Mono';font-size:10.5px;color:var(--tx-4);white-space:nowrap;text-align:right}
.ent-f-ref{color:var(--purple-2)}
.kb{font-family:'JetBrains Mono';font-size:8.5px;font-weight:500;border-radius:3px;padding:1px 5px;text-align:center;letter-spacing:.04em}
.kb.pk{color:var(--green);background:var(--green-dim);border:1px solid var(--green-line)}
.kb.fk{color:var(--purple-2);background:var(--purple-dim);border:1px solid var(--purple-line)}
.kb-sp{display:block}

/* entity footer (navegável) + highlight ao chegar de uma tela */
.ent-foot{display:flex;align-items:center;gap:8px;width:100%;border:none;border-top:1px solid var(--line);
  background:rgba(255,255,255,.018);color:var(--tx-2);font:inherit;font-size:12.5px;font-weight:600;
  padding:11px 15px;cursor:pointer;transition:.12s;text-align:left}
.ent-foot svg:first-child{color:var(--green)}
.ent-foot span{flex:1}
.ent-foot svg:last-child{color:var(--tx-4)}
.ent-foot:hover{background:var(--green-dim);color:var(--tx)}
.ent-foot:hover svg:last-child{color:var(--green-2)}
.ent.hl{border-color:var(--green);box-shadow:0 0 0 1px var(--green);animation:entPulse 2.4s ease}
@keyframes entPulse{0%,100%{box-shadow:0 0 0 1px var(--green)}30%{box-shadow:0 0 0 2px var(--green)}}

/* reverse link nas telas reais */
.mapa-link{color:var(--tx-3);border-color:transparent;background:transparent;gap:7px}
.mapa-link svg{width:15px;height:15px;color:var(--green)}
.mapa-link:hover{color:var(--tx);border-color:var(--line-2);background:var(--green-dim)}
@media (max-width:680px){ .mapa-link .ml-tx{display:none} }

/* fluxo do lead */
.bp-flow{display:flex;flex-direction:column;gap:0}
.bp-fstep{display:grid;grid-template-columns:46px 1fr;gap:16px;position:relative;padding-bottom:14px}
.bp-fstep:last-child{padding-bottom:0}
.bp-fnode{display:flex;justify-content:center;position:relative}
.bp-fnode::before{content:"";position:absolute;top:34px;bottom:-14px;width:2px;background:var(--line);left:50%;transform:translateX(-50%)}
.bp-fstep:last-child .bp-fnode::before{display:none}
.bp-fidx{width:38px;height:38px;border-radius:11px;display:grid;place-items:center;font-size:13px;font-weight:600;flex:none;
  background:var(--surface-2);border:1px solid var(--line-2);color:var(--tx-2);position:relative;z-index:1}
.bp-fstep.sistema .bp-fidx{color:var(--green-2);border-color:var(--green-line);background:var(--green-dim)}
.bp-fstep.ia .bp-fidx{color:var(--purple-2);border-color:var(--purple-line);background:var(--purple-dim)}
.bp-fstep.humano .bp-fidx{color:var(--tx);border-color:var(--line-3);background:rgba(255,255,255,.06)}
.bp-fbody{padding:13px 16px}
.bp-ft{font-weight:600;font-size:14px;color:var(--tx);line-height:1.3}
.bp-fm{font-size:12.5px;color:var(--tx-3);margin-top:5px;line-height:1.45}
.bp-actor{display:inline-flex;align-items:center;gap:6px;font-family:'JetBrains Mono';font-size:11px;font-weight:600;
  padding:3px 9px;border-radius:7px;white-space:nowrap;border:1px solid var(--line)}
.bp-actor svg{width:12px;height:12px}
.bp-actor.sistema{color:var(--green-2);background:var(--green-dim);border-color:var(--green-line)}
.bp-actor.ia{color:var(--purple-2);background:var(--purple-dim);border-color:var(--purple-line)}
.bp-actor.humano{color:var(--tx);background:rgba(255,255,255,.05);border-color:var(--line-2)}

/* ações */
.act-grid{display:grid;grid-template-columns:repeat(2,1fr);gap:14px;align-items:start}
.act-card{padding:13px 16px;display:flex;flex-direction:column;gap:14px}
.act-head{display:flex;align-items:center;gap:11px}
.act-head h3{flex:1;letter-spacing:-.01em}
.act-list{display:flex;flex-direction:column;gap:7px}
.act-chip{display:inline-flex;align-items:center;gap:9px;font-size:13px;font-weight:600;color:var(--tx-2);
  padding:9px 12px;border-radius:9px;border:1px solid var(--line);background:rgba(255,255,255,.02);transition:.1s}
.act-chip:hover{color:var(--tx);border-color:var(--line-2);background:rgba(255,255,255,.04)}
.act-chip svg{color:var(--green);flex:none}

/* regras */
.rule-grid{display:grid;grid-template-columns:repeat(2,1fr);gap:12px}
.rule{padding:16px 18px;display:flex;align-items:flex-start;gap:13px}
.rule-n{flex:none;font-size:12px;font-weight:600;color:var(--green-2);background:var(--green-dim);border:1px solid var(--green-line);
  border-radius:8px;padding:4px 8px;letter-spacing:.02em}
.rule-t{font-size:13.5px;color:var(--tx);line-height:1.45;font-weight:500;padding-top:2px}

/* estados — matriz */
.smx{display:flex;flex-direction:column;gap:12px}
.smx-row{display:grid;grid-template-columns:200px 1fr;gap:18px;align-items:center;padding:16px 18px}
.smx-lbl{display:flex;align-items:center;gap:11px;font-family:'Space Grotesk';font-weight:600;font-size:14.5px}
.state-chain{display:flex;flex-wrap:wrap;gap:7px;align-items:center}
.sx-arrow{color:var(--tx-4);display:inline-flex}
.sbadge{display:inline-flex;align-items:center;gap:6px;padding:4px 10px;border-radius:7px;font-size:12px;font-weight:600;
  border:1px solid var(--line);background:rgba(255,255,255,.03);color:var(--tx-2);white-space:nowrap}
.sbadge .dot{width:6px;height:6px;border-radius:50%;background:currentColor;flex:none}
.sbadge.tone-g{color:var(--green-2);background:var(--green-dim);border-color:var(--green-line)}
.sbadge.tone-p{color:var(--purple-2);background:var(--purple-dim);border-color:var(--purple-line)}
.sbadge.tone-w{color:var(--whats);background:var(--whats-dim);border-color:var(--whats-line)}
.sbadge.tone-a{color:var(--morno);background:rgba(224,184,77,.1);border-color:rgba(224,184,77,.26)}
.sbadge.tone-r{color:var(--red);background:var(--red-dim);border-color:rgba(227,100,88,.26)}
.sbadge.tone-n{color:var(--tx-2)}

/* integrações */
.bp-now{padding:15px 18px;display:flex;align-items:center;gap:13px}
.intg-grid{display:grid;grid-template-columns:repeat(2,1fr);gap:14px;align-items:start}
.intg{padding:13px 16px;display:flex;flex-direction:column;gap:15px}
.intg-head{display:flex;align-items:flex-start;gap:12px}
.intg-head h3{letter-spacing:-.01em}
.intg-list{display:flex;flex-direction:column;gap:2px}
.intg-it{display:flex;align-items:center;gap:12px;font-size:13.5px;font-weight:600;color:var(--tx);padding:8px 2px;border-top:1px solid var(--line)}
.intg-it:first-child{border-top:none}
.intg-state{display:inline-flex;align-items:center;gap:5px;flex:none;font-size:10px;font-weight:600;color:var(--tx-4);
  background:rgba(255,255,255,.03);border:1px solid var(--line);border-radius:6px;padding:3px 7px;letter-spacing:.02em;width:104px}
.intg-arrow{color:var(--tx-3)}
.intg-real{color:var(--green-2)}

/* do protótipo ao real */
.p2r{display:grid;grid-template-columns:1fr auto 1fr;gap:0;align-items:stretch}
.p2r-col{padding:13px 16px;display:flex;flex-direction:column;gap:3px}
.p2r-col.now{border-color:var(--line)}
.p2r-col.real{border-color:var(--green-line);background:linear-gradient(180deg,var(--green-dim),transparent 60%)}
.p2r-mid{display:flex;align-items:center;justify-content:center;padding:0 14px;color:var(--green)}
.p2r-mid svg{opacity:.7}
.p2r-h{margin-bottom:10px}
.p2r-tag{display:inline-flex;align-items:center;gap:8px;font-family:'JetBrains Mono';font-size:11px;font-weight:600;
  letter-spacing:.04em;text-transform:uppercase;padding:5px 11px;border-radius:8px;border:1px solid var(--line)}
.p2r-tag svg{width:14px;height:14px}
.p2r-tag.now{color:var(--tx-3);background:rgba(255,255,255,.03)}
.p2r-tag.real{color:var(--green-2);background:var(--green-dim);border-color:var(--green-line)}
.p2r-it{display:flex;gap:11px;padding:8px 2px;align-items:flex-start}
.p2r-dot{width:7px;height:7px;border-radius:2px;background:var(--tx-4);margin-top:6px;flex:none}
.p2r-dot.real{background:var(--green);box-shadow:0 0 8px rgba(159,211,86,.5)}
.p2r-k{font-weight:600;font-size:13.5px;color:var(--tx)}
.p2r-v{font-size:12.5px;color:var(--tx-3);line-height:1.4;margin-top:1px}

/* roadmap */
.rm-prog{display:flex;align-items:center;gap:5px;padding:2px 2px 4px}
.rm-seg{height:6px;flex:1;border-radius:3px;background:var(--surface-2);border:1px solid var(--line)}
.rm-seg.done{background:var(--green);border-color:var(--green);box-shadow:0 0 10px rgba(159,211,86,.4)}
.rm-seg.next{background:var(--green-dim);border-color:var(--green-line)}
.rm-prog-l{margin-left:10px;font-size:11px;color:var(--tx-3);white-space:nowrap}
.rm{display:flex;flex-direction:column;gap:12px}
.rm-phase{display:grid;grid-template-columns:54px 1fr;gap:0;overflow:hidden;padding:0}
.rm-side{display:flex;flex-direction:column;align-items:center;padding:16px 0;background:rgba(255,255,255,.018);border-right:1px solid var(--line)}
.rm-num{font-size:13px;font-weight:600;color:var(--tx-3)}
.rm-line{width:2px;flex:1;margin-top:10px;background:var(--line)}
.rm-phase.done .rm-num{color:var(--green-2)}
.rm-phase.done .rm-side{background:var(--green-dim);border-right-color:var(--green-line)}
.rm-phase.next .rm-num{color:var(--green-2)}
.rm-body{padding:16px 18px;display:flex;flex-direction:column;gap:13px;min-width:0}
.rm-nm{font-family:'Space Grotesk';font-weight:600;font-size:15.5px;letter-spacing:-.01em}
.rm-d{font-size:12.5px;color:var(--tx-3);margin-top:3px;line-height:1.4}
.rm-st{display:inline-flex;align-items:center;gap:6px;font-family:'JetBrains Mono';font-size:11px;font-weight:600;
  padding:4px 10px;border-radius:7px;white-space:nowrap;border:1px solid var(--line);color:var(--tx-3);background:rgba(255,255,255,.03);flex:none}
.rm-st svg{width:13px;height:13px}
.rm-st.done{color:var(--green-2);background:var(--green-dim);border-color:var(--green-line)}
.rm-st.next{color:var(--morno);background:rgba(224,184,77,.1);border-color:rgba(224,184,77,.26)}
.rm-items{display:flex;flex-wrap:wrap;gap:7px}
.rm-chip{display:inline-flex;align-items:center;gap:6px;font-size:12.5px;font-weight:600;color:var(--tx-2);
  padding:5px 11px;border-radius:7px;border:1px solid var(--line);background:rgba(255,255,255,.02)}
.rm-chip svg{width:11px;height:11px;color:var(--green)}
.rm-chip.on{color:var(--green-2);background:var(--green-dim);border-color:var(--green-line)}

/* mvp técnico */
.mvp-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:14px;align-items:start}
.mvp-col{padding:13px 16px;display:flex;flex-direction:column;gap:15px}
.mvp-col.tone-g{border-color:var(--green-line)}
.mvp-col.tone-w{border-color:var(--whats-line)}
.mvp-h{display:flex;align-items:flex-start;gap:12px}
.mvp-h h3{letter-spacing:-.01em}
.mvp-items{display:flex;flex-direction:column;gap:2px}
.mvp-it{display:flex;align-items:center;gap:10px;font-size:13.5px;font-weight:500;color:var(--tx);padding:8px 2px;border-top:1px solid var(--line)}
.mvp-it:first-child{border-top:none}
.mvp-it svg{width:14px;height:14px;color:var(--green);flex:none}
.mvp-it.off{color:var(--tx-3)}
.mvp-it.off svg{color:var(--tx-4)}
.mvp-dec{padding:16px 18px;background:var(--bg-card)}
.mvp-dec-tag{display:inline-block;font-size:11px;letter-spacing:.08em;text-transform:uppercase;color:var(--purple-2);
  background:var(--purple-dim);border:1px solid var(--purple-line);border-radius:7px;padding:4px 10px}
.mvp-dec-t{font-size:14.5px;color:var(--tx-2);margin:16px 0 8px;line-height:1.5}
.mvp-dec-claim{font-size:17px;margin:0;max-width:20em;line-height:1.25;letter-spacing:-.01em}

/* camada demo atual (aba MVP) */
.demo-layer{padding:16px 18px;display:flex;flex-direction:column;gap:16px}
.dl-grid{display:grid;grid-template-columns:1fr auto 1fr;gap:0;align-items:start}
.dl-col{display:flex;flex-direction:column;gap:3px;padding:4px 4px}
.dl-mid{display:flex;align-items:center;justify-content:center;padding:0 16px;color:var(--green);align-self:center}
.dl-mid svg{opacity:.7}
.dl-h{font-family:'JetBrains Mono';font-size:10.5px;letter-spacing:.08em;text-transform:uppercase;color:var(--tx-3);margin-bottom:8px}
.dl-h.real{color:var(--green-2)}
.dl-it{display:flex;gap:11px;padding:7px 2px;align-items:flex-start}
.dl-dot{width:7px;height:7px;border-radius:2px;background:var(--tx-4);margin-top:6px;flex:none}
.dl-dot.real{background:var(--green);box-shadow:none}
.dl-it b{display:block;font-size:13.5px;color:var(--tx);font-weight:600}
.dl-it span{display:block;font-size:12px;color:var(--tx-3);line-height:1.35;margin-top:1px}
@media (max-width:900px){ .dl-grid{grid-template-columns:1fr;gap:14px} .dl-mid{transform:rotate(90deg);padding:0} }

/* features pós-MVP (aba MVP Congelado) */
.pos-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:10px}
.pos-it{display:flex;align-items:center;gap:10px;padding:10px 12px;border-radius:10px;border:1px solid var(--line);background:rgba(255,255,255,.02)}
.pos-nm{flex:1;font-size:13px;font-weight:600;color:var(--tx)}
.pos-tag{font-size:9px;letter-spacing:.05em;text-transform:uppercase;color:var(--purple-2);background:var(--purple-dim);border:1px solid var(--purple-line);border-radius:5px;padding:2px 6px}
@media (max-width:1180px){ .pos-grid{grid-template-columns:1fr 1fr} }
@media (max-width:560px){ .pos-grid{grid-template-columns:1fr} }

/* ===== Prioridade de Construção ===== */
.cat-badge{font-family:'JetBrains Mono';font-size:9.5px;font-weight:600;letter-spacing:.04em;text-transform:uppercase;padding:2px 7px;border-radius:5px;white-space:nowrap}
.cat-g{color:var(--green-2);background:var(--green-dim);border:1px solid var(--green-line)}
.cat-w{color:var(--whats);background:var(--whats-dim);border:1px solid var(--whats-line)}
.cat-p{color:var(--purple-2);background:var(--purple-dim);border:1px solid var(--purple-line)}
.cat-n{color:var(--tx-3);background:rgba(255,255,255,.04);border:1px solid var(--line)}
.pc-class{display:grid;grid-template-columns:repeat(2,1fr);gap:14px;align-items:start}
.pc-col{padding:13px 16px;display:flex;flex-direction:column;gap:11px}
.pc-col.tone-g{border-color:var(--green-line)} .pc-col.tone-p{border-color:var(--purple-line)} .pc-col.tone-w{border-color:var(--whats-line)}
.pc-h{display:flex;align-items:center;gap:11px}
.pc-h h3{letter-spacing:-.01em}
.pc-d{font-size:12.5px;color:var(--tx-3);line-height:1.4}
.pc-items{display:flex;flex-wrap:wrap;gap:6px}
.pc-chip{font-size:12px;font-weight:600;color:var(--tx-2);padding:4px 10px;border-radius:7px;border:1px solid var(--line);background:rgba(255,255,255,.02)}

/* matriz */
.pm-wrap{padding:0;overflow:hidden}
.pm-head,.pm-row{display:grid;grid-template-columns:1.6fr 92px 70px 70px 70px 1.3fr 130px;gap:12px;align-items:center;padding:11px 18px}
.pm-head{border-bottom:1px solid var(--line);background:rgba(255,255,255,.018);font-family:'JetBrains Mono';font-size:9.5px;letter-spacing:.06em;text-transform:uppercase;color:var(--tx-4);font-weight:600}
.pm-row{border-bottom:1px solid var(--line);font-size:12.5px}
.pm-row:last-child{border-bottom:none}
.pm-row:hover{background:rgba(255,255,255,.02)}
.pm-f{font-weight:600;color:var(--tx)}
.pm-dep{color:var(--tx-3);font-size:12px}
.lv{font-size:11px;font-weight:600;padding:2px 8px;border-radius:6px;white-space:nowrap}
.lv-a{color:#f0a89f;background:rgba(227,100,88,.1)} .lv-m{color:var(--morno);background:rgba(224,184,77,.1)} .lv-b{color:var(--green-2);background:var(--green-dim)}
.dec{font-size:11px;font-weight:600;padding:3px 9px;border-radius:7px;white-space:nowrap;border:1px solid var(--line)}
.dec-go{color:var(--green-2);background:var(--green-dim);border-color:var(--green-line)}
.dec-after{color:var(--whats);background:var(--whats-dim);border-color:var(--whats-line)}
.dec-pos{color:var(--purple-2);background:var(--purple-dim);border-color:var(--purple-line)}
.dec-demo{color:var(--tx-3)}

/* MVP enxuto */
.enx-split{display:grid;grid-template-columns:1.1fr 1fr;gap:14px;align-items:start}
.enx-flow,.enx-min{padding:13px 16px}
.enx-steps{display:flex;flex-direction:column;gap:7px;margin-top:4px}
.enx-step{display:flex;align-items:center;gap:11px;font-size:13px;font-weight:500;color:var(--tx)}
.enx-n{width:22px;height:22px;border-radius:7px;display:grid;place-items:center;font-size:11px;font-weight:600;flex:none;color:var(--green-2);background:var(--green-dim);border:1px solid var(--green-line)}
.enx-flag{display:flex;align-items:center;gap:9px;margin-top:14px;padding:11px 13px;border-radius:10px;background:var(--green-dim);border:1px solid var(--green-line);color:var(--tx);font-size:13px;font-weight:600}
.enx-flag svg{width:15px;height:15px;color:var(--green-2);flex:none}

/* não construir agora */
.nao-card{padding:13px 16px}
.nao-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:8px 16px}
.nao-it{display:flex;align-items:center;gap:9px;font-size:12.5px;font-weight:500;color:var(--tx-3);padding:3px 0}
.nao-it svg{width:13px;height:13px;color:#f0a89f;flex:none}
.nao-note{display:flex;align-items:flex-start;gap:9px;margin-top:14px;padding:12px 14px;border-radius:10px;background:rgba(224,184,77,.07);border:1px solid rgba(224,184,77,.22);color:var(--tx-2);font-size:13px;font-weight:500;line-height:1.45}
.nao-note svg{width:15px;height:15px;color:var(--morno);flex:none;margin-top:2px}

@media (max-width:1180px){ .pc-class{grid-template-columns:1fr} .enx-split{grid-template-columns:1fr} .nao-grid{grid-template-columns:1fr 1fr} }
@media (max-width:900px){
  .pm-head{display:none}
  .pm-row{grid-template-columns:1fr 1fr;gap:7px 12px;padding:14px 16px}
  .pm-f{grid-column:1/-1;font-size:13.5px}
  .pm-row>span[data-l]::before{content:attr(data-l) ': ';font-size:10px;color:var(--tx-4);font-weight:600;text-transform:uppercase;letter-spacing:.04em}
  .pm-dep{grid-column:1/-1}
  .nao-grid{grid-template-columns:1fr}
}

/* status do protótipo */
.st-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:14px;align-items:start}
.st-col{padding:13px 16px;display:flex;flex-direction:column;gap:14px}
.st-col.ready{border-color:var(--green-line)}
.st-col.next{border-color:var(--purple-line)}
.st-h{display:flex;align-items:center;gap:11px}
.st-h h3{letter-spacing:-.01em}
.st-list{display:flex;flex-direction:column;gap:2px}
.st-it{display:flex;align-items:flex-start;gap:10px;font-size:13px;font-weight:500;color:var(--tx);padding:7px 2px;border-top:1px solid var(--line);line-height:1.35}
.st-it:first-child{border-top:none}
.st-it svg{width:13px;height:13px;color:var(--green);flex:none;margin-top:2px}
.st-it.pend{color:var(--tx-2)}
.st-o{width:7px;height:7px;border-radius:50%;border:1.5px solid var(--morno);flex:none;margin:5px 3px 0}
.st-steps{display:flex;flex-direction:column;gap:9px}
.st-step{display:flex;gap:11px;align-items:flex-start}
.st-n{flex:none;width:22px;height:22px;border-radius:7px;display:grid;place-items:center;font-size:11px;font-weight:600;
  color:var(--purple-2);background:var(--purple-dim);border:1px solid var(--purple-line)}
.st-step b{display:block;font-size:13px;color:var(--tx);font-weight:600}
.st-step span:last-child{display:block;font-size:12px;color:var(--tx-3);line-height:1.35;margin-top:1px}

/* checklist de validação */
.ck-bar-card{padding:15px 20px}
.ck-bar{flex:1;min-width:160px;max-width:340px;height:8px;border-radius:5px;background:var(--surface-2);border:1px solid var(--line);overflow:hidden}
.ck-fill{display:block;height:100%;background:var(--green);box-shadow:none;border-radius:5px}
.ck-grid{display:grid;grid-template-columns:repeat(2,1fr);gap:14px;align-items:start}
.ck-col{padding:13px 16px;display:flex;flex-direction:column;gap:13px}
.ck-h{display:flex;align-items:center;gap:11px}
.ck-h h3{flex:1;letter-spacing:-.01em}
.ck-list{display:flex;flex-direction:column;gap:8px}
.ck-it{display:flex;align-items:flex-start;gap:11px;font-size:13px;font-weight:500;color:var(--tx-2);line-height:1.35}
.ck-box{width:18px;height:18px;border-radius:6px;border:1.5px solid var(--line-2);display:grid;place-items:center;flex:none;color:#0b1505}
.ck-it.on{color:var(--tx)}
.ck-it.on .ck-box{background:var(--green);border-color:var(--green)}
.ck-it.on .ck-box svg{width:12px;height:12px}
@media (max-width:1180px){ .st-grid{grid-template-columns:1fr} .ck-grid{grid-template-columns:1fr} }

/* side-nav: section labels (Blueprint / Construção) */
.cfg-grp{font-family:'JetBrains Mono';font-size:9.5px;letter-spacing:.1em;text-transform:uppercase;color:var(--tx-4);margin:15px 0 5px;padding:0 12px}
.cfg-grp:first-child{margin-top:0}

/* MVP congelado */
.mvp-goal{padding:16px 18px;background:var(--bg-card)}
.mvp-goal .mvp-dec-tag{color:var(--green-2);background:var(--green-dim);border-color:var(--green-line)}
.mvpc-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:14px;align-items:start}
.mvpc-col{padding:16px 18px;display:flex;flex-direction:column;gap:12px}
.mvpc-h{display:flex;align-items:center;gap:10px}
.mvpc-h h3{flex:1;letter-spacing:-.01em}
.mvpc-list{display:flex;flex-direction:column;gap:6px}
.mvpc-it{display:flex;align-items:flex-start;gap:9px;font-size:12.5px;font-weight:500;color:var(--tx);line-height:1.35}
.mvpc-it svg{width:13px;height:13px;color:var(--green);flex:none;margin-top:2px}
.mvpc-out{padding:13px 16px}
.mvpc-out-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:8px 18px}
.mvpc-out-it{display:flex;align-items:flex-start;gap:9px;font-size:12.5px;font-weight:500;color:var(--tx-3);line-height:1.35;padding:3px 0}
.mvpc-out-it svg{width:13px;height:13px;color:var(--tx-4);flex:none;margin-top:2px}
.mvpc-note{display:flex;align-items:center;gap:9px;margin-top:16px;padding:12px 14px;border-radius:10px;
  background:var(--purple-dim);border:1px solid var(--purple-line);color:var(--tx);font-size:13px;font-weight:600}
.mvpc-note svg{width:15px;height:15px;color:var(--purple-2);flex:none}

/* schema real */
.sch-legend{padding:13px 18px;display:flex;align-items:center;gap:20px;flex-wrap:wrap}
.sch-grid{display:grid;grid-template-columns:repeat(2,1fr);gap:14px;align-items:start}
.sch{padding:0;overflow:hidden}
.sch-head{display:flex;align-items:center;gap:10px;padding:9px 14px;border-bottom:1px solid var(--line);background:var(--surface-2)}
.sch-tbl{font-family:'JetBrains Mono';font-size:12px;color:var(--green);font-weight:500}
.sch-fields{padding:5px 7px}
.sch-f{display:grid;grid-template-columns:1fr auto 26px;gap:10px;align-items:center;padding:5px 9px;border-radius:6px}
.sch-f:hover{background:rgba(255,255,255,.03)}
.sch-f-n{font-size:12px;color:var(--tx)}
.sch-f-t{font-size:11px;color:var(--tx-4);text-align:right}
.rel-card{padding:8px 10px}
.rel-it{display:flex;align-items:center;gap:12px;padding:9px 10px;border-radius:8px;flex-wrap:wrap}
.rel-it:hover{background:rgba(255,255,255,.02)}
.rel-t{font-size:12.5px;color:var(--tx);background:rgba(255,255,255,.04);border:1px solid var(--line);border-radius:7px;padding:4px 10px}
.rel-mid{display:inline-flex;align-items:center;gap:7px;color:var(--tx-4)}
.rel-verb{font-size:11px;color:var(--green-2);font-weight:600;font-family:'JetBrains Mono'}

/* ações reais (tabela) */
.ar-wrap{padding:0;overflow:hidden}
.ar-head,.ar-row{display:grid;grid-template-columns:148px 1.25fr 1.6fr 132px 92px;gap:16px;padding:13px 18px}
.ar-head{border-bottom:1px solid var(--line);background:rgba(255,255,255,.018);
  font-family:'JetBrains Mono';font-size:9.5px;letter-spacing:.08em;text-transform:uppercase;color:var(--tx-4);font-weight:600}
.ar-row{border-bottom:1px solid var(--line);align-items:start;font-size:12.5px;line-height:1.45}
.ar-row:last-child{border-bottom:none}
.ar-fn{color:var(--green-2);font-size:12px;font-weight:600}
.ar-hoje{color:var(--tx-3)}
.ar-real{color:var(--tx)}
.ar-tbls{display:flex;flex-direction:column;gap:5px;align-items:flex-start}
.ar-tbl{font-size:10.5px;color:var(--tx-2);background:rgba(255,255,255,.04);border:1px solid var(--line);border-radius:6px;padding:2px 7px}
.prio-pill{display:inline-flex;align-items:center;gap:6px;font-size:11px;font-weight:600;padding:3px 9px;border-radius:7px;border:1px solid var(--line);white-space:nowrap}
.prio-pill .dot{width:6px;height:6px;border-radius:50%;background:currentColor}
.prio-pill.alta{color:var(--green-2);background:var(--green-dim);border-color:var(--green-line)}
.prio-pill.media{color:var(--morno);background:rgba(224,184,77,.1);border-color:rgba(224,184,77,.26)}
.prio-pill.baixa{color:var(--tx-3)}

/* ordem de implementação */
.ord{display:flex;flex-direction:column;gap:12px}
.ord-step{display:grid;grid-template-columns:56px 1fr;gap:0;overflow:hidden;padding:0}
.ord-side{display:flex;flex-direction:column;align-items:center;padding:16px 0;background:rgba(255,255,255,.018);border-right:1px solid var(--line)}
.ord-n{font-size:13px;font-weight:600;color:var(--green-2)}
.ord-line{width:2px;flex:1;margin-top:10px;background:var(--line)}
.ord-body{padding:15px 18px;display:flex;flex-direction:column;gap:12px;min-width:0}
.ord-tt b{font-family:'Space Grotesk';font-weight:600;font-size:15px;letter-spacing:-.01em}
.ord-d{display:block;font-size:12.5px;color:var(--tx-3);margin-top:3px}
.ord-items{display:flex;flex-wrap:wrap;gap:7px}
.ord-chip{font-size:12.5px;font-weight:600;color:var(--tx-2);padding:5px 11px;border-radius:7px;border:1px solid var(--line);background:rgba(255,255,255,.02)}

/* plano técnico (Status & QA) */
.plan-grid{display:grid;grid-template-columns:repeat(2,1fr);gap:12px}
.plan-it{display:flex;align-items:center;gap:13px;padding:15px 17px;text-align:left;width:100%;cursor:pointer;transition:.12s;background:var(--surface)}
.plan-it:hover{border-color:var(--purple-line);background:rgba(199,146,234,.04)}
.plan-nm{font-family:'Space Grotesk';font-weight:600;font-size:14.5px;letter-spacing:-.01em;display:flex;align-items:center;gap:9px;flex-wrap:wrap}
.plan-tag{font-size:9px;letter-spacing:.06em;text-transform:uppercase;color:var(--purple-2);background:var(--purple-dim);border:1px solid var(--purple-line);border-radius:5px;padding:1px 6px;font-weight:600}
.plan-d{font-size:12.5px;color:var(--tx-3);margin-top:3px}
.plan-it>svg:last-child{color:var(--tx-4);flex:none}

@media (max-width:1180px){
  .mvpc-grid{grid-template-columns:1fr 1fr}
  .mvpc-out-grid{grid-template-columns:1fr 1fr}
  .sch-grid{grid-template-columns:1fr}
  .plan-grid{grid-template-columns:1fr}
}
@media (max-width:900px){
  .cfg-grp{display:none}
  .mvpc-grid,.mvpc-out-grid{grid-template-columns:1fr}
  .ord-step{grid-template-columns:46px 1fr}
  /* ações reais → cartões empilhados */
  .ar-head{display:none}
  .ar-row{grid-template-columns:1fr;gap:7px;padding:16px}
  .ar-hoje::before{content:'Hoje — ';color:var(--tx-4);font-weight:700}
  .ar-real::before{content:'Real — ';color:var(--green-2);font-weight:700}
  .ar-tbls{flex-direction:row;flex-wrap:wrap}
}

/* ===== Pacote Técnico ===== */
/* Plano Supabase */
.sup-grid{display:grid;grid-template-columns:repeat(2,1fr);gap:14px;align-items:start}
.sup-col{padding:13px 16px;display:flex;flex-direction:column;gap:13px}

/* RLS & Segurança */
.pol-card{padding:8px 10px}
.pol-it{display:grid;grid-template-columns:210px 1fr;gap:14px;align-items:center;padding:9px 10px;border-radius:8px}
.pol-it:hover{background:rgba(255,255,255,.02)}
.pol-t{font-size:12.5px;color:var(--green-2);background:var(--green-dim);border:1px solid var(--green-line);border-radius:7px;padding:4px 10px;justify-self:start}
.pol-rule{font-size:13px;color:var(--tx-2);line-height:1.4}
.rm-2col{display:grid;grid-template-columns:1fr 1fr;gap:14px;align-items:start}

/* Funções Futuras */
.fn-grid{display:grid;grid-template-columns:repeat(2,1fr);gap:14px;align-items:start}
.fn-card{padding:0;overflow:hidden}
.fn-head{display:flex;align-items:center;gap:10px;padding:13px 16px;border-bottom:1px solid var(--line);background:rgba(255,255,255,.018)}
.fn-nm{font-size:14px;color:var(--tx);font-weight:600;flex:1}
.fn-st{font-size:9.5px;letter-spacing:.06em;text-transform:uppercase;color:var(--purple-2);background:var(--purple-dim);border:1px solid var(--purple-line);border-radius:5px;padding:2px 7px}
.fn-gat{padding:11px 16px 0;font-size:12.5px;color:var(--tx-2)}
.fn-lbl{font-family:'JetBrains Mono';font-size:9.5px;letter-spacing:.08em;text-transform:uppercase;color:var(--tx-4);margin-right:8px}
.fn-faz{padding:10px 16px;display:flex;flex-direction:column;gap:6px}
.fn-faz-it{display:flex;align-items:flex-start;gap:8px;font-size:12.5px;color:var(--tx);font-weight:500;line-height:1.35}
.fn-faz-it svg{color:var(--green);flex:none;margin-top:3px}
.fn-meta{padding:0 16px 15px;display:flex;flex-direction:column;gap:9px}
.fn-tbls{display:flex;flex-wrap:wrap;gap:5px}
.fn-risco{font-size:12px;color:var(--tx-3)}

/* Migrações */
.mig-wrap{padding:4px 6px}
.mig-row{display:grid;grid-template-columns:210px 1.3fr 1fr 80px 130px;gap:14px;align-items:center;padding:11px 12px;border-radius:8px;border-bottom:1px solid var(--line)}
.mig-row:last-child{border-bottom:none}
.mig-row:hover{background:rgba(255,255,255,.02)}
.mig-f{font-size:12px;color:var(--green-2)}
.mig-obj{font-size:12.5px;color:var(--tx)}
.mig-tbls{display:flex;flex-wrap:wrap;gap:5px}
.mig-dep{font-size:11px;color:var(--tx-4)}

/* Roadmap → cartão Pacote Técnico */
.rm-pkg{display:flex;align-items:center;gap:13px;width:100%;text-align:left;padding:15px 18px;margin-top:2px;cursor:pointer;
  background:var(--bg-card);transition:.12s}
.rm-pkg:hover{border-color:var(--purple-line)}
.rm-pkg>svg:last-child{color:var(--tx-4);flex:none}

@media (max-width:1180px){
  .sup-grid,.fn-grid,.rm-2col{grid-template-columns:1fr}
}
@media (max-width:900px){
  .pol-it{grid-template-columns:1fr;gap:6px}
  .mig-head{display:none}
  .mig-row{grid-template-columns:1fr;gap:7px;padding:14px}
}

/* ===== Handoff ===== */
.hdf-hero{padding:16px 18px;background:var(--bg-card)}
.hdf-claim{font-size:17px;margin:14px 0 0;max-width:30em;line-height:1.3;letter-spacing:-.01em}
.hdf-2col{display:grid;grid-template-columns:1fr 1fr;gap:14px;align-items:start}
.hdf-decision{display:flex;align-items:flex-start;gap:13px;padding:16px 20px;background:var(--bg-card)}
.hdf-dec-k{font-size:10px;letter-spacing:.08em;text-transform:uppercase;color:var(--purple-2)}
.hdf-dec-t{font-size:15px;color:var(--tx);margin-top:5px;line-height:1.4}
.hdf-grid{display:grid;grid-template-columns:1fr 1fr;gap:12px}
.hdf-doc{display:flex;align-items:center;gap:13px;padding:15px 17px;text-decoration:none;cursor:pointer;transition:.12s;background:var(--surface)}
.hdf-doc:hover{border-color:var(--green-line);background:var(--green-dim)}
.hdf-doc-nm{font-family:'Space Grotesk';font-weight:600;font-size:14.5px;letter-spacing:-.01em;color:var(--tx)}
.hdf-doc-d{font-size:12.5px;color:var(--tx-3);margin-top:3px}
.hdf-doc-f{display:inline-flex;align-items:center;gap:4px;font-size:11px;color:var(--tx-4);flex:none}
.hdf-doc:hover .hdf-doc-f{color:var(--green-2)}
.hdf-next{padding:16px 18px;display:flex;flex-direction:column;gap:16px;border-color:var(--green-line)}
.hdf-next-h{display:flex;align-items:center;gap:12px}
.hdf-next-tag{font-size:10px;letter-spacing:.08em;text-transform:uppercase;color:var(--green-2)}
.hdf-next-t{font-size:20px;letter-spacing:-.01em;margin-top:3px}
.hdf-next-items{display:grid;grid-template-columns:repeat(3,1fr);gap:9px}
.hdf-e1{display:flex;align-items:center;gap:10px;font-size:13px;font-weight:500;color:var(--tx);padding:9px 12px;border-radius:9px;border:1px solid var(--line);background:rgba(255,255,255,.02)}
.hdf-e1 .st-n{flex:none}
.hdf-warn{display:flex;align-items:center;gap:9px;padding:11px 14px;border-radius:10px;background:var(--purple-dim);border:1px solid var(--purple-line);color:var(--tx);font-size:13px;font-weight:600}
.hdf-warn svg{width:15px;height:15px;color:var(--purple-2);flex:none}
@media (max-width:1180px){ .hdf-2col,.hdf-grid{grid-template-columns:1fr} .hdf-next-items{grid-template-columns:1fr 1fr} }
@media (max-width:560px){ .hdf-next-items{grid-template-columns:1fr} }

/* responsive */
@media (max-width:1180px){
  .mod-grid{grid-template-columns:repeat(2,1fr)}
  .bp-stats{grid-template-columns:repeat(2,1fr)}
  .ent-grid,.act-grid,.rule-grid,.intg-grid{grid-template-columns:1fr}
  .mvp-grid{grid-template-columns:1fr}
}
@media (max-width:900px){
  .smx-row{grid-template-columns:1fr;gap:12px;align-items:flex-start}
  .bp-intro{padding:20px}
  .bp-fstep{grid-template-columns:40px 1fr;gap:12px}
  .p2r{grid-template-columns:1fr;gap:12px}
  .p2r-mid{transform:rotate(90deg);padding:0}
}
@media (max-width:560px){
  .mod-grid,.bp-stats{grid-template-columns:1fr}
  .intg-state{width:96px}
}

/* ============================================================
   FEATURES ESTRATÉGICAS
   ============================================================ */
/* perfil switch (sidebar) */
.perfil-switch{display:flex;gap:2px;margin:2px 4px 8px;padding:2px;background:transparent;border:1px solid var(--line);border-radius:6px}
.ps-opt{flex:1;font:inherit;font-size:11px;font-weight:500;color:var(--tx-3);background:transparent;border:none;border-radius:4px;padding:3px 7px;cursor:pointer;transition:.12s}
.ps-opt:hover{color:var(--tx)}
.ps-opt.on{background:rgba(255,255,255,.06);color:var(--tx);box-shadow:none}
/* visão por persona (select discreto) */
.nav-view-ctl{align-items:center;gap:6px;padding:3px 6px 3px 9px}
.nv-lbl{font-family:'JetBrains Mono',monospace;font-size:9.5px;letter-spacing:.08em;text-transform:uppercase;color:var(--tx-4);flex:none}
.nv-sel{flex:1;min-width:0;font:inherit;font-size:11px;font-weight:500;color:var(--tx-2);background:var(--surface-2,#171717);border:1px solid var(--line);border-radius:4px;padding:3px 5px;cursor:pointer;outline:none}
.nv-sel:hover{color:var(--tx);border-color:rgba(255,255,255,.16)}
.nv-sel:focus{border-color:rgba(255,255,255,.2)}
/* cenário de visualização — linha do select + rodapé com modo ativo e restaurar padrão */
.nv-row{display:flex;align-items:center;gap:6px}
.nv-foot{display:flex;align-items:center;justify-content:space-between;gap:6px;padding:0 1px}
.nv-mode{font-family:'JetBrains Mono',monospace;font-size:9px;letter-spacing:.04em;color:var(--tx-4);white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.nv-reset{flex:none;font:inherit;font-size:9.5px;font-weight:500;color:var(--tx-3);background:transparent;border:none;border-radius:4px;padding:2px 4px;cursor:pointer;transition:.12s}
.nv-reset:hover{color:var(--tx);background:rgba(255,255,255,.06)}
.nv-reset:focus-visible{outline:1px solid rgba(255,255,255,.25);outline-offset:1px}
.nav-view-ctl.nv-nondefault{border-color:rgba(255,255,255,.16)}

/* score do lead */
.score{display:inline-flex;align-items:center;gap:6px;padding:2px 4px 2px 8px;border-radius:20px;border:1px solid var(--line-2);background:rgba(255,255,255,.03);font-size:11px;font-weight:600;white-space:nowrap}
.score b{font-family:'Space Grotesk';font-size:13px;line-height:1}
.score span{font-size:9.5px;letter-spacing:.04em;text-transform:uppercase;color:var(--tx-3);background:rgba(255,255,255,.05);padding:2px 6px;border-radius:20px}
.score-critico{border-color:rgba(227,100,88,.4);color:#f0a89f} .score-critico span{color:#f0a89f;background:rgba(227,100,88,.12)}
.score-alto{border-color:var(--green-line);color:var(--green-2)} .score-alto span{color:var(--green-2);background:var(--green-dim)}
.score-medio{border-color:rgba(224,184,77,.3);color:var(--morno)} .score-medio span{color:var(--morno);background:rgba(224,184,77,.1)}
.score-baixo{color:var(--tx-2)}
.score-card{border:1px solid var(--line);border-radius:6px;padding:10px 12px;display:flex;flex-direction:column;gap:9px;background:rgba(255,255,255,.015)}
.score-bar{height:5px;border-radius:4px;background:var(--surface-2);border:1px solid var(--line);overflow:hidden}
.score-fill{display:block;height:100%;border-radius:5px}
.score-fill.faixa-critico{background:var(--red)} .score-fill.faixa-alto{background:var(--green)}
.score-fill.faixa-medio{background:var(--morno)} .score-fill.faixa-baixo{background:var(--tx-3)}

/* pills de tarefa/status */
.tpill{display:inline-flex;align-items:center;gap:6px;font-size:11px;font-weight:600;padding:3px 9px;border-radius:7px;border:1px solid var(--line);background:rgba(255,255,255,.03);color:var(--tx-2);white-space:nowrap;text-transform:capitalize}
.tpill .dot{width:6px;height:6px;border-radius:50%;background:currentColor}
.prio-alta{color:#f0a89f;background:rgba(227,100,88,.1);border-color:rgba(227,100,88,.28)}
.prio-media{color:var(--morno);background:rgba(224,184,77,.1);border-color:rgba(224,184,77,.26)}
.prio-baixa{color:var(--tx-3)}
.ts-aberta{color:var(--frio,#7bb0e0)} .ts-and{color:var(--morno)} .ts-done{color:var(--green-2);background:var(--green-dim);border-color:var(--green-line)} .ts-late{color:#f0a89f;background:rgba(227,100,88,.1);border-color:rgba(227,100,88,.28)}

/* tarefas */
.tcheck{width:22px;height:22px;border-radius:7px;border:1.5px solid var(--line-2);background:transparent;display:grid;place-items:center;cursor:pointer;color:#0b1505;flex:none;transition:.12s}
.tcheck:hover{border-color:var(--green)}
.tcheck.on{background:var(--green);border-color:var(--green)}
.tcheck svg{width:13px;height:13px}
.t-title{font-weight:600;font-size:13.5px;color:var(--tx)}
.t-title.done{text-decoration:line-through;color:var(--tx-3)}
table.tasks th:first-child,table.tasks td:first-child{width:34px}
.task-cards{display:none;flex-direction:column;gap:12px}
.task-card{padding:15px 16px;display:flex;flex-direction:column;gap:11px}
.task-card.done{opacity:.6}
.task-meta{display:flex;flex-wrap:wrap;gap:5px;font-size:12px;color:var(--tx-3)}

/* agenda */
.agenda-list{display:flex;flex-direction:column;gap:2px}
.ag-it{display:grid;grid-template-columns:96px 1fr auto auto;gap:14px;align-items:center;padding:11px 4px;border-top:1px solid var(--line)}
.ag-it:first-child{border-top:none}
.ag-it.done{opacity:.55}
.ag-time{font-size:12.5px;color:var(--tx-2);font-weight:600}
.ag-it.late .ag-time{color:#f0a89f}
.ag-tt{font-weight:600;font-size:13.5px;color:var(--tx)}
.ag-actions{display:flex;gap:5px}
.eb-late{color:#f0a89f}

/* central de comando — operational console */
.cmd-pri{display:grid;grid-template-columns:repeat(3,1fr);gap:12px;align-items:start;margin-bottom:2px}
.cmd-card{padding:12px 14px;display:flex;flex-direction:column;gap:9px;position:relative;overflow:hidden}
.cmd-card::before{content:"";position:absolute;left:0;top:0;bottom:0;width:2px}
.cmd-card.risk-alto::before{background:rgba(239,68,68,.6)} .cmd-card.risk-medio::before{background:rgba(245,158,11,.55)}
.cmd-nm{font-family:'Manrope';font-weight:600;font-size:13px;letter-spacing:0}
.cmd-meta{display:flex;align-items:center;gap:9px}
.cmd-val{font-family:'Space Grotesk';font-weight:600;font-size:14px}
.risk-tag{font-family:'JetBrains Mono';font-size:9px;font-weight:500;padding:1px 6px;border-radius:4px;text-transform:uppercase;letter-spacing:.05em;border:1px solid var(--line)}
.risk-tag.risk-alto{color:#f87171;background:rgba(239,68,68,.07);border-color:rgba(239,68,68,.25)} .risk-tag.risk-medio{color:var(--morno);background:rgba(245,158,11,.06);border-color:rgba(245,158,11,.22)}
.cmd-motivo{font-size:12px;color:var(--tx-2);line-height:1.45;display:flex;gap:7px}
.cmd-motivo svg{width:12px;height:12px;color:var(--morno);flex:none;margin-top:2px}
.cmd-acao{background:rgba(255,255,255,.02);border:1px solid var(--line);border-radius:6px;padding:6px 10px}
.cmd-acao .mono{display:block;color:var(--green);margin-bottom:1px;font-size:9px;letter-spacing:.1em}
.cmd-acao b{font-size:12.5px}
.cmd-split{display:grid;grid-template-columns:1fr 1fr;gap:18px;align-items:start}
.alert-grid{display:grid;grid-template-columns:1fr 1fr;gap:10px}
.alert-it{display:flex;align-items:center;gap:11px;padding:11px 13px}

/* playbooks — grid técnico denso */
.pb-grid{display:grid;grid-template-columns:repeat(2,1fr);gap:12px;align-items:start}
.pb-card{padding:13px 16px;display:flex;flex-direction:column;gap:10px}
.pb-head{display:flex;align-items:center;justify-content:space-between;gap:10px}
.pb-head h3{font-family:'Manrope';font-size:13px;letter-spacing:0;font-weight:600}
.pb-obj{font-size:12px;color:var(--tx-2);display:flex;gap:7px;align-items:center}
.pb-obj svg{width:12px;height:12px;color:var(--tx-3);flex:none}
.pb-lbl{font-family:'JetBrains Mono';font-size:9px;letter-spacing:.1em;text-transform:uppercase;color:var(--tx-4);display:block;margin-bottom:4px}
.pb-steps{margin:0;padding-left:16px;display:flex;flex-direction:column;gap:2px;font-size:12px;color:var(--tx-2);line-height:1.4}
.pb-msg p{margin:0;font-size:12px;color:var(--tx-2);line-height:1.5;background:rgba(255,255,255,.02);border:1px solid var(--line);border-left:2px solid var(--whats-line);border-radius:4px;padding:7px 10px}
.pb-foot{display:flex;align-items:center;justify-content:space-between;gap:12px;margin-top:0;border-top:1px solid var(--line);padding-top:9px}
.pb-res{display:flex;align-items:baseline;gap:7px}
.pb-res .pb-lbl{margin:0}
.pb-res b{font-size:12px;color:var(--tx)}

/* biblioteca de mensagens */
.msg-var{font-family:'JetBrains Mono';font-size:11px;color:var(--purple-2);background:var(--purple-dim);border:1px solid var(--purple-line);border-radius:5px;padding:1px 5px}
.lib-grid{display:grid;grid-template-columns:repeat(2,1fr);gap:14px;align-items:start}
.lib-card{padding:13px 16px;display:flex;flex-direction:column;gap:9px}
.lib-head{display:flex;align-items:flex-start;justify-content:space-between;gap:10px}
.lib-nm{font-family:'Manrope';font-weight:600;font-size:13px;letter-spacing:0}
.lib-txt{font-size:12px;color:var(--tx-2);line-height:1.5;background:rgba(255,255,255,.02);border:1px solid var(--line);border-radius:5px;padding:8px 11px}
.badge-mail{display:inline-flex;align-items:center;gap:6px;font-size:11px;font-weight:600;color:var(--purple-2);background:var(--purple-dim);border:1px solid var(--purple-line);border-radius:7px;padding:3px 9px;white-space:nowrap}
.badge-mail svg{width:13px;height:13px}

/* relatórios */
.rep-split{display:grid;grid-template-columns:1fr 1fr;gap:18px;align-items:start}
.rep-row{display:grid;grid-template-columns:180px 1fr auto;gap:14px;align-items:center;padding:7px 0}
.rep-lbl{font-size:13px;color:var(--tx);font-weight:500}
.rep-track{height:10px;border-radius:6px;background:var(--surface-2);border:1px solid var(--line);overflow:hidden}
.rep-fill{display:block;height:100%;background:var(--frio,#5a7fa8);border-radius:6px}
.rep-fill.g{background:var(--green)} .rep-fill.warn{background:var(--morno)} .rep-fill.red{background:var(--red)}
.rep-v{font-size:11.5px;color:var(--tx-3);white-space:nowrap}
.rep-flag{font-size:9.5px;font-weight:600;text-transform:uppercase;letter-spacing:.04em;color:var(--morno);background:rgba(224,184,77,.1);border:1px solid rgba(224,184,77,.26);border-radius:5px;padding:1px 6px;margin-left:6px}
.rep-insight{display:flex;align-items:flex-start;gap:8px;margin-top:12px;padding:10px 12px;border-radius:9px;background:var(--purple-dim);border:1px solid var(--purple-line);color:var(--tx-2);font-size:12.5px;line-height:1.45;font-weight:500}
.rep-insight svg{width:14px;height:14px;color:var(--purple-2);flex:none;margin-top:2px}

/* ===== Oferta (comercial) ===== */
.offer-hero{padding:18px 20px;background:var(--bg-card)}
.offer-h{font-size:19px;margin:14px 0 0;max-width:20em;line-height:1.18;letter-spacing:-.01em}
.offer-sub{font-size:13px;color:var(--tx-2);margin:12px 0 0;max-width:54em;line-height:1.6}
.offer-claim{display:inline-flex;align-items:center;gap:9px;margin-top:18px;padding:11px 15px;border-radius:11px;background:rgba(255,255,255,.04);border:1px solid var(--line-2);font-weight:600;font-size:14px}
.offer-claim svg{width:16px;height:16px;color:var(--green-2)}
.offer-plans{display:grid;grid-template-columns:repeat(3,1fr);gap:14px;align-items:start}
.plan-card{padding:14px 16px;display:flex;flex-direction:column;gap:12px;position:relative}
.plan-card.rec{border-color:var(--green-line);box-shadow:0 0 0 1px var(--green-line)}
.plan-rec-tag{display:inline-flex;align-items:center;gap:6px;align-self:flex-start;font-size:10.5px;font-weight:600;text-transform:uppercase;letter-spacing:.03em;color:var(--green-2);background:var(--green-dim);border:1px solid var(--green-line);border-radius:6px;padding:3px 9px}
.plan-rec-tag svg{width:12px;height:12px}
.plan-nm{font-family:'Space Grotesk';font-weight:600;font-size:21px;letter-spacing:-.01em}
.plan-card.plan-g .plan-nm{color:var(--green-2)} .plan-card.plan-p .plan-nm{color:var(--purple-2)}
.plan-para{font-size:13px;color:var(--tx-3);line-height:1.45}
.plan-price{display:grid;grid-template-columns:1fr 1fr;gap:10px;padding:12px 0;border-top:1px solid var(--line);border-bottom:1px solid var(--line)}
.pp-k{display:block;font-size:10.5px;text-transform:uppercase;letter-spacing:.04em;color:var(--tx-4);margin-bottom:3px}
.plan-price b{font-family:'Space Grotesk';font-size:14px;line-height:1.2}
.plan-base{font-size:11.5px;font-weight:600;color:var(--green-2)}
.plan-inc{display:flex;flex-direction:column;gap:6px}
.plan-i{display:flex;align-items:flex-start;gap:9px;font-size:12.5px;color:var(--tx);font-weight:500;line-height:1.35}
.plan-i svg{width:13px;height:13px;color:var(--green);flex:none;margin-top:2px}
.plan-ind{display:flex;align-items:flex-start;gap:8px;font-size:12px;color:var(--tx-2);background:rgba(255,255,255,.02);border:1px solid var(--line);border-radius:9px;padding:9px 11px;line-height:1.4}
.plan-ind svg{width:13px;height:13px;color:var(--tx-3);flex:none;margin-top:2px}
.offer-note{display:flex;align-items:center;gap:9px;font-size:12.5px;color:var(--tx-3);padding:2px}
.offer-note svg{width:14px;height:14px;color:var(--tx-4)}
.offer-2col{display:grid;grid-template-columns:1.15fr 1fr;gap:14px;align-items:start}
.offer-impl,.offer-calc{padding:14px 16px}
.impl-grid{display:grid;grid-template-columns:1fr 1fr;gap:8px}
.impl-it{display:flex;align-items:center;gap:10px;font-size:12.5px;color:var(--tx);font-weight:500}
.impl-num{width:24px;height:24px;border-radius:7px;display:grid;place-items:center;font-size:10.5px;font-weight:600;flex:none;color:var(--green-2);background:var(--green-dim);border:1px solid var(--green-line)}
.offer-flag{display:flex;align-items:center;gap:9px;margin-top:14px;padding:11px 13px;border-radius:10px;background:var(--green-dim);border:1px solid var(--green-line);color:var(--tx);font-size:13px;font-weight:600}
.offer-flag svg{width:15px;height:15px;color:var(--green-2);flex:none}
/* calculadora */
.calc-rows{display:flex;flex-direction:column;gap:13px}
.calc-row label{font-size:12.5px;color:var(--tx-2);font-weight:600}
.calc-v{font-size:13px;color:var(--green-2);font-weight:600}
.calc-row input[type=range]{width:100%;margin-top:7px;accent-color:var(--green);height:4px}
.calc-out{display:grid;grid-template-columns:1fr 1fr;gap:12px;margin-top:16px}
.calc-big,.calc-rec{padding:14px 15px;border-radius:11px;border:1px solid var(--line)}
.calc-big{background:rgba(227,100,88,.06);border-color:rgba(227,100,88,.22)}
.calc-rec{background:var(--green-dim);border-color:var(--green-line)}
.calc-out-k{display:block;font-size:10.5px;text-transform:uppercase;letter-spacing:.04em;color:var(--tx-3);margin-bottom:5px}
.calc-big b,.calc-rec b{font-family:'Space Grotesk';font-size:24px;line-height:1;display:block}
.calc-big b{color:#f0a89f} .calc-rec b{color:var(--green-2)}
.calc-out-s{display:block;font-size:11.5px;color:var(--tx-3);margin-top:5px}
/* comparativo */
.cmp-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:14px;align-items:start}
.cmp-col{padding:13px 16px;display:flex;flex-direction:column;gap:13px}
.cmp-win{border-color:var(--green-line);box-shadow:0 0 0 1px var(--green-line)}
.cmp-h{font-family:'Space Grotesk';font-weight:600;font-size:16px;letter-spacing:-.01em}
.cmp-win .cmp-h{color:var(--green-2)}
.cmp-list{display:flex;flex-direction:column;gap:8px}
.cmp-it{display:flex;align-items:center;gap:10px;font-size:13px;font-weight:500;line-height:1.35}
.cmp-it.on{color:var(--tx)} .cmp-it.off{color:var(--tx-4)}
.cmp-it svg{width:13px;height:13px;flex:none}
.cmp-it.on svg{color:var(--green)} .cmp-it.off svg{color:var(--tx-4)}
.offer-cta{padding:18px 22px;display:flex;align-items:center;justify-content:space-between;gap:16px;flex-wrap:wrap;background:var(--bg-card)}
.offer-cta-t{font-family:'Manrope';font-weight:600;font-size:14px;letter-spacing:-.01em}
/* proposta (modal) */
.prop-card{max-width:520px}
.prop-head{display:flex;align-items:flex-start;justify-content:space-between;gap:12px;padding:18px 22px;border-bottom:1px solid var(--line)}
.prop-eyebrow{font-size:10px;letter-spacing:.06em;text-transform:uppercase;color:var(--green-2)}
.prop-title{font-family:'Space Grotesk';font-weight:600;font-size:19px;letter-spacing:-.01em;margin-top:3px}
.prop-body{padding:18px 22px;display:flex;flex-direction:column;gap:14px;max-height:62vh;overflow-y:auto}
.prop-rec{display:flex;align-items:center;justify-content:space-between;gap:12px;padding:12px 14px;border-radius:10px;background:rgba(255,255,255,.03);border:1px solid var(--line)}
.prop-rec-l{font-size:12.5px;color:var(--tx-3);font-weight:600}
.prop-plan{font-family:'Space Grotesk';font-weight:600;font-size:16px}
.prop-plan.plan-g{color:var(--green-2)} .prop-plan.plan-p{color:var(--purple-2)} .prop-plan.plan-n{color:var(--tx)}
.prop-sec .prop-k{display:flex;align-items:center;gap:7px;font-size:12px;font-weight:600;color:var(--tx-2);margin-bottom:5px}
.prop-sec .prop-k svg{width:14px;height:14px;color:var(--green-2)}
.prop-sec p{margin:0;font-size:13.5px;color:var(--tx);line-height:1.5}
.prop-chips{display:flex;flex-wrap:wrap;gap:6px}
.prop-chip{font-size:11.5px;font-weight:600;color:var(--tx-2);padding:4px 10px;border-radius:7px;border:1px solid var(--line);background:rgba(255,255,255,.02)}
.prop-invest{display:grid;grid-template-columns:1fr 1fr;gap:12px;padding:13px 15px;border-radius:11px;background:var(--green-dim);border:1px solid var(--green-line)}
.prop-k2{display:block;font-size:10.5px;text-transform:uppercase;letter-spacing:.04em;color:var(--tx-3);margin-bottom:4px}
.prop-invest b{font-family:'Space Grotesk';font-size:15px}
.prop-next{display:flex;align-items:center;gap:9px;font-size:13.5px;color:var(--tx);padding:11px 13px;border-radius:10px;background:var(--purple-dim);border:1px solid var(--purple-line)}
.prop-next svg{width:15px;height:15px;color:var(--purple-2);flex:none}
.prop-foot{display:flex;justify-content:flex-end;gap:9px;padding:14px 22px;border-top:1px solid var(--line);background:var(--bg)}

@media (max-width:1180px){ .offer-plans,.cmp-grid{grid-template-columns:1fr} .offer-2col{grid-template-columns:1fr} }
@media (max-width:560px){ .impl-grid,.calc-out,.prop-invest{grid-template-columns:1fr} .offer-h{font-size:21px} }

/* ===== Diagnóstico ===== */
.dg-wrap{display:flex;flex-direction:column;gap:18px}
.dg-prog{display:flex;gap:6px;flex-wrap:wrap}
.dg-seg{flex:1;min-width:84px;display:flex;align-items:center;gap:7px;padding:5px 9px;border-radius:6px;border:1px solid var(--line);background:rgba(255,255,255,.015)}
.dg-seg-n{width:18px;height:18px;border-radius:50%;display:grid;place-items:center;font-size:10px;font-weight:600;flex:none;background:var(--surface-2);border:1px solid var(--line-2);color:var(--tx-3)}
.dg-seg-n svg{width:10px;height:10px}
.dg-seg-l{font-size:11.5px;font-weight:600;color:var(--tx-3);line-height:1.2}
.dg-seg.cur{border-color:var(--green-line);background:var(--green-dim)} .dg-seg.cur .dg-seg-n{background:var(--green);border-color:var(--green);color:#0b1505} .dg-seg.cur .dg-seg-l{color:var(--tx)}
.dg-seg.done .dg-seg-n{background:var(--green-dim);border-color:var(--green-line);color:var(--green-2)} .dg-seg.done .dg-seg-l{color:var(--tx-2)}
.dg-card{padding:16px 18px;display:flex;flex-direction:column;gap:13px}
.dg-head{display:flex;align-items:center;gap:12px}
.dg-step-k{font-size:9.5px;letter-spacing:.08em;text-transform:uppercase;color:var(--tx-4);font-family:'JetBrains Mono'}
.dg-step-nm{font-family:'Manrope';font-weight:600;font-size:14px;letter-spacing:0;margin-top:2px}
.dg-intro{display:flex;gap:9px;align-items:flex-start;font-size:12px;color:var(--tx-2);line-height:1.5;background:rgba(255,255,255,.02);border:1px solid var(--line);border-radius:6px;padding:8px 11px}
.dg-intro svg{width:13px;height:13px;color:var(--green);flex:none;margin-top:2px}
.dg-qs{display:flex;flex-direction:column;gap:13px}
.dg-q-t{font-size:12.5px;font-weight:600;color:var(--tx);margin-bottom:7px}
.dg-opts{display:flex;flex-wrap:wrap;gap:6px}
.dg-opt{font:inherit;font-size:12px;font-weight:500;color:var(--tx-2);text-align:left;padding:5px 11px;border-radius:5px;border:1px solid var(--line);background:transparent;cursor:pointer;transition:.12s;min-height:26px;white-space:nowrap}
.dg-opt:hover{color:var(--tx);border-color:var(--line-2)}
.dg-opt.on{color:var(--green);background:var(--green-dim);border-color:var(--green-line)}
.dg-nav{display:flex;align-items:center;justify-content:space-between;gap:10px;margin-top:4px}
.dg-nav .btn.ready{box-shadow:0 0 0 1px var(--green-line)}
/* resultado */
.dg-result{display:flex;flex-direction:column;gap:13px}
.dg-score-card{padding:16px 18px;display:flex;align-items:center;gap:20px}
.dg-score-ring{position:relative;width:92px;height:92px;flex:none}
.dg-score-ring svg{width:92px;height:92px;transform:rotate(0deg)}
.dg-ring-bg{fill:none;stroke:var(--surface-2);stroke-width:3}
.dg-ring-fg{fill:none;stroke:var(--green);stroke-width:3;stroke-linecap:round;transition:stroke-dasharray .6s ease}
.dg-score-card.f-baixo .dg-ring-fg{stroke:var(--red)} .dg-score-card.f-medio .dg-ring-fg{stroke:var(--morno)}
.dg-score-card.f-alto .dg-ring-fg{stroke:var(--green)} .dg-score-card.f-crit .dg-ring-fg{stroke:var(--green)}
.dg-score-n{position:absolute;inset:0;display:flex;flex-direction:column;align-items:center;justify-content:center}
.dg-score-n b{font-family:'Space Grotesk';font-size:30px;line-height:1}
.dg-score-n span{font-size:11px;color:var(--tx-3)}
.dg-score-k{font-size:10.5px;letter-spacing:.06em;text-transform:uppercase;color:var(--tx-4)}
.dg-score-faixa{font-family:'Space Grotesk';font-weight:600;font-size:20px;letter-spacing:-.01em;margin:4px 0 10px}
.dg-rec-plan{font-size:13.5px;color:var(--tx-2);font-weight:500;display:flex;align-items:center;gap:8px;flex-wrap:wrap}
.dg-2col{display:grid;grid-template-columns:1fr 1fr;gap:16px;align-items:start}
.dg-block{padding:13px 16px}
.dg-gargs{display:flex;flex-direction:column;gap:8px}
.dg-garg{display:flex;align-items:center;gap:10px;font-size:13px;font-weight:500;color:var(--tx)}
.dg-garg svg{width:13px;height:13px;color:var(--morno);flex:none}
.dg-impact{display:flex;flex-direction:column;gap:10px}
.dg-imp-big,.dg-imp-rec{padding:13px 15px;border-radius:11px;border:1px solid var(--line)}
.dg-imp-big{background:rgba(227,100,88,.06);border-color:rgba(227,100,88,.22)}
.dg-imp-rec{background:var(--green-dim);border-color:var(--green-line)}
.dg-imp-big b,.dg-imp-rec b{font-family:'Space Grotesk';font-size:22px;line-height:1;display:block;margin:4px 0}
.dg-imp-big b{color:#f0a89f} .dg-imp-rec b{color:var(--green-2)}
.dg-impl{padding:13px 16px}
.dg-impl-grid{display:grid;grid-template-columns:1fr 1fr;gap:8px}
.dg-impl-it{display:flex;align-items:center;gap:9px;font-size:12.5px;color:var(--tx);font-weight:500}
.dg-impl-it svg{width:13px;height:13px;color:var(--green);flex:none}
.dg-next{padding:13px 16px}
.dg-next-tag{font-size:10px;letter-spacing:.06em;text-transform:uppercase;color:var(--green-2);margin-bottom:12px}
.dg-steps-row{display:grid;grid-template-columns:repeat(4,1fr);gap:9px}
.dg-next-it{display:flex;align-items:center;gap:9px;font-size:12.5px;font-weight:600;color:var(--tx);padding:9px 11px;border-radius:9px;border:1px solid var(--line);background:rgba(255,255,255,.02)}
.dg-next-it .st-n{flex:none;color:var(--green-2);background:var(--green-dim);border-color:var(--green-line)}
@media (max-width:1180px){ .dg-2col{grid-template-columns:1fr} .dg-steps-row{grid-template-columns:1fr 1fr} }
@media (max-width:560px){ .dg-score-card{flex-direction:column;text-align:center;gap:14px} .dg-impl-grid{grid-template-columns:1fr} .dg-steps-row{grid-template-columns:1fr} }

/* ===== ROI / Business case ===== */
.roi-hero{padding:16px 18px;background:var(--bg-card)}
.roi-h{font-size:19px;margin:12px 0 0;letter-spacing:-.01em;max-width:18em;line-height:1.2}
.roi-sub{font-size:12.5px;color:var(--tx-2);margin:12px 0 0;max-width:56em;line-height:1.6}
.roi-2col{display:grid;grid-template-columns:1fr 1.1fr;gap:16px;align-items:start}
.roi-inputs{padding:14px 16px;display:flex;flex-direction:column;gap:14px}
.roi-in label{font-size:12.5px;color:var(--tx-2);font-weight:600}
.roi-in-v{font-size:13px;color:var(--green-2);font-weight:600}
.roi-in input[type=range]{width:100%;margin-top:7px;accent-color:var(--green);height:4px}
.roi-metrics{display:grid;grid-template-columns:1fr 1fr;gap:12px;align-items:start}
.roi-metric{padding:16px 18px;border-radius:13px;border:1px solid var(--line);background:var(--surface)}
.roi-m-k{font-size:11px;text-transform:uppercase;letter-spacing:.04em;color:var(--tx-3);margin-bottom:7px}
.roi-metric b{font-family:'Space Grotesk';font-size:25px;line-height:1;display:block}
.roi-metric.roi-risk{background:rgba(227,100,88,.06);border-color:rgba(227,100,88,.22)} .roi-metric.roi-risk b{color:#f0a89f}
.roi-metric.roi-win{background:var(--green-dim);border-color:var(--green-line)} .roi-metric.roi-win b{color:var(--green-2)}
.roi-metric.roi-plan{grid-column:1/-1} .roi-metric.roi-plan b{font-size:18px}
/* business case */
.bc-card{padding:14px 16px}
.bc-text{font-size:15px;line-height:1.65;color:var(--tx);margin:4px 0 16px;max-width:60em}
.bc-text b{color:var(--tx)} .bc-impact{color:var(--green-2)!important}
.bc-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:12px}
.bc-it{padding:13px 15px;border-radius:11px;border:1px solid var(--line);background:rgba(255,255,255,.02)}
.bc-it span{display:block;font-size:11px;text-transform:uppercase;letter-spacing:.04em;color:var(--tx-3);margin-bottom:5px}
.bc-it b{font-family:'Space Grotesk';font-size:17px}
/* sensibilidade */
.sens-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:14px}
.sens-col{padding:13px 16px}
.sens-col.sens-win{border-color:var(--green-line);box-shadow:0 0 0 1px var(--green-line)}
.sens-h{font-family:'Space Grotesk';font-weight:600;font-size:16px;display:flex;flex-direction:column;gap:3px;margin-bottom:12px}
.sens-pct{font-size:11px;font-weight:600;color:var(--tx-3);text-transform:uppercase;letter-spacing:.03em}
.sens-win .sens-h{color:var(--green-2)}
.sens-rows{display:flex;flex-direction:column;gap:8px}
.sens-r{display:flex;align-items:center;justify-content:space-between;gap:10px;font-size:12.5px;color:var(--tx-3)}
.sens-r b{font-family:'Space Grotesk';font-size:14px;color:var(--tx)}
/* custo de nao agir */
.na-card{padding:14px 16px}
.na-h{display:flex;align-items:flex-start;gap:13px;margin-bottom:16px}
.na-tag{font-size:10px;letter-spacing:.06em;text-transform:uppercase;color:var(--morno);margin-bottom:5px}
.na-claim{font-size:15px;color:var(--tx);line-height:1.5;font-weight:500;max-width:48em}
.na-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:12px}
.na-it{padding:13px 15px;border-radius:11px;border:1px solid rgba(227,100,88,.2);background:rgba(227,100,88,.05)}
.na-it span{display:block;font-size:11px;text-transform:uppercase;letter-spacing:.04em;color:var(--tx-3);margin-bottom:5px}
.na-it b{font-family:'Space Grotesk';font-size:18px;color:#f0a89f}
/* roi na proposta */
.prop-roi{border:1px solid var(--green-line);background:var(--green-dim);border-radius:11px;padding:12px 14px}
.prop-roi .prop-k{margin-bottom:9px}
.prop-roi-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:10px}
.prop-roi-grid span{display:block;font-size:10px;text-transform:uppercase;letter-spacing:.04em;color:var(--tx-3);margin-bottom:3px}
.prop-roi-grid b{font-family:'Space Grotesk';font-size:13.5px;color:var(--green-2)}
@media (max-width:1180px){ .roi-2col{grid-template-columns:1fr} .sens-grid{grid-template-columns:1fr} .na-grid{grid-template-columns:1fr 1fr} }
@media (max-width:560px){ .roi-metrics,.bc-grid{grid-template-columns:1fr} .na-grid,.prop-roi-grid{grid-template-columns:1fr} .roi-h{font-size:21px} }

/* ===== Dossiê Comercial ===== */
.dossie{display:flex;flex-direction:column;gap:12px;max-width:920px;margin:0 auto;width:100%}
.dossie-cover{padding:14px 16px;background:var(--bg-card)}
.dossie-cover-top{display:flex;align-items:center;justify-content:space-between;gap:12px;flex-wrap:wrap;margin-bottom:14px;padding-bottom:12px;border-bottom:1px solid var(--line)}
.dossie-brand{display:flex;align-items:center;gap:11px}
.dossie-brand .logo{width:38px;height:38px;border-radius:10px;display:grid;place-items:center;font-family:'Space Grotesk';font-weight:700;background:var(--green);color:#0b1505}
.dossie-brand b{font-family:'Space Grotesk';font-weight:600;font-size:15px;display:block}
.dossie-brand small{font-size:11px;color:var(--tx-3)}
.dossie-title{font-family:'Space Grotesk';font-weight:600;font-size:21px;letter-spacing:-.01em;line-height:1.15}
.dossie-subt{font-size:13px;color:var(--tx-2);margin:7px 0 0;max-width:46em;line-height:1.5}
.dossie-kpis{display:grid;grid-template-columns:repeat(6,1fr);gap:8px;margin:16px 0}
.dk{padding:8px 10px;border-radius:6px;border:1px solid var(--line);background:rgba(255,255,255,.015)}
.dk span{display:block;font-size:8.5px;text-transform:uppercase;letter-spacing:.06em;color:var(--tx-4);margin-bottom:4px;font-family:'JetBrains Mono'}
.dk b{font-family:'Space Grotesk';font-size:12.5px;line-height:1.15;display:block}
.dossie-intro{font-size:12.5px;color:var(--tx-3);line-height:1.55;max-width:54em;margin:0 0 14px}
.dossie-sec{padding:16px 18px}
.dossie-h{display:flex;align-items:center;gap:10px;margin-bottom:12px}
.dossie-n{width:22px;height:22px;border-radius:5px;display:grid;place-items:center;font-size:10px;font-weight:500;flex:none;color:var(--green);background:var(--green-dim);border:1px solid var(--green-line);font-family:'JetBrains Mono'}
.dossie-h h3{font-family:'Manrope';font-weight:600;font-size:14px;letter-spacing:0}
.dossie-2{display:grid;grid-template-columns:200px 1fr;gap:22px;align-items:start}
.dossie-score b{font-family:'Space Grotesk';font-size:32px;line-height:1;color:var(--green)}
.dossie-score span{font-size:12.5px;color:var(--tx-3);display:block;margin-top:4px}
.dossie-li{display:flex;align-items:center;gap:10px;font-size:13px;color:var(--tx);font-weight:500;padding:5px 0}
.dossie-li svg{width:13px;height:13px;color:var(--morno);flex:none}
.dossie-fin{display:grid;grid-template-columns:repeat(3,1fr);gap:12px;margin-bottom:14px}
.df{padding:13px 15px;border-radius:11px;border:1px solid var(--line);background:rgba(255,255,255,.02)}
.df span{display:block;font-size:10.5px;text-transform:uppercase;letter-spacing:.04em;color:var(--tx-3);margin-bottom:5px}
.df b{font-family:'Space Grotesk';font-size:19px}
.df.df-risk{background:rgba(227,100,88,.06);border-color:rgba(227,100,88,.22)} .df.df-risk b{color:#f0a89f}
.df.df-win{background:var(--green-dim);border-color:var(--green-line)} .df.df-win b{color:var(--green-2)}
.dossie-quote{display:flex;align-items:flex-start;gap:10px;padding:13px 15px;border-radius:11px;background:var(--purple-dim);border:1px solid var(--purple-line);font-size:14px;color:var(--tx);font-weight:500;line-height:1.5}
.dossie-quote svg{width:16px;height:16px;color:var(--purple-2);flex:none;margin-top:2px}
.dossie-plan-head{display:flex;align-items:center;justify-content:space-between;gap:14px;flex-wrap:wrap;padding-bottom:14px;border-bottom:1px solid var(--line);margin-bottom:14px}
.dossie-plan-nm{font-family:'Space Grotesk';font-weight:600;font-size:22px}
.dossie-plan-price{display:flex;gap:20px}
.dossie-plan-price span{display:block;font-size:10px;text-transform:uppercase;letter-spacing:.04em;color:var(--tx-4);margin-bottom:3px}
.dossie-plan-price b{font-family:'Space Grotesk';font-size:14px}
.dossie-plan-body{display:grid;grid-template-columns:1fr 1fr;gap:18px;margin-bottom:14px}
.dossie-k{font-size:11px;text-transform:uppercase;letter-spacing:.04em;color:var(--tx-4);margin-bottom:5px}
.dossie-plan-body p{margin:0;font-size:13.5px;color:var(--tx);line-height:1.5}
.dossie-plan-inc{display:flex;flex-wrap:wrap;gap:6px}
.dossie-install{display:grid;grid-template-columns:repeat(3,1fr);gap:9px}
.dossie-inst-it{display:flex;align-items:center;gap:9px;font-size:12.5px;color:var(--tx);font-weight:500}
.dossie-inst-it svg{width:13px;height:13px;color:var(--green);flex:none}
.dossie-ba{display:grid;grid-template-columns:1fr auto 1fr;gap:0;align-items:stretch}
.ba-col{padding:4px 6px}
.ba-mid{display:flex;align-items:center;padding:0 16px;color:var(--green)}
.ba-h{font-family:'JetBrains Mono';font-size:10.5px;letter-spacing:.08em;text-transform:uppercase;color:var(--tx-3);margin-bottom:10px}
.ba-depois .ba-h{color:var(--green-2)}
.ba-it{display:flex;align-items:flex-start;gap:9px;font-size:13px;color:var(--tx-3);font-weight:500;padding:6px 0;line-height:1.4}
.ba-it svg{width:13px;height:13px;color:var(--tx-4);flex:none;margin-top:2px}
.ba-it.on{color:var(--tx)} .ba-it.on svg{color:var(--green)}
.dossie-steps{display:grid;grid-template-columns:repeat(3,1fr);gap:10px}
.dossie-step{display:flex;align-items:center;gap:10px;font-size:13px;font-weight:600;color:var(--tx);padding:10px 12px;border-radius:9px;border:1px solid var(--line);background:rgba(255,255,255,.02)}
.dossie-step .st-n{flex:none;color:var(--green-2);background:var(--green-dim);border-color:var(--green-line)}
.dossie-export{display:flex;flex-direction:column;align-items:center;text-align:center;gap:12px;padding:14px 6px}
.dossie-export svg{width:34px;height:34px;color:var(--tx-3)}
.dossie-export p{margin:0;font-size:13.5px;color:var(--tx-2);line-height:1.55;max-width:30em}
@media (max-width:900px){
  .dossie-kpis{grid-template-columns:repeat(2,1fr)}
  .dossie-2,.dossie-plan-body{grid-template-columns:1fr}
  .dossie-fin,.dossie-install,.dossie-steps{grid-template-columns:1fr 1fr}
  .dossie-ba{grid-template-columns:1fr;gap:14px} .ba-mid{transform:rotate(90deg);padding:0;justify-content:center}
  .dossie-title{font-size:24px}
}
@media (max-width:560px){ .dossie-fin,.dossie-install,.dossie-steps{grid-template-columns:1fr} }

/* ===== Fechamento ===== */
.fech{display:flex;flex-direction:column;gap:16px}
.fech-hero{padding:16px 18px;background:var(--bg-card)}
.fech-h{font-size:19px;margin:12px 0 0;letter-spacing:-.01em;max-width:20em;line-height:1.2}
.fech-sub{font-size:12.5px;color:var(--tx-2);margin:12px 0 0;max-width:56em;line-height:1.6}
.obj-grid{display:grid;grid-template-columns:repeat(2,1fr);gap:14px;align-items:start}
.obj-card{padding:16px 18px;cursor:pointer;transition:.12s}
.obj-card:hover{border-color:var(--line-2)}
.obj-q{display:flex;align-items:center;gap:8px;font-family:'Space Grotesk';font-weight:600;font-size:15px;letter-spacing:-.01em}
.obj-q svg{width:15px;height:15px;color:var(--tx-3);flex:none}
.obj-a{font-size:13px;color:var(--tx-2);line-height:1.55;margin-top:9px}
.cmpv-card{padding:0;overflow:hidden}
.cmpv-head,.cmpv-row{display:grid;grid-template-columns:150px 1fr 1.2fr;gap:14px;padding:12px 18px;align-items:center}
.cmpv-head{border-bottom:1px solid var(--line);background:rgba(255,255,255,.018);font-family:'JetBrains Mono';font-size:9.5px;letter-spacing:.06em;text-transform:uppercase;color:var(--tx-4)}
.cmpv-win-h{color:var(--green-2);display:inline-flex;align-items:center;gap:6px} .cmpv-win-h svg{width:13px;height:13px}
.cmpv-row{border-bottom:1px solid var(--line);font-size:13px}
.cmpv-row:last-child{border-bottom:none}
.cmpv-alt{font-weight:600;color:var(--tx)} .cmpv-o{color:var(--tx-3)}
.cmpv-win{color:var(--tx);display:flex;align-items:flex-start;gap:8px;line-height:1.4}
.cmpv-win svg{color:var(--green);flex:none;margin-top:2px}
.crit-2col{display:grid;grid-template-columns:1fr 1fr;gap:14px;align-items:start}
.crit-col{padding:13px 16px}
.crit-yes{border-color:var(--green-line)} .crit-no{border-color:var(--line)}
.crit-h{display:flex;align-items:center;gap:8px;font-family:'Space Grotesk';font-weight:600;font-size:15px;margin-bottom:13px}
.crit-yes .crit-h{color:var(--green-2)} .crit-yes .crit-h svg{width:15px;height:15px;color:var(--green-2)}
.crit-no .crit-h{color:var(--tx-2)} .crit-no .crit-h svg{width:15px;height:15px;color:var(--tx-3)}
.crit-it{display:flex;align-items:center;gap:9px;font-size:12.5px;font-weight:500;padding:5px 0}
.crit-it svg{width:13px;height:13px;flex:none}
.crit-it.on{color:var(--tx)} .crit-it.on svg{color:var(--green)}
.crit-it.off{color:var(--tx-3)} .crit-it.off svg{color:var(--tx-4)}
.fech-rec-grid{display:grid;grid-template-columns:1fr 1fr;gap:12px}
.frec{padding:13px 15px;border-radius:11px;border:1px solid var(--line);background:rgba(255,255,255,.02)}
.frec span{display:block;font-size:10.5px;text-transform:uppercase;letter-spacing:.04em;color:var(--tx-4);margin-bottom:6px}
.frec b.prop-plan{font-family:'Space Grotesk';font-size:18px}
.frec-t{font-size:13.5px;color:var(--tx);font-weight:500;line-height:1.45}
.frec-risk{background:rgba(227,100,88,.06);border-color:rgba(227,100,88,.22)}
@media (max-width:1180px){ .obj-grid,.crit-2col,.fech-rec-grid{grid-template-columns:1fr} }
@media (max-width:900px){
  .cmpv-head{display:none}
  .cmpv-row{grid-template-columns:1fr;gap:6px;padding:14px 16px}
  .cmpv-alt{font-size:14px}
  .cmpv-o::before{content:attr(data-l) ': ';font-size:10px;color:var(--tx-4);font-weight:600;text-transform:uppercase}
}

/* implantação */
.impl{display:flex;flex-direction:column;gap:12px}
.impl-step{display:grid;grid-template-columns:54px 1fr;gap:0;overflow:hidden;padding:0}
.impl-side{display:flex;flex-direction:column;align-items:center;padding:16px 0;background:rgba(255,255,255,.018);border-right:1px solid var(--line)}
.impl-n{font-size:13px;font-weight:600;color:var(--tx-3)}
.impl-step.st-done .impl-n{color:var(--green-2)} .impl-step.st-done .impl-side{background:var(--green-dim);border-right-color:var(--green-line)}
.impl-step.st-doing .impl-n{color:var(--morno)}
.impl-line{width:2px;flex:1;margin-top:10px;background:var(--line)}
.impl-body{padding:15px 18px;display:flex;flex-direction:column;gap:6px;min-width:0}
.impl-nm{font-family:'Space Grotesk';font-weight:600;font-size:15px;letter-spacing:-.01em}
.impl-st{display:inline-flex;align-items:center;gap:6px;font-family:'JetBrains Mono';font-size:11px;font-weight:600;padding:4px 10px;border-radius:7px;border:1px solid var(--line);color:var(--tx-3);background:rgba(255,255,255,.03);white-space:nowrap}
.impl-st svg{width:13px;height:13px}
.impl-st.st-done{color:var(--green-2);background:var(--green-dim);border-color:var(--green-line)}
.impl-st.st-doing{color:var(--morno);background:rgba(224,184,77,.1);border-color:rgba(224,184,77,.26)}

/* modal ganho/perda */
.wl-modal{position:fixed;inset:0;z-index:95;display:none;align-items:center;justify-content:center;padding:20px}
.wl-modal.open{display:flex}
.wl-scrim{position:absolute;inset:0;background:rgba(0,0,0,.6);backdrop-filter:blur(3px)}
.wl-card{position:relative;width:100%;max-width:440px;background:var(--surface);border:1px solid var(--line-2);border-radius:16px;box-shadow:var(--sh-lg);overflow:hidden}
.wl-head{display:flex;align-items:center;gap:12px;padding:13px 16px;border-bottom:1px solid var(--line)}
.wl-head h3{font-size:16px;letter-spacing:-.01em}
.wl-head .btn{margin-left:auto}
.wl-body{padding:13px 16px;display:flex;flex-direction:column;gap:6px}
.wl-l{font-size:11.5px;font-weight:600;color:var(--tx-3);margin:8px 0 2px}
.wl-l:first-child{margin-top:0}
.wl-reasons{display:flex;flex-wrap:wrap;gap:7px}
.wl-reason{font:inherit;font-size:12.5px;font-weight:600;color:var(--tx-2);background:rgba(255,255,255,.03);border:1px solid var(--line);border-radius:8px;padding:7px 12px;cursor:pointer;transition:.12s}
.wl-reason:hover{border-color:var(--line-2);color:var(--tx)}
.wl-reason.on{background:var(--green-dim);border-color:var(--green-line);color:var(--green-2)}
.wl-foot{display:flex;justify-content:flex-end;gap:9px;padding:14px 20px;border-top:1px solid var(--line);background:var(--bg)}

@media (max-width:1180px){
  .cmd-pri{grid-template-columns:1fr}
  .cmd-split,.rep-split,.pb-grid,.lib-grid{grid-template-columns:1fr}
}
@media (max-width:900px){
  .alert-grid{grid-template-columns:1fr}
  .impl-step{grid-template-columns:46px 1fr}
  .rep-row{grid-template-columns:130px 1fr auto;gap:10px}
  /* tarefas → cards */
  .tasks{display:none}
  .task-cards{display:flex}
  .ag-it{grid-template-columns:1fr auto;grid-template-areas:"time status" "body body" "act act";gap:8px}
  .ag-time{grid-area:time} .ag-body{grid-area:body} .ag-actions{grid-area:act} .ag-it .tpill{grid-area:status;justify-self:end}
}


/* ============================================================
   CONSOLE TÉCNICO — shell (rail + sidebar contextual + topbar)
   Referência visual: consoles de produto dev-tool. Identidade MAKE OS.
   ============================================================ */
:root{
  /* aliases de design tokens */
  --bg-app:var(--bg);
  --bg-panel:var(--bg-1);
  --bg-sidebar:var(--bg-1);
  --border-subtle:var(--line);
  --border-strong:var(--line-2);
  --text-primary:var(--tx);
  --text-secondary:var(--tx-2);
  --text-muted:var(--tx-3);
  --accent-system:var(--green);
  --accent-ai:var(--purple);
  --accent-warning:var(--morno);
  --accent-danger:var(--red);
}

/* ---------- icon rail ---------- */
.rail{position:sticky;top:0;height:100vh;background:var(--bg-rail);border-right:1px solid var(--line);
  display:flex;flex-direction:column;align-items:center;padding:8px 0;gap:4px;z-index:31}
.rail-logo{width:28px;height:28px;border-radius:6px;display:grid;place-items:center;cursor:pointer;
  font-family:'Space Grotesk';font-weight:700;font-size:14px;background:var(--green);color:#062c1c;margin-bottom:6px}
.rail-sep{width:24px;height:1px;background:var(--line);margin:4px 0;flex:none}
.rail-it{width:32px;height:32px;border-radius:6px;display:grid;place-items:center;cursor:pointer;
  background:transparent;border:1px solid transparent;color:var(--tx-3);transition:.12s}
.rail-it svg{width:16px;height:16px}
.rail-it:hover{color:var(--tx);background:rgba(255,255,255,.05)}
.rail-it.on{color:var(--green);background:rgba(62,207,142,.08);border-color:transparent}
.rail-spacer{flex:1}
.rail-user{width:26px;height:26px;font-size:10px;margin-bottom:4px}

/* sidebar contextual: no desktop, mostra só o grupo ativo */
.sidebar .nav-grp{display:flex;flex-direction:column;gap:1px}
@media (min-width:901px){
  .sidebar .nav-grp:not(.on){display:none}
  .sidebar .nav-grp.on .nav-sec{display:none}
  .sidebar .brand{display:none}
}
@media (max-width:900px){
  .rail{display:none}
  .sidebar .nav-grp{display:flex}
  .side-title{display:none}
}

/* ---------- topbar técnica ---------- */
.tb-crumb{display:flex;align-items:center;gap:7px;flex:none;min-width:0}
.tb-crumb .sep{color:var(--tx-4);font-size:12px}
.tb-crumb .org{font-size:12.5px;font-weight:500;color:var(--tx-2);white-space:nowrap}
.env-badges{display:inline-flex;gap:6px;margin-left:6px;flex:none}
.env-pill{font-family:'JetBrains Mono';font-size:9.5px;letter-spacing:.08em;text-transform:uppercase;font-weight:500;color:var(--tx-3);
  background:rgba(255,255,255,.02);border:1px solid var(--line);border-radius:4px;padding:2px 7px;white-space:nowrap}
.env-pill.env-scen{color:var(--green);background:var(--green-dim);border-color:var(--green-line)}

/* ---------- audit log (linha do tempo / atividade) ---------- */
.audit{border:1px solid var(--line);border-radius:var(--r);overflow:hidden;background:var(--bg-card)}
.audit-h{display:grid;grid-template-columns:88px 1fr auto;gap:14px;padding:7px 14px;border-bottom:1px solid var(--line);
  background:var(--surface-2);font-family:'JetBrains Mono';font-size:10px;letter-spacing:.1em;text-transform:uppercase;color:var(--tx-3);font-weight:500}
.audit-row{display:grid;grid-template-columns:88px 1fr auto;gap:14px;align-items:center;padding:8px 14px;border-bottom:1px solid var(--line);font-size:12.5px;transition:.1s}
.audit-row:last-child{border-bottom:none}
.audit-row:hover{background:rgba(255,255,255,.02)}
.audit-t{font-family:'JetBrains Mono';font-size:11px;color:var(--tx-3);white-space:nowrap}
.audit-ev{display:flex;align-items:center;gap:9px;min-width:0}
.audit-ev .tt{font-weight:500;color:var(--tx);white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.audit-ev .mt{color:var(--tx-3);font-size:11.5px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.audit-src{font-family:'JetBrains Mono';font-size:10px;letter-spacing:.02em;padding:1px 7px;border-radius:4px;border:1px solid var(--line);color:var(--tx-3);white-space:nowrap}
.audit-src.g{color:var(--green);background:var(--green-dim);border-color:var(--green-line)}
.audit-src.p{color:var(--purple-2);background:var(--purple-dim);border-color:var(--purple-line)}
.audit-src.w{color:var(--whats);background:var(--whats-dim);border-color:var(--whats-line)}
.audit-src.a{color:var(--morno);background:rgba(245,158,11,.08);border-color:rgba(245,158,11,.25)}

/* ---------- status / health strip (dashboard console) ---------- */
.health{display:grid;grid-template-columns:repeat(4,1fr);gap:1px;background:var(--line);border:1px solid var(--line);border-radius:var(--r);overflow:hidden}
.health .hl-it{background:var(--bg-card);padding:11px 16px;display:flex;align-items:center;gap:10px}
.health .hl-dot{width:7px;height:7px;border-radius:50%;flex:none;background:var(--green)}
.health .hl-dot.warn{background:var(--morno)} .health .hl-dot.off{background:var(--tx-4)} .health .hl-dot.ai{background:var(--purple)}
.health .hl-k{font-family:'JetBrains Mono';font-size:9.5px;letter-spacing:.1em;text-transform:uppercase;color:var(--tx-4);display:block;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.health .hl-v{font-size:12.5px;font-weight:600;color:var(--tx);margin-top:1px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.health .hl-it>div{min-width:0;flex:1}

/* ---------- toolbar de tabela (filtros compactos) ---------- */
.tb-toolbar{display:flex;align-items:center;gap:8px;flex-wrap:wrap}
.tb-toolbar .sel{display:inline-flex;align-items:center;gap:7px;border:1px solid var(--line-2);border-radius:5px;background:var(--surface-2);
  padding:4px 10px;font-size:12px;font-weight:500;color:var(--tx-2);cursor:pointer;min-height:28px;font-family:'JetBrains Mono';white-space:nowrap}
.tb-toolbar .sel b{color:var(--tx);font-weight:600}
.tb-toolbar .sel svg{width:12px;height:12px;color:var(--tx-3)}

/* ============================================================
   SIDEBAR INTELIGENTE + DENSIDADE + SEÇÕES RECOLHÍVEIS
   (UX local · classes no body · persistência em localStorage)
   ============================================================ */

/* ---------- controles da sidebar ---------- */
.side-ctl{display:flex;align-items:center;gap:2px;margin:12px 4px 0;padding-top:10px;border-top:1px solid var(--line)}
.side-ctl .sc-lbl{font-family:'JetBrains Mono';font-size:9px;letter-spacing:.1em;text-transform:uppercase;color:var(--tx-4);margin-right:auto}
.sc-btn{width:24px;height:24px;border-radius:4px;display:grid;place-items:center;color:var(--tx-4);cursor:pointer;border:1px solid transparent;background:none;transition:.12s;flex:none;padding:0}
.sc-btn svg{width:13px;height:13px}
.sc-btn:hover{color:var(--tx-2);background:rgba(255,255,255,.04)}
.sc-btn.on{color:var(--tx);background:rgba(255,255,255,.07)}
.sc-btn.sc-pin{margin-left:6px}
.sc-btn.sc-pin.on{color:var(--green);background:var(--green-dim)}

/* botão de densidade na topbar */
.dens-btn.on{color:var(--green)}

@media (min-width:901px){
  /* grades por modo (pin vence por ordem) */
  body.side-compact .app{grid-template-columns:var(--rail-w) 56px 1fr}
  body.side-auto .app{grid-template-columns:var(--rail-w) 56px 1fr}
  body.side-pinned .app{grid-template-columns:var(--rail-w) var(--side-w) 1fr}

  /* auto: sidebar vira overlay fixo que expande no hover (da rail ou da própria sidebar) */
  body.side-auto:not(.side-pinned) .sidebar{position:fixed;left:var(--rail-w);top:0;bottom:0;height:100vh;width:56px;z-index:45;
    transition:width .16s ease;overflow:hidden}
  /* HOTFIX layout: com a sidebar fora do fluxo (fixed), o .main era auto-posicionado
     na coluna de 56px e espremia o conteúdo — ancorar explicitamente na coluna 3 */
  body.side-auto:not(.side-pinned) .main{grid-column:3}
  body.side-auto:not(.side-pinned) .sidebar:hover,
  body.side-auto:not(.side-pinned) .rail:hover~.sidebar{width:var(--side-w);overflow-y:auto;border-right-color:var(--line-2);box-shadow:var(--sh-lg)}

  /* estado mini (compacta fixa + auto recolhida) */
  :is(body.side-compact:not(.side-pinned) .sidebar,
      body.side-auto:not(.side-pinned) .rail:not(:hover)~.sidebar:not(:hover)) .side-title,
  :is(body.side-compact:not(.side-pinned) .sidebar,
      body.side-auto:not(.side-pinned) .rail:not(:hover)~.sidebar:not(:hover)) .perfil-switch,
  :is(body.side-compact:not(.side-pinned) .sidebar,
      body.side-auto:not(.side-pinned) .rail:not(:hover)~.sidebar:not(:hover)) .nav-item span:nth-child(2),
  :is(body.side-compact:not(.side-pinned) .sidebar,
      body.side-auto:not(.side-pinned) .rail:not(:hover)~.sidebar:not(:hover)) .nav-item .count,
  :is(body.side-compact:not(.side-pinned) .sidebar,
      body.side-auto:not(.side-pinned) .rail:not(:hover)~.sidebar:not(:hover)) .nav-item .ntag,
  :is(body.side-compact:not(.side-pinned) .sidebar,
      body.side-auto:not(.side-pinned) .rail:not(:hover)~.sidebar:not(:hover)) .side-ctl .sc-lbl,
  :is(body.side-compact:not(.side-pinned) .sidebar,
      body.side-auto:not(.side-pinned) .rail:not(:hover)~.sidebar:not(:hover)) .side-foot>div:not(.avatar),
  :is(body.side-compact:not(.side-pinned) .sidebar,
      body.side-auto:not(.side-pinned) .rail:not(:hover)~.sidebar:not(:hover)) .side-foot .btn{display:none}
  :is(body.side-compact:not(.side-pinned) .sidebar,
      body.side-auto:not(.side-pinned) .rail:not(:hover)~.sidebar:not(:hover)) .nav-item{justify-content:center;padding:5px 0}
  :is(body.side-compact:not(.side-pinned) .sidebar,
      body.side-auto:not(.side-pinned) .rail:not(:hover)~.sidebar:not(:hover)) .side-ctl{flex-direction:column;align-items:center;gap:3px}
  :is(body.side-compact:not(.side-pinned) .sidebar,
      body.side-auto:not(.side-pinned) .rail:not(:hover)~.sidebar:not(:hover)) .sc-btn.sc-pin{margin-left:0}
  :is(body.side-compact:not(.side-pinned) .sidebar,
      body.side-auto:not(.side-pinned) .rail:not(:hover)~.sidebar:not(:hover)) .side-foot{justify-content:center;padding-left:0}
  :is(body.side-compact:not(.side-pinned) .sidebar,
      body.side-auto:not(.side-pinned) .rail:not(:hover)~.sidebar:not(:hover)) .nav-sec{height:0;padding:8px 0 0;overflow:hidden;border-top:1px solid var(--line);margin:6px 8px 0}
  /* topo da sidebar colapsada: respiro vertical + brand vira só o logo, alinhado com a rail */
  :is(body.side-compact:not(.side-pinned) .sidebar,
      body.side-auto:not(.side-pinned) .rail:not(:hover)~.sidebar:not(:hover)){padding-top:8px}
  :is(body.side-compact:not(.side-pinned) .sidebar,
      body.side-auto:not(.side-pinned) .rail:not(:hover)~.sidebar:not(:hover)) .brand{
    justify-content:center;gap:0;padding:8px 0 10px;margin-bottom:4px}
  :is(body.side-compact:not(.side-pinned) .sidebar,
      body.side-auto:not(.side-pinned) .rail:not(:hover)~.sidebar:not(:hover)) .brand>div:nth-child(2){display:none}
  /* primeiro grupo: sem traço fantasma e com respiro acima do primeiro ícone */
  :is(body.side-compact:not(.side-pinned) .sidebar,
      body.side-auto:not(.side-pinned) .rail:not(:hover)~.sidebar:not(:hover)) .nav-grp:first-of-type .nav-sec{border-top:none;margin-top:0;padding-top:0;height:6px}
}

/* ---------- densidade compacta (body.dense) ---------- */
body.dense .content{gap:10px;padding:14px 20px 36px}
body.dense .tb-inner{padding:0 20px}
body.dense .btn{min-height:26px;padding:4px 10px;font-size:12.5px}
body.dense .btn-sm{min-height:24px;padding:3px 8px;font-size:11.5px}
body.dense .icon-btn{width:26px;height:26px}
body.dense .fchip{min-height:24px;padding:3px 9px;font-size:11.5px}
body.dense table.leads th{padding:6px 12px}
body.dense table.leads td{padding:5px 12px;height:32px}
body.dense .tbl-foot{padding:5px 12px}
body.dense .lst .it{padding:6px 6px}
body.dense .metric{padding:9px 13px}
body.dense .metric .val{font-size:19px;margin-top:6px}
body.dense .metric .delta{margin-top:5px}
body.dense .health .hl-it{padding:7px 13px}
body.dense .ch{margin-bottom:10px}
body.dense .card[style*="padding:1"]{padding:9px 12px!important}
body.dense .pb-card,body.dense .lib-card,body.dense .cmd-card,body.dense .auto-card,body.dense .dg-card,body.dense .dossie-sec,body.dense .dossie-cover{padding:9px 12px}
body.dense .set-panel-body{padding:12px 14px;gap:10px}
body.dense .set-sec{padding:18px 0;gap:24px}
body.dense .tl-it{padding-bottom:9px}
body.dense .drawer-body{gap:12px;padding:12px}
body.dense .drawer-head{padding:10px 12px}
body.dense .kcard{padding:9px;gap:8px}
body.dense .conv{padding:9px 12px}
body.dense .agenda-list .ag-it{padding:7px 4px}
body.dense .belt .node{padding:4px 9px}
body.dense .nav-item{min-height:26px}
body.dense .funnel{gap:5px}
body.dense .fbar .track{height:18px}

/* ---------- seções recolhíveis ---------- */
.clps-head{cursor:pointer;user-select:none}
.clps-head::after{content:"▾";font-family:'JetBrains Mono';font-size:10px;color:var(--tx-4);margin-left:8px;flex:none}
.clps-head:hover::after{color:var(--tx-2)}
[data-clps].clps-off .clps-head::after{content:"▸"}
[data-clps].clps-off > :not(.clps-head){display:none!important}
[data-clps].clps-off .ch{margin-bottom:0}
[data-clps] .ch.clps-head{justify-content:flex-start}
[data-clps] .ch.clps-head h3{margin-right:auto}
.sec-label.clps-head{display:flex;align-items:center}
.sec-label.clps-head::after{margin-left:6px}
[data-clps].clps-off .ent-head{border-bottom:none}
[data-clps].clps-off .dossie-h{margin-bottom:0}
[data-clps].clps-off .sec-label{margin-bottom:0!important}

/* ============================================================
   MAKE PARTNERS — camada de canais (simulada)
   ============================================================ */
.pill.pn-g .dot{background:var(--green)}
.pill.pn-a .dot{background:#F59E0B}
.pill.pn-r .dot{background:#E36458}
.pill.pn-n .dot{background:var(--tx-3)}
.ptn-tag{font-family:'JetBrains Mono';font-size:9.5px;letter-spacing:.06em;text-transform:uppercase;color:var(--tx-2);
  border:1px solid var(--line);border-radius:4px;padding:2px 7px;white-space:nowrap;display:inline-flex;align-items:center}
.ptn-tag.wl{color:var(--tx);border-color:var(--line-2)}
.ptn-ai-it{display:flex;gap:10px;align-items:center;padding:10px 0;border-top:1px solid var(--line)}
.ptn-ai-it:first-of-type{border-top:none;padding-top:2px}
.ptn-ai-it .ic{width:24px;height:24px;border-radius:5px;flex:none;display:grid;place-items:center;color:var(--purple);background:rgba(168,85,247,.08);border:1px solid var(--purple-line)}
.ptn-ai-it .ic svg{width:13px;height:13px}
.ptn-ai-it b{display:block;font-size:12.5px;font-weight:600;color:var(--tx)}
.ptn-ai-it span{display:block;font-size:11.5px;color:var(--tx-3);margin-top:1px}
.ptn-mini{display:grid;grid-template-columns:1fr 1fr;gap:8px}
.ptn-mini .pm{border:1px solid var(--line);border-radius:6px;padding:8px 10px;background:rgba(255,255,255,.015)}
.ptn-mini .pm .k{font-family:'JetBrains Mono';font-size:9px;text-transform:uppercase;letter-spacing:.09em;color:var(--tx-4)}
.ptn-mini .pm .v{font-family:'Space Grotesk';font-size:16px;font-weight:600;margin-top:4px}
.ptn-link{display:flex;align-items:center;gap:8px;border:1px solid var(--line);border-radius:6px;padding:7px 8px 7px 10px;background:rgba(255,255,255,.015)}
.ptn-link code{font-family:'JetBrains Mono';font-size:11.5px;color:var(--tx);flex:1;min-width:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
.ptn-fraud{border:1px solid rgba(227,100,88,.25);background:rgba(227,100,88,.05);border-radius:6px;padding:10px 12px;display:flex;flex-direction:column;gap:7px}
.ptn-fraud .fi{display:flex;gap:8px;align-items:center;font-size:12px;color:var(--tx-2)}
.ptn-fraud .fi .rd{width:6px;height:6px;border-radius:50%;background:#E36458;flex:none}
.mat-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:12px}
.mat-card{display:flex;flex-direction:column;gap:10px;padding:15px 16px}
.mat-card .mk-row{display:flex;align-items:flex-start;gap:8px;justify-content:space-between}
.rank-row{display:grid;grid-template-columns:34px 1fr 110px;gap:12px;align-items:center;padding:10px 0;border-top:1px solid var(--line)}
.rank-row:first-child{border-top:none}
.rank-pos{font-family:'JetBrains Mono';font-size:12px;color:var(--tx-3)}
.rank-bar{height:6px;border-radius:3px;background:var(--surface-3);overflow:hidden}
.rank-fill{display:block;height:100%;background:var(--green);opacity:.55;border-radius:3px}
.rules-grid{display:grid;grid-template-columns:1fr 1fr;gap:12px}
.rule-card{padding:13px 15px;display:flex;flex-direction:column;gap:7px}
.rule-card .rk{display:flex;align-items:center;gap:8px;font-family:'JetBrains Mono';font-size:10px;letter-spacing:.1em;text-transform:uppercase;color:var(--tx-3)}
.rule-card .rk .rd{width:7px;height:7px;border-radius:50%;flex:none}
.rule-card p{margin:0;font-size:12.5px;color:var(--tx-2);line-height:1.55}
@media (max-width:1180px){ .mat-grid{grid-template-columns:1fr 1fr} }
@media (max-width:900px){
  .mat-grid{grid-template-columns:1fr}
  .rules-grid{grid-template-columns:1fr}
  .rank-row{grid-template-columns:26px 1fr 84px;gap:8px}
  .dash-split>*{min-width:0}
  .dash-split .card{min-width:0}
  .dash-split .ch h3{min-width:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
}

/* ============================================================
   MAKE ACADEMY — capacitação comercial (simulada)
   ============================================================ */
.acd-grid2{display:grid;grid-template-columns:1fr 1fr;gap:12px}
.acd-grid3{display:grid;grid-template-columns:repeat(3,1fr);gap:12px}
.acd-ck{display:flex;gap:9px;align-items:center;padding:7px 2px;border-top:1px solid var(--line);cursor:pointer;font-size:12.5px;color:var(--tx-2);transition:.12s}
.acd-ck:first-of-type{border-top:none}
.acd-ck .bx{width:15px;height:15px;border:1px solid var(--line-2);border-radius:4px;flex:none;display:grid;place-items:center;color:transparent;transition:.12s}
.acd-ck .bx svg{width:10px;height:10px}
.acd-ck.on{color:var(--tx)}
.acd-ck.on .bx{background:rgba(62,207,142,.12);border-color:rgba(62,207,142,.45);color:var(--green)}
.acd-nivel{display:flex;gap:10px;align-items:center;padding:9px 0;border-top:1px solid var(--line)}
.acd-nivel:first-of-type{border-top:none}
.acd-nivel>div b{display:block;font-size:12.5px;font-weight:600;color:var(--tx-3)}
.acd-nivel.cur>div b,.acd-nivel.ok>div b{color:var(--tx)}
.acd-nivel>div span{display:block;font-size:11.5px;color:var(--tx-4);margin-top:1px}
.acd-resp{border-radius:6px;padding:11px 13px;display:flex;flex-direction:column;gap:7px}
.acd-resp .rk{display:flex;align-items:center;gap:8px;font-family:'JetBrains Mono';font-size:10px;letter-spacing:.1em;text-transform:uppercase;color:var(--tx-3)}
.acd-resp .rd{width:7px;height:7px;border-radius:50%;flex:none}
.acd-resp p{margin:0;font-size:12.5px;line-height:1.55;color:var(--tx-2)}
.acd-resp.bad{border:1px solid rgba(227,100,88,.22);background:rgba(227,100,88,.04)}
.acd-resp.good{border:1px solid rgba(62,207,142,.22);background:rgba(62,207,142,.04)}
@media (max-width:1180px){ .acd-grid3{grid-template-columns:1fr} }
@media (max-width:900px){
  .acd-grid2,.acd-grid3{grid-template-columns:1fr}
}

/* ============================================================
   MAKE CAMPAIGNS — aquisição (simulada)
   ============================================================ */
.cmp-sc{display:grid;grid-template-columns:80px 1fr 28px;gap:8px;align-items:center}
.cmp-sc span{font-family:'JetBrains Mono';font-size:9.5px;letter-spacing:.07em;text-transform:uppercase;color:var(--tx-4)}
.cmp-sc b{font-size:10.5px;color:var(--tx-3);text-align:right;font-weight:500}
@media (max-width:900px){
  .cmp-sc{grid-template-columns:70px 1fr 26px}
}

/* ============================================================
   MAKE CREATIVE STUDIO — preview wireframe (simulado)
   ============================================================ */
.cs-prev{border:1px dashed var(--line-2);border-radius:8px;position:relative;overflow:hidden;display:flex;flex-direction:column;gap:8px;padding:12px;width:100%;
  background:repeating-linear-gradient(45deg,rgba(255,255,255,.014) 0 12px,transparent 12px 24px),rgba(255,255,255,.015)}
.cs-prev .cp-fmt{position:absolute;top:8px;right:8px;background:var(--bg-1)}
.cs-prev .cp-h{font-family:'Space Grotesk';font-weight:600;font-size:14px;line-height:1.3;color:var(--tx);text-wrap:pretty}
.cs-prev .cp-vis{font-family:'JetBrains Mono';font-size:9.5px;line-height:1.55;color:var(--tx-3);letter-spacing:.02em;text-transform:uppercase}
.cs-prev .cp-cta{align-self:flex-start;border:1px solid var(--green-line);color:var(--green-2);border-radius:5px;padding:3px 10px;font-size:11px;font-weight:600;background:var(--green-dim);white-space:nowrap}


/* ============================================================
   MAKE SUCCESS — retenção e expansão (simulada)
   ============================================================ */
.suc-row{display:grid;grid-template-columns:minmax(210px,1.05fr) 160px 1.5fr auto;gap:14px;align-items:center;padding:13px 0;border-top:1px solid var(--line)}
.suc-row:first-of-type{border-top:none}
.suc-fac{display:flex;flex-wrap:wrap;gap:5px}
.suc-fac span{font-size:11px;border:1px solid var(--line);border-radius:4px;padding:2px 7px;color:var(--tx-3);background:rgba(255,255,255,.015);line-height:1.5}
.suc-fac span.ok{color:var(--green);border-color:rgba(62,207,142,.22);background:rgba(62,207,142,.04)}
.suc-fac span.warn{color:#F59E0B;border-color:rgba(245,158,11,.22);background:rgba(245,158,11,.04)}
.suc-fac span.bad{color:#E36458;border-color:rgba(227,100,88,.22);background:rgba(227,100,88,.04)}
.suc-crit{display:grid;grid-template-columns:repeat(4,1fr);gap:8px}
.suc-crit .sc-it{border:1px solid var(--line);border-radius:6px;padding:9px 11px;font-size:12px;color:var(--tx-2);background:rgba(255,255,255,.015);display:flex;gap:8px;align-items:center}
.suc-crit .sc-it svg{width:13px;height:13px;color:var(--tx-4);flex:none}
.rel-doc{border:1px solid var(--line);border-radius:var(--r);background:var(--bg-card);padding:22px 24px;display:flex;flex-direction:column;gap:18px;min-width:0}
.rel-doc h4{margin:0;font-size:10.5px;font-family:'JetBrains Mono';letter-spacing:.1em;text-transform:uppercase;color:var(--tx-3);font-weight:500}
.rel-doc ul{margin:6px 0 0;padding-left:18px;display:flex;flex-direction:column;gap:5px}
.rel-doc li{font-size:13px;color:var(--tx-2);line-height:1.5}
@media (max-width:1180px){ .suc-crit{grid-template-columns:repeat(2,1fr)} }
@media (max-width:900px){
  .suc-row{grid-template-columns:1fr;gap:10px}
  .suc-crit{grid-template-columns:1fr 1fr}
  .rel-doc{padding:18px 16px}
  .rel-doc>div[style*="grid-template-columns:1fr 1fr"]{display:flex!important;flex-direction:column;gap:14px}
}
@media (max-width:560px){ .suc-crit{grid-template-columns:1fr} }


/* ============================================================
   MAKE PAGELAB — landing pages e conversão (simulada)
   ============================================================ */
.pgl-phones{display:grid;grid-template-columns:repeat(4,1fr);gap:12px}
.pgl-ph{border:1px solid var(--line-2);border-radius:13px;background:rgba(255,255,255,.015);padding:12px 10px;display:flex;flex-direction:column;gap:7px;min-height:210px}
.pgl-ph-lbl{font-family:'JetBrains Mono';font-size:9.5px;letter-spacing:.08em;text-transform:uppercase;color:var(--tx-4);margin-bottom:2px}
.pgl-bar{height:8px;border-radius:3px;background:var(--surface-3);width:100%}
.pgl-bar.lg{height:24px;border-radius:5px}
.pgl-bar.cta{height:18px;border-radius:5px;background:rgba(62,207,142,.18);border:1px solid rgba(62,207,142,.35)}
.pgl-fld{height:16px;border-radius:4px;border:1px solid var(--line-2);background:transparent}
@media (max-width:1180px){ .pgl-phones{grid-template-columns:repeat(2,1fr)} }
@media (max-width:900px){ .acd-grid2[style]{grid-template-columns:1fr!important} }


/* ============================================================
   MAKE ASSET STUDIO — preparação de imagens (simulada)
   ============================================================ */
.ast-prev{position:relative;width:100%;border:1px solid var(--line-2);border-radius:9px;background:rgba(255,255,255,.03);overflow:hidden;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:8px;min-height:90px;max-height:340px}
.ast-safe{position:absolute;inset:9%;border:1px dashed rgba(62,207,142,.35);border-radius:6px;pointer-events:none}
.ast-subj{width:34%;aspect-ratio:1;max-height:46%;border-radius:50%;background:var(--surface-3);flex:none}
.ast-txt{height:9px;border-radius:3px;background:var(--surface-3);display:block}
.ast-noise{position:absolute;width:14px;height:14px;border-radius:3px;background:rgba(255,255,255,.12)}
.ast-ratio-lbl{position:absolute;top:7px;right:9px;font-size:9.5px;letter-spacing:.07em;text-transform:uppercase;color:var(--tx-4)}
@media (max-width:900px){ .ast-prev{max-height:260px} }


/* ============================================================
   MAKE SCOPE GUARD — escopo, solicitações e margem (simulado)
   ============================================================ */
.pill.pn-p .dot{background:var(--purple)}
.pill.pn-p{color:var(--purple-2)}

/* stat box reutilizável (inspector + avaliador + margem) */
.sgm{border:1px solid var(--line);border-radius:6px;padding:9px 11px;background:rgba(255,255,255,.015);min-width:0}
.sgm .k{font-family:'JetBrains Mono';font-size:9px;text-transform:uppercase;letter-spacing:.08em;color:var(--tx-4)}
.sgm .v{font-family:'Space Grotesk';font-size:15px;font-weight:600;margin-top:4px;color:var(--tx);word-break:break-word}
.sgm .v.sm{font-family:'Manrope';font-size:12px;font-weight:500;color:var(--tx-2);line-height:1.35}
.sgm .v.neg{color:var(--morno)} .sgm .v.pos{color:var(--green-2)}
.sg-impact{display:grid;grid-template-columns:repeat(3,1fr);gap:8px;margin:2px 0}

/* resposta sugerida (chat-like) */
.sg-resp{border:1px solid var(--line);border-left:2px solid var(--green-line);border-radius:6px;padding:11px 12px;background:rgba(62,207,142,.03);position:relative}
.sg-resp p{font-size:12.5px;line-height:1.55;color:var(--tx)}
.sg-resp-copy{margin-top:9px}

/* grids gerais */
.sg-grid2{display:grid;grid-template-columns:1fr 1fr;gap:16px;align-items:start}

/* escopo contratado — planos */
.sg-plans{display:grid;grid-template-columns:repeat(auto-fill,minmax(232px,1fr));gap:14px}
.sg-plan.feat{border-color:var(--green-line);background:linear-gradient(180deg,var(--green-dim),transparent)}
.sg-plan-nm{font-family:'Space Grotesk';font-size:17px;font-weight:600;letter-spacing:-.01em}
.sg-plan-mens{font-family:'Space Grotesk';font-size:14px;font-weight:600;color:var(--tx)}
.sg-incl{display:flex;flex-direction:column;gap:5px}
.sg-incl-row{display:flex;align-items:center;gap:8px;font-size:12px}
.sg-incl-row .bx{flex:none;color:var(--green-2);display:grid;place-items:center}
.sg-incl-row .k{flex:1;min-width:0;color:var(--tx-2)}
.sg-incl-row .v{font-family:'JetBrains Mono';font-size:11px;color:var(--tx);white-space:nowrap}
.sg-nao{display:flex;flex-direction:column;gap:5px}
.sg-nao-row{display:flex;align-items:flex-start;gap:8px;font-size:11.5px;color:var(--tx-3);line-height:1.4}
.sg-nao-row .bx{flex:none;color:var(--red);margin-top:2px;display:grid;place-items:center}

/* avaliador */
.sg-aval{display:grid;grid-template-columns:1fr 1.05fr;gap:16px;align-items:start}
.sg-fld{margin-bottom:14px}
.sg-fld:last-child{margin-bottom:0}
.sg-chips{display:flex;flex-wrap:wrap;gap:6px}
.sg-chip{font-family:'Manrope';font-size:12px;font-weight:500;color:var(--tx-2);border:1px solid var(--line-2);background:rgba(255,255,255,.015);
  border-radius:6px;padding:5px 11px;cursor:pointer;transition:.12s;white-space:nowrap}
.sg-chip:hover{color:var(--tx);border-color:var(--tx-4)}
.sg-chip.on{color:var(--green-2);border-color:var(--green-line);background:var(--green-dim)}
.sg-verdict{display:flex;flex-direction:column;gap:6px;border:1px solid var(--line);border-left:3px solid var(--tx-4);border-radius:7px;padding:12px 14px;margin-bottom:14px;background:rgba(255,255,255,.015)}
.sg-verdict.v-g{border-left-color:var(--green)} .sg-verdict.v-a{border-left-color:var(--morno)}
.sg-verdict.v-r{border-left-color:var(--red)} .sg-verdict.v-p{border-left-color:var(--purple)}
.sg-verdict-act{font-size:12.5px;color:var(--tx-2);font-weight:500}
.sg-out-grid{display:grid;grid-template-columns:1fr 1fr;gap:8px}

/* margem — barra de variação */
.sg-mbar{position:relative;flex:1;min-width:80px;height:8px;border-radius:5px;background:var(--surface-2);border:1px solid var(--line);overflow:hidden}
.sg-mfill{position:absolute;left:0;top:0;bottom:0;background:linear-gradient(90deg,var(--green),var(--green-2));opacity:.55;border-radius:5px}
.sg-mghost{position:absolute;top:0;bottom:0;background:repeating-linear-gradient(45deg,rgba(239,68,68,.5),rgba(239,68,68,.5) 3px,transparent 3px,transparent 6px)}

/* regras */
.sg-rules{display:grid;grid-template-columns:repeat(auto-fill,minmax(330px,1fr));gap:12px}
.sg-rule{padding:14px 16px;display:flex;flex-direction:column;gap:10px}
.sg-rule-h{display:flex;align-items:flex-start;gap:10px}
.sg-rule-t{font-family:'Manrope';font-weight:600;font-size:13.5px;color:var(--tx);line-height:1.3}
.sg-rule-m{font-family:'JetBrains Mono';font-size:10px;text-transform:uppercase;letter-spacing:.05em;color:var(--tx-4);margin-top:3px}
.sg-rule-body{display:flex;flex-direction:column;gap:6px;border-top:1px solid var(--line);padding-top:9px}
.sg-rule-row{display:flex;gap:9px;font-size:12px;line-height:1.45}
.sg-rule-row .k{flex:none;width:62px;font-family:'JetBrains Mono';font-size:9.5px;text-transform:uppercase;letter-spacing:.05em;color:var(--tx-4);padding-top:2px}
.sg-rule-row .v{flex:1;min-width:0;color:var(--tx-2)}
.sg-rule-row.risk .v{color:#c98a6b}

/* respostas */
.sg-resps{display:grid;grid-template-columns:repeat(auto-fill,minmax(380px,1fr));gap:14px}
.sg-respc{padding:15px 17px;display:flex;flex-direction:column;gap:9px}
.sg-respc-h{display:flex;align-items:flex-start;gap:10px}
.sg-respc-t{font-family:'Space Grotesk';font-weight:600;font-size:14px;color:var(--tx)}
.sg-respc-m{font-family:'JetBrains Mono';font-size:10px;text-transform:uppercase;letter-spacing:.04em;color:var(--tx-4);margin-top:3px}
.sg-respc-short{font-size:12.5px;font-style:italic;color:var(--tx-2);line-height:1.45;padding:2px 0}
.sg-respc-foot{display:flex;flex-direction:column;gap:6px;border-top:1px solid var(--line);padding-top:9px}

/* risco de escopo */
.sg-risk-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(310px,1fr));gap:14px}
.sg-risk{padding:15px 17px;display:flex;flex-direction:column;gap:10px}
.sg-risk.f-r{border-color:rgba(239,68,68,.22)} .sg-risk.f-a{border-color:rgba(245,158,11,.22)}
.sg-risk-h{display:flex;align-items:flex-start;gap:10px}
.sg-risk-nm{font-family:'Space Grotesk';font-weight:600;font-size:15px;color:var(--tx)}
.sg-risk-pl{font-family:'JetBrains Mono';font-size:10.5px;color:var(--tx-4);margin-top:2px}
.sg-risk-score{font-family:'Space Grotesk';font-weight:600;font-size:22px;line-height:1}
.sg-risk-score.f-g{color:var(--green-2)} .sg-risk-score.f-a{color:var(--morno)} .sg-risk-score.f-r{color:var(--red)} .sg-risk-score.f-p{color:var(--purple-2)}
.sg-risk-track{height:6px;border-radius:4px;background:var(--surface-2);border:1px solid var(--line);overflow:hidden}
.sg-risk-fill{display:block;height:100%;border-radius:4px}
.sg-risk-fill.f-g{background:var(--green)} .sg-risk-fill.f-a{background:var(--morno)} .sg-risk-fill.f-r{background:var(--red)} .sg-risk-fill.f-p{background:var(--purple)}
.sg-risk-fatores{display:flex;flex-direction:column;gap:6px}
.sg-fat{display:flex;align-items:center;gap:10px}
.sg-fat .k{flex:1;min-width:0;font-size:11.5px;color:var(--tx-3)}
.sg-fat-bar{flex:none;width:84px;height:5px;border-radius:3px;background:var(--surface-2);border:1px solid var(--line);overflow:hidden}
.sg-fat-bar span{display:block;height:100%}
.sg-fat-bar span.f-g{background:var(--green)} .sg-fat-bar span.f-a{background:var(--morno)} .sg-fat-bar span.f-r{background:var(--red)}

@media (max-width:900px){
  .sg-aval{grid-template-columns:1fr}
  .sg-grid2{grid-template-columns:1fr}
  .sg-rules,.sg-resps,.sg-risk-grid{grid-template-columns:1fr}
}
@media (max-width:560px){
  .sg-impact{grid-template-columns:1fr}
  .sg-out-grid{grid-template-columns:1fr 1fr}
}


/* ============================================================
   MAKE PROPOSAL STUDIO — propostas, escopo e fechamento (simulado)
   ============================================================ */
/* documento simulado (builder) */
.pp-doc-t{font-family:'Space Grotesk';font-weight:600;font-size:16px;letter-spacing:-.01em;color:var(--tx);margin-top:4px}
.pp-doc-resumo{font-size:12.5px;line-height:1.55;color:var(--tx-2);margin:6px 0 12px}
.pp-doc-grid{display:grid;grid-template-columns:1fr 1fr;gap:14px}
.pp-doc-p{font-size:12px;line-height:1.5;color:var(--tx-2);margin:0}
.pp-step{font-size:12px;color:var(--tx-2);padding:6px 0;border-bottom:1px solid var(--line);line-height:1.4}
.pp-step:last-child{border-bottom:none}
.pp-step b{color:var(--green-2);font-family:'JetBrains Mono';font-size:11px}

/* escopo da proposta */
.pp-esc-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:14px;align-items:start}

/* investimento */
.pp-inv-grid{display:grid;grid-template-columns:1fr 1fr;gap:16px;align-items:start}

/* condições */
.pp-cond-grid{display:grid;grid-template-columns:1.1fr 1fr;gap:16px;align-items:start}
.pp-cond-list{display:flex;flex-direction:column;gap:4px}
.pp-cond-row{display:flex;align-items:center;gap:11px;padding:9px 0;border-bottom:1px solid var(--line)}
.pp-cond-row:last-child{border-bottom:none}
.pp-cond-row .k{font-family:'JetBrains Mono';font-size:9.5px;text-transform:uppercase;letter-spacing:.06em;color:var(--tx-4)}
.pp-cond-row .v{font-size:12.5px;color:var(--tx);margin-top:2px}

/* comparador */
.pp-cmp{display:grid;grid-template-columns:1fr auto 1fr;gap:14px;align-items:stretch}
.pp-cmp-col{display:flex;flex-direction:column}
.pp-cmp-nm{font-family:'Space Grotesk';font-weight:600;font-size:15px;color:var(--tx)}
.pp-cmp-mid{display:flex;flex-direction:column;align-items:center;justify-content:center;gap:12px;min-width:120px}
.pp-cmp-vs{font-family:'JetBrains Mono';font-size:11px;letter-spacing:.1em;color:var(--tx-4);border:1px solid var(--line-2);border-radius:50%;width:34px;height:34px;display:grid;place-items:center}
.pp-cmp-diff{display:flex;flex-direction:column;gap:8px;width:100%}

/* aceite */
.pp-aceite-grid{display:grid;grid-template-columns:1.05fr 1fr;gap:16px;align-items:start}
.pp-handoff{display:flex;flex-direction:column;gap:4px}
.pp-ho{display:flex;align-items:center;gap:11px;padding:9px 0;border-bottom:1px solid var(--line)}
.pp-ho:last-child{border-bottom:none}
.pp-ho b{display:block;font-size:12.5px;font-weight:600;color:var(--tx)}
.pp-ho span{display:block;font-size:11.5px;color:var(--tx-3);margin-top:1px}

@media (max-width:900px){
  .pp-esc-grid,.pp-inv-grid,.pp-cond-grid,.pp-aceite-grid{grid-template-columns:1fr}
  .pp-cmp{grid-template-columns:1fr}
  .pp-cmp-mid{flex-direction:row;min-width:0;flex-wrap:wrap}
  .pp-cmp-diff{flex-direction:row}
  .pp-cmp-diff .sgm{flex:1;min-width:90px}
}
@media (max-width:560px){
  .pp-doc-grid{grid-template-columns:1fr}
}


/* ============================================================
   MAKE DATA ROOM — provas, cases e evidências (simulado)
   ============================================================ */
/* força da prova (segmentos) */
.dr-force{display:flex;gap:5px}
.dr-force-seg{flex:1;text-align:center;font-size:11px;font-family:'JetBrains Mono';padding:5px 4px;border-radius:5px;border:1px solid var(--line);color:var(--tx-4);background:rgba(255,255,255,.015)}
.dr-force-seg.on.g{color:var(--green-2);border-color:var(--green-line);background:var(--green-dim)}
.dr-force-seg.on.a{color:var(--morno);border-color:rgba(245,158,11,.26);background:rgba(245,158,11,.06)}
.dr-force-seg.on.n{color:var(--tx-2);border-color:var(--line-2);background:rgba(255,255,255,.04)}

/* versões por canal / linhas k-v */
.dr-ver{display:flex;flex-direction:column;gap:6px}
.dr-ver-row{display:flex;gap:10px;font-size:12px;line-height:1.45}
.dr-ver-row .k{flex:none;width:74px;font-family:'JetBrains Mono';font-size:9.5px;text-transform:uppercase;letter-spacing:.05em;color:var(--tx-4);padding-top:2px}
.dr-ver-row .v{flex:1;min-width:0;color:var(--tx-2)}

/* cases */
.dr-cases-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(360px,1fr));gap:14px}
.dr-case{padding:15px 17px;cursor:pointer}
.dr-case:hover{border-color:var(--line-2)}
.dr-case-t{font-family:'Space Grotesk';font-weight:600;font-size:14px;color:var(--tx);line-height:1.25}
.dr-ba{display:grid;grid-template-columns:1fr auto 1fr;gap:10px;align-items:stretch}
.dr-ba-col{border:1px solid var(--line);border-radius:6px;padding:9px 11px;background:rgba(255,255,255,.015);min-width:0}
.dr-ba-col.after{border-color:var(--green-line);background:var(--green-dim)}
.dr-ba-col .k{font-family:'JetBrains Mono';font-size:9px;text-transform:uppercase;letter-spacing:.08em;color:var(--tx-4)}
.dr-ba-col .v{font-size:12px;color:var(--tx-2);margin-top:3px;line-height:1.35}
.dr-ba-col.after .v{color:var(--tx)}
.dr-ba-arrow{display:flex;align-items:center;color:var(--tx-4)}

/* autorizações sim/não */
.dr-yn{display:inline-grid;place-items:center;width:20px;height:20px;border-radius:5px}
.dr-yn.yes{color:var(--green-2);background:var(--green-dim);border:1px solid var(--green-line)}
.dr-yn.no{color:var(--tx-4);background:rgba(255,255,255,.02);border:1px solid var(--line)}

/* provas por oferta */
.dr-of-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(420px,1fr));gap:14px}
.dr-of-h{display:flex;align-items:flex-start;gap:10px}
.dr-of-t{font-family:'Space Grotesk';font-weight:600;font-size:14.5px;color:var(--tx);line-height:1.25}
.dr-of-meta{display:grid;grid-template-columns:1fr 1fr;gap:8px;margin-top:10px}
.dr-of-meta .k{font-family:'JetBrains Mono';font-size:9px;text-transform:uppercase;letter-spacing:.07em;color:var(--tx-4)}
.dr-of-meta .v{font-size:12px;color:var(--tx-2);margin-top:3px}

/* provas por canal */
.dr-can-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(260px,1fr));gap:12px}
.dr-can-t{font-family:'Space Grotesk';font-weight:600;font-size:14px;color:var(--tx)}

/* score de prova */
.dr-score-crit{display:flex;flex-direction:column;gap:8px}
.dr-sc{display:flex;align-items:center;gap:10px}
.dr-sc .k{flex:none;width:130px;font-size:11.5px;color:var(--tx-2)}
.dr-sc-bar{flex:1;height:6px;border-radius:4px;background:var(--surface-2);border:1px solid var(--line);overflow:hidden}
.dr-sc-bar span{display:block;height:100%}
.dr-sc-bar span.f-g{background:var(--green)} .dr-sc-bar span.f-a{background:var(--morno)} .dr-sc-bar span.f-r{background:var(--red)}
.dr-sc .n{flex:none;width:20px;text-align:right;font-family:'Space Grotesk';font-weight:600;font-size:12.5px;color:var(--tx)}
.dr-verdict{display:flex;align-items:center;gap:14px;border:1px solid var(--line);border-radius:8px;padding:12px 14px;background:rgba(255,255,255,.015)}
.dr-verdict.f-g{border-left:3px solid var(--green)} .dr-verdict.f-a{border-left:3px solid var(--morno)} .dr-verdict.f-r{border-left:3px solid var(--red)} .dr-verdict.f-n{border-left:3px solid var(--tx-4)}
.dr-verdict-n{font-family:'Space Grotesk';font-weight:600;font-size:30px;line-height:1;color:var(--tx)}

/* matriz */
table.dr-matriz td,table.dr-matriz th{white-space:nowrap}
.dr-cell{display:inline-grid;place-items:center;min-width:30px;height:24px;padding:0 6px;border-radius:5px;font-family:'JetBrains Mono';font-size:11px;font-weight:500;border:1px solid var(--line);color:var(--tx-4)}
.dr-cell.forte{color:var(--green-2);background:var(--green-dim);border-color:var(--green-line)}
.dr-cell.ok{color:var(--morno);background:rgba(245,158,11,.06);border-color:rgba(245,158,11,.24)}
.dr-cell.risco{color:var(--red);background:var(--red-dim);border-color:rgba(239,68,68,.26)}
.dr-cell.lacuna{color:var(--tx-4);background:rgba(255,255,255,.015);border-style:dashed}
.dr-legend{display:flex;gap:16px;flex-wrap:wrap;margin-top:12px;font-size:11.5px;color:var(--tx-3)}
.dr-legend span{display:inline-flex;align-items:center;gap:7px}

@media (max-width:900px){
  .dr-cases-grid,.dr-of-grid{grid-template-columns:1fr}
}
@media (max-width:560px){
  .dr-sc .k{width:96px}
  .dr-of-meta{grid-template-columns:1fr}
}


/* ============================================================
   MAKE DEMO FLOW — roteiro comercial guiado (apresentação)
   ============================================================ */
.df-cycles{display:flex;gap:8px;flex-wrap:wrap;margin-bottom:16px}
.df-cycle{display:inline-flex;align-items:center;gap:7px;padding:7px 12px;border-radius:7px;border:1px solid var(--line);background:rgba(255,255,255,.015);font-size:12px;color:var(--tx-3);font-weight:500}
.df-cycle .df-cn{display:inline-grid;place-items:center;width:17px;height:17px;border-radius:50%;border:1px solid var(--line-2);font-family:'JetBrains Mono';font-size:9.5px;color:var(--tx-4)}
.df-cycle.done{color:var(--green-2);border-color:var(--green-line);background:var(--green-dim)}
.df-cycle.done svg{color:var(--green-2)}
.df-cycle.on{color:var(--tx);border-color:var(--tx-4);background:rgba(255,255,255,.05)}
.df-cycle.on .df-cn{border-color:var(--tx-3);color:var(--tx)}
.df-card{padding:22px 24px;display:flex;flex-direction:column;gap:14px}
.df-top{display:flex;align-items:flex-start;gap:18px}
.df-step-n{font-family:'Space Grotesk';font-weight:600;font-size:42px;line-height:.9;color:var(--tx);flex:none}
.df-step-n span{font-size:18px;color:var(--tx-4)}
.df-title{font-family:'Space Grotesk';font-weight:600;font-size:22px;letter-spacing:-.01em;color:var(--tx);margin:0;line-height:1.15}
.df-msg{font-size:15px;line-height:1.55;color:var(--tx-2);margin:0;font-style:italic;border-left:2px solid var(--green-line);padding-left:14px}
.df-telas{display:flex;flex-wrap:wrap;gap:8px}
.df-tela{display:inline-flex;align-items:center;gap:8px;padding:7px 12px 7px 8px;border-radius:8px;border:1px solid var(--line-2);background:rgba(255,255,255,.02);color:var(--tx);font-family:'Manrope';font-weight:500;font-size:13px;cursor:pointer;transition:.12s}
.df-tela:hover{border-color:var(--green-line);background:var(--green-dim);color:var(--green-2)}
.df-tela:hover .ic-chip{color:var(--green-2);border-color:var(--green-line)}
.df-foot{display:flex;align-items:center;justify-content:space-between;gap:14px;margin-top:18px}
.df-dots{display:flex;gap:8px;flex-wrap:wrap;justify-content:center;flex:1}
.df-dot{width:11px;height:11px;border-radius:50%;border:1px solid var(--line-2);background:transparent;cursor:pointer;padding:0;transition:.12s}
.df-dot:hover{border-color:var(--tx-3)}
.df-dot.done{background:var(--green-line);border-color:var(--green-line)}
.df-dot.on{background:var(--green);border-color:var(--green);box-shadow:0 0 0 3px var(--green-dim)}
.btn.is-off{opacity:.4;pointer-events:none}
@media (max-width:560px){
  .df-top{gap:12px}
  .df-step-n{font-size:32px}
  .df-title{font-size:18px}
  .df-foot{flex-wrap:wrap}
  .df-dots{order:3;flex-basis:100%}
}


/* ============================================================
   MAKE SCRIPT STUDIO — scripts comerciais humanos (simulado)
   ============================================================ */
.sc-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(360px,1fr));gap:14px}
.sc-card{padding:15px 17px;display:flex;flex-direction:column;gap:10px}
.sc-card-t{font-family:'Space Grotesk';font-weight:600;font-size:14px;color:var(--tx);line-height:1.2}
.sc-meta{display:flex;flex-direction:column;gap:6px;border-top:1px solid var(--line);padding-top:9px}
.sc-diag-grid{display:grid;grid-template-columns:1.1fr 1fr;gap:16px;align-items:start}
@media (max-width:900px){
  .sc-grid{grid-template-columns:1fr}
  .sc-diag-grid{grid-template-columns:1fr}
}


/* ============================================================
   MAKE SALES PLAYBOOK — material interno de apresentação
   ============================================================ */
.sp-vers{display:grid;grid-template-columns:repeat(3,1fr);gap:10px;margin-bottom:14px}
.sp-ver{text-align:left;border:1px solid var(--line-2);background:rgba(255,255,255,.015);border-radius:8px;padding:11px 14px;cursor:pointer;transition:.12s}
.sp-ver:hover{border-color:var(--tx-4)}
.sp-ver.on{border-color:var(--green-line);background:var(--green-dim)}
.sp-ver b{display:block;font-family:'Space Grotesk';font-size:14px;font-weight:600;color:var(--tx)}
.sp-ver.on b{color:var(--green-2)}
.sp-ver span{display:block;font-size:11px;color:var(--tx-3);margin-top:2px}
.sp-atalhos{display:flex;flex-wrap:wrap;gap:6px;align-items:center;padding:10px 0 0}
.sp-roteiro{display:flex;flex-direction:column;gap:12px}
.sp-step{display:grid;grid-template-columns:96px 1fr;gap:14px;align-items:start}
.sp-step-side{display:flex;flex-direction:column;align-items:flex-start;gap:6px;padding-top:4px}
.sp-time{font-family:'JetBrains Mono';font-size:11px;color:var(--green-2);font-weight:500;white-space:nowrap}
.sp-step-n{width:24px;height:24px;border-radius:50%;border:1px solid var(--line-2);display:grid;place-items:center;font-family:'JetBrains Mono';font-size:11px;color:var(--tx-3)}
.sp-step-card{padding:15px 17px;display:flex;flex-direction:column;gap:10px}
.sp-step-h{display:flex;flex-direction:column;gap:2px}
.sp-step-h h3{font-family:'Space Grotesk';font-size:15px;font-weight:600;margin:0;color:var(--tx)}
.sp-fala{font-size:13px;line-height:1.55;color:var(--tx-2);margin:0;font-style:italic;border-left:2px solid var(--green-line);padding-left:12px}
.sp-grid2{display:grid;grid-template-columns:1.2fr 1fr;gap:16px;align-items:start;margin-top:18px}
.sp-ck-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:14px}
@media (max-width:900px){
  .sp-vers,.sp-ck-grid{grid-template-columns:1fr}
  .sp-grid2{grid-template-columns:1fr}
  .sp-step{grid-template-columns:1fr}
  .sp-step-side{flex-direction:row;align-items:center;gap:10px;padding-top:0}
}


/* ============================================================
   Tooltip premium da rail/sidebar (console-like)
   ============================================================ */
.om-tip{position:fixed;left:0;top:0;z-index:120;pointer-events:none;max-width:224px;
  background:var(--bg-card);border:1px solid var(--line-2);border-radius:7px;padding:7px 11px;
  box-shadow:0 8px 24px -8px rgba(0,0,0,.6);
  opacity:0;transform:none;transition:opacity .13s ease,transform .13s ease;
  font-family:'Manrope',sans-serif;will-change:transform,opacity}
/* entrada coerente com o lado (alvo do outro lado da seta) */
.om-tip[data-side="top"]{transform:translateY(4px)}
.om-tip[data-side="bottom"]{transform:translateY(-4px)}
.om-tip[data-side="left"]{transform:translateX(4px)}
.om-tip[data-side="right"]{transform:translateX(-4px)}
.om-tip.show{opacity:1;transform:none}
.om-tip-t{font-size:12.5px;font-weight:600;color:var(--tx);line-height:1.25;letter-spacing:-.005em;
  white-space:nowrap;overflow:hidden;text-overflow:ellipsis;max-width:200px}
.om-tip-d{font-size:11px;color:var(--tx-3);margin-top:2px;line-height:1.35;
  overflow:hidden;text-overflow:ellipsis;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical}
/* seta única, posicionada por data-side, sempre apontando para o alvo */
.om-tip-ar{position:absolute;width:7px;height:7px;background:var(--bg-card)}
.om-tip[data-side="right"] .om-tip-ar{left:-4px;top:var(--ar-y,16px);
  border-left:1px solid var(--line-2);border-bottom:1px solid var(--line-2);
  transform:translateY(-50%) rotate(45deg)}
.om-tip[data-side="left"] .om-tip-ar{right:-4px;top:var(--ar-y,16px);
  border-top:1px solid var(--line-2);border-right:1px solid var(--line-2);
  transform:translateY(-50%) rotate(45deg)}
.om-tip[data-side="bottom"] .om-tip-ar{top:-4px;left:var(--ar-x,16px);
  border-top:1px solid var(--line-2);border-left:1px solid var(--line-2);
  transform:translateX(-50%) rotate(45deg)}
.om-tip[data-side="top"] .om-tip-ar{bottom:-4px;left:var(--ar-x,16px);
  border-right:1px solid var(--line-2);border-bottom:1px solid var(--line-2);
  transform:translateX(-50%) rotate(45deg)}
@media (prefers-reduced-motion:reduce){.om-tip{transition:opacity .1s ease}.om-tip[data-side]{transform:none}}
/* tooltip com conteúdo de notas internas (preview) */
.om-tip.has-notes{max-width:300px}
.om-tip-notes{margin-top:7px;flex-direction:column;gap:8px}
.om-tip-note{border-left:2px solid var(--green-line,rgba(62,207,142,.3));padding-left:9px}
.om-tip-note-tx{font-size:11.5px;color:var(--tx-2);line-height:1.4;
  overflow:hidden;text-overflow:ellipsis;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical}
.om-tip-note-mt{font-size:9.5px;color:var(--tx-4);margin-top:3px;font-family:'JetBrains Mono',monospace;letter-spacing:.02em}
.om-tip-more{font-size:10px;color:var(--tx-4);font-style:italic}


/* ============================================================
   Micro UI polish — foco de teclado + definição do item ativo
   ============================================================ */
/* foco visível só por teclado (focus-visible), discreto, sem glow */
:where(button,a,select,input,textarea,[tabindex],.nav-item,.rail-it,.rail-logo,.chip,.fchip,.sc-btn,.df-tela,.sg-chip,.sp-ver,[data-action],[data-nav]):focus-visible{
  outline:2px solid var(--green-line);outline-offset:2px;border-radius:5px}
:where(button,a,select,input,textarea,.sc-btn,.rail-it,.df-tela,[data-action],[data-nav]):focus:not(:focus-visible){outline:none}
/* última interação = mouse/touch → sem anel de foco (o foco técnico continua;
   campos de texto seguem sinalizando via border-color). Teclado reativa o anel. */
html[data-input="pointer"] :where(button,a,select,input,textarea,[tabindex],.nav-item,.rail-it,.rail-logo,.chip,.fchip,.sc-btn,.df-tela,.sg-chip,.sp-ver,[data-action],[data-nav]):focus-visible{outline:none}
html[data-input="pointer"] .lead-name-btn:focus-visible,
html[data-input="pointer"] .tk-title-btn:focus-visible{outline:none}
html[data-input="pointer"] .pipe-card:focus-visible{box-shadow:none}
html[data-input="pointer"] .lead-head .lead-row-star.insp:focus-visible{box-shadow:0 0 0 0 transparent}
html[data-input="pointer"] .ag-ev:focus-visible,
html[data-input="pointer"] .ag-ev-flat:focus-visible{outline:none}
/* item ativo da sidebar/rail: hairline sutil p/ definição (sem neon) */
.nav-item.active{box-shadow:inset 0 0 0 1px var(--line-2)}
.rail-it.on{box-shadow:inset 0 0 0 1px var(--green-line)}


/* ============================================================
   Editar Lead — formulário denso no inspector (simulado/local)
   ============================================================ */
.le-note{margin:0 0 12px;line-height:1.45}
.le-form{display:grid;grid-template-columns:1fr 1fr;gap:10px 14px}
.le-f{display:flex;flex-direction:column;gap:4px;min-width:0}
.le-f.le-full{grid-column:1 / -1}
.le-k{font-family:'JetBrains Mono';font-size:9px;letter-spacing:.07em;text-transform:uppercase;color:var(--tx-4)}
.le-in{font:inherit;font-size:12.5px;color:var(--tx);background:var(--surface-2);border:1px solid var(--line-2);
  border-radius:5px;padding:6px 9px;width:100%;min-width:0;transition:.12s}
.le-in:hover{border-color:var(--line-3)}
.le-in:focus{outline:none;border-color:var(--green-line);background:var(--surface)}
select.le-in{cursor:pointer}
textarea.le-in{resize:vertical;line-height:1.45;min-height:40px}
@media (max-width:560px){ .le-form{grid-template-columns:1fr} }


/* Inspector do lead — bloco "Próxima ação" em destaque */
.lead-next{border:1px solid var(--line-2);border-radius:8px;padding:13px 14px;background:rgba(255,255,255,.02);display:flex;flex-direction:column;gap:9px;margin-bottom:4px}
.lead-next .ln-top{display:flex;align-items:flex-start;justify-content:space-between;gap:10px}
.lead-next .ln-act{font-family:'Space Grotesk';font-weight:600;font-size:16px;letter-spacing:-.01em;color:var(--tx);line-height:1.2}
.lead-next .ln-sup{font-size:11.5px;color:var(--tx-3);line-height:1.45}
.lead-next .ln-btns{display:flex;flex-wrap:wrap;gap:7px}
/* botão Editar no topo do inspector */
.lead-edit-top{flex:none;padding:3px 9px;min-height:24px}
/* controle de visualização (presets de ordem) */
.lead-viewctl{display:flex;align-items:center;gap:5px;flex-wrap:wrap;margin-bottom:4px;padding-bottom:10px;border-bottom:1px solid var(--line)}
.lead-viewctl .lv-lbl{font-family:'JetBrains Mono';font-size:9px;letter-spacing:.08em;text-transform:uppercase;color:var(--tx-4);margin-right:auto}
.lead-viewctl .lv-btn{font:inherit;font-size:11px;font-weight:500;color:var(--tx-3);background:transparent;border:1px solid var(--line);border-radius:5px;padding:3px 9px;cursor:pointer;transition:.12s}
.lead-viewctl .lv-btn:hover{color:var(--tx-2);border-color:var(--line-2)}
.lead-viewctl .lv-btn.on{color:var(--green-2);background:var(--green-dim);border-color:var(--green-line)}
/* Lead Actions — favorito + notas */
.lead-fav-star{display:inline-flex;vertical-align:middle;margin-left:6px;color:var(--morno)}
.lead-fav-star svg{width:12px;height:12px;fill:currentColor}
.lead-fav-btn{flex:none;width:26px;height:26px;border-radius:6px;display:grid;place-items:center;border:1px solid var(--line);background:transparent;color:var(--tx-4);cursor:pointer;transition:.12s}
.lead-fav-btn:hover{color:var(--morno);border-color:var(--line-2)}
.lead-fav-btn.on{color:var(--morno);background:rgba(224,184,77,.1);border-color:rgba(224,184,77,.28)}
.lead-fav-btn.on svg{fill:currentColor}
.lead-note-add{display:flex;flex-direction:column;gap:7px}
.lead-note-in{width:100%;resize:vertical;min-height:46px;background:var(--bg-1);border:1px solid var(--line-2);border-radius:6px;padding:8px 10px;color:var(--tx);font:inherit;font-size:12.5px;line-height:1.45}
.lead-note-in:focus{outline:none;border-color:var(--green-line)}
.lead-note-list{display:flex;flex-direction:column;gap:7px}
.lead-note{border:1px solid var(--line);border-radius:6px;padding:8px 10px;background:rgba(255,255,255,.015)}
.lead-note-tx{font-size:12.5px;color:var(--tx);line-height:1.5;white-space:pre-wrap;word-break:break-word}
.lead-note-meta{display:flex;align-items:center;justify-content:space-between;gap:8px;margin-top:5px;font-family:'JetBrains Mono';font-size:9.5px;letter-spacing:.04em;color:var(--tx-4)}
.lead-note-del{flex:none;width:20px;height:20px;border-radius:4px;display:grid;place-items:center;border:none;background:transparent;color:var(--tx-4);cursor:pointer}
.lead-note-del:hover{color:var(--red);background:var(--red-dim)}
.lead-note-empty{font-size:12px;color:var(--tx-4);font-style:italic;padding:2px 0}
/* linha do tempo do lead — barra de atividade + eventos */
.tl-add{display:flex;align-items:center;gap:6px;flex-wrap:wrap;margin-bottom:10px}
.tl-add-lbl{font-family:'JetBrains Mono';font-size:9.5px;letter-spacing:.06em;text-transform:uppercase;color:var(--tx-4)}
.tl-add-btn{display:inline-flex;align-items:center;gap:5px;font:inherit;font-size:11.5px;font-weight:500;color:var(--tx-2);background:transparent;border:1px solid var(--line-2);border-radius:6px;padding:4px 9px;cursor:pointer;transition:.12s}
.tl-add-btn:hover{color:var(--tx);border-color:var(--tx-4);background:rgba(255,255,255,.04)}
.tl-add-btn svg{width:12px;height:12px}
.tl-noteform{display:flex;flex-direction:column;gap:7px;margin-bottom:12px}
.tl-noteform[hidden]{display:none}
.tl-del{--ib-size:22px;border-radius:5px;background:transparent;color:var(--tx-5,rgba(255,255,255,.25));cursor:pointer;opacity:0;transition:.12s}
.tl-it:hover .tl-del,.tl-del:focus-visible{opacity:1}
.tl-del:hover{color:var(--red);background:var(--red-dim)}
.tl-note{font-size:12px;color:var(--tx);line-height:1.5;white-space:pre-wrap;word-break:break-word;margin:0}
/* Leads Core Actions — barra, busca, estrela alinhada, indicadores */
.lead-name{display:inline-flex;align-items:center;flex-wrap:wrap;gap:0 6px}
.lead-name .lead-fav-star,.lead-name .lead-note-dot{order:2}
.lead-name small{order:3;flex-basis:100%}
/* estrela estilo CRM (Gmail-like): antes do avatar/nome */
.lead-row-star{border-radius:5px;background:transparent;cursor:pointer;color:var(--tx-5,rgba(255,255,255,.22));transition:color .12s,background .12s}
.lead-row-star:hover{background:rgba(255,255,255,.06);color:var(--morno)}
tr:hover .lead-row-star{color:var(--tx-4)}
tr:hover .lead-row-star:hover{color:var(--morno)}
.lead-row-star.on{color:var(--morno)}
.lead-row-star.on svg{fill:currentColor}
.lead-card .lead-row-star{margin-right:2px}
/* estrela no header do inspector + cluster de ações */
.drawer-head-acts{display:flex;align-items:center;gap:4px;flex:none;align-self:flex-start}
/* inspector header fav: .ib ib-md (28/15) no markup */
/* busca refinada — integrada à toolbar, altura dos controles */
.tb-toolbar .lead-search-box{display:inline-flex;align-items:center;gap:7px;height:30px;padding:0 11px;border:1px solid var(--line-2);border-radius:7px;background:var(--surface-2);transition:border-color .12s}
.tb-toolbar .lead-search-box:focus-within{border-color:var(--green-line)}
.tb-toolbar .lead-search-box .ls-ic{display:inline-flex;color:var(--tx-4)}
.tb-toolbar .lead-search-box .ls-ic svg{width:13px;height:13px}
.tb-toolbar .lead-search-box input{background:transparent;border:none;outline:none;color:var(--tx);font:inherit;font-size:12.5px;width:160px;padding:0}
.tb-toolbar .lead-search-box input::placeholder{color:var(--tx-4)}
/* coluna Lead fixa (sticky) + drag horizontal */
.tbl-wrap.lead-grab{cursor:grab}
.tbl-wrap.lead-grabbing{cursor:grabbing;user-select:none}
/* CRM table — coluna Lead única fixa (sticky) contendo checkbox · estrela · avatar · nome · ações */
table.leads-crm td,table.leads-crm th{background:var(--bg-1)}
table.leads-crm tbody tr:hover td{background:var(--surface-2)}
table.leads-crm tr.lead-row-sel td{background:rgba(62,207,142,.06)}
table.leads-crm th.lc-lead,table.leads-crm td.lc-lead{position:sticky;left:0;z-index:2;min-width:330px;max-width:330px;box-shadow:1px 0 0 var(--line)}
table.leads-crm thead th.lc-lead{z-index:3}
table.leads-crm tbody tr:hover td.lc-lead{background:var(--surface-2)}
table.leads-crm tr.lead-row-sel td.lc-lead{background:rgba(62,207,142,.06)}
.lc-lead-in{display:flex;align-items:center;gap:8px}
.lc-lead-in .lead-name{flex:1;min-width:0}
.lc-lead-in .lead-name small{flex-basis:100%}
.lc-fav-h{display:inline-flex;color:var(--tx-4)}
.lc-fav-h svg{width:12px;height:12px}
/* checkbox de seleção */
.lead-check{display:inline-flex;cursor:pointer;flex:none}
.lead-check .lc-box{width:16px;height:16px;border-radius:4px;border:1px solid var(--line-3,rgba(255,255,255,.2));display:grid;place-items:center;color:transparent;transition:.12s}
.lead-check.on .lc-box{background:var(--green);border-color:var(--green);color:#0a0a0a}
.lead-check .lc-box svg{width:11px;height:11px}
/* ações rápidas dentro da célula Lead — visíveis no hover (desktop) */
.lead-qa{display:inline-flex;gap:1px;flex:0 0 auto;opacity:0;transition:opacity .12s}
tr:hover .lead-qa,tr:focus-within .lead-qa,.lead-row-sel .lead-qa{opacity:1}
.lead-qa-btn{border-radius:6px;background:transparent;color:var(--tx-4);cursor:pointer;transition:.12s}
.lead-qa-btn:hover{background:rgba(255,255,255,.09);color:var(--tx)}
/* barra de ações em massa */
.lead-bulk{display:none;align-items:center;gap:6px;flex-wrap:wrap;padding:8px 12px;margin-top:2px;border:1px solid var(--green-line);background:var(--green-dim);border-radius:8px}
.lead-bulk.on{display:flex}
.lead-bulk .lb-count{font-size:12.5px;font-weight:600;color:var(--green-2);margin-right:6px}
@media (max-width:560px){ .lead-qa{opacity:1} .lead-head .lh-chips{flex-wrap:wrap} }
/* drawer header do lead — grid por linhas: avatar | identidade | ações; sub e pills em largura cheia */
.lead-head{display:grid;grid-template-columns:auto minmax(0,1fr) auto;grid-template-rows:auto auto auto;align-items:center;column-gap:11px;row-gap:3px}
.lead-head .lh-av{width:38px;height:38px;font-size:13px;flex:none;grid-column:1;grid-row:1/span 2;align-self:start}
.lead-head .lh-id{display:contents}
.lead-head .lh-acts{grid-column:3;grid-row:1;display:flex;align-items:center;gap:4px;flex:none}
.lead-head .lh-r1{grid-column:2;grid-row:1;align-self:end;display:flex;align-items:center;gap:7px;min-width:0}
.lead-head .lh-name{flex:0 1 auto;min-width:0;font-weight:600;font-size:14.5px;font-family:'Manrope';overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
.lead-head .lh-r1 .lead-row-star{flex:none}
/* favorito do header — estrela livre, sem caixa (variante bare escopada; .ib global intacto) */
.lead-head .lead-row-star.insp{--ib-size:24px;background:none;border-color:transparent;color:var(--tx-4)}
.lead-head .lead-row-star.insp:hover{background:none;color:var(--morno)}
.lead-head .lead-row-star.insp.on{color:var(--morno)}
.lead-head .lead-row-star.insp.on:hover{opacity:.82}
.lead-head .lead-row-star.insp:focus-visible{outline:none;box-shadow:0 0 0 2px var(--bg),0 0 0 3px var(--morno)}
.lead-head .lh-r1 .lead-note-dot{--ib-size:22px;border-radius:5px}
.lead-head .lh-sub{grid-column:2/-1;grid-row:2;display:flex;align-items:center;gap:5px;min-width:0;font-size:11.5px;color:var(--tx-3)}
.lead-head .lh-sub-tel{flex:none;font-family:'JetBrains Mono';font-size:11px;letter-spacing:.01em}
.lead-head .lh-sub-seg{flex:0 1 auto;min-width:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
.lead-head .lh-sub-dot{flex:none;color:var(--tx-4)}
.lead-head .lh-chips{grid-column:2/-1;grid-row:3;display:flex;align-items:center;gap:5px;flex-wrap:nowrap;min-width:0;margin-top:1px}
.lead-head .lh-chips>*{flex:none}
/* pills compactas do header — 4 em uma linha no desktop */
.lead-head .lh-chips .pill{min-height:22px;padding:2px 6px;font-size:10px;line-height:1.4;border-radius:5px;gap:0}
.lead-head .lh-chips .pill .dot{display:none}
.lead-head .lh-chips .md{font-size:10px;padding:2px 6px}
.lead-head .lh-chips .score{min-height:22px;box-sizing:border-box;padding:1px 3px 1px 6px;border-radius:6px;font-size:10px;gap:3px}
.lead-head .lh-chips .score b{font-size:11px}
.lead-head .lh-chips .score>span{font-size:8.5px;padding:1px 5px;border-radius:5px;letter-spacing:.02em}
/* ações do topo: boxes consistentes; Fechar separado das ações de conteúdo */
.lead-head .lead-edit-top{min-height:28px;padding:4px 9px;gap:5px}
.lead-head .lead-close-x{width:28px;height:28px;margin-left:4px}
.lead-note-dot{color:var(--tx-3);cursor:default;transition:background .12s,color .12s}
.lead-note-dot:hover{color:var(--tx)}
/* na linha de Leads o indicador de nota ganha caixa própria — mesmo eixo e peso dos demais ícones */
.lead-name .lead-note-dot{border-radius:5px}
.lead-name .lead-note-dot:hover{background:rgba(255,255,255,.07)}
/* mesmo afford. de hover no indicador de nota da Caixa de Conversas (lista + header) */
.conv-note{border-radius:5px;transition:background .12s}
.conv-note:hover{background:rgba(255,255,255,.06)}
.lead-actbar .lead-search-box{display:flex;align-items:center;gap:7px;max-width:240px;flex:none;padding:5px 10px}
.lead-actbar .lead-search-box .ls-ic{display:inline-flex;color:var(--tx-4)}
.lead-actbar .lead-search-box .ls-ic svg{width:14px;height:14px}
.lead-actbar .lead-search-box input{background:transparent;border:none;outline:none;color:var(--tx);font:inherit;font-size:12.5px;width:170px}
.lead-actbar .lead-search-box input::placeholder{color:var(--tx-4)}
.btn.btn-fav-on{color:var(--morno);background:rgba(224,184,77,.1);border-color:rgba(224,184,77,.28)}
.btn.btn-fav-on svg{fill:currentColor}
.lead-archive-btn:hover{color:var(--red)}
/* seletor de ESCOPO (Todos os leads / Favoritos) — eixo separado dos segmentos */
.lead-scope{display:inline-flex;gap:2px;background:var(--surface);border:1px solid var(--line-2);border-radius:8px;padding:2px;flex:none}
.lead-scope-b{position:relative;display:inline-flex;align-items:center;gap:6px;font:inherit;font-size:12px;font-weight:600;color:var(--tx-2);background:transparent;border:none;border-radius:6px;padding:5px 11px;min-height:28px;cursor:pointer;white-space:nowrap;transition:color .12s,background .12s}
.lead-scope-b:hover{color:var(--tx)}
.lead-scope-b.on{background:var(--surface-3);color:var(--tx);box-shadow:0 1px 2px rgba(0,0,0,.22)}
.lead-scope-b svg{width:13px;height:13px;flex:none;color:var(--tx-3)}
.lead-scope-b.on svg{color:var(--morno)}
/* badge do escopo: controle mais forte que os chips de segmento */
.lead-scope-b .fchip-count{top:-7px;right:-7px;background:var(--surface);border-color:var(--line-3)}
.lead-scope-b.on .fchip-count{color:var(--tx);background:#26282d;border-color:var(--tx-4)}
.lead-tb-div{width:1px;align-self:stretch;min-height:24px;background:var(--line-2);margin:2px 1px;flex:none}
/* Configurar tabela em área própria, à direita (não é filtro) */
.tb-toolbar .lead-cfg{margin-left:auto}
/* estado vazio inteligente */
.lead-empty{padding:30px 18px;text-align:center;display:flex;flex-direction:column;align-items:center;gap:7px}
.lead-empty-tt{font-size:13.5px;font-weight:600;color:var(--tx-2)}
.lead-empty-sb{font-size:12px;color:var(--tx-4);max-width:400px;line-height:1.55}
.lead-empty-act{margin-top:6px}
@media (max-width:900px){
  .tb-toolbar .lead-scope{order:-1}
  .tb-toolbar .lead-tb-div{display:none}
  .tb-toolbar .lead-cfg{margin-left:0}
}
@media (max-width:560px){
  .lead-actbar{width:100%}
  .lead-actbar .lead-search-box{flex:1;max-width:none}
  .lead-actbar .lead-search-box input{width:100%}
}

/* ============================================================
   REFINO — ícones pequenos ao lado do nome (Leads + Conversas)
   Linguagem única: glyph 14px uniforme, hit/box consistente por
   superfície, gap 5px, centro vertical, ellipsis do nome sem
   esconder os ícones. (escopo restrito a Leads/Conversas)
   ============================================================ */
/* --- Leads (linha da tabela) --- */
/* nome com ellipsis próprio; ícone de nota alinhado à linha do nome */
/* grid: nome (col1, encolhe c/ ellipsis) + nota (col2) na MESMA linha; segmento na linha 2 — a nota nunca quebra para outra linha em nomes longos */
/* o nome ocupa o espaço da célula numa LINHA própria (.lead-nm-row, nowrap) ao lado da nota:
   o nome (flex:0 1 auto) mostra-se completo quando cabe e só recebe ellipsis quando realmente
   excede; a nota (flex:none) fica SEMPRE adjacente na MESMA linha (nunca quebra); a linha encolhe
   ao conteúdo (align-self:flex-start) e o segmento fica na linha de baixo. */
.lc-lead-in .lead-name{display:flex;flex-direction:column;justify-content:center;min-width:0}
.lc-lead-in .lead-name .lead-nm-row{display:flex;align-items:center;column-gap:6px;min-width:0;max-width:100%;align-self:flex-start}
.lead-name .lead-nm-tx{flex:0 1 auto;min-width:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;
  font-weight:600;font-size:12.5px;color:var(--tx);line-height:1.25}
/* nome do Lead = controle semântico de abertura do Inspector (mantém o visual do texto) */
.lead-name-btn{appearance:none;-webkit-appearance:none;background:none;border:0;margin:0;padding:0;font-family:inherit;cursor:pointer;text-align:left;border-radius:3px}
.lead-name-btn:hover{text-decoration:underline;text-underline-offset:2px}
.lead-name-btn:focus:not(:focus-visible){outline:none}
.lead-name-btn:focus-visible{outline:2px solid var(--green-line);outline-offset:2px;text-decoration:underline;text-underline-offset:2px}
.lead-name small{line-height:1.3}
/* sublinha (detalhes abaixo do nome): telefone fixo (não trunca) · segmento truncado de forma independente */
.lc-lead-in .lead-name .lead-sub{display:flex;align-items:center;gap:5px;min-width:0;max-width:100%;align-self:flex-start;margin-top:1px;line-height:1.3}
.lead-sub .lc-sub-tel{flex:none;font-family:'JetBrains Mono';font-size:10.5px;color:var(--tx-3);letter-spacing:.01em}
.lead-sub .lc-sub-seg{flex:0 1 auto;min-width:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;font-size:11px;color:var(--tx-3)}
.lead-sub .lc-sub-dot{flex:none;color:var(--tx-4)}
/* estrela Gmail-like e ações rápidas: tamanho/centro pelo sistema .ib */
.lead-qa{gap:2px}

/* ============================================================
   TAREFAS — central operacional (app-tarefas.js)
   ============================================================ */
/* indicadores rápidos — compactos, alinhados à esquerda (linguagem da Agenda) */
.tk-stats{display:flex;flex-wrap:wrap;gap:10px;margin-bottom:14px}
.tk-stat{display:flex;align-items:center;gap:9px;padding:9px 14px;border:1px solid var(--line);border-radius:10px;
  background:var(--surface);cursor:pointer;font:inherit;transition:.12s;position:relative;min-width:118px;text-align:left}
.tk-stat:hover{border-color:var(--line-2);background:var(--surface-2)}
.tk-stat.on{border-color:var(--line-3);background:var(--surface-2);box-shadow:inset 0 0 0 1px var(--line-2)}
.tk-stat-ic{width:26px;height:26px;border-radius:7px;display:grid;place-items:center;color:var(--tx-3);background:rgba(255,255,255,.04);flex:none}
.tk-stat-n{font-family:'Space Grotesk';font-weight:600;font-size:18px;line-height:1;color:var(--tx);letter-spacing:-.01em}
.tk-stat-l{font-family:'JetBrains Mono',monospace;font-size:10px;letter-spacing:.05em;text-transform:uppercase;color:var(--tx-3)}
/* cor semântica apenas no glyph do ícone (igual à Agenda) */
.tk-stat.red .tk-stat-ic{color:#e36458}
.tk-stat.blue .tk-stat-ic{color:#7aa2e3}
.tk-stat.amber .tk-stat-ic{color:var(--morno)}
.tk-stat.green .tk-stat-ic{color:var(--green-2)}

/* toolbar (busca + chips) */
.tk-toolbar{display:flex;align-items:center;gap:12px;flex-wrap:wrap;margin-bottom:14px}
.tk-search{display:flex;align-items:center;gap:8px;height:34px;padding:0 11px;border:1px solid var(--line);border-radius:var(--r);background:var(--surface);min-width:240px;flex:0 0 auto}
.tk-search:focus-within{border-color:var(--line-3)}
.tk-search-ic{color:var(--tx-4);display:grid;place-items:center}.tk-search-ic svg{width:15px;height:15px}
.tk-search input{background:none;border:none;outline:none;color:var(--tx);font:inherit;font-size:13px;width:210px}
.tk-search input::placeholder{color:var(--tx-4)}
.tk-toolbar .fchips{flex:1;min-width:0}

/* origem tag */
.tk-og{display:inline-flex;align-items:center;gap:5px;font-size:11px;font-weight:500;font-family:'JetBrains Mono',monospace;letter-spacing:-.01em;
  padding:2px 8px;border-radius:4px;border:1px solid var(--line);color:var(--tx-2);background:rgba(255,255,255,.02);white-space:nowrap}
.tk-og svg{flex:none}
.tk-og-ia{color:var(--purple-2);background:var(--purple-dim);border-color:var(--purple-line)}
.tk-og-auto{color:var(--morno);background:rgba(245,158,11,.1);border-color:rgba(245,158,11,.24)}
.tk-og-conv{color:var(--frio);background:rgba(96,165,250,.08);border-color:rgba(96,165,250,.2)}
.tk-og-pipe{color:var(--tx-2)}
.tk-og-man{color:var(--tx-3)}
/* respiro ícone+texto no subtítulo de tipo (lista) e no meta do card (mobile):
   .gap5 não tem regra global e estes pontos não têm fallback inline → ícone colado.
   Escopo restrito a Tarefas; não afeta outras telas. */
.tk-sub .gap5,.tk-card-meta .gap5{gap:5px}

/* tabela compacta e alinhada (sem buracos) */
table.tk-tasks{table-layout:auto}
table.tk-tasks th,table.tk-tasks td{white-space:nowrap}
table.tk-tasks th{font-family:'JetBrains Mono',monospace;font-size:10px;letter-spacing:.05em;text-transform:uppercase}
table.tk-tasks .tk-c-chk{width:30px;padding-right:0}
table.tk-tasks .tk-c-main{width:100%;white-space:normal;min-width:220px}
table.tk-tasks .tk-c-acts{text-align:right;width:1%}
.tk-row{cursor:pointer}
.tk-row:hover{background:rgba(255,255,255,.018)}
.tk-row.done{opacity:.62}
.tk-title{font-weight:600;font-size:13.5px;color:var(--tx);line-height:1.35}
/* título da tarefa = controle semântico (abre o detalhe por teclado) mantendo o visual do texto */
.tk-title-btn{display:block;width:100%;text-align:left;appearance:none;-webkit-appearance:none;background:none;border:0;margin:0;padding:0;font:inherit;cursor:pointer;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;border-radius:3px}
.tk-title-btn:focus:not(:focus-visible){outline:none}
.tk-title-btn:focus-visible{outline:2px solid var(--green-line);outline-offset:2px}
.tk-title.done{text-decoration:line-through;color:var(--tx-3)}
.tk-sub{font-size:11px;color:var(--tx-3);margin-top:2px;font-family:'JetBrains Mono',monospace;letter-spacing:-.01em}
.tk-sub svg{color:var(--tx-4)}
.tk-ln{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
.tk-c-lead .row{max-width:170px}
.tk-resp{font-size:12.5px;color:var(--tx-2)}
.tk-due{font-size:12px;color:var(--tx-2)}
.tk-due.late{color:#f0a89f}
.tk-acts{display:flex;align-items:center;gap:6px;justify-content:flex-end}
.tk-more svg{width:14px;height:14px}

/* cards (mobile) */
.tk-cards{display:none;flex-direction:column;gap:11px}
.tk-card-it{padding:14px 15px;display:flex;flex-direction:column;gap:10px;cursor:pointer}
.tk-card-it.done{opacity:.62}
.tk-card-top{display:flex;align-items:flex-start;gap:10px}
.tk-card-meta{display:flex;flex-wrap:wrap;align-items:center;gap:8px;font-size:12px}
.tk-card-lead{min-width:0;max-width:100%}
.tk-card-foot{display:flex;align-items:center;justify-content:space-between;gap:10px;flex-wrap:wrap}
.tk-card-acts{display:flex;flex-wrap:wrap;gap:6px;border-top:1px solid var(--line);padding-top:10px}

/* empty */
.tk-empty{display:flex;flex-direction:column;align-items:center;gap:9px;text-align:center;padding:40px 20px}
.tk-empty-ic{width:42px;height:42px;border-radius:11px;display:grid;place-items:center;color:var(--green-2);background:var(--green-dim);border:1px solid var(--green-line)}
.tk-empty-ic svg{width:20px;height:20px}
.tk-empty-tt{font-weight:600;font-size:14.5px;color:var(--tx)}
.tk-empty-sb{font-size:12.5px;color:var(--tx-3);max-width:30em}
.tk-empty-acts{display:flex;gap:8px;flex-wrap:wrap;justify-content:center;margin-top:4px}

/* menu "..." popover */
.tk-menu-pop{position:fixed;z-index:96;width:210px;background:var(--surface-2);border:1px solid var(--line-2);border-radius:10px;box-shadow:var(--sh-lg);padding:5px;display:flex;flex-direction:column;gap:1px;animation:tkpop .12s ease}
@keyframes tkpop{from{opacity:0;transform:translateY(-4px)}to{opacity:1;transform:none}}
.tk-menu-pop button{display:flex;align-items:center;gap:9px;width:100%;text-align:left;font:inherit;font-size:12.5px;font-weight:500;color:var(--tx-2);
  background:none;border:none;border-radius:6px;padding:8px 10px;cursor:pointer;transition:.1s}
.tk-menu-pop button:hover{background:rgba(255,255,255,.05);color:var(--tx)}
.tk-menu-pop button svg{color:var(--tx-4);flex:none}
.tk-menu-pop button:hover svg{color:var(--tx-2)}
.tk-menu-sep{height:1px;background:var(--line);margin:4px 2px}
.tk-menu-danger:hover{color:var(--red)!important}
.tk-menu-danger:hover svg{color:var(--red)!important}

/* drawer da tarefa */
.tk-scrim{background:rgba(0,0,0,.4)}
.tk-drawer{width:var(--drawer-w)}
.tk-d-head{align-items:center}
.tk-d-title{font-family:'Space Grotesk';font-weight:600;font-size:16px;letter-spacing:-.01em;color:var(--tx);line-height:1.25}
.tk-d-title.done{text-decoration:line-through;color:var(--tx-3)}
.tk-d-sub{display:flex;align-items:center;gap:8px;margin-top:5px;font-size:12px;color:var(--tx-3)}
.tk-d-grid{display:grid;grid-template-columns:1fr 1fr;gap:0 16px}
.tk-d-f{padding:8px 0;border-bottom:1px solid var(--line);display:flex;flex-direction:column;gap:5px}
.tk-d-f .k{font-family:'JetBrains Mono',monospace;font-size:9.5px;text-transform:uppercase;letter-spacing:.1em;color:var(--tx-4);font-weight:500}
.tk-d-f .v{font-size:13px;color:var(--tx)}
.tk-d-sec{display:flex;flex-direction:column;gap:9px}
.tk-d-lead{display:flex;align-items:center;gap:10px;padding:11px 12px;border:1px solid var(--line);border-radius:var(--r);background:rgba(255,255,255,.015)}
.tk-d-lead-nm{font-weight:600;font-size:13px;color:var(--tx);overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
.tk-d-empty{font-size:12.5px;color:var(--tx-4);padding:4px 0}
.tk-d-desc{font-size:13px;color:var(--tx-2);line-height:1.55;margin:0}
.tk-d-hist{display:flex;flex-direction:column;gap:0;position:relative}
.tk-hist-it{display:flex;gap:11px;padding:0 0 13px;position:relative}
.tk-hist-it:last-child{padding-bottom:0}
.tk-hist-dot{width:9px;height:9px;border-radius:50%;background:var(--surface-3);border:1.5px solid var(--line-3);margin-top:3px;flex:none;position:relative;z-index:1}
.tk-hist-it:not(:last-child)::before{content:"";position:absolute;left:4px;top:12px;bottom:0;width:1px;background:var(--line)}
.tk-hist-tx{font-size:12.5px;color:var(--tx);line-height:1.4}
.tk-hist-when{font-size:10.5px;color:var(--tx-4);margin-top:2px}
/* rodapé do inspector de tarefa: ação principal em largura total +
   linha de secundárias de larguras iguais (estável em 2 ou 3 botões).
   Sobrepõe o .drawer-foot .btn{flex:1 1 0;min-width:104px} global só aqui. */
.tk-d-foot{flex-direction:column;flex-wrap:nowrap;gap:8px}
.tk-d-foot>.btn{flex:none;width:100%;min-width:0;justify-content:center}
.tk-d-foot-row{display:flex;gap:8px}
.tk-d-foot-row .btn{flex:1 1 0;min-width:0;justify-content:center;padding-left:8px;padding-right:8px}
.tk-d-arch:hover{color:var(--red)}

/* modal de tarefa (form) */
.tk-card-form{max-width:560px}
.tk-form-body{padding:16px 20px;max-height:min(64vh,540px);overflow-y:auto;overflow-x:hidden;overscroll-behavior:contain;display:flex;flex-direction:column;gap:15px}
.tk-fld{display:flex;flex-direction:column;gap:7px;min-width:0}
.tk-fld-row{display:grid;grid-template-columns:1fr 1fr;gap:15px}
.tk-fld-l{font-family:'JetBrains Mono',monospace;font-size:10px;text-transform:uppercase;letter-spacing:.06em;color:var(--tx-3);font-weight:600}
.tk-input,.tk-textarea{font:inherit;font-size:13px;color:var(--tx);background:var(--bg-1);border:1px solid var(--line-2);border-radius:7px;padding:9px 11px;outline:none;transition:.12s;width:100%}
.tk-input:focus,.tk-textarea:focus{border-color:var(--green-line)}
.tk-input.tk-err{border-color:rgba(239,68,68,.5)}
.tk-textarea{resize:vertical;min-height:64px;line-height:1.5}
.tk-input[type="date"],.tk-input[type="time"]{color-scheme:dark;font-family:'JetBrains Mono',monospace;font-size:12.5px}
.tk-seg{display:flex;flex-wrap:wrap;gap:6px}
.tk-seg button{font:inherit;font-size:12px;font-weight:600;color:var(--tx-2);background:rgba(255,255,255,.02);border:1px solid var(--line);border-radius:7px;padding:7px 11px;cursor:pointer;transition:.1s}
.tk-seg button:hover{border-color:var(--line-2);color:var(--tx)}
.tk-seg button.on{background:var(--green-dim);border-color:var(--green-line);color:var(--green-2)}
.tk-quick{display:flex;flex-wrap:wrap;gap:6px}
.tk-quick-b{font:inherit;font-size:12px;font-weight:600;color:var(--tx-2);background:rgba(255,255,255,.02);border:1px solid var(--line);border-radius:7px;padding:6px 11px;cursor:pointer;transition:.1s}
.tk-quick-b:hover{border-color:var(--line-2);color:var(--tx)}
.tk-quick-b.on{background:var(--green-dim);border-color:var(--green-line);color:var(--green-2)}
.tk-when{display:flex;align-items:center;gap:8px;margin-top:9px;flex-wrap:wrap}
.tk-when .tk-input{width:auto;flex:0 1 auto}
/* date/time triggers + popovers (local dark picker, sem libs) */
.tk-dt-trig{display:inline-flex;align-items:center;gap:7px;font:inherit;font-size:12.5px;font-family:'JetBrains Mono',monospace;color:var(--tx);background:var(--bg-1);border:1px solid var(--line-2);border-radius:7px;padding:8px 11px;cursor:pointer;transition:.12s;min-height:38px}
.tk-dt-trig:hover{border-color:var(--line-3)}
.tk-dt-trig.open{border-color:var(--green-line);background:var(--green-dim)}
.tk-dt-trig .tk-dt-ic{display:inline-flex}
.tk-dt-trig .tk-dt-ic svg{width:14px;height:14px;opacity:.6;flex:none}
.tk-dt-trig .tk-dt-v{white-space:nowrap}
.tk-dt-trig .tk-dt-cv{display:inline-flex;margin-left:1px}
.tk-dt-trig .tk-dt-cv svg{width:12px;height:12px;opacity:.4}
.tk-snz-when{margin-top:10px}
.tk-pop{position:fixed;z-index:200;background:var(--surface-2);border:1px solid var(--line-2);border-radius:11px;box-shadow:var(--sh-lg);padding:10px;animation:tkpop .12s ease}
.tk-dp{width:252px}
.tk-dp-head{display:flex;align-items:center;justify-content:space-between;margin-bottom:8px}
.tk-dp-title{font-family:'Space Grotesk',sans-serif;font-size:13px;font-weight:600;color:var(--tx)}
.tk-dp-nav{width:28px;height:28px;display:grid;place-items:center;border-radius:7px;border:1px solid var(--line);background:transparent;color:var(--tx-2);cursor:pointer;font-size:17px;line-height:1;transition:.1s}
.tk-dp-nav:hover{background:rgba(255,255,255,.05);color:var(--tx);border-color:var(--line-2)}
.tk-dp-wd{display:grid;grid-template-columns:repeat(7,1fr);gap:2px;margin-bottom:3px}
.tk-dp-wd span{text-align:center;font-family:'JetBrains Mono',monospace;font-size:9.5px;color:var(--tx-3);text-transform:uppercase;padding:2px 0}
.tk-dp-grid{display:grid;grid-template-columns:repeat(7,1fr);gap:2px}
.tk-dp-day{height:30px;display:grid;place-items:center;border-radius:7px;border:1px solid transparent;background:transparent;color:var(--tx-2);font-size:12px;font-family:'JetBrains Mono',monospace;cursor:pointer;transition:.1s;padding:0}
button.tk-dp-day:hover{background:rgba(255,255,255,.06);color:var(--tx)}
.tk-dp-day.out{color:var(--tx-4);opacity:.5;cursor:default}
.tk-dp-day.today{border-color:var(--line-2)}
.tk-dp-day.sel{background:var(--green-dim);border-color:var(--green-line);color:var(--green-2);font-weight:700}
.tk-dp-foot{display:flex;justify-content:flex-end;margin-top:8px;padding-top:8px;border-top:1px solid var(--line)}
.tk-dp-quick{font:inherit;font-size:11.5px;font-weight:600;font-family:'JetBrains Mono',monospace;color:var(--green-2);background:var(--green-dim);border:1px solid var(--green-line);border-radius:6px;padding:5px 12px;cursor:pointer}
.tk-dp-quick:hover{background:rgba(62,207,142,.16)}
.tk-tp{width:210px}
.tk-tp-allday{display:flex;align-items:center;gap:7px;width:100%;text-align:left;font:inherit;font-size:12px;font-weight:600;color:var(--tx-2);background:rgba(255,255,255,.02);border:1px solid var(--line);border-radius:7px;padding:8px 10px;cursor:pointer;margin-bottom:9px;transition:.1s}
.tk-tp-allday svg{width:13px;height:13px;opacity:0;flex:none}
.tk-tp-allday.on{background:var(--green-dim);border-color:var(--green-line);color:var(--green-2)}
.tk-tp-allday.on svg{opacity:1}
.tk-tp-cols{display:grid;grid-template-columns:1fr 1fr;gap:9px}
.tk-tp-cap{font-family:'JetBrains Mono',monospace;font-size:9.5px;color:var(--tx-3);text-transform:uppercase;margin-bottom:4px;text-align:center;letter-spacing:.05em}
.tk-tp-col{max-height:168px;overflow-y:auto;display:flex;flex-direction:column;gap:3px;padding-right:3px;scrollbar-width:thin;scrollbar-color:rgba(255,255,255,.16) transparent}
.tk-tp-col::-webkit-scrollbar{width:6px}
.tk-tp-col::-webkit-scrollbar-thumb{background:rgba(255,255,255,.14);border:none;border-radius:10px}
.tk-tp-o{font:inherit;font-size:12px;font-family:'JetBrains Mono',monospace;color:var(--tx-2);background:transparent;border:1px solid transparent;border-radius:6px;padding:7px 0;text-align:center;cursor:pointer;transition:.1s}
.tk-tp-o:hover{background:rgba(255,255,255,.06);color:var(--tx)}
.tk-tp-o.sel{background:var(--green-dim);border-color:var(--green-line);color:var(--green-2);font-weight:700}
/* lead picker */
.tk-leadpick{position:relative}
.tk-leadpick-b{display:flex;align-items:center;justify-content:space-between;gap:8px;width:100%;font:inherit;font-size:13px;color:var(--tx);
  background:var(--bg-1);border:1px solid var(--line-2);border-radius:7px;padding:9px 11px;cursor:pointer;transition:.12s}
.tk-leadpick-b:hover{border-color:var(--line-3)}
.tk-leadpick-b svg{width:15px;height:15px;color:var(--tx-4);flex:none}
.tk-leadpick-v{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
.tk-leadpanel{position:absolute;top:calc(100% + 5px);left:0;right:0;z-index:5;background:var(--surface-2);border:1px solid var(--line-2);border-radius:9px;box-shadow:var(--sh-lg);padding:5px;max-height:230px;overflow-y:auto;display:flex;flex-direction:column;gap:1px}
.tk-leadpanel[hidden]{display:none}
.tk-leadopt{display:flex;align-items:center;gap:8px;width:100%;text-align:left;font:inherit;font-size:12.5px;color:var(--tx-2);background:none;border:none;border-radius:6px;padding:7px 8px;cursor:pointer;transition:.1s}
.tk-leadopt:hover{background:rgba(255,255,255,.05);color:var(--tx)}
.tk-leadopt.on{background:var(--green-dim);color:var(--green-2)}
.tk-leadopt .tk-ln{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}

/* modal adiar */
.tk-snooze-card{max-width:420px}
.tk-snooze-opts{display:grid;grid-template-columns:1fr 1fr;gap:9px}
.tk-snooze-o{display:flex;flex-direction:column;align-items:flex-start;gap:3px;font:inherit;text-align:left;color:var(--tx-2);
  background:rgba(255,255,255,.02);border:1px solid var(--line);border-radius:9px;padding:11px 13px;cursor:pointer;transition:.1s}
.tk-snooze-o:hover{border-color:var(--line-2);color:var(--tx);background:rgba(255,255,255,.04)}
.tk-snooze-o svg{color:var(--morno);margin-bottom:3px}
.tk-snooze-o b{font-size:13px;font-weight:600;color:var(--tx)}
.tk-snooze-o span{font-size:11px;font-family:'JetBrains Mono',monospace;color:var(--tx-4)}
.tk-snooze-pick{display:flex;align-items:center;gap:8px;width:100%;justify-content:center;font:inherit;font-size:12.5px;font-weight:600;color:var(--tx-2);
  background:none;border:1px dashed var(--line-2);border-radius:9px;padding:10px;margin-top:10px;cursor:pointer;transition:.1s}
.tk-snooze-pick:hover,.tk-snooze-pick.on{border-color:var(--line-3);color:var(--tx);border-style:solid}
.tk-snooze-pick svg{color:var(--tx-4)}

@media (max-width:900px){
  .tk-tablewrap{display:none}
  .tk-cards{display:flex}
  .tk-search{min-width:0;width:100%;flex:1 1 100%}
  .tk-toolbar .fchips{flex:1 1 100%}
  .tk-drawer{width:100%}
  .tk-fld-row{grid-template-columns:1fr}
}
@media (max-width:560px){
  .tk-stats{display:grid;grid-template-columns:repeat(2,1fr)}
  .tk-stat{min-width:0}
  .tk-snooze-opts{grid-template-columns:1fr}
}

/* ============================================================
   AGENDA — calendário comercial (Dia/Semana/Mês/Lista)
   ============================================================ */
.ag-content{display:flex;flex-direction:column;gap:14px}
.ag-bar{display:flex;align-items:center;justify-content:space-between;gap:12px;flex-wrap:wrap}
.ag-nav{display:flex;align-items:center;gap:8px;min-width:0}
.ag-nav-b{width:30px;height:30px;display:grid;place-items:center;border-radius:8px;border:1px solid var(--line-2);background:transparent;color:var(--tx-2);cursor:pointer;font-size:18px;line-height:1;transition:.1s}
.ag-nav-b:hover{background:rgba(255,255,255,.05);color:var(--tx);border-color:var(--line-3)}
.ag-period{font-family:'Space Grotesk',sans-serif;font-size:15px;font-weight:600;color:var(--tx);margin-left:4px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.ag-vsw{display:flex;gap:3px;background:rgba(255,255,255,.03);border:1px solid var(--line);border-radius:9px;padding:3px;flex:none}
.ag-vsw-b{font:inherit;font-size:12px;font-weight:600;color:var(--tx-2);background:transparent;border:none;border-radius:6px;padding:6px 13px;cursor:pointer;transition:.1s}
.ag-vsw-b:hover{color:var(--tx)}
.ag-vsw-b.on{background:var(--surface-2);color:var(--tx);box-shadow:0 1px 2px rgba(0,0,0,.2)}
/* indicadores */
.ag-stats{display:flex;gap:10px;flex-wrap:wrap}
.ag-stat{display:flex;align-items:center;gap:9px;padding:9px 14px;border-radius:10px;border:1px solid var(--line);background:var(--surface);min-width:118px}
.ag-stat-ic{display:grid;place-items:center;width:26px;height:26px;border-radius:7px;background:rgba(255,255,255,.04);color:var(--tx-3);flex:none}
.ag-stat-n{font-family:'Space Grotesk',sans-serif;font-size:18px;font-weight:600;color:var(--tx);line-height:1}
.ag-stat-l{font-family:'JetBrains Mono',monospace;font-size:10px;text-transform:uppercase;letter-spacing:.05em;color:var(--tx-3)}
.ag-stat.blue .ag-stat-ic{color:#7aa2e3} .ag-stat.red .ag-stat-ic{color:#e36458} .ag-stat.green .ag-stat-ic{color:var(--green-2)}
.ag-viewport{min-height:0}

/* tons de evento */
.ag-tone-base{border-left:3px solid var(--tx-4)}
.ag-ev,.ag-ev-flat{border-left:3px solid var(--tx-4)}
.ag-amber{border-left-color:var(--morno)!important} .ag-green{border-left-color:var(--green)!important}
.ag-late{border-left-color:#e36458!important} .ag-task{border-left-color:var(--tx-3)!important;border-style:dashed!important}
.ag-done{border-left-color:var(--green)!important} .ag-cancel{border-left-color:var(--tx-4)!important}

/* ---- Semana ---- */
.ag-week{display:flex;flex-direction:column;border:1px solid var(--line);border-radius:12px;overflow:visible;background:var(--surface)}
.ag-week-head{display:grid;grid-template-columns:52px repeat(7,1fr);border-bottom:1px solid var(--line);position:sticky;top:var(--topbar-h);z-index:8;background:var(--surface);border-radius:12px 12px 0 0}
.ag-gutter-h{border-right:1px solid var(--hairline)}
.ag-dh{display:flex;flex-direction:column;align-items:center;gap:2px;padding:7px 4px 8px;background:transparent;border:none;border-left:1px solid var(--hairline);cursor:pointer;transition:.1s}
.ag-dh:hover{background:rgba(255,255,255,.03)}
.ag-dh-w{font-family:'JetBrains Mono',monospace;font-size:9.5px;letter-spacing:.04em;text-transform:uppercase;color:var(--tx-3)}
.ag-dh-n{font-family:'Space Grotesk',sans-serif;font-size:17px;font-weight:600;color:var(--tx);width:30px;height:30px;display:grid;place-items:center;border-radius:50%}
.ag-dh.today .ag-dh-w{color:var(--green-2)} .ag-dh.today .ag-dh-n{background:transparent;color:var(--green-2);box-shadow:inset 0 0 0 1.5px var(--green-line)}
.ag-allday{display:grid;grid-template-columns:52px repeat(7,1fr);border-bottom:1px solid var(--line);min-height:36px;background:rgba(255,255,255,.012)}
.ag-ad-lbl{display:flex;align-items:flex-start;justify-content:flex-end;padding:6px 7px 0 0;font-family:'JetBrains Mono',monospace;font-size:8.5px;letter-spacing:.07em;text-transform:uppercase;color:var(--tx-4)}
.ag-ad-cell{border-left:1px solid var(--hairline);padding:5px;display:flex;flex-direction:column;gap:4px;min-width:0}
.ag-ev-flat{display:flex;align-items:center;gap:5px;padding:3px 7px;border-radius:5px;background:var(--surface-2);border:1px solid var(--line-2);font-size:10.5px;font-weight:500;color:var(--tx);cursor:pointer;min-width:0;min-height:20px}
.ag-ev-flat:hover{background:var(--bg-card-hover);border-color:var(--line-3)}
.ag-ev-flat.ag-task{border-style:dashed;background:rgba(255,255,255,.02)}
.ag-ev-flat .ag-ev-ic{color:var(--tx-3);flex:none;display:inline-flex} .ag-ev-flat .ag-ev-tt{overflow:hidden;text-overflow:ellipsis;white-space:nowrap;flex:1;min-width:0}
.ag-flat-tag{font-family:'JetBrains Mono',monospace;font-size:8px;text-transform:uppercase;letter-spacing:.04em;color:var(--tx-4);background:rgba(255,255,255,.05);border-radius:3px;padding:1px 4px;flex:none}
.ag-flat-tag.amber{color:var(--morno);background:rgba(224,184,77,.12)}
.ag-ad-more{font-family:'JetBrains Mono',monospace;font-size:9.5px;font-weight:600;color:var(--tx-3);background:rgba(255,255,255,.04);border:1px solid var(--line);border-radius:5px;padding:2px 6px;cursor:pointer;text-align:left;transition:.1s}
.ag-ad-more:hover{color:var(--tx);background:rgba(255,255,255,.07)}
.ag-grid{display:flex;align-items:stretch;overflow:hidden;border-radius:0 0 12px 12px}
.ag-gutter{flex:none;width:52px;position:relative;border-right:1px solid var(--hairline)}
.ag-hr{position:absolute;right:7px;transform:translateY(-50%);font-family:'JetBrains Mono',monospace;font-size:9.5px;color:var(--tx-4)}
.ag-cols{flex:1;display:grid;grid-template-columns:repeat(7,1fr);position:relative;min-width:0}
.ag-col{position:relative;border-left:1px solid var(--hairline);min-width:0}
.ag-col.today{background:rgba(62,207,142,.035)}
.ag-hline{position:absolute;left:0;right:0;height:1px;background:var(--hairline)}
.ag-now{position:absolute;left:0;right:0;height:2px;background:#e36458;z-index:4}
.ag-now-dot{position:absolute;left:-3px;top:-3px;width:8px;height:8px;border-radius:50%;background:#e36458;box-shadow:0 0 0 3px rgba(227,100,88,.18)}
.ag-ev{position:absolute;border-radius:7px;background:var(--surface-2);border:1px solid var(--line-2);padding:4px 8px;overflow:hidden;cursor:pointer;transition:.1s;z-index:2;display:flex;flex-direction:column;gap:1px}
.ag-ev:hover{filter:brightness(1.1);z-index:6;box-shadow:0 4px 12px rgba(0,0,0,.32);border-color:var(--line-3)}
.ag-ev.ag-amber{background:rgba(224,184,77,.08)} .ag-ev.ag-green{background:var(--green-dim)} .ag-ev.ag-late{background:rgba(227,100,88,.08)} .ag-ev.ag-task{background:rgba(255,255,255,.025)}
.ag-ev.ag-done{opacity:.5} .ag-ev.ag-cancel,.ag-ev.cancel{opacity:.42} .ag-ev.cancel .ag-ev-tt{text-decoration:line-through}
.ag-ev-t{font-family:'JetBrains Mono',monospace;font-size:9.5px;color:var(--tx-3);display:flex;align-items:center;gap:4px;line-height:1.1}
.ag-ev-tic{display:inline-flex;color:var(--tx-4);flex:none}
.ag-ev-conf{display:inline-flex;color:#e3a558;margin-left:auto}
.ag-ev-tt{font-size:11.5px;font-weight:600;color:var(--tx);line-height:1.22;overflow:hidden;text-overflow:ellipsis;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;word-break:break-word}
.ag-ev-sub{font-family:'JetBrains Mono',monospace;font-size:9px;color:var(--tx-3);overflow:hidden;text-overflow:ellipsis;white-space:nowrap;margin-top:1px}
.ag-ev-sm{flex-direction:row;align-items:center;gap:5px;padding:2px 7px}
.ag-ev-sm .ag-ev-t{gap:0}
.ag-ev-sm .ag-ev-tic{display:none}
.ag-ev-sm .ag-ev-conf{margin-left:0}
.ag-ev-sm .ag-ev-tt{-webkit-line-clamp:1;white-space:nowrap;line-height:1.2;font-size:11px}
.ag-conf-more{position:absolute;display:inline-flex;align-items:center;gap:3px;z-index:3;font-family:'JetBrains Mono',monospace;font-size:9.5px;font-weight:700;color:#e3a558;background:rgba(224,150,77,.12);border:1px solid rgba(224,150,77,.3);border-radius:6px;padding:2px 5px;cursor:pointer;height:20px;overflow:hidden}
.ag-conf-more:hover{background:rgba(224,150,77,.2)}

/* ---- Dia ---- */
.ag-day{display:grid;grid-template-columns:1fr 264px;gap:14px;align-items:start}
.ag-day-grid{border:1px solid var(--line);border-radius:12px;overflow:hidden;background:var(--surface)}
.ag-day-grid .ag-allday{grid-template-columns:52px 1fr}
.ag-day-col{grid-template-columns:1fr!important}
.ag-day-side{border:1px solid var(--line);border-radius:12px;background:var(--surface);padding:14px;position:sticky;top:74px}
.ag-side-h{font-family:'Space Grotesk',sans-serif;font-size:13px;font-weight:600;color:var(--tx);margin-bottom:11px}
.ag-side-kpis{display:grid;grid-template-columns:repeat(3,1fr);gap:8px;margin-bottom:13px}
.ag-side-k{background:rgba(255,255,255,.02);border:1px solid var(--line);border-radius:8px;padding:8px;text-align:center}
.ag-side-k b{display:block;font-family:'Space Grotesk',sans-serif;font-size:17px;color:var(--tx)} .ag-side-k span{font-size:10px;color:var(--tx-3)}
.ag-side-list{display:flex;flex-direction:column;gap:3px;max-height:420px;overflow-y:auto}
.ag-side-it{display:flex;align-items:center;gap:8px;padding:8px;border-radius:7px;background:transparent;border:none;cursor:pointer;text-align:left;width:100%;transition:.1s}
.ag-side-it:hover{background:rgba(255,255,255,.04)}
.ag-side-time{font-size:10.5px;color:var(--tx-3);width:38px;flex:none}
.ag-side-dot{width:8px;height:8px;border-radius:50%;background:var(--tx-4);flex:none;border-left:none!important}
.ag-side-dot.ag-amber{background:var(--morno)} .ag-side-dot.ag-green{background:var(--green)} .ag-side-dot.ag-late{background:#e36458} .ag-side-dot.ag-task{background:var(--tx-3)} .ag-side-dot.ag-done{background:var(--green);opacity:.5} .ag-side-dot.ag-cancel{background:var(--tx-4)}
.ag-side-tt{font-size:12px;color:var(--tx);overflow:hidden;text-overflow:ellipsis;white-space:nowrap;flex:1;min-width:0}
.ag-side-empty{font-size:12px;color:var(--tx-4);padding:8px;text-align:center}

/* ---- Mês ---- */
.ag-month{border:1px solid var(--line);border-radius:12px;overflow:hidden;background:var(--surface)}
.ag-m-head{display:grid;grid-template-columns:repeat(7,1fr);border-bottom:1px solid var(--line)}
.ag-m-wd{text-align:center;padding:7px 0;font-family:'JetBrains Mono',monospace;font-size:10px;text-transform:uppercase;color:var(--tx-3)}
.ag-m-grid{display:grid;grid-template-columns:repeat(7,1fr);grid-auto-rows:1fr}
.ag-m-cell{min-height:96px;border-left:1px solid var(--hairline);border-top:1px solid var(--hairline);background:transparent;cursor:pointer;text-align:left;padding:5px 6px;display:flex;flex-direction:column;gap:3px;transition:.1s}
.ag-m-cell:nth-child(7n+1){border-left:none}
.ag-m-cell:hover{background:rgba(255,255,255,.03)}
.ag-m-cell.out{opacity:.4} .ag-m-cell.out .ag-m-n{color:var(--tx-4)}
.ag-m-n{font-family:'JetBrains Mono',monospace;font-size:12px;color:var(--tx-2);width:23px;height:23px;display:grid;place-items:center;border-radius:50%;align-self:flex-start}
.ag-m-cell.today .ag-m-n{background:transparent;color:var(--green-2);box-shadow:inset 0 0 0 1.5px var(--green-line);font-weight:700}
.ag-m-evs{display:flex;flex-direction:column;gap:2px;min-width:0}
.ag-m-ev{font-size:10.5px;color:var(--tx);background:var(--surface-2);border-left:2px solid var(--tx-4);border-radius:3px;padding:1px 5px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
.ag-m-ev b{font-family:'JetBrains Mono',monospace;font-weight:500;color:var(--tx-3);font-size:9.5px}
.ag-m-ev.ag-amber{background:rgba(224,184,77,.1)} .ag-m-ev.ag-green{background:var(--green-dim)} .ag-m-ev.ag-late{background:rgba(227,100,88,.1)} .ag-m-ev.ag-task{background:rgba(255,255,255,.03);border-style:dashed} .ag-m-ev.ag-done{opacity:.5} .ag-m-ev.ag-cancel{opacity:.45;text-decoration:line-through}
.ag-m-more{font-size:10px;color:var(--tx-3);font-weight:600;padding-left:5px}

/* ---- Lista ---- */
.ag-list{display:flex;flex-direction:column;gap:16px}
.ag-li-grp-h{display:flex;align-items:center;gap:10px;margin-bottom:7px}
.ag-li-grp-h span:first-child{font-family:'JetBrains Mono',monospace;font-size:11px;text-transform:uppercase;letter-spacing:.06em;color:var(--tx-2);font-weight:600}
.ag-li-grp-n{font-size:11px;color:var(--tx-4);background:rgba(255,255,255,.04);border-radius:20px;padding:1px 8px}
.ag-li{display:flex;align-items:center;gap:12px;padding:11px 14px;border:1px solid var(--line);border-radius:10px;background:var(--surface);margin-bottom:7px;cursor:pointer;transition:.1s}
.ag-li:hover{border-color:var(--line-2);background:var(--surface-2)}
.ag-li.done{opacity:.62} .ag-li.cancel{opacity:.5} .ag-li.cancel .ag-li-tt{text-decoration:line-through}
.ag-li-time{font-size:11.5px;color:var(--tx-2);width:118px;flex:none}
.ag-li-time.late{color:#e36458}
.ag-li-dot{width:9px;height:9px;border-radius:50%;background:var(--tx-4);flex:none}
.ag-li-dot.ag-amber{background:var(--morno)} .ag-li-dot.ag-green{background:var(--green)} .ag-li-dot.ag-late{background:#e36458} .ag-li-dot.ag-task{background:var(--tx-3)} .ag-li-dot.ag-done{background:var(--green);opacity:.5} .ag-li-dot.ag-cancel{background:var(--tx-4)}
.ag-li-main{flex:1;min-width:0}
.ag-li-tt{font-size:13.5px;font-weight:600;color:var(--tx);display:flex;align-items:center;gap:8px}
.ag-li-sub{font-size:11.5px;color:var(--tx-3);margin-top:2px;display:flex;align-items:center;gap:5px;flex-wrap:wrap}
.ag-li-sub svg{color:var(--tx-4)}
.ag-tag-task,.ag-li-tasktag{font-family:'JetBrains Mono',monospace;font-size:9.5px;text-transform:uppercase;color:var(--tx-3);background:rgba(255,255,255,.04);border:1px solid var(--line);border-radius:4px;padding:1px 6px}
.ag-conf-tag{font-family:'JetBrains Mono',monospace;font-size:9.5px;text-transform:uppercase;color:#e36458;display:inline-flex;align-items:center;gap:3px}
.ag-li-acts{display:flex;align-items:center;gap:5px;flex:none}
.ag-li-tasktag{display:inline-flex;align-items:center;color:var(--tx-4)}
.ag-empty{display:flex;flex-direction:column;align-items:center;gap:8px;padding:48px 20px;text-align:center}
.ag-empty-ic{color:var(--tx-4)} .ag-empty-tt{font-size:14px;font-weight:600;color:var(--tx)} .ag-empty-sb{font-size:12px;color:var(--tx-3);margin-bottom:6px}

/* status cancelado pill */
.tpill.ts-cancel{color:var(--tx-3);background:rgba(255,255,255,.04);border-color:var(--line)}

/* ---- Agenda Event Preview (hover card interativo) ---- */
.ag-evpop{position:fixed;z-index:90;width:312px;max-width:calc(100vw - 16px);background:var(--surface-2);border:1px solid var(--line-2);border-radius:11px;box-shadow:0 12px 34px rgba(0,0,0,.5);padding:13px 14px;opacity:0;transform:translateY(2px);transition:opacity .12s,transform .12s}
.ag-evpop.show{opacity:1;transform:none}
.ag-evpop .agpop-k{display:flex;align-items:center;gap:7px;font-family:'JetBrains Mono',monospace;font-size:9.5px;letter-spacing:.06em;text-transform:uppercase;color:var(--tx-3);margin-bottom:7px}
.agpop-k-ic{display:inline-flex;color:var(--tx-3);flex:none}
.agpop-k-t{font-weight:600;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
.agpop-st{margin-left:auto;font-size:8.5px;font-weight:700;letter-spacing:.04em;padding:2px 6px;border-radius:4px;color:var(--tx-2);background:rgba(255,255,255,.05);flex:none}
.agpop-st.ts-late{color:#e3a558;background:rgba(224,150,77,.12)} .agpop-st.ts-done{color:var(--green-2);background:var(--green-dim)} .agpop-st.ts-cancel{color:var(--tx-4);background:rgba(255,255,255,.04)}
.agpop-tt{font-family:'Space Grotesk',sans-serif;font-size:14.5px;font-weight:600;color:var(--tx);line-height:1.3;margin-bottom:9px}
.agpop-tt.cancel{text-decoration:line-through;color:var(--tx-3)}
.agpop-dt{margin-bottom:10px}
.agpop-d{font-size:12.5px;color:var(--tx);font-weight:500}
.agpop-h{font-family:'JetBrains Mono',monospace;font-size:11px;color:var(--tx-3);margin-top:2px}
.agpop-lead{display:flex;align-items:center;gap:7px;margin-bottom:8px}
.agpop-ln{font-size:12.5px;color:var(--tx);overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
.agpop-meta{display:flex;flex-direction:column;gap:5px;margin-bottom:9px}
.agpop-m{display:flex;align-items:center;gap:8px;font-size:11.5px;color:var(--tx-2)}
.agpop-m-ic{display:inline-flex;color:var(--tx-4);flex:none}
.agpop-desc{font-size:11.5px;color:var(--tx-3);line-height:1.5;margin-bottom:10px;border-top:1px solid var(--line);padding-top:9px}
.agpop-warn{background:rgba(224,150,77,.08);border:1px solid rgba(224,150,77,.22);border-radius:8px;padding:8px 10px;margin-bottom:10px}
.agpop-warn.late{background:rgba(227,100,88,.08);border-color:rgba(227,100,88,.24)}
.agpop-warn-h{display:flex;align-items:center;gap:6px;font-size:11px;font-weight:600;color:#e3a558}
.agpop-warn.late .agpop-warn-h{color:#e8857a}
.agpop-warn-l{margin-top:5px;font-size:11px;color:var(--tx-2);line-height:1.65}
.agpop-list{display:flex;flex-direction:column;gap:2px;margin-bottom:10px;max-height:220px;overflow-y:auto}
.agpop-li{display:flex;align-items:center;gap:8px;padding:5px 6px;border-radius:6px;cursor:pointer}
.agpop-li:hover{background:rgba(255,255,255,.05)}
.agpop-li-dot{width:7px;height:7px;border-radius:50%;background:var(--tx-4);flex:none}
.agpop-li-dot.ag-amber{background:var(--morno)} .agpop-li-dot.ag-green{background:var(--green)} .agpop-li-dot.ag-late{background:#e36458} .agpop-li-dot.ag-task{background:var(--tx-3)}
.agpop-li-t{font-size:12px;color:var(--tx);overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
.agpop-li-t b{font-family:'JetBrains Mono',monospace;font-size:10.5px;color:var(--tx-3);font-weight:500}
.agpop-empty{font-size:11.5px;color:var(--tx-4);padding:6px}
.agpop-acts{display:flex;gap:6px;flex-wrap:wrap;border-top:1px solid var(--line);padding-top:10px}
.agpop-b{display:inline-flex;align-items:center;gap:5px;font:inherit;font-size:11.5px;font-weight:600;color:var(--tx-2);background:rgba(255,255,255,.03);border:1px solid var(--line-2);border-radius:7px;padding:6px 10px;cursor:pointer;transition:.1s}
.agpop-b:hover{color:var(--tx);border-color:var(--line-3);background:rgba(255,255,255,.06)}
.agpop-b svg{color:var(--tx-3)}
.agpop-b.primary{color:var(--tx);background:var(--surface-3);border-color:var(--line-3)}
.ag-ev:focus-visible,.ag-ev-flat:focus-visible{outline:2px solid var(--green-line);outline-offset:1px}

/* ---- Inspector / foot ---- */
.ag-drawer{width:430px}
.ag-d-foot{flex-wrap:wrap}
.ag-d-cancel{color:#e36458} .ag-d-cancel:hover{border-color:rgba(227,100,88,.4)}
.ag-conf-warn{display:flex;align-items:center;gap:8px;font-size:12px;color:#e3a558;background:rgba(224,150,77,.08);border:1px solid rgba(224,150,77,.25);border-radius:8px;padding:9px 11px;margin-bottom:14px}
.ag-conf-warn svg{color:#e3a558;flex:none}

/* ---- Form / modais ---- */
.ag-form-card,.ag-resched-card{display:flex;flex-direction:column;width:560px;max-width:100%;max-height:90vh}
.ag-resched-card{width:420px}
.ag-form-body{overflow-y:auto;padding:16px 18px;display:flex;flex-direction:column;gap:14px}
.ag-fld{display:flex;flex-direction:column;gap:7px;min-width:0}
.ag-fld-l{font-family:'JetBrains Mono',monospace;font-size:10px;text-transform:uppercase;letter-spacing:.06em;color:var(--tx-3);font-weight:600}
.ag-fld-row{display:grid;grid-template-columns:1fr 1fr;gap:15px}
.ag-when{display:flex;align-items:center;gap:8px;flex-wrap:wrap}
.ag-seg{display:flex;flex-wrap:wrap;gap:6px}
.ag-seg button{font:inherit;font-size:12px;font-weight:600;color:var(--tx-2);background:rgba(255,255,255,.02);border:1px solid var(--line);border-radius:7px;padding:7px 11px;cursor:pointer;transition:.1s}
.ag-seg button:hover{border-color:var(--line-2);color:var(--tx)}
.ag-seg button.on{background:var(--green-dim);border-color:var(--green-line);color:var(--green-2)}
.ag-dt-trig{display:inline-flex;align-items:center;gap:7px;font:inherit;font-size:12.5px;font-family:'JetBrains Mono',monospace;color:var(--tx);background:var(--bg-1);border:1px solid var(--line-2);border-radius:7px;padding:8px 11px;cursor:pointer;transition:.12s;min-height:38px}
.ag-dt-trig:hover{border-color:var(--line-3)} .ag-dt-trig.open{border-color:var(--green-line);background:var(--green-dim)}
.ag-dt-trig .tk-dt-ic{display:inline-flex} .ag-dt-trig .tk-dt-ic svg{width:14px;height:14px;opacity:.6;flex:none}
.ag-dt-trig .ag-dt-v{white-space:nowrap} .ag-dt-trig .tk-dt-cv{display:inline-flex} .ag-dt-trig .tk-dt-cv svg{width:12px;height:12px;opacity:.4}
.ag-leadpick{position:relative}
.ag-leadpick-b{display:flex;align-items:center;justify-content:space-between;gap:8px;width:100%;font:inherit;font-size:13px;color:var(--tx);background:var(--bg-1);border:1px solid var(--line-2);border-radius:7px;padding:9px 11px;cursor:pointer}
.ag-leadpick-b svg{width:15px;height:15px;color:var(--tx-4);flex:none}
.ag-leadpick-v{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
.ag-leadpanel{position:absolute;top:calc(100% + 5px);left:0;right:0;z-index:5;background:var(--surface-2);border:1px solid var(--line-2);border-radius:9px;box-shadow:var(--sh-lg);padding:5px;max-height:240px;overflow-y:auto}
.ag-leadpanel[hidden]{display:none}
.ag-leadopt{display:flex;align-items:center;gap:8px;width:100%;text-align:left;font:inherit;font-size:12.5px;color:var(--tx-2);background:none;border:none;border-radius:6px;padding:7px 8px;cursor:pointer}
.ag-leadopt:hover{background:rgba(255,255,255,.05);color:var(--tx)} .ag-leadopt.on{color:var(--green-2)}
.ag-ln{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
.ag-leadchip{display:inline-flex;align-items:center;gap:7px;min-width:0}
.ag-resched-opts{display:grid;grid-template-columns:1fr 1fr;gap:9px}
.ag-resched-o{display:flex;flex-direction:column;align-items:flex-start;gap:3px;font:inherit;text-align:left;color:var(--tx-2);background:rgba(255,255,255,.02);border:1px solid var(--line);border-radius:9px;padding:11px 13px;cursor:pointer;transition:.1s}
.ag-resched-o:hover{border-color:var(--line-2);color:var(--tx);background:rgba(255,255,255,.04)}
.ag-resched-o svg{color:var(--morno);margin-bottom:3px} .ag-resched-o b{font-size:13px;font-weight:600;color:var(--tx)} .ag-resched-o span{font-size:11px;font-family:'JetBrains Mono',monospace;color:var(--tx-4)}
.ag-resched-pick{display:flex;align-items:center;gap:8px;width:100%;justify-content:center;font:inherit;font-size:12.5px;font-weight:600;color:var(--tx-2);background:none;border:1px dashed var(--line-2);border-radius:9px;padding:10px;margin-top:10px;cursor:pointer;transition:.1s}
.ag-resched-pick:hover,.ag-resched-pick.on{border-color:var(--line-3);color:var(--tx);border-style:solid}

/* ---- responsivo ---- */
@media (max-width:1180px){
  .ag-day{grid-template-columns:1fr 220px}
}
@media (max-width:900px){
  .ag-viewport{overflow-x:auto;-webkit-overflow-scrolling:touch}
  .ag-week{min-width:680px}
  .ag-day{grid-template-columns:1fr;min-width:0}
  .ag-day-side{position:static;order:-1}
  .ag-day-side .ag-side-list{max-height:none}
  .ag-period{font-size:13.5px}
  .ag-vsw-b{padding:6px 10px}
  .ag-modal,.ag-modal.open{align-items:flex-end}
  .ag-form-card{max-height:92vh;border-radius:16px 16px 0 0}
  .ag-fld-row{grid-template-columns:1fr}
  .ag-drawer{width:100%}
  .ag-m-cell{min-height:62px}
}
@media (max-width:560px){
  .ag-stats{display:grid;grid-template-columns:repeat(2,1fr)}
  .ag-stat{min-width:0}
  .ag-bar{gap:9px} .ag-vsw{width:100%;justify-content:space-between} .ag-vsw-b{flex:1}
  .ag-m-ev{font-size:0;padding:0;height:4px;border-left:none;border-radius:2px;background:var(--tx-4)}
  .ag-m-ev.ag-amber{background:var(--morno)} .ag-m-ev.ag-green{background:var(--green)} .ag-m-ev.ag-late{background:#e36458}
  .ag-m-ev b{display:none} .ag-m-more{font-size:9px}
  .ag-li-time{width:92px}
  .ag-resched-opts{grid-template-columns:1fr}
}

/* ============================================================
   PIPELINE COMERCIAL — operacional (app-pipeline.js + modals)
   ============================================================ */
.pipe-content{display:flex;flex-direction:column;gap:14px}
.metric .delta{color:var(--tx-3)}

/* toolbar: segmento + busca + filtros */
.pipe-toolbar{display:flex;align-items:center;gap:12px;flex-wrap:wrap}
.pipe-seg{display:flex;gap:3px;background:rgba(255,255,255,.03);border:1px solid var(--line);border-radius:9px;padding:3px;flex:none}
.pipe-seg .seg-btn{font:inherit;font-size:12px;font-weight:600;color:var(--tx-2);background:transparent;border:none;border-radius:6px;padding:6px 14px;cursor:pointer;transition:.1s}
.pipe-seg .seg-btn:hover{color:var(--tx)}
.pipe-seg .seg-btn.on{background:var(--surface-2);color:var(--tx);box-shadow:0 1px 2px rgba(0,0,0,.2)}
.pipe-search{display:flex;align-items:center;gap:8px;height:34px;padding:0 11px;border:1px solid var(--line);border-radius:var(--r);background:var(--surface);min-width:240px;flex:1 1 260px;max-width:380px}
.pipe-search:focus-within{border-color:var(--line-3)}
.pipe-search .ps-ic{color:var(--tx-4);display:grid;place-items:center}.pipe-search .ps-ic svg{width:15px;height:15px}
.pipe-search input{background:none;border:none;outline:none;color:var(--tx);font:inherit;font-size:13px;width:100%}
.pipe-search input::placeholder{color:var(--tx-4)}
/* badge de filtros ativos no Pipeline usa o componente compartilhado (canto sup. direito) */
.pipe-toolbar .btn .fchip-count{margin-left:0}

/* board wrap + scroll do quadro (nunca a página) */
.pipe-board-wrap{position:relative;min-width:0}
.pipe-board-wrap::after{content:"";position:absolute;top:0;right:0;bottom:12px;width:36px;pointer-events:none;
  background:linear-gradient(to right,transparent,var(--bg) 92%);opacity:.9}
.pipe-kanban{scrollbar-width:thin;scrollbar-color:rgba(255,255,255,.16) transparent;padding-bottom:4px}
.pipe-kanban::-webkit-scrollbar{height:9px}
.pipe-kanban::-webkit-scrollbar-thumb{background:rgba(255,255,255,.14);border-radius:10px;border:2px solid transparent;background-clip:content-box}
.pipe-kanban::-webkit-scrollbar-thumb:hover{background:rgba(255,255,255,.24);background-clip:content-box}

/* coluna */
.pipe-kcol{width:262px}
.pipe-kcol-h .kcol-meta{display:flex;align-items:center;gap:7px}
.pipe-kcol-h .kcol-sum{font-family:'JetBrains Mono',monospace;font-size:10.5px;color:var(--tx-3)}
.kcol-drop{display:flex;flex-direction:column;gap:10px;min-height:52px;border-radius:9px;transition:background .12s,box-shadow .12s;padding:2px}
.pipe-kcol.drop-on{}
.kcol-drop.drop-on{background:var(--green-dim);box-shadow:inset 0 0 0 1.5px var(--green-line)}
.kcol-empty{font-size:12px;color:var(--tx-4);text-align:center;padding:14px 8px;border:1px dashed var(--line);border-radius:9px;line-height:1.7}
.kcol-empty .btn{margin-top:6px}

/* card da oportunidade */
.pipe-card{position:relative;gap:9px;outline:none}
.pipe-card.dragging{opacity:.45;transform:rotate(.6deg) scale(.99)}
.pipe-card:focus-visible{box-shadow:0 0 0 2px var(--green-line)}
.kc-valrow{display:flex;align-items:baseline;justify-content:space-between;gap:8px}
.kc-prob{font-family:'JetBrains Mono',monospace;font-size:10.5px;color:var(--tx-3);background:rgba(255,255,255,.04);border:1px solid var(--line);border-radius:4px;padding:1px 6px}
.kc-meta{display:flex;align-items:center;justify-content:space-between;gap:8px;margin-top:-2px}
.kc-src{font-family:'JetBrains Mono',monospace;font-size:10.5px;color:var(--tx-3);overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
.kc-dots{display:flex;align-items:center;gap:5px;flex:none}
.kc-ic{display:inline-flex;color:var(--tx-4)}.kc-ic svg{width:12px;height:12px}
.kc-ic-g{color:var(--green)}
.kc-ft{align-items:center}
.kc-next{font-family:'Manrope',sans-serif;font-size:11px;color:var(--tx-2);overflow:hidden;text-overflow:ellipsis;white-space:nowrap;flex:1;min-width:0}
.kc-next i{color:var(--tx-4);font-style:normal}
.kc-next.late{color:#f0a89f}
.kc-due{font-family:'JetBrains Mono',monospace;font-size:9.5px;font-weight:600;padding:2px 6px;border-radius:4px;flex:none;border:1px solid var(--line);color:var(--tx-3);background:rgba(255,255,255,.03)}
.kc-due-today{color:var(--green-2);background:var(--green-dim);border-color:var(--green-line)}
.kc-due-soon{color:var(--morno);background:rgba(245,158,11,.1);border-color:rgba(245,158,11,.24)}
.kc-due-late{color:#f0a89f;background:rgba(239,68,68,.1);border-color:rgba(239,68,68,.26)}
.kc-due-none{color:var(--tx-4)}
.kc-late{display:inline-flex;align-items:center;gap:4px;font-family:'JetBrains Mono',monospace;font-size:9.5px;font-weight:600;color:#f0a89f}
.kc-late svg{width:11px;height:11px}
/* ações rápidas — visíveis no hover/focus, sempre acessíveis no toque */
.kc-actions{display:flex;align-items:center;gap:4px;border-top:1px solid var(--line);padding-top:9px;opacity:0;transform:translateY(-2px);transition:.12s;pointer-events:none}
.pipe-card:hover .kc-actions,.pipe-card:focus-within .kc-actions,.pipe-card:focus-visible .kc-actions{opacity:1;transform:none;pointer-events:auto}
.kc-qa{--ib-size:26px;--ib-glyph:13px;color:var(--tx-3);background:rgba(255,255,255,.03);border:1px solid var(--line);border-radius:6px;cursor:pointer;transition:.1s}
.kc-qa:hover{color:var(--tx);background:rgba(255,255,255,.07);border-color:var(--line-2)}
@media (hover:none){ .kc-actions{opacity:1;transform:none;pointer-events:auto} }

/* lista de encerradas (ganhas/perdidas) */
.pipe-closed{display:flex;flex-direction:column;gap:9px;max-width:880px}
.pipe-closed-row{display:grid;grid-template-columns:1.6fr auto 1.4fr auto;gap:14px;align-items:center;padding:13px 15px;cursor:pointer}
.pipe-closed-row:hover{border-color:var(--line-2)}
.pcr-nm{font-weight:700;font-size:13.5px;color:var(--tx)}.pcr-nm small{display:block;font-weight:500;color:var(--tx-3);font-size:11px;margin-top:2px}
.pcr-val{font-family:'Space Grotesk',sans-serif;font-weight:600;font-size:15px}
.pcr-meta{font-size:11.5px;color:var(--tx-3);display:flex;align-items:center;gap:7px;flex-wrap:wrap;font-family:'JetBrains Mono',monospace}
.pipe-empty{display:flex;flex-direction:column;align-items:center;text-align:center;gap:10px;padding:54px 20px}
.pipe-empty .pe-ic{width:48px;height:48px;border-radius:12px;display:grid;place-items:center;color:var(--tx-3);background:rgba(255,255,255,.03);border:1px solid var(--line)}
.pipe-empty .pe-ic svg{width:22px;height:22px}
.pipe-empty h3{font-size:15px;color:var(--tx)} .pipe-empty p{font-size:12.5px;color:var(--tx-3);max-width:34em;line-height:1.6}

/* ---- modal nova/editar/ganho/perdido/reabrir ---- */
.pipe-modal{position:fixed;inset:0;z-index:97;display:none;align-items:center;justify-content:center;padding:22px}
.pipe-modal.open{display:flex}
.pipe-scrim{position:absolute;inset:0;background:rgba(0,0,0,.62)}
.pipe-modal-card{position:relative;width:560px;max-width:100%;max-height:90vh;display:flex;flex-direction:column;
  background:var(--surface);border:1px solid var(--line-2);border-radius:16px;box-shadow:var(--sh-lg);overflow:hidden;animation:tkpop .14s ease}
.pipe-modal-head{display:flex;align-items:flex-start;gap:12px;padding:15px 18px;border-bottom:1px solid var(--line)}
.pipe-modal-head h3{font-family:'Space Grotesk',sans-serif;font-size:16px;font-weight:600;letter-spacing:-.01em;display:flex;align-items:center;gap:8px}
.pipe-modal-head h3 svg{width:17px;height:17px;color:var(--tx-2)}
.pipe-modal-head .pmh-sub{font-size:12px;color:var(--tx-3);margin-top:3px}
.pipe-modal-head .btn{margin-left:auto}
.pipe-modal-body{padding:16px 18px;overflow-y:auto;overflow-x:hidden;overscroll-behavior:contain;display:flex;flex-direction:column;gap:14px}
.pipe-modal-foot{display:flex;justify-content:flex-end;gap:9px;padding:13px 18px;border-top:1px solid var(--line);background:var(--bg)}
.pipe-fld{display:flex;flex-direction:column;gap:7px;min-width:0}
.pipe-fld label{font-family:'JetBrains Mono',monospace;font-size:10px;text-transform:uppercase;letter-spacing:.06em;color:var(--tx-3);font-weight:600;display:flex;align-items:center;gap:7px}
.pipe-fld label b{font-family:'Space Grotesk',sans-serif;font-size:12px;color:var(--green-2);text-transform:none;letter-spacing:0}
.pipe-fld .req{font-family:'JetBrains Mono',monospace;font-size:9px;color:var(--tx-4);text-transform:uppercase}
.pipe-grid2{display:grid;grid-template-columns:1fr 1fr;gap:14px}
.pipe-input{font:inherit;font-size:13px;color:var(--tx);background:var(--bg-1);border:1px solid var(--line-2);border-radius:7px;padding:9px 11px;outline:none;transition:.12s;width:100%}
select.pipe-input{color-scheme:dark;cursor:pointer}
.pipe-input:focus{border-color:var(--green-line)}
.pipe-area{resize:vertical;min-height:64px;line-height:1.5}
.pipe-range{width:100%;accent-color:var(--green);cursor:pointer}
.pipe-lead-fixed{display:flex;align-items:center;gap:8px}.pipe-lead-fixed small{color:var(--tx-3)}
/* date chips */
.pipe-datechips,.pipe-chiprow{display:flex;flex-wrap:wrap;gap:6px}
.dchip{font:inherit;font-size:12px;font-weight:600;color:var(--tx-2);background:rgba(255,255,255,.02);border:1px solid var(--line);border-radius:7px;padding:6px 11px;cursor:pointer;transition:.1s}
.dchip:hover{border-color:var(--line-2);color:var(--tx)}
.dchip.on{background:var(--green-dim);border-color:var(--green-line);color:var(--green-2)}
/* lead picker (combobox) */
.pipe-lead-box{position:relative}
.pipe-lead-trigger{display:flex;align-items:center;gap:9px;width:100%;font:inherit;font-size:13px;color:var(--tx);background:var(--bg-1);border:1px solid var(--line-2);border-radius:7px;padding:8px 11px;cursor:pointer;transition:.12s;text-align:left}
.pipe-lead-trigger:hover{border-color:var(--line-3)}
.pipe-lead-box.open .pipe-lead-trigger{border-color:var(--green-line)}
.pipe-lead-trigger .pll-ph{color:var(--tx-4)}
.pipe-lead-trigger .pll-nm{font-weight:600;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
.pipe-lead-trigger small{color:var(--tx-3);overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
.pipe-lead-trigger .pll-cv{margin-left:auto;color:var(--tx-4);display:inline-flex}.pll-cv svg{width:14px;height:14px}
.pipe-lead-pop{position:absolute;top:calc(100% + 5px);left:0;right:0;z-index:6;background:var(--surface-2);border:1px solid var(--line-2);border-radius:10px;box-shadow:var(--sh-lg);padding:7px;display:flex;flex-direction:column;gap:6px}
.plp-search{display:flex;align-items:center;gap:8px;padding:7px 9px;border:1px solid var(--line);border-radius:7px;background:var(--bg-1)}
.plp-search svg{width:14px;height:14px;color:var(--tx-4);flex:none}
.plp-search input{background:none;border:none;outline:none;color:var(--tx);font:inherit;font-size:12.5px;width:100%}
.plp-list{display:flex;flex-direction:column;gap:1px;max-height:230px;overflow-y:auto;overflow-x:hidden}
.plp-it{display:flex;align-items:center;gap:9px;width:100%;text-align:left;font:inherit;background:none;border:none;border-radius:7px;padding:7px 8px;cursor:pointer;transition:.1s;color:var(--tx-2)}
.plp-it:hover{background:rgba(255,255,255,.05);color:var(--tx)}
.plp-it.on{background:var(--green-dim)}
.plp-tx{min-width:0;display:flex;flex-direction:column}
.plp-nm{font-size:12.5px;font-weight:600;color:var(--tx);overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
.plp-sub{font-size:11px;color:var(--tx-3);overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
.plp-chk{margin-left:auto;color:var(--green-2);display:inline-flex}.plp-chk svg{width:14px;height:14px}
.plp-empty{font-size:12px;color:var(--tx-4);padding:10px;text-align:center}

/* ---- inspector da oportunidade ---- */
.pipe-drawer{width:440px}
.opp-head{flex-direction:column;align-items:stretch;gap:9px;position:relative}
.oh-top{display:flex;align-items:center;justify-content:space-between;gap:10px}
.oh-stage{display:inline-flex;align-items:center;gap:7px;font-family:'JetBrains Mono',monospace;font-size:11px;text-transform:uppercase;letter-spacing:.04em;color:var(--tx-2);font-weight:600}
.oh-stage .swatch{width:8px;height:8px;border-radius:2px}
.oh-acts{display:flex;align-items:center;gap:6px}
.oh-title{font-family:'Space Grotesk',sans-serif;font-size:18px;font-weight:600;letter-spacing:-.01em;line-height:1.2;color:var(--tx)}
.oh-sub{display:flex;align-items:center;gap:8px}
.oh-lead{display:inline-flex;align-items:center;gap:8px;font:inherit;font-size:12.5px;color:var(--tx-2);background:none;border:none;cursor:pointer;padding:0}
.oh-lead:hover{color:var(--tx);text-decoration:underline}
.oh-chips{display:flex;align-items:center;gap:8px;flex-wrap:wrap;margin-top:2px}
.oh-val{font-family:'Space Grotesk',sans-serif;font-weight:600;font-size:15px;color:var(--tx)}
.opp-body{gap:18px}
.opp-sec{display:flex;flex-direction:column;gap:9px}
.opp-summary{display:grid;grid-template-columns:1fr 1fr;gap:0 16px}
.osm{display:flex;align-items:center;justify-content:space-between;gap:10px;padding:7px 0;border-bottom:1px solid var(--line)}
.osm .k{font-family:'JetBrains Mono',monospace;font-size:9.5px;text-transform:uppercase;letter-spacing:.08em;color:var(--tx-4)}
.osm .v{font-size:12.5px;color:var(--tx);font-weight:500;text-align:right}
.opp-notes{font-size:13px;color:var(--tx-2);line-height:1.55;background:rgba(255,255,255,.015);border:1px solid var(--line);border-radius:9px;padding:11px 13px}
.opp-actgrid{display:grid;grid-template-columns:1fr 1fr;gap:8px}
.opp-actgrid .btn{justify-content:flex-start}
.opp-actgrid .btn[disabled]{opacity:.4;cursor:not-allowed}
/* próxima ação */
.opp-na{background:rgba(255,255,255,.015);border:1px solid var(--line);border-radius:11px;padding:13px 14px 14px;display:flex;flex-direction:column;gap:11px}
.opp-na .sec-label{margin:0}
.opp-na-head{display:flex;align-items:center;justify-content:space-between;gap:10px;min-height:26px}
.opp-na-head .sec-label{white-space:nowrap;flex:none}
.opp-na-editbtn{margin:-3px -4px -3px 0;color:var(--tx-3)}
.opp-na-main{display:flex;align-items:flex-start;justify-content:space-between;gap:10px;margin-top:-4px}
.opp-na-tx{font-size:14px;font-weight:600;color:var(--tx);line-height:1.35;min-width:0;overflow-wrap:anywhere}
.opp-na-due{margin-top:2px}
.opp-na-primary{width:100%;min-height:34px}
.opp-na-cap{font-family:'JetBrains Mono';font-size:9.5px;letter-spacing:.1em;text-transform:uppercase;color:var(--tx-4);font-weight:500;white-space:nowrap}
.opp-na-sub{display:flex;flex-direction:column;gap:8px;border-top:1px solid var(--line);padding-top:11px}
.opp-na-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:6px}
.opp-na-grid .btn{justify-content:center;min-height:30px;padding:4px 6px}
.opp-na-empty{display:flex;flex-direction:column;align-items:flex-start;gap:10px;font-size:12.5px;color:var(--tx-4)}
.opp-na-edit .pipe-input{margin-bottom:2px}
/* timeline (reusa linguagem da timeline do lead/tarefa) */
.opp-tl{display:flex;flex-direction:column;gap:0;position:relative}
.opp-tl-it{display:flex;gap:11px;padding:0 0 14px;position:relative}
.opp-tl-it:last-child{padding-bottom:0}
.opp-tl-it:not(:last-child)::before{content:"";position:absolute;left:13px;top:26px;bottom:0;width:1px;background:var(--line)}
.otl-dot{width:26px;height:26px;flex:none;z-index:1}
.otl-bd{padding-top:3px}
.otl-tt{font-size:12.5px;color:var(--tx);line-height:1.4}
.otl-mt{font-size:10.5px;color:var(--tx-4);margin-top:2px;font-family:'JetBrains Mono',monospace}
.opp-foot .btn{flex:1 1 auto}

/* popover mover/ações */
.pipe-pop{position:fixed;z-index:120;width:218px;background:var(--surface-2);border:1px solid var(--line-2);border-radius:10px;box-shadow:var(--sh-lg);padding:5px;display:flex;flex-direction:column;gap:1px;animation:tkpop .12s ease}
.pipe-pop .pp-sec{font-family:'JetBrains Mono',monospace;font-size:9px;text-transform:uppercase;letter-spacing:.08em;color:var(--tx-4);padding:6px 9px 3px}
.pipe-pop .pp-it{display:flex;align-items:center;gap:9px;width:100%;text-align:left;font:inherit;font-size:12.5px;font-weight:500;color:var(--tx-2);background:none;border:none;border-radius:6px;padding:8px 10px;cursor:pointer;transition:.1s}
.pipe-pop .pp-it:hover{background:rgba(255,255,255,.05);color:var(--tx)}
.pipe-pop .pp-it svg{width:14px;height:14px;color:var(--tx-4);flex:none}
.pipe-pop .pp-it:hover svg{color:var(--tx-2)}
.pipe-pop .pp-it .swatch{width:8px;height:8px;border-radius:2px;flex:none}
.pipe-pop .pp-div{height:1px;background:var(--line);margin:4px 2px}
.pipe-pop .pp-g:hover{color:var(--green-2)} .pipe-pop .pp-g:hover svg{color:var(--green-2)}
.pipe-pop .pp-r:hover{color:#f0a89f} .pipe-pop .pp-r:hover svg{color:#f0a89f}
.pipe-pop .pp-it[disabled]{opacity:.4;cursor:not-allowed;pointer-events:none}

/* aviso de unicidade + confirmação de arquivamento */
.opp-conflict{display:flex;flex-direction:column;gap:7px;padding:12px 13px;border:1px solid rgba(245,158,11,.3);background:rgba(245,158,11,.07);border-radius:10px}
.opp-conflict .oc-tt{font-size:12.5px;font-weight:600;color:#e3b561;display:flex;align-items:flex-start;gap:7px;line-height:1.4}
.opp-conflict .oc-tt svg{width:15px;height:15px;flex:none;margin-top:1px}
.opp-conflict .oc-mt{font-size:11.5px;color:var(--tx-3);line-height:1.5}
.opp-conflict .btn{align-self:flex-start;margin-top:2px}
.opp-confirm-tx{font-size:13px;color:var(--tx-2);line-height:1.6;margin:0}
.opp-confirm-tx b{color:var(--tx)}
.opp-archive-btn{align-self:flex-start;color:var(--tx-3)}
.opp-archive-btn:hover{color:#f0a89f;border-color:rgba(239,68,68,.32)}
.opp-archive-btn:hover svg{color:#f0a89f}

/* filtros — reusa .drawer */
.pipe-flt-drawer{width:380px}

/* scrims do pipeline (dim no desktop, ao contrário do close-lead) */
body.opp-open{}

/* responsivo */
@media (max-width:900px){
  .pipe-drawer,.pipe-flt-drawer{width:100%}
  .pipe-modal{padding:0;align-items:flex-end}
  .pipe-modal-card{width:100%;max-width:100%;max-height:92vh;border-radius:16px 16px 0 0;animation:none}
  .pipe-closed-row{grid-template-columns:1fr auto;grid-template-areas:"main val" "meta meta" "act act";gap:8px 12px}
  .pcr-main{grid-area:main}.pcr-val{grid-area:val;text-align:right}.pcr-meta{grid-area:meta}.pipe-closed-row .btn{grid-area:act;justify-self:start}
  .opp-summary{grid-template-columns:1fr}
}
@media (max-width:560px){
  .pipe-grid2{grid-template-columns:1fr}
  .opp-actgrid{grid-template-columns:1fr}
  .pipe-seg{width:100%}.pipe-seg .seg-btn{flex:1}
  .pipe-search{max-width:none}
}

/* ============================================================
   ENTRADA DE LEADS — modal de entrada (manual + planilha + tratamento + tags)
   Linguagem do console; reusa tokens; sem cores novas.
   ============================================================ */
.li-modal{position:fixed;inset:0;z-index:98;display:none;align-items:center;justify-content:center;padding:22px}
.li-modal.open{display:flex}
.li-scrim{position:absolute;inset:0;background:rgba(0,0,0,.62)}
.li-card{position:relative;width:760px;max-width:100%;max-height:90vh;display:flex;flex-direction:column;
  background:var(--surface);border:1px solid var(--line-2);border-radius:16px;box-shadow:var(--sh-lg);overflow:hidden;animation:tkpop .14s ease}
.li-head{display:flex;align-items:flex-start;gap:12px;padding:15px 18px;border-bottom:1px solid var(--line)}
.li-h-ic{display:inline-grid;place-items:center;width:30px;height:30px;border-radius:8px;background:rgba(255,255,255,.04);color:var(--tx-2);flex:none}
.li-h-ic.ok{color:var(--green-2);background:var(--green-dim)}
.li-h-ic svg{width:16px;height:16px}
.li-h-tx{flex:1;min-width:0}
.li-head h3{font-size:16px;letter-spacing:-.01em;font-family:'Space Grotesk';font-weight:600}
.li-h-sub{font-size:12px;color:var(--tx-3);margin-top:2px}
.li-head .icon-btn{margin-left:0}
.li-tabs{display:flex;gap:4px;padding:8px 14px 0;border-bottom:1px solid var(--line);flex-wrap:wrap}
.li-tab{display:inline-flex;align-items:center;gap:6px;padding:8px 12px;border:none;background:transparent;color:var(--tx-3);
  font-family:'Manrope';font-weight:600;font-size:12.5px;border-bottom:2px solid transparent;cursor:pointer;border-radius:6px 6px 0 0;transition:.13s}
.li-tab svg{width:13px;height:13px;flex:none}
.li-tab:hover{color:var(--tx-2);background:rgba(255,255,255,.02)}
.li-tab.on{color:var(--tx);border-bottom-color:var(--green)}
.li-body{padding:16px 18px;overflow-y:auto;overscroll-behavior:contain;flex:1;min-height:0}
.li-cardfoot{display:flex;gap:8px;align-items:center;padding:12px 18px;border-top:1px solid var(--line);background:var(--bg);flex:none}
.li-cardfoot.li-foot-wrap{flex-wrap:wrap}
.li-pane{display:flex;flex-direction:column;gap:12px}
/* stepper da importação */
.li-stepper{display:flex;align-items:center;gap:6px;padding:11px 18px;border-bottom:1px solid var(--line);background:rgba(255,255,255,.015)}
.li-stp{display:inline-flex;align-items:center;gap:7px;color:var(--tx-4)}
.li-stp-n{display:inline-grid;place-items:center;width:20px;height:20px;border-radius:50%;border:1px solid var(--line-2);font-family:'JetBrains Mono',monospace;font-size:10.5px;font-weight:500;flex:none}
.li-stp-n svg{width:11px;height:11px}
.li-stp-l{font-family:'Manrope';font-size:11.5px;font-weight:600}
.li-stp.on .li-stp-n{border-color:var(--green);color:var(--green-2);background:var(--green-dim)}
.li-stp.on .li-stp-l{color:var(--tx)}
.li-stp.done .li-stp-n{border-color:var(--green-line);color:var(--green-2);background:var(--green-dim)}
.li-stp.done .li-stp-l{color:var(--tx-2)}
.li-stp-line{flex:1;height:1px;background:var(--line-2);min-width:12px}
/* grupos compactos */
.li-group{display:flex;flex-direction:column;gap:9px;padding:12px 13px;border:1px solid var(--line);border-radius:10px;background:rgba(255,255,255,.012)}
.li-group-t{font-family:'JetBrains Mono',monospace;font-size:10px;text-transform:uppercase;letter-spacing:.08em;color:var(--tx-3);font-weight:500}
.li-grid-3{grid-template-columns:1fr 1fr 1fr}
.li-hint{font-size:11px;color:var(--tx-4);line-height:1.45}
.li-hint b{color:var(--tx-2)}
.li-hint svg{color:var(--tx-4);vertical-align:-1px}
.li-alert{display:flex;gap:7px;align-items:center;font-size:12.5px;color:#e36458;background:rgba(227,100,88,.08);border:1px solid rgba(227,100,88,.3);border-radius:8px;padding:9px 11px}
.li-alert svg{flex:none;color:#e36458}
.li-confirm{display:flex;gap:7px;align-items:center;font-size:12.5px;color:var(--tx-2);background:var(--green-dim);border:1px solid var(--green-line);border-radius:8px;padding:10px 12px;line-height:1.5}
.li-confirm svg{flex:none;color:var(--green-2)}
.li-confirm b{color:var(--tx)}
/* card compacto tratamento + tags */
.li-tt-card{border:1px solid var(--line);border-radius:10px;background:rgba(255,255,255,.012);overflow:hidden}
.li-tt-head{display:flex;align-items:center;justify-content:space-between;gap:10px;padding:10px 13px}
.li-tt-title{font-family:'JetBrains Mono',monospace;font-size:10px;text-transform:uppercase;letter-spacing:.08em;color:var(--tx-3);font-weight:500;display:flex;align-items:center;gap:6px}
.li-tt-title svg{color:var(--tx-4)}
.li-tt-sum{display:flex;align-items:center;gap:6px;flex-wrap:wrap;padding:0 13px 11px}
.li-tt-body{padding:12px 13px;border-top:1px solid var(--line);display:flex;flex-direction:column;gap:12px}
.li-tt-controls{display:flex;flex-direction:column;gap:0}
.li-tagctl{display:flex;flex-direction:column;gap:7px}
.li-tags-sugg{opacity:.9}
/* mais detalhes (details) */
.li-more{border:1px dashed var(--line);border-radius:10px}
.li-more>summary{list-style:none;cursor:pointer;padding:10px 13px;font-family:'Manrope';font-weight:600;font-size:12.5px;color:var(--tx-2);display:flex;align-items:center;gap:7px}
.li-more>summary::-webkit-details-marker{display:none}
.li-more>summary svg{color:var(--tx-4)}
.li-more[open]>summary{border-bottom:1px solid var(--line);margin-bottom:12px}
.li-more[open]{padding-bottom:13px}
.li-more>*:not(summary){padding:0 13px}
/* dropzone da importação */
.li-dropzone{display:flex;flex-direction:column;align-items:center;gap:5px;text-align:center;padding:30px 16px;border:1.5px dashed var(--line-2);border-radius:12px;cursor:pointer;transition:.13s;background:rgba(255,255,255,.012)}
.li-dropzone:hover{border-color:var(--green-line);background:var(--green-dim)}
.li-dz-ic{color:var(--tx-3)}
.li-dz-t{font-family:'Manrope';font-weight:600;font-size:14px;color:var(--tx)}
.li-dz-s{font-size:12px;color:var(--tx-4)}
.li-model-row{display:flex;align-items:center;justify-content:space-between;gap:12px;padding:11px 13px;border:1px solid var(--line);border-radius:10px}
.li-note{display:flex;gap:7px;align-items:flex-start;font-size:12px;color:var(--tx-3);line-height:1.5;background:rgba(255,255,255,.02);border:1px solid var(--line);border-radius:8px;padding:9px 11px}
.li-note svg{flex:none;margin-top:1px;color:var(--tx-4)}
.li-note b{color:var(--tx-2);font-weight:600}
.li-note code{font-family:'JetBrains Mono',monospace;font-size:11px;background:rgba(255,255,255,.05);padding:1px 5px;border-radius:4px;color:var(--tx-2)}
.li-grid{display:grid;grid-template-columns:1fr 1fr;gap:10px 14px}
.li-f{display:flex;flex-direction:column;gap:4px;min-width:0}
.li-f.li-full{grid-column:1/-1}
.li-k{font-family:'JetBrains Mono';font-size:9.5px;text-transform:uppercase;letter-spacing:.09em;color:var(--tx-4);font-weight:500;display:flex;align-items:center;gap:6px}
.li-req{color:var(--green-2);font-style:normal}
.li-sim{font-family:'Manrope';text-transform:none;letter-spacing:0;color:var(--morno);font-size:10px}
.li-in{width:100%;background:var(--surface-2);border:1px solid var(--line-2);border-radius:7px;padding:8px 10px;color:var(--tx);font-family:'Manrope';font-size:13px;transition:.13s}
.li-in:focus{outline:none;border-color:var(--line-3);box-shadow:0 0 0 2px rgba(62,207,142,.14)}
textarea.li-in{resize:vertical;line-height:1.5}
select.li-in{cursor:pointer}
.li-sel-w{max-width:280px}
.li-check{display:flex;align-items:center;gap:8px;font-size:12.5px;color:var(--tx-2);cursor:pointer}
.li-check input{width:15px;height:15px;accent-color:#2e9e6f;flex:none}
.li-applied{display:flex;align-items:center;gap:6px;flex-wrap:wrap;padding:10px 0 0;border-top:1px dashed var(--line);margin-top:2px}
.li-applied-l{font-size:11px;color:var(--tx-4)}
.li-chip{display:inline-flex;align-items:center;font-family:'JetBrains Mono',monospace;font-size:10.5px;padding:2px 8px;border-radius:4px;border:1px solid var(--line);color:var(--tx-2);background:rgba(255,255,255,.02);white-space:nowrap}
.li-chip-a{color:var(--morno);border-color:rgba(245,158,11,.24);background:rgba(245,158,11,.08)}
/* Tags: aplicadas = verde Makeinsites (#12AE98) · sugeridas (button) = neutras · roxo reservado à IA */
.li-tag,.lead-tag{display:inline-flex;align-items:center;gap:3px;font-family:'JetBrains Mono',monospace;font-size:10.5px;padding:2px 8px;border-radius:999px;border:1px solid rgba(18,174,152,.55);color:#E8FFFB;background:rgba(18,174,152,.18);box-shadow:inset 0 0 0 1px rgba(18,174,152,.08);white-space:nowrap}
.li-tag.mini{font-size:10px;padding:1px 7px}
.li-tag.on{padding-right:4px}
.li-microhelp{font-family:'JetBrains Mono',monospace;font-size:10.5px;color:var(--tx-4);line-height:1.5}
.li-microhelp code{font-size:10px;color:var(--tx-3);background:rgba(255,255,255,.05);padding:0 3px;border-radius:3px}
button.li-tag{cursor:pointer;transition:.13s;border-color:rgba(255,255,255,.11);color:rgba(235,238,245,.76);background:rgba(255,255,255,.045);box-shadow:none}
button.li-tag:hover{border-color:rgba(18,174,152,.45);color:#d8fff8;background:rgba(18,174,152,.08)}
.li-tag-x{border:none;background:transparent;color:#9fe8dc;opacity:.85;cursor:pointer;font-size:14px;line-height:1;padding:0 2px;border-radius:50%}
.li-tag-x:hover{opacity:1;color:#fff}
.li-tags-box{display:flex;flex-wrap:wrap;gap:6px;min-height:24px}
.li-taginput-row{display:flex;gap:8px}
.li-taginput-row .li-in{flex:1}
/* tratamento — segment rows */
.li-seg-row{display:flex;align-items:center;justify-content:space-between;gap:14px;flex-wrap:wrap;padding:8px 0;border-bottom:1px solid var(--line)}
.li-seg-row:last-of-type{border-bottom:none}
.li-seg{display:inline-flex;flex-wrap:wrap;gap:5px}
.li-seg-b{padding:5px 11px;border:1px solid var(--line-2);background:var(--surface-2);color:var(--tx-2);border-radius:6px;font-family:'Manrope';font-weight:600;font-size:12px;cursor:pointer;transition:.13s;white-space:nowrap}
.li-seg-b:hover{border-color:var(--line-3);color:var(--tx)}
.li-seg-b.on{border-color:var(--green-line);background:var(--green-dim);color:var(--green-2)}
/* footer legado (não usado no shell; mantido p/ compat) */
.li-foot{display:flex;gap:8px;align-items:center;padding-top:6px;margin-top:2px}
.li-foot-wrap{flex-wrap:wrap}
/* importação */
.li-imp-actions{display:flex;gap:8px;align-items:center;flex-wrap:wrap}
.li-file{position:relative;overflow:hidden}
.li-file-name{font-size:12px;color:var(--tx-2);font-family:'JetBrains Mono',monospace}
.li-imp-empty{display:flex;flex-direction:column;align-items:center;gap:6px;text-align:center;padding:34px 16px;color:var(--tx-3);border:1px dashed var(--line);border-radius:10px}
.li-imp-empty svg{color:var(--tx-4);margin-bottom:2px}
.li-imp-bar{display:flex;align-items:center;gap:8px;flex-wrap:wrap}
.li-imp-stat{font-family:'JetBrains Mono',monospace;font-size:11px;padding:3px 9px;border-radius:5px;border:1px solid var(--line);color:var(--tx-2);background:rgba(255,255,255,.02)}
.li-imp-stat.ok{color:var(--green-2);border-color:var(--green-line);background:var(--green-dim)}
.li-imp-stat.err{color:#e36458;border-color:rgba(227,100,88,.3);background:rgba(227,100,88,.08)}
.li-table-wrap{border:1px solid var(--line);border-radius:9px;overflow:auto;max-height:320px}
.li-table{width:100%;border-collapse:collapse;font-size:12px}
.li-table th{position:sticky;top:0;background:var(--surface-2);text-align:left;font-family:'JetBrains Mono',monospace;font-size:9.5px;text-transform:uppercase;letter-spacing:.07em;color:var(--tx-4);font-weight:500;padding:8px 9px;border-bottom:1px solid var(--line);white-space:nowrap;z-index:1}
.li-table td{padding:7px 9px;border-bottom:1px solid var(--line);color:var(--tx-2);vertical-align:middle;white-space:nowrap}
.li-table tr:last-child td{border-bottom:none}
.li-table tr.err td{background:rgba(227,100,88,.05)}
.li-table tr.off td{opacity:.45}
.li-c-n{font-family:'JetBrains Mono',monospace;color:var(--tx-4)}
.li-table .mono{font-family:'JetBrains Mono',monospace;font-size:11px}
.li-rstat{display:inline-flex;align-items:center;gap:4px;font-family:'JetBrains Mono',monospace;font-size:10px;padding:2px 7px;border-radius:4px;border:1px solid var(--line);color:var(--tx-3);white-space:nowrap}
.li-rstat.ok{color:var(--green-2);border-color:var(--green-line);background:var(--green-dim)}
.li-rstat.dup{color:var(--morno);border-color:rgba(245,158,11,.24);background:rgba(245,158,11,.08)}
.li-rstat.err{color:#e36458;border-color:rgba(227,100,88,.3);background:rgba(227,100,88,.08)}
.li-rstat.newtag{color:#7fe6d3;border-color:rgba(18,174,152,.28);background:rgba(18,174,152,.1)}
.li-rstat.warn{color:var(--morno);padding:2px 6px}
.li-row-act{font-family:'Manrope';font-size:11px;font-weight:600;padding:3px 9px;border-radius:5px;border:1px solid var(--line-2);background:var(--surface-2);color:var(--tx-3);cursor:pointer;transition:.13s}
.li-row-act.on{color:var(--green-2);border-color:var(--green-line);background:var(--green-dim)}
/* resumo */
.li-sum-grid{display:grid;grid-template-columns:1fr 1fr 1fr;gap:10px}
.li-sum-card{border:1px solid var(--line);border-radius:10px;padding:13px 14px;background:rgba(255,255,255,.015)}
.li-sum-card.ok{border-color:var(--green-line)}
.li-sum-card.err{border-color:rgba(227,100,88,.3)}
.li-sum-n{font-family:'Space Grotesk';font-weight:600;font-size:24px;color:var(--tx);line-height:1}
.li-sum-card.ok .li-sum-n{color:var(--green-2)}
.li-sum-card.err .li-sum-n{color:#e36458}
.li-sum-l{font-size:11.5px;color:var(--tx-3);margin-top:4px;line-height:1.35}
.li-empty{padding:24px;text-align:center;color:var(--tx-3)}
/* tags no inspector do lead */
.lead-tags-insp{display:flex;flex-wrap:wrap;gap:6px;margin-top:8px}
/* Estados (botão flutuante) sai da frente do modal de Entrada */
@media (max-width:900px){
  body.li-open .inspector{display:none}
  .li-modal{padding:0;align-items:flex-end}
  .li-card{width:100%;max-width:100%;height:94vh;height:94dvh;max-height:94vh;border-radius:16px 16px 0 0;animation:none}
  .li-grid,.li-grid-3{grid-template-columns:1fr}
  .li-seg-row{align-items:flex-start;flex-direction:column;gap:6px}
  .li-sel-w{max-width:none}
  .li-model-row{flex-direction:column;align-items:stretch}
  .li-cardfoot{flex-wrap:wrap}
  .li-cardfoot .btn{flex:1 1 auto;justify-content:center;min-width:120px}
  .li-stp-l{display:none}
  .li-stp.on .li-stp-l{display:inline}
}
@media (max-width:560px){
  .li-sum-grid{grid-template-columns:1fr 1fr}
  .li-tabs{gap:0}
  .li-tab span{font-size:11.5px}
  .li-tt-sum{font-size:10px}
}