/* ══════════════════════════════════════════════════════════════════
   Gravitas 2.0 — app styles. The component CSS below is ported VERBATIM
   from the signed-off mockups (crm-mockups base + v3 + v5). Only the app
   shell (title bar, boot loader, toasts, responsive root) is added, so
   the running app matches the mockups exactly.
   ══════════════════════════════════════════════════════════════════ */

@font-face{font-family:'Exo';src:url('Exo2.ttf') format('truetype-variations');font-weight:100 900;font-style:normal;font-display:swap;}
@font-face{font-family:'Exo';src:url('Exo2-Italic.ttf') format('truetype-variations');font-weight:100 900;font-style:italic;font-display:swap;}
:root{
  --bg:#050608;--bg-elev:#0a0c10;--bg-elev-2:#11141a;
  --line:rgba(255,255,255,0.08);--line-strong:rgba(255,255,255,0.16);--line-faint:rgba(255,255,255,0.04);
  --text:#ECEEF1;--text-mid:#B6BBC2;--text-dim:#7C828B;--text-faint:#5A6068;
  --accent:#0EF69C;--accent-soft:rgba(14,246,156,0.16);--accent-hover:#5AF7BE;
  --accent-tint:rgba(14,246,156,0.06);--accent-line:rgba(14,246,156,0.20);
  --glass:rgba(255,255,255,0.025);--warn:#E8B86C;--warn-soft:rgba(232,184,108,0.12);--red:#E87C7C;
  --blue:#6EA8FF;--blue-soft:rgba(110,168,255,0.14);--blue-line:rgba(110,168,255,0.30);
  --warn-line:rgba(232,184,108,0.30);--red-line:rgba(232,124,124,0.30);--red-soft:rgba(232,124,124,0.14);
  --glow-accent:0 0 24px rgba(14,246,156,0.16);
  --shadow-glass:inset 0 1px 0 rgba(255,255,255,0.06),0 0 0 1px rgba(255,255,255,0.01),0 20px 40px rgba(0,0,0,0.35);
  --paper:inset 0 1px 0 rgba(255,255,255,0.05),0 14px 30px rgba(0,0,0,0.5);
  --r-sm:8px;--r-md:12px;--r-lg:16px;--r-pill:999px;
}
*{box-sizing:border-box;margin:0;padding:0;}

/* ── App shell (added — not in the mockups) ── */
body{padding-top:32px;background:var(--bg);color:var(--text);font-family:'Exo',system-ui,sans-serif;-webkit-font-smoothing:antialiased;overflow:hidden;}
.app{height:calc(100vh - 32px);background:var(--bg);display:grid;grid-template-columns:256px 1fr;overflow:hidden;}

.eyebrow{font-size:11px;font-weight:500;letter-spacing:.18em;text-transform:uppercase;color:var(--text-dim);}
.marker{font-size:11px;font-weight:500;letter-spacing:.28em;text-transform:uppercase;color:var(--accent);}

/* sidebar */
.side{background:var(--bg-elev);border-right:1px solid var(--line);padding:24px 16px;display:flex;flex-direction:column;overflow:hidden;}
.side__logo{padding:6px 8px 4px;}.side__logo svg{height:16px;display:block;}
.side__meta{font-size:11px;letter-spacing:.18em;text-transform:uppercase;color:var(--text-faint);padding:6px 8px 16px;}
.navgroup{font-size:11px;font-weight:500;letter-spacing:.22em;text-transform:uppercase;color:var(--text-faint);padding:12px 8px 8px;}
.nav a,.nav div{display:flex;align-items:center;gap:12px;padding:9px 11px;border-radius:var(--r-sm);color:var(--text-mid);font-size:14px;text-decoration:none;margin-bottom:2px;cursor:pointer;}
.nav a:hover{background:var(--glass);color:var(--text);}
.nav .ico{width:17px;height:17px;opacity:.85;flex:none;}
.nav a.on{background:var(--accent-soft);color:var(--accent);}.nav a.on .ico{opacity:1;}
.nav a .flowtag{margin-left:auto;font-size:8.5px;letter-spacing:.1em;text-transform:uppercase;color:var(--accent);border:1px solid var(--accent-line);padding:1px 6px;border-radius:var(--r-pill);}
.nav .soon{color:var(--text-faint);}
.nav .soon .tag{margin-left:auto;font-size:9px;letter-spacing:.12em;text-transform:uppercase;color:var(--text-faint);border:1px solid var(--line);padding:1px 6px;border-radius:var(--r-pill);}

/* systems status panel */
.side__foot{margin-top:auto;}
.sys{border-top:1px solid var(--line);padding-top:12px;}
.sys__h{display:flex;align-items:center;justify-content:space-between;padding:0 8px 8px;}
.sys__h .t{font-size:10px;font-weight:600;letter-spacing:.22em;text-transform:uppercase;color:var(--text-dim);}
.sys__h .c{font-size:9.5px;letter-spacing:.1em;text-transform:uppercase;color:var(--accent);border:1px solid var(--accent-line);border-radius:var(--r-pill);padding:1px 7px;}
.sys__h .c.warn{color:var(--warn);border-color:var(--warn);}
.srow{display:flex;align-items:center;gap:9px;padding:6px 8px;}
.dot{width:8px;height:8px;border-radius:50%;flex:none;}
.dot.ok{background:var(--accent);box-shadow:0 0 8px rgba(14,246,156,.6);}
.dot.warn{background:var(--warn);box-shadow:0 0 8px rgba(232,184,108,.5);}
.dot.off{background:var(--red);box-shadow:0 0 8px rgba(232,124,124,.5);}
.srow .nm{font-size:12px;color:var(--text);}
.srow .nm span{display:block;font-size:9.5px;color:var(--text-faint);margin-top:1px;letter-spacing:.02em;}
.srow .st{margin-left:auto;font-size:8.5px;letter-spacing:.12em;text-transform:uppercase;}
.st.ok{color:var(--accent);}.st.warn{color:var(--warn);}.st.off{color:var(--red);}
.sys__foot{font-size:10px;color:var(--text-faint);padding:9px 8px 0;line-height:1.4;border-top:1px solid var(--line-faint);margin-top:6px;}

/* main */
.main{min-width:0;display:flex;flex-direction:column;position:relative;overflow:hidden;}
.head{padding:24px 36px 16px;position:relative;flex:none;}
.head__beam{position:absolute;left:0;right:0;bottom:0;height:1px;background:linear-gradient(90deg,transparent,var(--accent) 50%,transparent);box-shadow:0 0 20px rgba(14,246,156,.35);}
.head__row{display:flex;align-items:flex-end;justify-content:space-between;gap:20px;}
.head h1{font-size:32px;font-weight:600;letter-spacing:-.01em;line-height:1;margin-top:11px;display:flex;align-items:center;gap:13px;}
.head .lead{font-size:13px;color:var(--text-dim);margin-top:9px;}
.actions{display:flex;gap:10px;align-items:center;}
.btn{display:inline-flex;align-items:center;gap:7px;padding:9px 15px;font-family:inherit;font-size:13px;font-weight:500;letter-spacing:.04em;border:1px solid transparent;border-radius:var(--r-pill);cursor:pointer;white-space:nowrap;}
.btn--ghost{background:transparent;color:var(--text);border-color:var(--line-strong);}
.btn--ghost:hover{border-color:var(--accent-line);color:var(--accent);}
.btn--primary{background:var(--accent);color:#04160E;box-shadow:0 0 0 1px rgba(14,246,156,.4),0 0 26px rgba(14,246,156,.20);}
.btn--primary:hover{background:var(--accent-hover);}
.btn--danger{background:transparent;color:var(--red);border-color:var(--red-line);}
.btn--danger:hover{background:var(--red-soft);}
.btn--due{background:var(--blue-soft);color:var(--blue);border-color:var(--blue-line);}
.btn--due:hover{background:rgba(110,168,255,0.22);}
.btn--due:disabled{opacity:.6;cursor:default;}
.flowchip{display:inline-flex;align-items:center;gap:8px;font-size:11px;letter-spacing:.06em;color:var(--accent);border:1px solid var(--accent-line);background:var(--accent-tint);border-radius:var(--r-pill);padding:5px 11px;}
.flowchip .mini{width:16px;height:16px;border-radius:50%;background:transparent;border:1px solid var(--accent);color:var(--accent);font-size:8.5px;font-weight:700;display:grid;place-items:center;}

/* stat tiles */
.stats{display:grid;grid-template-columns:repeat(4,1fr);gap:14px;padding:18px 36px 4px;flex:none;}
.stat{display:flex;flex-direction:column;gap:8px;padding:15px 17px;background:var(--glass);border:1px solid var(--line);border-radius:var(--r-md);}
.stat__label{font-size:11px;letter-spacing:.2em;text-transform:uppercase;color:var(--text-dim);}
.stat__value{font-size:28px;font-weight:300;line-height:1;font-variant-numeric:tabular-nums;}
.stat__value small{font-size:13px;color:var(--text-dim);font-weight:400;}
.stat__delta{font-size:12px;font-weight:500;color:var(--accent);}

/* board: fixed wide columns + horizontal scroll */
.boardwrap{flex:1;min-height:0;display:flex;flex-direction:column;padding:14px 0 0 36px;}
.board{flex:1;min-height:0;display:flex;gap:16px;overflow-x:auto;overflow-y:hidden;padding-bottom:6px;padding-right:36px;}
.col{width:300px;flex:none;display:flex;flex-direction:column;min-height:0;}
.col__h{display:flex;align-items:center;gap:9px;padding:0 4px 12px;flex:none;}
.col__h .cn{font-size:12px;font-weight:600;letter-spacing:.06em;color:var(--text);}
.col__h .cc{font-size:11px;color:var(--text-dim);background:var(--bg-elev-2);border:1px solid var(--line);border-radius:var(--r-pill);padding:1px 9px;font-variant-numeric:tabular-nums;}
.col__h .sum{margin-left:auto;font-size:11px;color:var(--text-faint);font-variant-numeric:tabular-nums;}
/* Column body scrolls vertically only when the cards overflow (auto). */
.col__b{display:flex;flex-direction:column;gap:12px;flex:1;min-height:0;overflow-y:auto;overflow-x:hidden;padding:2px 6px 10px 2px;margin-right:-4px;border-radius:var(--r-md);}
.col__b.drop{background:var(--accent-tint);outline:1px dashed var(--accent-line);}
.col__b{scrollbar-width:thin;scrollbar-color:rgba(255,255,255,0.12) transparent;}
.col__b::-webkit-scrollbar{width:8px;}
.col__b::-webkit-scrollbar-track{background:transparent;margin:2px 0;}
.col__b::-webkit-scrollbar-thumb{background:rgba(255,255,255,0.09);border-radius:99px;border:2px solid transparent;background-clip:padding-box;transition:background 160ms ease;}
.col__b::-webkit-scrollbar-thumb:hover{background:rgba(14,246,156,0.45);background-clip:padding-box;}
.col__b::-webkit-scrollbar-thumb:active{background:rgba(14,246,156,0.6);background-clip:padding-box;}
.pcard{background:var(--bg-elev-2);border:1px solid rgba(255,255,255,0.05);border-radius:var(--r-md);padding:15px;box-shadow:var(--paper);cursor:grab;}
.pcard:hover{border-color:var(--accent-line);}
.pc-top{display:flex;align-items:flex-start;justify-content:space-between;gap:10px;}
.pc-top .co{font-size:15px;font-weight:600;letter-spacing:-.005em;}
.pc-desc{font-size:12px;color:var(--text-dim);margin-top:4px;}
.phasebar{display:flex;gap:5px;margin-top:12px;}
.phaseseg{flex:1;background:var(--bg-elev);border:1px solid var(--line);border-radius:var(--r-sm);color:var(--text-dim);font:inherit;font-size:10.5px;padding:5px 6px;cursor:pointer;}
.phaseseg:hover{color:var(--text-mid);border-color:var(--line-strong);}
.phaseseg.on{background:var(--accent-tint);border-color:var(--accent-line);color:var(--accent);}
.phasetag{display:inline-block;font-size:9.5px;letter-spacing:.04em;text-transform:uppercase;color:var(--warn);border:1px solid rgba(232,184,108,.4);border-radius:var(--r-pill);padding:2px 9px;}
.pc-foot{display:flex;align-items:center;justify-content:space-between;margin-top:15px;}
.pc-foot .val{font-size:17px;font-weight:600;color:var(--accent);font-variant-numeric:tabular-nums;}
.pc-foot .val small{font-size:12px;color:var(--text-dim);font-weight:400;}
.mini-av{width:24px;height:24px;border-radius:50%;font-size:10px;font-weight:700;display:grid;place-items:center;}
.mini-av.j{background:var(--accent);color:#04140d;}
.mini-av.f{background:transparent;border:1px solid var(--accent);color:var(--accent);}
.mini-av.hasimg,.pav.hasimg{background:transparent;overflow:hidden;}
.mini-av.hasimg{border:none;}
.mini-av.hasimg img,.pav.hasimg img{width:100%;height:100%;border-radius:50%;object-fit:cover;display:block;}
.pc-meta{font-size:10.5px;color:var(--text-faint);margin-top:11px;padding-top:11px;border-top:1px solid var(--line-faint);letter-spacing:.02em;}
.pill{font-size:9.5px;font-weight:500;letter-spacing:.12em;text-transform:uppercase;padding:3px 10px;border-radius:var(--r-pill);}
.pill--acc{background:var(--accent-soft);color:var(--accent);}
.pill--ghost{border:1px solid var(--line-strong);color:var(--text-mid);}
.pill--paid{background:var(--accent-soft);color:var(--accent);}
.pill--sent{background:var(--blue-soft);color:var(--blue);}
.pill--draft{background:var(--glass);color:var(--text-dim);border:1px solid var(--line-strong);}
.pill--overdue{background:var(--red-soft);color:var(--red);}
.pcard.dim{opacity:.5;}

/* ===== client record ===== */
.rec__meta{display:flex;gap:18px;font-size:12.5px;color:var(--text-dim);margin-top:12px;}
.rec__meta a{color:var(--text-mid);border-bottom:1px solid var(--accent-line);text-decoration:none;cursor:pointer;}
.rec__body{flex:1;display:flex;gap:18px;padding:20px 36px 30px;min-height:0;}
.rec__left{width:338px;flex:none;display:flex;flex-direction:column;gap:15px;overflow-y:auto;}
.rec__right{flex:1;min-width:0;display:flex;flex-direction:column;}
.panel{background:var(--glass);border:1px solid var(--line);border-radius:var(--r-lg);box-shadow:var(--shadow-glass);padding:15px 17px;}
.panel__h{display:flex;align-items:center;justify-content:space-between;margin-bottom:11px;}
.panel__h .add{font-size:11px;letter-spacing:.14em;text-transform:uppercase;color:var(--accent);cursor:pointer;}
.row{display:flex;align-items:center;justify-content:space-between;padding:9px 0;border-bottom:1px solid var(--line-faint);font-size:13px;}
.row:last-child{border-bottom:none;}
.row .k{color:var(--text);}.row .k span{display:block;font-size:11px;color:var(--text-dim);margin-top:2px;}
.row--click{cursor:pointer;margin:0 -8px;padding-left:8px;padding-right:8px;border-radius:6px;}
.row--click:hover{background:var(--glass);}
.row .v{color:var(--text-mid);font-size:12px;text-align:right;}.row .v .acc{color:var(--accent);font-weight:500;}
.kv{display:flex;justify-content:space-between;align-items:center;padding:8px 0;border-bottom:1px solid var(--line-faint);font-size:13px;}
.kv:last-child{border-bottom:none;}.kv .kk{color:var(--text-dim);}.kv .vv{color:var(--text);}.kv .vv.acc{color:var(--accent);font-weight:500;}

/* tab strip */
.tabs{display:flex;gap:24px;border-bottom:1px solid var(--line);padding:0 2px;flex:none;}
.tab{font-size:13px;letter-spacing:.03em;color:var(--text-dim);padding:0 0 12px;position:relative;cursor:pointer;}
.tab.on{color:var(--text);}
.tab.on:after{content:"";position:absolute;left:0;right:0;bottom:-1px;height:2px;background:var(--accent);box-shadow:0 0 12px rgba(14,246,156,.5);}
.tabpanel{flex:1;min-height:0;padding-top:16px;overflow-y:auto;}

/* timeline (card-based, v5) */
.cardtl{position:relative;padding-left:26px;}
.cardtl:before{content:"";position:absolute;left:9px;top:6px;bottom:6px;width:1px;background:var(--line);}
.ctcard{position:relative;margin-bottom:12px;}
.ctnode{position:absolute;left:-21px;top:16px;width:9px;height:9px;border-radius:50%;background:var(--text-faint);box-shadow:0 0 0 4px var(--bg);z-index:1;}
.ctbox{background:var(--glass);border:1px solid var(--line);border-left:3px solid var(--text-faint);border-radius:11px;padding:12px 15px;}
.cthead{display:flex;align-items:center;gap:10px;}
.cttype{font-size:10px;font-weight:600;letter-spacing:.14em;text-transform:uppercase;}
.ctauto{font-size:8.5px;letter-spacing:.12em;text-transform:uppercase;color:#E8B86C;border:1px solid rgba(232,184,108,.4);border-radius:999px;padding:1px 7px;}
.ctdate{margin-left:auto;font-size:11px;color:var(--text-faint);}
.ctbody{font-size:13px;color:var(--text);margin-top:6px;line-height:1.45;}
.ctbody .amt{color:var(--accent);font-weight:600;}
.ctactions{display:flex;gap:8px;margin-top:11px;flex-wrap:wrap;}
.cta{font-size:11px;color:var(--text-mid);border:1px solid var(--line-strong);background:transparent;border-radius:999px;padding:5px 12px;cursor:pointer;font-family:inherit;}
.cta.pri{color:var(--accent);border-color:var(--accent-line);background:var(--accent-tint);}
.t-life .ctnode{background:#E8B86C;box-shadow:0 0 0 4px var(--bg),0 0 9px rgba(232,184,108,.5);}
.t-life .ctbox{border-left-color:#E8B86C;}
.t-life .cttype{color:#E8B86C;}
.t-mint .ctnode{background:#0EF69C;box-shadow:0 0 0 4px var(--bg),0 0 9px rgba(14,246,156,.5);}
.t-mint .ctbox{border-left-color:#0EF69C;}
.t-mint .cttype{color:#0EF69C;}
.t-call .ctnode{background:#6EA8FF;box-shadow:0 0 0 4px var(--bg),0 0 9px rgba(110,168,255,.5);}
.t-call .ctbox{border-left-color:#6EA8FF;}
.t-call .cttype{color:#6EA8FF;}
.t-note .ctnode{background:#9AA4AD;}
.t-note .ctbox{border-left-color:#9AA4AD;}
.t-note .cttype{color:#9AA4AD;}
.t-stage .ctnode{background:#7C848C;}
.t-stage .ctbox{border-left-color:#7C848C;}
.t-stage .cttype{color:#8A93A0;}

/* decision card + lost capture */
.decide{display:flex;gap:8px;margin-top:12px;padding-top:12px;border-top:1px solid var(--line-faint);}
.db{flex:1;font-size:12px;font-weight:600;letter-spacing:.04em;border-radius:8px;padding:8px 0;text-align:center;cursor:pointer;font-family:inherit;}
.db.won{background:var(--accent);color:#04160E;border:none;}
.db.lost{background:transparent;color:#E87C7C;border:1px solid rgba(232,124,124,.45);}
.db.alt{background:transparent;color:var(--text);border:1px solid var(--line-strong);}
.db.alt:hover{border-color:var(--accent-line);color:var(--accent);}
.pcard.decision{border-color:var(--accent-line);}
.launch{margin-top:12px;padding-top:11px;border-top:1px solid var(--line-faint);}
.launch__h{font-size:10px;letter-spacing:.1em;text-transform:uppercase;color:var(--text-dim);margin-bottom:9px;}
.decide--grid{display:grid;grid-template-columns:1fr 1fr;gap:8px;margin-top:0;padding-top:0;border-top:none;}
.field-lbl{font-size:10px;letter-spacing:.18em;text-transform:uppercase;color:var(--text-faint);margin-bottom:8px;}
.reasongrid{display:flex;flex-wrap:wrap;gap:8px;}
.rchip{font-size:12px;color:var(--text-mid);border:1px solid var(--line);border-radius:999px;padding:7px 14px;cursor:pointer;}
.rchip.on{background:var(--accent-soft);color:var(--accent);border-color:var(--accent-line);}
.ta{width:100%;background:var(--bg-elev-2);border:1px solid var(--line);border-radius:8px;padding:11px 13px;font-size:12.5px;color:var(--text);font-family:inherit;line-height:1.5;}
.out{font-size:9.5px;font-weight:600;letter-spacing:.1em;text-transform:uppercase;padding:2px 10px;border-radius:999px;}
.out.won{background:var(--accent-soft);color:var(--accent);}
.out.lost{background:rgba(232,124,124,.12);color:#E87C7C;}

/* lifecycle rules (client tab) */
.cadence{display:flex;flex-wrap:wrap;gap:9px;margin-bottom:20px;}
.cad-chip{display:flex;align-items:center;gap:8px;background:var(--glass);border:1px solid var(--line);border-radius:var(--r-pill);padding:7px 13px;font-size:12px;color:var(--text-mid);}
.cad-chip b{color:var(--text);font-weight:600;}
.cad-chip .cico{color:var(--accent);font-size:13px;}
.lc-h{font-size:11px;font-weight:600;letter-spacing:.18em;text-transform:uppercase;color:var(--text-dim);margin-bottom:11px;display:flex;align-items:center;gap:8px;}
.rule.row--click{cursor:pointer;}
.rule.row--click:hover{border-color:var(--accent-line);}
.rulestate{font-size:10px;letter-spacing:.08em;text-transform:uppercase;flex:none;}
.rulestate.on{color:var(--accent);}
.rulestate.off{color:var(--text-faint);}
.lc-empty{color:var(--text-faint);font-size:12px;margin-bottom:11px;}
.lc-run{display:flex;justify-content:space-between;gap:12px;font-size:12px;color:var(--text-mid);padding:7px 2px;border-bottom:1px solid var(--line-faint);}
.lc-run:last-child{border-bottom:none;}
.lc-run-d{color:var(--text-faint);white-space:nowrap;flex:none;}
.rule{display:flex;align-items:center;gap:14px;background:var(--glass);border:1px solid var(--line);border-radius:var(--r-md);padding:14px 16px;margin-bottom:11px;}
.rule__main{flex:1;min-width:0;}
.rule__name{display:flex;align-items:center;gap:10px;font-size:14px;font-weight:600;}
.rtag{font-size:8.5px;font-weight:500;letter-spacing:.12em;text-transform:uppercase;padding:2px 8px;border-radius:var(--r-pill);}
.rtag.custom{background:var(--accent-soft);color:var(--accent);}
.rtag.inherit{border:1px solid var(--line-strong);color:var(--text-dim);}
.rtag.override{background:var(--warn-soft);color:var(--warn);}
.rule__flow{display:flex;align-items:center;gap:8px;margin-top:9px;flex-wrap:wrap;}
.iv{font-size:10px;color:var(--text-dim);border:1px solid var(--line);border-radius:var(--r-pill);padding:2px 9px;margin-left:2px;}
.toggle{width:38px;height:22px;border-radius:99px;background:var(--accent);position:relative;flex:none;box-shadow:0 0 12px rgba(14,246,156,.3);}
.toggle:after{content:"";position:absolute;top:3px;right:3px;width:16px;height:16px;border-radius:50%;background:#04140d;}
.toggle.off{background:rgba(255,255,255,0.12);box-shadow:none;}
.toggle.off:after{right:auto;left:3px;background:var(--text-dim);}

/* clients table (v3) */
.finder{flex:1;min-height:0;display:flex;flex-direction:column;padding:16px 36px 18px;}
.filterbar{display:flex;gap:10px;align-items:stretch;flex-wrap:wrap;margin-bottom:16px;}
.chips{display:flex;gap:8px;flex-wrap:wrap;}
.chip{font-size:11.5px;letter-spacing:.04em;color:var(--text-mid);border:1px solid var(--line);border-radius:var(--r-pill);padding:6px 13px;cursor:pointer;}
.chip.on{background:var(--accent-soft);color:var(--accent);border-color:var(--accent-line);}
.tablewrap{flex:1;min-height:0;overflow:auto;border:1px solid var(--line);border-radius:var(--r-md);background:rgba(255,255,255,0.012);}
.rtable{width:100%;border-collapse:separate;border-spacing:0;font-size:13px;}
.rtable thead th{text-align:left;font-size:10px;letter-spacing:.16em;text-transform:uppercase;color:var(--accent);font-weight:500;padding:13px 14px;background:rgba(8,10,13,0.82);backdrop-filter:blur(10px) saturate(1.2);-webkit-backdrop-filter:blur(10px) saturate(1.2);border-bottom:1px solid var(--accent-line);position:sticky;top:0;z-index:3;}
.rtable tbody td{padding:12px 14px;color:var(--text-mid);border-bottom:1px solid var(--line-faint);vertical-align:middle;}
.rtable tbody tr{cursor:pointer;}
.rtable tbody tr:hover td{background:var(--glass);}
.rtable tbody tr:last-child td{border-bottom:none;}
.rtable .cco{color:var(--text);font-weight:600;font-size:13.5px;}
.rtable .muted{color:var(--text-faint);}
.rtable .num{text-align:right;font-variant-numeric:tabular-nums;}

/* presence pill (v5) */
.presence{display:inline-flex;align-items:center;gap:10px;border:1px solid var(--line-strong);background:var(--bg-elev-2);border-radius:999px;padding:5px 13px 5px 7px;}
.pstack{display:inline-flex;}
.pav{width:24px;height:24px;border-radius:50%;font-size:10px;font-weight:700;display:grid;place-items:center;position:relative;border:2px solid var(--bg-elev-2);}
.pav.j{background:var(--accent);color:#04140d;}
.pav.b,.pav.f{background:#6EA8FF;color:#04122b;}
.pav.a{background:#B98CFF;color:#1a0630;}
.pav.m{background:#FF8CC8;color:#2b0418;}
.pav.o{background:#E8B86C;color:#241a08;}
.pav.more{background:var(--bg-elev-2);color:var(--text-dim);font-size:9px;}
.pav.more:after{display:none;}
.pstack .pav + .pav{margin-left:-7px;}
.pav:after{content:"";position:absolute;right:-1px;bottom:-1px;width:8px;height:8px;border-radius:50%;background:var(--accent);border:2px solid var(--bg-elev-2);}
.pav.off:after{background:var(--text-faint);}
.ptext{font-size:12px;color:var(--text-mid);letter-spacing:.02em;}
/* Sidebar presence variant - foot of the sidebar, above systems */
.side__presence{padding:12px 0;border-top:1px solid var(--line-faint);}
.presence--side{border:none;background:transparent;padding:0;gap:9px;display:flex;align-items:center;}
.presence--side .pav{width:22px;height:22px;border-color:var(--bg-elev);}
.presence--side .pav:after{border-color:var(--bg-elev);}
.presence--side .ptext{font-size:11.5px;color:var(--text-dim);}
.nav--account{margin-top:6px;}
/* Settings screen */
.setwrap{padding:18px 36px 30px;flex:1;min-height:0;overflow-y:auto;width:100%;max-width:1000px;margin:0 auto;display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:18px;align-content:start;scrollbar-width:thin;scrollbar-color:rgba(255,255,255,0.12) transparent;}
.setwrap>.setcard--full,.setwrap>.em-note{grid-column:1/-1;}
@media (max-width:900px){.setwrap{grid-template-columns:1fr;}}
.setwrap::-webkit-scrollbar{width:8px;}
.setwrap::-webkit-scrollbar-thumb{background:rgba(255,255,255,0.09);border-radius:99px;border:2px solid transparent;background-clip:padding-box;}
.setcard{background:var(--glass);border:1px solid var(--line);border-radius:12px;padding:20px 22px;}
.setcard__h{font-size:11px;letter-spacing:.16em;text-transform:uppercase;color:var(--text-dim);margin-bottom:16px;}
.setcard__foot{margin-top:6px;}
.set-prow{display:flex;align-items:center;gap:18px;margin-bottom:18px;}
.set-avatar{width:64px;height:64px;border-radius:50%;object-fit:cover;flex:none;border:1px solid var(--line-strong);}
.set-avatar--ph{display:grid;place-items:center;background:var(--accent);color:#04140d;font-weight:700;font-size:24px;}
.set-pmeta{display:flex;flex-direction:column;gap:6px;}
.set-upload{cursor:pointer;display:inline-block;}
.em-input:disabled{opacity:.6;cursor:not-allowed;}
/* Team management */
.team-invite{display:grid;grid-template-columns:1.4fr 1fr .8fr auto;gap:8px;align-items:center;}
.team-list{display:flex;flex-direction:column;gap:8px;}
.team-row{display:flex;align-items:center;gap:14px;padding:11px 14px;background:var(--bg-elev-2);border:1px solid var(--line);border-radius:10px;}
.team-meta{display:flex;flex-direction:column;gap:2px;min-width:0;flex:1;}
.team-meta b{font-size:13.5px;}
.team-email{font-size:11.5px;color:var(--text-dim);}
.team-tags{display:flex;gap:6px;flex-wrap:wrap;}
.team-badge{font-size:9.5px;letter-spacing:.08em;text-transform:uppercase;border:1px solid var(--line-strong);color:var(--text-mid);border-radius:999px;padding:2px 9px;}
.team-badge.owner{color:#0EF69C;border-color:rgba(14,246,156,.35);}
.team-badge.admin{color:#B98CFF;border-color:rgba(185,140,255,.4);}
.team-badge.pend{color:#E8B86C;border-color:rgba(232,184,108,.4);}
.team-acts{display:flex;gap:6px;}
.btn.sm{padding:5px 12px;font-size:11.5px;}
.team-row--edit{flex-direction:column;align-items:stretch;gap:12px;}
.team-edit{display:flex;flex-direction:column;gap:12px;}
.team-f{display:flex;align-items:center;gap:8px;font-size:12px;color:var(--text-dim);}
.team-f select{background:var(--bg-elev);border:1px solid var(--line);border-radius:8px;color:var(--text);padding:6px 10px;font-family:inherit;font-size:12.5px;}
.team-admin{cursor:pointer;}
.team-scrs{display:grid;grid-template-columns:1fr 1fr;gap:7px 16px;padding:12px;border:1px solid var(--line-faint);border-radius:8px;}
.team-scr{display:flex;align-items:center;gap:8px;font-size:12.5px;color:var(--text-mid);cursor:pointer;}
.team-scr input,.team-admin input{width:auto;}
.team-editfoot{display:flex;justify-content:flex-end;gap:8px;}
.em-note{font-size:12px;color:#E8B86C;padding:8px 0;}

/* placeholder (stub screens) */
.placeholder{flex:1;display:flex;flex-direction:column;align-items:center;justify-content:center;text-align:center;gap:14px;color:var(--text-dim);padding:40px;}
.placeholder .ico{width:40px;height:40px;opacity:.4;}
.placeholder h2{font-size:20px;color:var(--text);font-weight:600;margin:0;}
.placeholder p{max-width:460px;font-size:13px;line-height:1.6;margin:0;}

/* ── Modal (added) ── */
#modal-root:empty{display:none;}
.overlay{position:fixed;inset:0;background:rgba(5,6,8,0.66);backdrop-filter:blur(3px);display:grid;place-items:center;z-index:2000;}
.sendmodal{width:460px;max-width:calc(100vw - 40px);background:var(--bg-elev);border:1px solid var(--line-strong);border-radius:var(--r-lg);box-shadow:0 40px 80px rgba(0,0,0,.6),0 0 60px rgba(14,246,156,.06);display:flex;flex-direction:column;overflow:hidden;}
.sm-head{display:flex;align-items:flex-start;justify-content:space-between;padding:20px 22px 15px;border-bottom:1px solid var(--line);}
.sm-head h2{font-size:19px;font-weight:600;}
.sm-close{background:transparent;border:none;color:var(--text-dim);font-size:22px;cursor:pointer;line-height:1;}
.sm-body{padding:18px 22px;display:flex;flex-direction:column;gap:14px;}
.sm-foot{display:flex;align-items:center;justify-content:flex-end;gap:10px;padding:14px 22px;border-top:1px solid var(--line);}
.fld label{display:block;font-size:10px;letter-spacing:.16em;text-transform:uppercase;color:var(--text-dim);margin-bottom:7px;}
.fld input,.fld select,.fld textarea{width:100%;background:var(--bg-elev-2);border:1px solid var(--line);border-radius:var(--r-sm);padding:9px 12px;color:var(--text);font-family:inherit;font-size:13px;}
.fld input:focus,.fld select:focus,.fld textarea:focus{outline:none;border-color:var(--accent-line);}
.fld-note{display:block;font-size:11px;color:var(--text-faint);margin-top:6px;line-height:1.4;}
.fld textarea{resize:vertical;min-height:70px;line-height:1.5;}
.sendmodal--wide{width:640px;}
/* proposal context: word-count line + Atlas bar (link back to Atlas) */
.bestatus{font-size:11px;color:var(--text-faint);margin-top:10px;display:flex;gap:16px;}
.atlasbar{margin-top:12px;display:flex;align-items:center;gap:12px;background:var(--blue-soft);border:1px solid var(--blue-line);border-radius:10px;padding:9px 12px;}
.av--atlas{width:28px;height:28px;border-radius:7px;flex:none;background:#0A0F18 url('atlas-head.svg') center/cover no-repeat;image-rendering:pixelated;border:1px solid var(--blue-line);}
.atlasbar__hint{flex:1;min-width:0;font-size:13px;color:var(--text-dim);overflow:hidden;text-overflow:ellipsis;white-space:nowrap;}
.atlasbar .btn2{font-size:12px;color:var(--blue);border:1px solid var(--blue-line);border-radius:999px;padding:7px 15px;background:var(--bg-elev-2);white-space:nowrap;cursor:pointer;font-family:inherit;}
.atlasbar .btn2:hover{background:var(--blue-soft);}
.atlasbar .btn2:disabled{opacity:.6;cursor:default;}
.btn--blue{background:var(--blue);color:#04122b;box-shadow:0 0 0 1px rgba(110,168,255,.4),0 0 22px rgba(110,168,255,.20);}
.btn--blue:hover{background:#8FBEFF;}
.atlas-overlay{z-index:2060;}
.sm-head__atlas{display:flex;align-items:center;gap:12px;}

/* client record: per-client proposals / invoices list */
.reclist{display:flex;flex-direction:column;width:100%;}
.reclist__row{box-sizing:border-box;width:100%;display:flex;align-items:center;justify-content:space-between;gap:12px;padding:12px 6px;border-bottom:1px solid var(--line-faint);}
.reclist__row:last-child{border-bottom:none;}
.reclist__main{min-width:0;display:flex;flex-direction:column;gap:3px;}
.reclist__title{color:var(--text);font-weight:600;font-size:13.5px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;}
.reclist__sub{color:var(--text-faint);font-size:11px;letter-spacing:.02em;}
.reclist__right{display:flex;align-items:center;gap:14px;flex:none;}
.reclist__right .acc{color:var(--accent);font-weight:600;font-variant-numeric:tabular-nums;}
.reclist__row.row--click:hover{background:var(--glass);border-radius:var(--r-sm);}
.panel__note{font-size:12.5px;color:var(--text-mid);line-height:1.6;margin:2px 0 0;}

/* client record: editable About tab */
.abouttab{display:flex;flex-direction:column;gap:14px;max-width:680px;}
.abouttab .field-lbl{margin:8px 0 -4px;}
.ab-grid2{display:grid;grid-template-columns:1fr 1fr;gap:14px;}
.ab-grid3{display:grid;grid-template-columns:1fr 1fr 1fr;gap:14px;}
.ab-foot{display:flex;justify-content:flex-end;gap:10px;margin-top:4px;}
.ab-card{background:var(--glass);border:1px solid var(--line);border-radius:var(--r-md);padding:16px 18px;}
.ab-card__h{display:flex;align-items:center;justify-content:space-between;margin-bottom:12px;}
.ab-card__notes{font-size:13.5px;color:var(--text-mid);line-height:1.65;margin:0;white-space:pre-wrap;}
.ab-kv{display:flex;gap:16px;padding:9px 0;border-bottom:1px solid var(--line-faint);font-size:13px;}
.ab-kv:last-child{border-bottom:none;}
.ab-kv:first-of-type{padding-top:0;}
.ab-kv__k{width:96px;flex:none;color:var(--text-dim);letter-spacing:.02em;}
.ab-kv__v{color:var(--text);line-height:1.55;}
.ab-kv__v a{color:var(--accent);cursor:pointer;}

/* client record: per-client analytics */
.cstatgrid{display:grid;grid-template-columns:repeat(auto-fit,minmax(150px,1fr));gap:12px;}
.cstatgrid .stat__value{font-size:24px;}
.stat__sub{font-size:11px;color:var(--text-faint);letter-spacing:.02em;}
.ca-block{margin-top:24px;}
.ca-h{font-size:10px;letter-spacing:.22em;text-transform:uppercase;color:var(--accent);margin-bottom:6px;display:flex;align-items:center;}
.ca-delta{font-size:11px;font-weight:600;letter-spacing:0;text-transform:none;margin-left:12px;display:inline-flex;align-items:baseline;gap:5px;}
.ca-delta.up{color:var(--accent);}
.ca-delta.down{color:var(--red);}
.ca-delta small{color:var(--text-faint);font-weight:400;}
.ca-svg{width:100%;height:auto;display:block;margin-top:8px;overflow:visible;max-height:230px;}
.ca-area{fill:url(#caGrad);}
.ca-line{fill:none;stroke:var(--accent);stroke-width:2;stroke-linejoin:round;stroke-linecap:round;}
.ca-dot{fill:#04140d;stroke:var(--accent);stroke-width:2;}
.ca-vlabel{fill:var(--text-mid);font-size:13px;font-family:inherit;font-variant-numeric:tabular-nums;}
.ca-ylabel{fill:var(--text-faint);font-size:12px;font-family:inherit;}

/* agency analytics screen */
.anscreen{overflow-y:auto;gap:0;}
.anscreen .cstatgrid{margin-bottom:8px;}
.ca-2col{display:grid;grid-template-columns:1fr 1fr;gap:26px;margin-top:24px;align-items:start;}
.stagebars{display:flex;flex-direction:column;gap:11px;margin-top:12px;}
.stagebar__top{display:flex;align-items:baseline;justify-content:space-between;margin-bottom:5px;font-size:12.5px;}
.stagebar__label{color:var(--text);}
.stagebar__meta{color:var(--text-faint);font-size:11.5px;font-variant-numeric:tabular-nums;}
.stagebar__track{height:8px;background:var(--glass);border:1px solid var(--line-faint);border-radius:999px;overflow:hidden;}
.stagebar__fill{height:100%;background:linear-gradient(90deg,rgba(14,246,156,.5),var(--accent));border-radius:999px;min-width:2px;}
.stagebar__fill--red{background:linear-gradient(90deg,rgba(232,124,124,.45),var(--red));}
.prop-head,.prop-item{display:grid;grid-template-columns:minmax(0,1fr) 50px 78px 82px 78px 22px;gap:8px;margin-bottom:8px;}
.prop-item{align-items:start;}
.prop-head{align-items:center;font-size:9.5px;letter-spacing:.08em;text-transform:uppercase;color:var(--text-faint);padding:0 2px 6px;margin-bottom:2px;}
.prop-head span:nth-child(2),.prop-head span:nth-child(3),.prop-head span:nth-child(5){text-align:right;}
.prop-head span:nth-child(4){text-align:center;}
.prop-item__name{display:flex;flex-direction:column;gap:5px;min-width:0;}
.prop-item input{width:100%;background:var(--bg-elev-2);border:1px solid var(--line);border-radius:var(--r-sm);padding:8px 10px;color:var(--text);font-family:inherit;font-size:12.5px;}
.prop-item input:focus{outline:none;border-color:var(--accent-line);}
.prop-item input::placeholder{color:var(--text-faint);}
.prop-item__sub{font-size:11px;padding-top:7px !important;padding-bottom:7px !important;}
.prop-item input[data-iqty],.prop-item input[data-iprice]{text-align:right;}
.prop-item .inv-line{text-align:right;padding-top:10px;font-size:12px;}
.cadsel{background:var(--bg-elev-2);border:1px solid var(--line);border-radius:var(--r-sm);color:var(--text);font-family:inherit;font-size:11px;padding:9px 4px;text-align:center;cursor:pointer;}
.prop-item .inv-rm{align-self:start;margin-top:6px;}
.inv-head,.inv-item{display:grid;grid-template-columns:minmax(0,1fr) 50px 78px 82px 78px 22px;gap:8px;align-items:center;}
.inv-head{font-size:9.5px;letter-spacing:.08em;text-transform:uppercase;color:var(--text-faint);padding:0 2px 6px;}
.inv-head span:nth-child(2),.inv-head span:nth-child(3),.inv-head span:nth-child(5){text-align:right;}
.inv-head span:nth-child(4){text-align:center;}
.inv-item{margin-bottom:8px;}
.inv-item input{background:var(--bg-elev-2);border:1px solid var(--line);border-radius:var(--r-sm);padding:8px 10px;color:var(--text);font-family:inherit;font-size:12.5px;}
.inv-item input[data-iqty],.inv-item input[data-iprice]{text-align:right;}
.inv-line{font-size:12.5px;color:var(--text-mid);text-align:right;font-variant-numeric:tabular-nums;}
.inv-rm{background:transparent;border:none;color:var(--text-faint);font-size:18px;cursor:pointer;line-height:1;}
.inv-rm:hover{color:var(--red);}
.inv-total{display:flex;justify-content:flex-end;gap:12px;align-items:baseline;margin-top:14px;padding-top:12px;border-top:1px solid var(--line);font-size:12px;letter-spacing:.1em;text-transform:uppercase;color:var(--text-dim);}
.inv-total b{font-size:20px;color:var(--accent);letter-spacing:0;text-transform:none;font-variant-numeric:tabular-nums;}

/* invoices screen layout */
.invscreen{flex:1;min-height:0;display:flex;flex-direction:column;padding:18px 36px 14px;}
.invtable-wrap{flex:1;min-height:0;overflow-y:auto;border:1px solid var(--line);border-radius:var(--r-md);background:rgba(255,255,255,0.012);}
.rangesel{background:var(--bg-elev-2);border:1px solid var(--line-strong);border-radius:var(--r-pill);color:var(--text);font-family:inherit;font-size:12px;padding:8px 12px;cursor:pointer;}
.pager{display:flex;align-items:center;justify-content:space-between;padding:12px 4px 0;flex:none;}
.pager__info{font-size:12px;color:var(--text-dim);}
.pager__ctrl{display:flex;align-items:center;gap:12px;}
.pager__page{font-size:12px;color:var(--text-mid);}
.pgbtn{font-size:12px;color:var(--text-mid);border:1px solid var(--line-strong);background:transparent;border-radius:var(--r-pill);padding:6px 14px;cursor:pointer;font-family:inherit;}
.pgbtn:disabled{opacity:.4;cursor:default;}
.pgbtn:not(:disabled):hover{border-color:var(--accent-line);color:var(--accent);}
.tag{display:inline-block;font-size:9px;letter-spacing:.06em;text-transform:uppercase;border-radius:var(--r-pill);padding:2px 7px;border:1px solid var(--line-strong);color:var(--text-dim);white-space:nowrap;}
.tag--bacs{color:var(--blue);border-color:var(--blue-line);}
.tag--gocardless{color:var(--warn);border-color:var(--warn-line);}
.tag--rec{color:var(--accent);border-color:var(--accent-line);}
.tag--one{color:var(--text-dim);}

/* action menu rows */
.actrow{width:100%;text-align:left;background:var(--bg-elev-2);border:1px solid var(--line);border-radius:var(--r-sm);padding:11px 14px;color:var(--text);font-family:inherit;font-size:13px;cursor:pointer;}
.actrow:hover{border-color:var(--accent-line);color:var(--accent);}
.actrow--danger{color:var(--red);}.actrow--danger:hover{border-color:var(--red-line);color:var(--red);}
.recbox{margin-top:14px;border:1px solid var(--line);border-radius:var(--r-md);padding:12px 14px;background:var(--glass);}
.recbox__t{display:flex;align-items:center;gap:8px;cursor:pointer;font-size:13px;color:var(--text);}

/* client invoice view (hosted-view preview, rendered in a shadow root) */
.civ-overlay{padding:0;}
.civ-frame{width:min(1120px,94vw);height:92vh;overflow:auto;background:#000;border:1px solid var(--line-strong);border-radius:14px;box-shadow:0 40px 90px rgba(0,0,0,.7);}
.civ-frame::-webkit-scrollbar{width:10px;}
.civ-frame::-webkit-scrollbar-thumb{background:rgba(14,246,156,0.22);border-radius:999px;border:2px solid #000;}
.civ-close{position:fixed;top:18px;right:22px;z-index:2100;width:34px;height:34px;border-radius:50%;background:rgba(10,12,16,.92);border:1px solid var(--line-strong);color:var(--text-mid);font-size:20px;line-height:1;cursor:pointer;}
.civ-close:hover{color:var(--accent);border-color:var(--accent-line);}
.civ-mount{display:block;}

/* ── Sign-in gate (added) ── */
.signin{grid-column:1 / -1;height:calc(100vh - 32px);display:flex;align-items:center;justify-content:center;background:radial-gradient(1200px 600px at 50% -10%,rgba(14,246,156,0.06),transparent 60%),var(--bg);}
.signin__card{width:360px;max-width:calc(100vw - 40px);background:var(--bg-elev);border:1px solid var(--line-strong);border-radius:var(--r-lg);box-shadow:var(--shadow-glass);padding:30px 28px 24px;display:flex;flex-direction:column;gap:13px;}
.signin__logo{display:flex;justify-content:center;margin-bottom:2px;}
.signin__logo svg{height:22px;}
.signin__h1{font-size:22px;font-weight:600;text-align:center;margin:2px 0 8px;}
.signin__sub{font-size:13px;color:var(--text-dim);text-align:center;margin:-4px 0 10px;line-height:1.5;}
.signin__err{min-height:16px;font-size:12px;color:var(--red);}
.signin__foot{text-align:center;font-size:12px;color:var(--text-dim);margin-top:4px;}
.signin__foot span:hover{color:var(--accent);}

/* ── Title bar (added) ── */
.titlebar{position:fixed;top:0;left:0;right:0;height:32px;z-index:3000;display:flex;align-items:center;justify-content:space-between;background:var(--bg-elev);border-bottom:1px solid var(--line-faint);user-select:none;-webkit-user-select:none;}
.titlebar__brand{display:flex;align-items:center;gap:10px;padding:0 12px;flex:1;height:100%;}
.titlebar__logo{width:16px;height:16px;background-image:url('../gravitas-mark.svg');background-size:contain;background-repeat:no-repeat;background-position:left center;flex-shrink:0;}
.titlebar__title{font-weight:700;color:var(--text);letter-spacing:.16em;font-size:11px;}
.titlebar__sub{font-size:10px;letter-spacing:.14em;text-transform:uppercase;color:var(--text-faint);}
.titlebar__controls{display:flex;align-items:stretch;height:100%;}
.titlebar__btn{width:46px;height:100%;display:inline-flex;align-items:center;justify-content:center;background:transparent;border:none;color:var(--text-mid);cursor:pointer;padding:0;transition:background 120ms,color 120ms;}
.titlebar__btn:hover{background:rgba(255,255,255,.05);color:var(--text);}
.titlebar__btn--close:hover{background:var(--red);color:#fff;}

/* ── Boot loader (added) ── */
.boot-loader{position:fixed;inset:32px 0 0 0;z-index:2500;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:20px;background:var(--bg);transition:opacity 350ms ease,transform 350ms ease;}
.boot-loader.is-hiding{opacity:0;transform:translateY(-6px);pointer-events:none;}
.boot-loader__mark{width:210px;height:30px;background-image:url('../gravitas-mark.svg');background-size:contain;background-repeat:no-repeat;background-position:center;animation:boot-pulse 1.8s ease-in-out infinite;}
@keyframes boot-pulse{0%,100%{opacity:.55;}50%{opacity:1;}}
.boot-loader__text{color:var(--text-mid);font-size:12px;letter-spacing:.22em;text-transform:uppercase;}
.boot-loader__dots{display:flex;gap:5px;}
.boot-loader__dots span{width:6px;height:6px;border-radius:50%;background:var(--accent);opacity:.4;animation:boot-dot 1.4s infinite ease-in-out;}
.boot-loader__dots span:nth-child(2){animation-delay:.16s;}.boot-loader__dots span:nth-child(3){animation-delay:.32s;}
@keyframes boot-dot{0%,80%,100%{opacity:.3;transform:scale(.85);}40%{opacity:1;transform:scale(1.2);}}

/* ── Toast (added) ── */
.toast-host{position:fixed;top:44px;right:16px;z-index:2600;display:flex;flex-direction:column;gap:10px;}
.toast{background:var(--bg-elev-2);border:1px solid var(--line-strong);border-left:2px solid var(--accent);border-radius:var(--r-sm);padding:11px 14px;min-width:240px;max-width:340px;box-shadow:0 12px 30px rgba(0,0,0,.5);opacity:0;transform:translateX(12px);transition:opacity 200ms,transform 200ms;}
.toast.toast--show{opacity:1;transform:none;}
.toast__head{font-size:11px;letter-spacing:.08em;text-transform:uppercase;color:var(--accent);}
.toast__body{font-size:12.5px;color:var(--text-mid);margin-top:3px;}

/* ── Scrollbars (added) ── */
.board{scrollbar-width:thin;scrollbar-color:rgba(14,246,156,0.45) rgba(255,255,255,0.05);}
.board::-webkit-scrollbar{height:10px;}
.board::-webkit-scrollbar-track{background:rgba(255,255,255,0.05);border-radius:99px;margin-right:36px;margin-left:2px;}
.board::-webkit-scrollbar-thumb{background:rgba(14,246,156,0.45);border-radius:99px;border:2px solid transparent;background-clip:padding-box;}
.board::-webkit-scrollbar-thumb:hover{background:rgba(14,246,156,0.7);background-clip:padding-box;}
*::-webkit-scrollbar{width:10px;height:10px;}
*::-webkit-scrollbar-track{background:transparent;}
*::-webkit-scrollbar-thumb{background:rgba(255,255,255,0.06);border:2px solid transparent;background-clip:padding-box;border-radius:999px;}
*::-webkit-scrollbar-thumb:hover{background:rgba(14,246,156,0.24);background-clip:padding-box;}
input[type="date"]{color-scheme:dark;}

/* ── Won & Lost (from mockup) ── */
.seg{display:flex;border:1px solid var(--line);border-radius:var(--r-pill);overflow:hidden;}
.segopt{font-size:11.5px;padding:7px 15px;color:var(--text-dim);cursor:pointer;}
.segopt.on{background:var(--accent-soft);color:var(--accent);}
.viewbtn{font-size:11px;color:var(--text-mid);border:1px solid var(--line);border-radius:999px;padding:5px 12px;cursor:pointer;background:transparent;font-family:inherit;white-space:nowrap;}
.loglayout{display:flex;gap:16px;min-height:0;}
.logmain{flex:1;min-width:0;overflow:hidden;}
.logside{width:288px;flex:none;}
.lrpanel{background:var(--glass);border:1px solid var(--line);border-radius:14px;box-shadow:var(--shadow-glass);padding:16px 17px;}
.lrrow{margin-bottom:13px;}
.lrtop{display:flex;justify-content:space-between;font-size:12px;margin-bottom:6px;}
.lrtop .rn{color:var(--text);}
.lrtop .rp{color:var(--text-dim);font-variant-numeric:tabular-nums;}
.lrbar{height:6px;border-radius:999px;background:rgba(255,255,255,0.06);overflow:hidden;}
.lrfill{height:100%;background:#E87C7C;border-radius:999px;}
.lrnote{font-size:11px;color:var(--text-faint);line-height:1.45;margin-top:16px;border-top:1px solid var(--line-faint);padding-top:12px;}

/* ── Resources library (from mockup) ── */
.reslib{display:flex;flex-direction:column;padding:16px 36px 24px;flex:1;min-height:0;overflow-y:auto;scrollbar-width:thin;scrollbar-color:rgba(255,255,255,0.12) transparent;}
.reslib::-webkit-scrollbar{width:8px;}
.reslib::-webkit-scrollbar-thumb{background:rgba(255,255,255,0.09);border-radius:99px;border:2px solid transparent;background-clip:padding-box;}
.reslib::-webkit-scrollbar-thumb:hover{background:rgba(14,246,156,0.45);background-clip:padding-box;}
.resbar{display:flex;align-items:center;gap:16px;margin-bottom:18px;flex-wrap:wrap;}
.searchbox{background:var(--bg-elev-2);border:1px solid var(--line);border-radius:var(--r-sm);padding:9px 14px;font-size:12.5px;color:var(--text);width:240px;font-family:inherit;}
.searchbox::placeholder{color:var(--text-dim);}
.rgrid{display:grid;grid-template-columns:repeat(4,1fr);gap:14px;align-content:start;}
.rcard{background:var(--glass);border:1px solid var(--line);border-radius:var(--r-md);padding:15px;display:flex;flex-direction:column;gap:9px;box-shadow:var(--shadow-glass);cursor:pointer;}
.rcard:hover{border-color:var(--line-strong);}
.rc-top{display:flex;align-items:center;justify-content:space-between;}
.ricon{width:38px;height:46px;border:1px solid var(--line-strong);border-radius:6px;display:grid;place-items:center;font-size:9px;font-weight:700;letter-spacing:.08em;color:var(--text-mid);background:var(--bg-elev-2);}
.rc-cat{font-size:9.5px;letter-spacing:.12em;text-transform:uppercase;color:var(--text-dim);border:1px solid var(--line);border-radius:var(--r-pill);padding:2px 9px;}
.rc-title{font-size:14.5px;font-weight:600;color:var(--text);line-height:1.25;}
.rc-meta{font-size:11px;color:var(--text-faint);}
.rc-actions{display:flex;gap:6px;margin-top:2px;border-top:1px solid var(--line-faint);padding-top:11px;}
.ra{flex:1;font-size:11px;letter-spacing:.04em;color:var(--text-mid);border:1px solid var(--line);background:transparent;border-radius:var(--r-sm);padding:7px 0;text-align:center;cursor:pointer;font-family:inherit;}
.ra:hover{border-color:var(--line-strong);}
.ra:disabled{opacity:.4;cursor:default;}
.ra.send{color:var(--accent);border-color:var(--accent-line);background:var(--accent-tint);}
.resempty{grid-column:1/-1;text-align:center;padding:60px 24px;max-width:520px;margin:20px auto;background:var(--glass);border:1px solid var(--line);border-radius:var(--r-md);}
.resempty h2{font-size:17px;font-weight:600;margin:0 0 8px;}
.resempty p{font-size:13px;color:var(--text-mid);line-height:1.55;margin:0 0 16px;}

/* ── Lifecycle automations (from mockup) ── */
.ltabs{display:flex;gap:24px;border-bottom:1px solid var(--line);padding:0 36px;margin-top:4px;}
.ltabs .tab{font-size:13px;letter-spacing:.03em;color:var(--text-dim);padding:0 0 12px;position:relative;cursor:pointer;}
.ltabs .tab.on{color:var(--text);}
.ltabs .tab.on:after{content:"";position:absolute;left:0;right:0;bottom:-1px;height:2px;background:var(--accent);box-shadow:0 0 12px rgba(14,246,156,.5);}
.llist{padding:16px 36px 24px;display:flex;flex-direction:column;gap:16px;flex:1;min-height:0;overflow-y:auto;scrollbar-width:thin;scrollbar-color:rgba(255,255,255,0.12) transparent;}
.llist::-webkit-scrollbar{width:8px;}
.llist::-webkit-scrollbar-thumb{background:rgba(255,255,255,0.09);border-radius:99px;border:2px solid transparent;background-clip:padding-box;}
.llist::-webkit-scrollbar-thumb:hover{background:rgba(14,246,156,0.45);background-clip:padding-box;}
.lgh{font-size:11px;font-weight:600;letter-spacing:.18em;text-transform:uppercase;color:var(--text-dim);margin-bottom:9px;display:flex;align-items:center;gap:9px;}
.lgh .cnt{color:var(--text-faint);font-size:10.5px;border:1px solid var(--line);border-radius:999px;padding:1px 8px;}
.lrule{display:flex;align-items:center;gap:14px;background:var(--glass);border:1px solid var(--line);border-radius:12px;padding:12px 16px;margin-bottom:9px;}
.ldot{width:9px;height:9px;border-radius:50%;flex:none;}
.ldot.d-call{background:#6EA8FF;box-shadow:0 0 8px rgba(110,168,255,.5);}
.ldot.d-mint{background:#0EF69C;box-shadow:0 0 8px rgba(14,246,156,.5);}
.ldot.d-amb{background:#E8B86C;box-shadow:0 0 8px rgba(232,184,108,.5);}
.ldot.d-slate{background:#9AA4AD;}
.lmain{flex:1;min-width:0;}
.lname{font-size:14px;font-weight:600;}
.lflow{font-size:12px;color:var(--text-dim);margin-top:4px;}
.lflow b{color:var(--text-mid);font-weight:600;}
.lflow .ar{color:var(--text-faint);}
.lscope{font-size:9.5px;letter-spacing:.1em;text-transform:uppercase;color:var(--text-mid);border:1px solid var(--line-strong);border-radius:999px;padding:2px 9px;white-space:nowrap;}
/* Run log / email queue */
.ltab-pane{padding:16px 36px 24px;flex:1;min-height:0;overflow-y:auto;display:flex;flex-direction:column;gap:14px;scrollbar-width:thin;scrollbar-color:rgba(255,255,255,0.12) transparent;}
.ltab-pane::-webkit-scrollbar{width:8px;}
.ltab-pane::-webkit-scrollbar-thumb{background:rgba(255,255,255,0.09);border-radius:99px;border:2px solid transparent;background-clip:padding-box;}
.rl-banner{border-radius:var(--r-md);padding:12px 16px;font-size:12.5px;line-height:1.5;color:var(--text-mid);border:1px solid var(--line);}
.rl-banner b{color:var(--text);font-weight:600;}
.rl-banner.off{background:rgba(232,184,108,0.06);border-color:rgba(232,184,108,0.28);}
.rl-banner.on{background:rgba(14,246,156,0.06);border-color:rgba(14,246,156,0.28);}
.rl-bar{display:flex;align-items:center;justify-content:space-between;gap:12px;}
.rl-actions{display:flex;align-items:center;gap:10px;}
.rl-resend{background:transparent;border:1px solid var(--line-strong);color:var(--text-mid);border-radius:999px;padding:4px 12px;font-size:11px;font-family:inherit;cursor:pointer;white-space:nowrap;}
.rl-resend:hover{border-color:var(--accent);color:var(--accent);}
.rl-count{font-size:11px;letter-spacing:.06em;text-transform:uppercase;color:var(--text-dim);}
.rl-list{display:flex;flex-direction:column;gap:9px;}
.rl-row{display:flex;align-items:center;gap:14px;background:var(--glass);border:1px solid var(--line);border-radius:12px;padding:12px 16px;}
.rl-dot{width:9px;height:9px;border-radius:50%;flex:none;}
.rl-dot.d-mint{background:#0EF69C;box-shadow:0 0 8px rgba(14,246,156,.5);}
.rl-dot.d-amb{background:#E8B86C;box-shadow:0 0 8px rgba(232,184,108,.5);}
.rl-main{flex:1;min-width:0;}
.rl-subj{font-size:13.5px;font-weight:600;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;}
.rl-sub{font-size:11.5px;color:var(--text-dim);margin-top:3px;}
.rl-pill{font-size:9.5px;letter-spacing:.1em;text-transform:uppercase;border-radius:999px;padding:2px 10px;white-space:nowrap;border:1px solid var(--line-strong);color:var(--text-mid);}
.rl-pill.sent{background:rgba(14,246,156,0.1);border-color:rgba(14,246,156,0.35);color:#0EF69C;}
.rl-pill.queued{background:rgba(232,184,108,0.08);border-color:rgba(232,184,108,0.32);color:#E8B86C;}
.rl-pill.err{background:rgba(255,107,107,0.08);border-color:rgba(255,107,107,0.35);color:#FF6B6B;}
.em-kind{font-size:9px;letter-spacing:.1em;text-transform:uppercase;color:var(--text-mid);border:1px solid var(--line-strong);border-radius:999px;padding:1px 7px;}
/* Emails screen */
.em-engine{font-size:9.5px;letter-spacing:.1em;text-transform:uppercase;border-radius:999px;padding:3px 11px;border:1px solid var(--line-strong);color:var(--text-mid);}
.em-engine.on{background:rgba(14,246,156,0.1);border-color:rgba(14,246,156,0.35);color:#0EF69C;}
.em-engine.off{background:rgba(232,184,108,0.08);border-color:rgba(232,184,108,0.32);color:#E8B86C;}
.em-compose{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1fr);gap:24px;padding:16px 36px 28px;flex:1;min-height:0;overflow:hidden;}
.em-col{display:flex;flex-direction:column;min-height:0;}
.em-col--form{overflow-y:auto;padding-right:6px;scrollbar-width:thin;scrollbar-color:rgba(255,255,255,0.12) transparent;}
.em-col--form::-webkit-scrollbar{width:8px;}
.em-col--form::-webkit-scrollbar-thumb{background:rgba(255,255,255,0.09);border-radius:99px;border:2px solid transparent;background-clip:padding-box;}
.em-field{margin-bottom:16px;}
.em-field>label{display:block;font-size:11px;letter-spacing:.08em;text-transform:uppercase;color:var(--text-dim);margin-bottom:8px;}
.em-input{width:100%;background:var(--bg-elev-2);border:1px solid var(--line);border-radius:8px;padding:10px 12px;font-size:13px;color:var(--text);font-family:inherit;}
.em-input:focus{outline:none;border-color:var(--line-strong);}
.em-area{min-height:150px;line-height:1.55;resize:vertical;}
.em-hint{font-size:11px;color:var(--text-faint);margin-top:6px;line-height:1.5;}
.em-hint .tok,.tokens .tok{font-size:10.5px;color:var(--text-mid);background:var(--glass);border:1px solid var(--line);border-radius:6px;padding:1px 6px;}
.audgrid{display:grid;grid-template-columns:1fr 1fr;gap:9px;}
.audseg{background:var(--glass);border:1px solid var(--line);border-radius:10px;padding:11px 13px;cursor:pointer;transition:border-color .12s;}
.audseg:hover{border-color:var(--line-strong);}
.audseg.on{border-color:#0EF69C;box-shadow:0 0 0 1px rgba(14,246,156,0.35);}
.audseg__n{font-size:13px;font-weight:600;}
.audseg__d{font-size:11px;color:var(--text-dim);margin-top:3px;}
.audseg__c{font-size:10.5px;color:#0EF69C;margin-top:7px;font-variant-numeric:tabular-nums;}
.em-replyrow{display:flex;gap:8px;align-items:center;}
.em-replyrow .em-input{flex:1;}
.em-replyrow .em-seg{border:1px solid var(--line);border-radius:8px;white-space:nowrap;}
.em-toggle{display:inline-flex;border:1px solid var(--line);border-radius:8px;overflow:hidden;}
.em-seg{background:transparent;color:var(--text-mid);border:none;padding:8px 16px;font:inherit;font-size:12px;cursor:pointer;}
.em-seg.on{background:var(--glass);color:var(--text);}
.em-sendbar{display:flex;align-items:center;justify-content:space-between;gap:14px;margin-top:8px;padding-top:14px;border-top:1px solid var(--line-faint);}
.em-audsum{font-size:12px;color:var(--text-dim);}
.em-audsum b{color:var(--text);}
.em-note{font-size:11.5px;color:#E8B86C;margin-top:10px;}
.em-col--preview{background:var(--bg-elev);border:1px solid var(--line);border-radius:12px;overflow:hidden;}
.em-plabel{font-size:11px;letter-spacing:.08em;text-transform:uppercase;color:var(--text-dim);padding:12px 14px;border-bottom:1px solid var(--line);display:flex;gap:8px;align-items:baseline;}
.em-plabel span{font-size:10px;color:var(--text-faint);text-transform:none;letter-spacing:0;}
.em-preview{flex:1;width:100%;border:none;background:#fff;}
.em-metrics{display:grid;grid-template-columns:repeat(5,1fr);gap:12px;padding:4px 0 18px;}
.em-metric{background:var(--glass);border:1px solid var(--line);border-radius:10px;padding:16px;text-align:center;}
.em-metric__v{font-size:26px;font-weight:700;font-variant-numeric:tabular-nums;}
.em-metric__l{font-size:11px;color:var(--text-dim);margin-top:5px;}
.em-limits{display:grid;grid-template-columns:1fr 1fr;gap:18px;margin-bottom:22px;}
.em-limit{background:var(--glass);border:1px solid var(--line);border-radius:10px;padding:16px 18px;}
.em-limit__h{display:flex;justify-content:space-between;font-size:13px;margin-bottom:10px;}
.em-limit__h .hot{color:#FF6B6B;font-weight:600;}
.em-bar{height:8px;background:var(--bg-elev-2);border-radius:99px;overflow:hidden;}
.em-bar span{display:block;height:100%;background:#0EF69C;border-radius:99px;transition:width .3s;}
.em-bar span.hot{background:#FF6B6B;}
.em-break{max-width:360px;}
.em-breakrow{display:flex;justify-content:space-between;font-size:13px;padding:9px 2px;border-bottom:1px solid var(--line-faint);}
.em-breakrow b{font-variant-numeric:tabular-nums;}
.em-modal{position:fixed;inset:0;background:rgba(0,0,0,0.55);display:flex;align-items:center;justify-content:center;z-index:200;}
.em-modal__box{background:var(--bg-elev);border:1px solid var(--line-strong);border-radius:14px;padding:24px;max-width:440px;box-shadow:0 20px 60px rgba(0,0,0,.5);}
.em-modal__t{font-size:17px;font-weight:600;margin-bottom:10px;}
.em-modal__s{font-size:13px;color:var(--text-dim);line-height:1.6;margin-bottom:20px;}
.em-modal__row{display:flex;justify-content:flex-end;gap:10px;}
.btn--danger{background:#FF6B6B;color:#160404;border-color:#FF6B6B;}
.lrun{font-size:11px;color:var(--text-faint);width:92px;text-align:right;white-space:nowrap;}
.lc-phase{text-align:center;padding:50px 24px;max-width:520px;margin:12px auto;background:var(--glass);border:1px solid var(--line);border-radius:var(--r-md);}
.lc-phase h2{font-size:16px;font-weight:600;margin:0 0 8px;}
.lc-phase p{font-size:13px;color:var(--text-mid);line-height:1.55;margin:0;}
@media (max-width:1100px){.rgrid{grid-template-columns:repeat(2,1fr);}}

/* ── Proposal editor: split screen (from mockup) ── */
.splitbody{flex:1;min-height:0;display:flex;}
.editpane{width:58%;flex:none;border-right:1px solid var(--line);display:flex;flex-direction:column;min-height:0;}
.ep-top{display:flex;align-items:center;gap:12px;padding:14px 26px;border-bottom:1px solid var(--line);flex:none;}
.ep-lbl{font-size:10px;letter-spacing:.2em;text-transform:uppercase;color:var(--text-faint);}
.ep-sec{position:relative;font-size:14px;font-weight:600;color:var(--text);background:var(--bg-elev-2);border:1px solid var(--line);border-radius:8px;padding:8px 14px;display:flex;align-items:center;gap:12px;cursor:pointer;}
.ep-sec .chev{color:var(--text-dim);font-size:11px;}
.ep-secmenu{position:absolute;top:calc(100% + 6px);left:0;min-width:200px;background:var(--bg-elev-2);border:1px solid var(--line-strong);border-radius:10px;padding:5px;z-index:30;box-shadow:0 20px 50px rgba(0,0,0,.55);}
.ep-secmenu[hidden]{display:none;}
.ep-secopt{padding:9px 12px;border-radius:7px;font-size:13px;font-weight:500;color:var(--text-mid);cursor:pointer;}
.ep-secopt:hover{background:var(--glass);color:var(--text);}
.ep-secopt.on{color:var(--accent);}
.ep-nav{margin-left:auto;display:flex;gap:7px;}
.ep-nav button{width:32px;height:32px;border-radius:8px;border:1px solid var(--line);background:transparent;color:var(--text-mid);font-size:16px;cursor:pointer;font-family:inherit;}
.ep-nav button:hover{border-color:var(--line-strong);color:var(--text);}
.ep-body{flex:1;min-height:0;overflow-y:auto;padding:22px 26px;display:flex;flex-direction:column;gap:14px;}
.epgrid2{display:grid;grid-template-columns:1fr 1fr;gap:14px;}
.pkgcard{background:var(--glass);border:1px solid var(--line);border-radius:12px;padding:16px 18px;}
.pkg-top{display:flex;justify-content:space-between;align-items:center;gap:14px;}
.pkg-name-inp{flex:1;min-width:0;background:transparent;border:none;color:var(--text);font-family:inherit;font-size:15px;font-weight:600;padding:0;}
.pkg-name-inp:focus{outline:none;}
.pkg-name-inp::placeholder{color:var(--text-dim);font-weight:500;}
.pkg-price{font-size:18px;font-weight:700;color:var(--accent);font-variant-numeric:tabular-nums;white-space:nowrap;}
.pkg-row{display:flex;align-items:center;justify-content:space-between;margin-top:14px;padding-top:13px;border-top:1px solid var(--line-faint);}
.pkg-row .lbl{font-size:12.5px;color:var(--text-mid);}
.pkg-desc-inp{width:100%;margin-top:12px;background:transparent;border:none;resize:vertical;color:var(--text-dim);font-family:inherit;font-size:12px;line-height:1.5;padding:0;}
.pkg-desc-inp:focus{outline:none;}
.pkg-desc-inp::placeholder{color:var(--text-faint);}
.litable{margin-top:4px;}
.lihead{display:grid;grid-template-columns:1fr 64px 108px 108px 26px;gap:12px;padding:9px 0;font-size:10px;letter-spacing:.12em;text-transform:uppercase;color:var(--text-dim);border-bottom:1px solid var(--line);}
.lihead .r{text-align:right;}
.lirow{display:grid;grid-template-columns:1fr 64px 108px 108px 26px;gap:12px;padding:11px 0;border-bottom:1px solid var(--line-faint);align-items:center;}
.li-name{min-width:0;}
.li-name-inp{width:100%;background:transparent;border:none;color:var(--text);font-family:inherit;font-size:13px;font-weight:500;padding:0;}
.li-sub-inp{width:100%;background:transparent;border:none;color:var(--text-dim);font-family:inherit;font-size:11px;padding:2px 0 0;margin-top:2px;}
.li-name-inp:focus,.li-sub-inp:focus{outline:none;}
.li-name-inp::placeholder,.li-sub-inp::placeholder{color:var(--text-faint);}
.li-inp{background:var(--bg-elev-2);border:1px solid var(--line);border-radius:6px;padding:6px 9px;font-size:12.5px;color:var(--text);text-align:right;font-variant-numeric:tabular-nums;font-family:inherit;}
.li-total{font-size:13px;color:var(--accent);font-weight:600;text-align:right;font-variant-numeric:tabular-nums;}
.li-del{color:var(--text-faint);text-align:center;font-size:15px;cursor:pointer;}
.li-del:hover{color:var(--red);}
.li-add{font-size:12px;color:var(--accent);border:1px dashed var(--accent-line);border-radius:8px;padding:9px 0;text-align:center;margin-top:11px;cursor:pointer;}
.li-add:hover{background:var(--accent-tint);}
.li-sum{display:flex;justify-content:flex-end;gap:22px;align-items:center;margin-top:14px;}
.li-sum .lbl{color:var(--text-dim);font-size:11px;letter-spacing:.12em;text-transform:uppercase;}
.li-sum .amt{color:var(--text);font-weight:700;font-size:16px;font-variant-numeric:tabular-nums;}
.pricenote-ed{border:1px dashed var(--line);border-radius:9px;padding:12px 15px;margin-top:18px;font-size:12px;color:var(--text-dim);line-height:1.55;}
.pricenote-ed b{color:var(--text-mid);}
.autonote{display:flex;gap:10px;align-items:flex-start;margin-top:15px;font-size:12px;color:var(--text-faint);line-height:1.55;}
.autonote .dot{width:7px;height:7px;border-radius:50%;background:var(--accent);flex:none;margin-top:5px;box-shadow:0 0 8px rgba(14,246,156,.5);}
.autonote b{color:var(--text-mid);}
.previewpane{flex:1;min-width:0;display:flex;flex-direction:column;background:#050607;}
.pv-label{padding:13px 20px;border-bottom:1px solid var(--line);flex:none;font-size:10px;letter-spacing:.18em;text-transform:uppercase;color:var(--text-dim);}
.pv-label span{display:block;margin-top:4px;font-size:11px;letter-spacing:.01em;text-transform:none;color:var(--text-faint);line-height:1.4;}
.pv-port{flex:1;min-height:0;overflow:auto;position:relative;}
.pv-port .civ-mount{display:block;transform-origin:top left;}
@media (max-width:1000px){.editpane{width:50%;}}

/* ── Lifecycle: run log, templates, rule builder (from mockup) ── */
/* .ltab-pane is defined once above (scrollable). Do not re-declare it here with
   overflow:hidden - that clobbered scrolling on the Emails Log/Metrics tabs. */
.lstat{font-size:9.5px;font-weight:600;letter-spacing:.08em;text-transform:uppercase;padding:2px 9px;border-radius:999px;}
.lstat.delivered{color:var(--text-dim);border:1px solid var(--line-strong);}
.lstat.opened,.lstat.clicked{background:var(--accent-soft);color:var(--accent);}
.lstat.replied{background:var(--accent);color:#04160E;}
.lstat.bounced{background:rgba(232,124,124,.14);color:#E87C7C;}
.lstat.task{background:rgba(110,168,255,.16);color:#6EA8FF;}
.tokens{display:flex;flex-wrap:wrap;gap:6px;}
.tok{font-size:10px;color:var(--accent);background:var(--accent-tint);border:1px solid var(--accent-line);border-radius:6px;padding:2px 7px;font-family:ui-monospace,monospace;}
.onchip{display:inline-flex;align-items:center;gap:7px;font-size:12px;letter-spacing:.04em;color:var(--accent);border:1px solid var(--accent-line);background:var(--accent-tint);border-radius:var(--r-pill);padding:4px 11px;vertical-align:middle;}
.onchip .odot{width:7px;height:7px;border-radius:50%;background:var(--accent);box-shadow:0 0 8px rgba(14,246,156,.6);}
.builderbody{flex:1;min-height:0;display:flex;gap:20px;padding:18px 36px 26px;}
.canvas{flex:1;min-width:0;display:flex;flex-direction:column;overflow-y:auto;}
.scopebar{display:flex;align-items:center;gap:12px;margin-bottom:16px;flex-wrap:wrap;}
.scl{font-size:10px;letter-spacing:.2em;text-transform:uppercase;color:var(--text-faint);}
.scnote{font-size:11px;color:var(--text-faint);}
.steps{display:flex;flex-direction:column;align-items:flex-start;}
.rstep{width:100%;max-width:600px;background:var(--glass);border:1px solid var(--line);border-radius:var(--r-md);padding:13px 16px;display:flex;gap:13px;align-items:flex-start;}
.rstep.sel{border-color:var(--accent-line);box-shadow:0 0 0 1px var(--accent-line),0 0 26px rgba(14,246,156,.08);}
.rstep .lab{font-size:9px;font-weight:600;letter-spacing:.14em;text-transform:uppercase;padding:3px 9px;border-radius:var(--r-pill);flex:none;margin-top:2px;}
.rstep .lab.when{background:var(--accent-soft);color:var(--accent);}
.rstep .lab.iff{background:rgba(255,255,255,0.06);color:var(--text-mid);}
.rstep .lab.then{background:var(--warn-soft);color:var(--warn);}
.rstep .lab.wait{background:rgba(255,255,255,0.04);color:var(--text-dim);border:1px solid var(--line);}
.rstep .body{min-width:0;}
.rstep .body .nm{font-size:14.5px;font-weight:600;}
.rstep .body .sm{font-size:12px;color:var(--text-dim);margin-top:3px;line-height:1.4;}
.rstep .body .sm b{color:var(--text-mid);}
.conn{width:1px;height:16px;background:var(--line-strong);margin-left:42px;}
.rconfig{width:352px;flex:none;background:var(--glass);border:1px solid var(--line);border-radius:var(--r-lg);box-shadow:var(--shadow-glass);padding:18px;display:flex;flex-direction:column;overflow-y:auto;}
.rconfig h3{font-size:11px;letter-spacing:.2em;text-transform:uppercase;color:var(--text-dim);margin-bottom:15px;}
.rconfig .cf{margin-bottom:14px;}
.rconfig .cf label{font-size:10px;letter-spacing:.14em;text-transform:uppercase;color:var(--text-faint);display:block;margin-bottom:6px;}
.rconfig .cf .inp{background:var(--bg-elev-2);border:1px solid var(--line);border-radius:var(--r-sm);padding:9px 12px;font-size:13px;color:var(--text);display:flex;align-items:center;justify-content:space-between;cursor:pointer;}
.rconfig .cf .inp .chev{color:var(--text-dim);font-size:11px;}
.rconfig .cfrow{display:flex;align-items:center;justify-content:space-between;}
.rconfig .preview{background:var(--bg-elev-2);border:1px solid var(--line);border-radius:var(--r-sm);padding:12px;}
.rconfig .preview .subj{font-size:12.5px;color:var(--text);font-weight:600;}
.rconfig .preview .bd{font-size:11.5px;color:var(--text-dim);margin-top:7px;line-height:1.5;}
.rconfig .rc-note{margin-top:auto;font-size:11px;color:var(--text-faint);line-height:1.45;border-top:1px solid var(--line-faint);padding-top:12px;}
@media (max-width:1000px){.rconfig{width:300px;}}
/* Lifecycle rule builder: real form controls + section headers */
.rconfig .cfhead{font-size:10px;letter-spacing:.16em;text-transform:uppercase;color:var(--accent);margin:4px 0 12px;padding-top:12px;border-top:1px solid var(--line-faint);}
.lf-inp,.lf-sel,.lf-ta{width:100%;background:var(--bg-elev-2);border:1px solid var(--line-strong);border-radius:var(--r-sm);padding:9px 11px;font-size:12.5px;color:var(--text);font-family:inherit;}
.lf-inp:focus,.lf-sel:focus,.lf-ta:focus{outline:none;border-color:var(--accent-line);}
.lf-sel{cursor:pointer;}
.lf-sel option{background:var(--bg-elev-2);color:var(--text);}
.lf-ta{line-height:1.5;resize:vertical;}
.warnnote{color:var(--warn)!important;border-top-color:rgba(232,184,108,.3)!important;}
.onchip{cursor:pointer;}
/* Lifecycle empty states */
.emptybox{border:1px dashed var(--line-strong);border-radius:var(--r-md);padding:34px 28px;text-align:center;max-width:560px;margin:14px auto;}
.emptybox__t{font-size:15px;font-weight:600;color:var(--text);}
.emptybox__s{font-size:12.5px;color:var(--text-dim);line-height:1.6;margin-top:8px;}
/* Template editor: client-facing email preview (ported from the house email mockup) */
.tplpreviewwrap{flex:1;min-width:0;overflow-y:auto;background:#e7eaec;border-radius:var(--r-md);padding:24px;}
.tplpreview-note{font-size:11px;color:#6b7175;text-align:center;margin-bottom:14px;letter-spacing:.04em;text-transform:uppercase;}
.emailprev{width:100%;max-width:600px;margin:0 auto;background:#fff;border-radius:14px;overflow:hidden;box-shadow:0 10px 30px rgba(0,0,0,.16);}
.emailprev .ep-head{background:#0a0a0a;padding:20px 30px;display:flex;align-items:center;justify-content:space-between;}
.emailprev .ep-head svg{height:20px;width:auto;}
.emailprev .ep-tag{color:#9aa0a4;font-size:9.5px;letter-spacing:.14em;text-transform:uppercase;text-align:right;line-height:1.5;}
.emailprev .ep-body{padding:30px 30px 26px;color:#1a1a1a;}
.emailprev .ep-eyebrow{font-size:10px;letter-spacing:.24em;text-transform:uppercase;color:#00A86A;font-weight:600;margin-bottom:12px;}
.emailprev .ep-body h2{font-size:22px;font-weight:600;letter-spacing:-.01em;margin:0 0 14px;color:#111;}
.emailprev .ep-body p{font-size:14.5px;line-height:1.65;color:#3d3d3d;margin:0 0 14px;}
.emailprev .ep-facts{background:#f6f7f5;border:1px solid #e6e8e6;border-left:3px solid #00A86A;border-radius:8px;padding:12px 16px;margin:4px 0 18px;}
.emailprev .ep-facts .row{display:flex;justify-content:space-between;padding:6px 0;font-size:13.5px;border-bottom:1px solid #ececec;}
.emailprev .ep-facts .row:last-child{border-bottom:none;}
.emailprev .ep-facts .k{color:#6b7175;}
.emailprev .ep-facts .v{color:#111;font-weight:600;}
.emailprev .ep-btnrow{margin:6px 0;}
.emailprev .ep-btn{display:inline-block;background:#0EF69C;color:#04160E;text-decoration:none;font-weight:700;font-size:14.5px;padding:13px 26px;border-radius:999px;margin:0 8px 6px 0;}
.emailprev .ep-btn.ghost{background:#fff;color:#1a1a1a;border:1px solid #d7dbde;font-weight:600;}
.emailprev .ep-fine{font-size:12px;color:#8a9095;margin-top:14px;line-height:1.5;}
.emailprev .ep-sign{font-size:13.5px;color:#3d3d3d;margin-top:18px;line-height:1.6;}
.emailprev .ep-sign b{color:#111;}
.emailprev .ep-foot{background:#f7f7f4;border-top:1px solid #ececec;padding:16px 30px;color:#8a9095;font-size:11.5px;line-height:1.6;}
.emailprev .ep-foot a{color:#00A86A;text-decoration:none;}
.emailprev .ep-built{margin-top:5px;color:#a8a8a8;}
/* Plain-text template preview (personal-style email with signature) */
.emailprev.plain{background:#fff;box-shadow:0 6px 20px rgba(0,0,0,.1);}
.emailprev.plain .pt-body{padding:30px 34px 32px;color:#222;font-family:Arial,Helvetica,sans-serif;}
.emailprev.plain .pt-body p{font-size:14px;line-height:1.6;color:#2a2a2a;margin:0 0 13px;}
.emailprev.plain .pt-h{font-weight:700;}
.emailprev.plain a{color:#0a7f52;text-decoration:underline;}
.emailprev.plain .pt-link{margin:0 0 6px;}
.emailprev.plain .pt-fine{color:#888;font-size:12.5px;}
.emailprev.plain .pt-sign{font-size:14px;color:#2a2a2a;line-height:1.6;margin-top:20px;}
.emailprev.plain .pt-siglogo{margin-top:12px;max-width:230px;height:auto;display:block;}
.tplcard{cursor:pointer;}
.tplgroup{margin-bottom:6px;}
.tplgroup .lgh{margin:20px 0 12px;}
.tplgroup:first-child .lgh{margin-top:4px;}

/* ── Prospect finder (from mockup) ── */
.finder .filter{display:flex;flex-direction:column;gap:3px;background:var(--glass);border:1px solid var(--line);border-radius:var(--r-sm);padding:8px 13px;min-width:118px;cursor:pointer;}
.finder .filter:hover{border-color:var(--line-strong);}
.finder .filter .fl{font-size:9px;letter-spacing:.16em;text-transform:uppercase;color:var(--text-faint);}
.finder .filter .fv{font-size:12.5px;color:var(--text);}
.finder .filter .fv-sel,.finder .filter .fv-inp{background:transparent;border:none;color:var(--text);font-family:inherit;font-size:12.5px;padding:0;width:100%;min-width:90px;}
.finder .filter .fv-sel:focus,.finder .filter .fv-inp:focus{outline:none;}
.finder .filter .fv-sel option{background:var(--bg-elev-2);color:var(--text);}
.finder .filter:has(.fv-sel),.finder .filter:has(.fv-inp){cursor:default;}
/* searchable SIC combobox */
.finder .sicfilter{position:relative;cursor:default;}
.sicdisplay{font-size:12.5px;color:var(--text);cursor:pointer;display:flex;align-items:center;justify-content:space-between;gap:8px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;max-width:210px;}
.sicdisplay .chev{color:var(--text-dim);font-size:10px;flex:none;}
.sicpanel{position:absolute;top:calc(100% + 6px);left:0;width:340px;max-width:82vw;background:var(--bg-elev-2);border:1px solid var(--line-strong);border-radius:var(--r-md);box-shadow:0 20px 50px rgba(0,0,0,.5);z-index:60;padding:8px;}
.sicpanel[hidden]{display:none;}
.sicsearch{width:100%;background:var(--glass);border:1px solid var(--line);border-radius:var(--r-sm);padding:8px 10px;font-size:12.5px;color:var(--text);font-family:inherit;margin-bottom:6px;}
.sicsearch:focus{outline:none;border-color:var(--accent-line);}
.siclist{max-height:340px;overflow-y:auto;}
.sicgroup{font-size:9px;letter-spacing:.16em;text-transform:uppercase;color:var(--text-faint);padding:10px 8px 4px;position:sticky;top:0;background:var(--bg-elev-2);z-index:1;}
.sicopt{display:flex;align-items:center;justify-content:space-between;gap:10px;padding:7px 8px;border-radius:6px;font-size:12.5px;color:var(--text-mid);cursor:pointer;}
.sicopt:hover{background:var(--glass);color:var(--text);}
.siccode{font-size:10.5px;color:var(--text-faint);font-variant-numeric:tabular-nums;flex:none;}
.finder .btn.sm{align-self:stretch;font-size:12.5px;padding:0 20px;}
.finder__foot{font-size:11px;color:var(--text-faint);margin-top:12px;}

/* ── Finder tabs (Search / Scoring) ── */
.finder-tabs{display:flex;gap:4px;margin-top:14px;}
.ftab{background:none;border:none;border-bottom:2px solid transparent;color:var(--text-dim);font:inherit;font-size:12.5px;padding:6px 12px;cursor:pointer;}
.ftab:hover{color:var(--text-mid);}
.ftab.on{color:var(--text);border-bottom-color:var(--accent);}

/* ── Scoring tab ── */
.ss-top{flex:none;max-width:760px;}
.scoreset{max-width:760px;flex:1;min-height:0;overflow-y:auto;padding-right:10px;scrollbar-width:thin;scrollbar-color:rgba(255,255,255,0.12) transparent;}
.scoreset::-webkit-scrollbar{width:8px;}
.scoreset::-webkit-scrollbar-thumb{background:rgba(255,255,255,0.09);border-radius:99px;border:2px solid transparent;background-clip:padding-box;}
.scoreset::-webkit-scrollbar-thumb:hover{background:rgba(14,246,156,0.45);background-clip:padding-box;}
.ss-intro{font-size:12px;color:var(--text-mid);line-height:1.6;background:var(--glass);border:1px solid var(--line);border-radius:var(--r-sm);padding:12px 14px;margin-bottom:12px;}
.sstier{border:1px solid var(--line);border-radius:var(--r-md);padding:13px 15px;margin-bottom:12px;}
.sstier-h{display:flex;align-items:center;justify-content:space-between;margin-bottom:10px;}
.sstier-name{font-size:13px;font-weight:600;color:var(--text);letter-spacing:.02em;}
.sstier-w{font-size:11px;color:var(--text-dim);display:inline-flex;align-items:center;gap:2px;}
.ssw{width:56px;margin-left:6px;background:var(--bg-elev-2);border:1px solid var(--line-strong);border-radius:var(--r-sm);color:var(--text);padding:4px 6px;font:inherit;font-size:12px;}
.sschips{display:flex;flex-wrap:wrap;gap:7px;}
.sschip{display:inline-flex;align-items:center;gap:7px;background:var(--bg-elev-2);border:1px solid var(--line);border-radius:var(--r-pill);padding:4px 6px 4px 11px;font-size:11.5px;color:var(--text-mid);}
.sschip-code{font-size:9.5px;color:var(--text-faint);border:1px solid var(--line);border-radius:var(--r-pill);padding:0 6px;}
.sschip-move{background:none;border:1px solid var(--line);border-radius:var(--r-sm);color:var(--text-dim);font:inherit;font-size:10.5px;padding:2px 4px;cursor:pointer;}
.ss-add{display:flex;align-items:center;gap:10px;flex-wrap:wrap;margin-bottom:14px;padding-bottom:14px;border-bottom:1px solid var(--line);}
.ss-add .fl{margin:0;}
.ss-add .sicfilter{position:relative;min-width:280px;background:var(--bg-elev-2);border:1px solid var(--line-strong);border-radius:var(--r-sm);padding:8px 11px;}
.ss-add .sicdisplay{max-width:none;}
.ss-foot{display:flex;align-items:center;gap:12px;margin-top:14px;padding-top:12px;border-top:1px solid var(--line);}

/* ── Centered modal (add-to-pipeline / intro) ── */
.modalwrap{position:fixed;top:32px;left:0;right:0;bottom:0;background:rgba(5,6,8,0.6);z-index:70;display:flex;align-items:center;justify-content:center;padding:24px;}
.modalcard{width:640px;max-width:94vw;max-height:86vh;overflow:auto;background:var(--bg-elev-2);border:1px solid var(--line-strong);border-radius:var(--r-md);box-shadow:0 30px 70px rgba(0,0,0,.55);display:flex;flex-direction:column;}
.modalcard--sm{width:460px;}
.mc-head{display:flex;align-items:center;justify-content:space-between;padding:16px 20px;border-bottom:1px solid var(--line);}
.mc-head h2{font-size:15px;margin:0;}
.mc-body{padding:18px 20px;}
.mc-foot{padding:14px 20px;border-top:1px solid var(--line);display:flex;justify-content:flex-end;gap:10px;}
.addchoice{display:flex;flex-direction:column;gap:10px;}
.choicecard{text-align:left;background:var(--glass);border:1px solid var(--line-strong);border-radius:var(--r-md);padding:14px 16px;cursor:pointer;color:var(--text);}
.choicecard:hover{border-color:var(--accent-line);background:var(--accent-tint);}
.cc-t{font-size:13.5px;font-weight:600;margin-bottom:3px;}
.cc-s{font-size:11.5px;color:var(--text-dim);}
.introcompose .fl{display:block;font-size:11px;color:var(--text-dim);margin:12px 0 5px;}
.introcompose .fl:first-child{margin-top:0;}
/* Form controls outside the filter bar (scoring tab + intro modal) need explicit
   dark styling - the .filter-scoped rules don't reach them. */
.introcompose .fv-inp,.introcompose .fv-sel,.ss-add .fv-sel{background:var(--bg-elev-2);border:1px solid var(--line-strong);border-radius:var(--r-sm);color:var(--text);font-family:inherit;font-size:12.5px;padding:9px 11px;}
.introcompose>.fv-inp,.introcompose>.fv-sel{width:100%;}
.introcompose .fv-inp:focus,.introcompose .fv-sel:focus,.ss-add .fv-sel:focus{outline:none;border-color:var(--accent-line);}
.introcompose .fv-sel option,.ss-add .fv-sel option{background:var(--bg-elev-2);color:var(--text);}
.ss-add .fv-sel{cursor:pointer;padding:8px 10px;font-size:12px;}
.introbody{font-family:inherit;line-height:1.5;resize:vertical;}
.tagbtn{background:var(--bg-elev-2);border:1px solid var(--line);border-radius:var(--r-pill);color:var(--accent);font:inherit;font-size:10.5px;padding:1px 8px;cursor:pointer;}
.tagbtn:hover{border-color:var(--accent-line);}
.introprev{margin-top:14px;border:1px solid var(--line);border-radius:var(--r-sm);padding:12px 14px;background:var(--bg);}
.introprev-b{background:#fff;color:#222;font-family:Arial,Helvetica,sans-serif;font-size:13px;line-height:1.6;margin-top:8px;padding:16px 18px;border-radius:8px;}
.introsig{display:block;margin-top:10px;max-width:200px;height:auto;}
.rcbox{max-height:180px;overflow:auto;border:1px solid var(--line);border-radius:var(--r-sm);padding:6px;display:flex;flex-direction:column;gap:5px;}
.rcrow{display:flex;align-items:center;gap:8px;}
.rc-co{flex:0 0 34%;font-size:11.5px;color:var(--text-mid);white-space:nowrap;overflow:hidden;text-overflow:ellipsis;}
.rcbox .rc-email{flex:1;font-size:11.5px;padding:5px 8px;}
.rc-tag{font-size:9px;letter-spacing:.05em;text-transform:uppercase;border-radius:var(--r-pill);padding:1px 7px;border:1px solid var(--line);flex:none;}
.rc-tag.ok{color:var(--accent);border-color:var(--accent-line);}
.rc-tag.warn{color:var(--warn);border-color:rgba(232,184,108,.4);}
.rc-tag.off{color:var(--red);border-color:rgba(232,124,124,.4);}
.introwarn{margin-top:14px;font-size:11px;color:var(--warn);background:rgba(232,184,108,.08);border:1px solid rgba(232,184,108,.3);border-radius:var(--r-sm);padding:9px 12px;line-height:1.5;}
.cbxcol{width:44px;}
.cbx{width:17px;height:17px;border-radius:5px;border:1.5px solid var(--line-strong);display:inline-block;position:relative;flex:none;vertical-align:middle;cursor:pointer;}
.cbx.on{background:var(--accent);border-color:var(--accent);}
.cbx.on:after{content:"";position:absolute;left:5px;top:2px;width:4px;height:8px;border:solid #04140d;border-width:0 2px 2px 0;transform:rotate(45deg);}
.rtable .cco2{color:var(--text);font-weight:600;}
.fit{font-size:9.5px;font-weight:500;letter-spacing:.1em;text-transform:uppercase;padding:2px 9px;border-radius:var(--r-pill);}
.fit.high{background:var(--accent-soft);color:var(--accent);}
.fit.med{border:1px solid var(--line-strong);color:var(--text-mid);}
.fit.low{color:var(--text-faint);border:1px solid var(--line-faint);}
.srctag{font-size:9px;letter-spacing:.06em;color:var(--text-dim);border:1px solid var(--line);border-radius:var(--r-pill);padding:2px 8px;margin-right:4px;white-space:nowrap;}
.addbtn{font-size:11px;letter-spacing:.06em;color:var(--accent);border:1px solid var(--accent-line);background:var(--accent-tint);border-radius:var(--r-pill);padding:5px 13px;cursor:pointer;white-space:nowrap;}
.addbtn:hover{background:var(--accent-soft);}

/* ── Prospect enrich drawer (from mockup) ── */
.drawerwrap{position:fixed;top:32px;left:0;right:0;bottom:0;background:rgba(5,6,8,0.55);z-index:50;display:flex;justify-content:flex-end;}
.drawer{width:524px;max-width:94vw;height:100%;background:var(--bg-elev);border-left:1px solid var(--line-strong);box-shadow:-30px 0 70px rgba(0,0,0,.55);display:flex;flex-direction:column;overflow:hidden;animation:drawerIn .18s ease;}
@keyframes drawerIn{from{transform:translateX(30px);opacity:.4;}to{transform:translateX(0);opacity:1;}}
.dw-head{padding:22px 24px 16px;border-bottom:1px solid var(--line);}
.dw-head .top{display:flex;justify-content:space-between;align-items:flex-start;gap:14px;}
.dw-head h2{font-size:22px;font-weight:600;margin-top:6px;line-height:1.1;}
.dw-sub{font-size:12px;color:var(--text-dim);margin-top:9px;display:flex;gap:14px;}
.dw-topr{display:flex;align-items:flex-start;gap:14px;}
.fitbig{display:flex;align-items:flex-start;gap:9px;}
.fitscore{font-size:30px;font-weight:300;font-variant-numeric:tabular-nums;color:var(--accent);line-height:1;}
.fitscore.dim{color:var(--text-faint);}
.dw-body{flex:1;overflow-y:auto;padding:18px 24px;display:flex;flex-direction:column;gap:18px;}
.dsec .dh{font-size:10px;letter-spacing:.2em;text-transform:uppercase;color:var(--text-dim);margin-bottom:11px;display:flex;align-items:center;gap:9px;}
.srcpill{font-size:8.5px;letter-spacing:.1em;text-transform:uppercase;color:var(--accent);border:1px solid var(--accent-line);border-radius:var(--r-pill);padding:1px 8px;}
.subh{font-size:10px;letter-spacing:.14em;text-transform:uppercase;color:var(--text-faint);margin-bottom:4px;}
.sig{display:flex;align-items:center;gap:11px;padding:9px 0;border-bottom:1px solid var(--line-faint);}
.sig:last-child{border-bottom:none;}
.sdot{width:6px;height:6px;border-radius:50%;background:var(--accent);flex:none;box-shadow:0 0 7px rgba(14,246,156,.5);}
.sigmain{flex:1;min-width:0;font-size:13px;color:var(--text);}
.muted2{color:var(--text-dim);font-weight:400;}
.subline{font-size:11px;color:var(--text-faint);margin-top:2px;}
.drawer .src{font-size:9.5px;letter-spacing:.06em;color:var(--text-dim);border:1px solid var(--line);border-radius:var(--r-pill);padding:2px 8px;white-space:nowrap;flex:none;}
.drawer .reason{font-size:12px;color:var(--text-mid);line-height:1.5;background:var(--accent-tint);border:1px solid var(--accent-line);border-radius:var(--r-sm);padding:11px 13px;margin-top:12px;}
.drawer .reason b{color:var(--text);}
.drawer .weblink{color:var(--accent);cursor:pointer;}
.drawer .weblink:hover{text-decoration:underline;}

/* ── Prospect finder: website / CMS column + row actions ── */
.weblink2{color:var(--accent);cursor:pointer;font-size:12px;}
.weblink2:hover{text-decoration:underline;}
.findbtn{color:var(--text-dim);cursor:pointer;font-size:11px;border:1px solid var(--line);border-radius:var(--r-pill);padding:2px 9px;white-space:nowrap;}
.findbtn:hover{color:var(--text);border-color:var(--line-strong);}
.cmschip{display:inline-block;margin-top:3px;font-size:9.5px;letter-spacing:.04em;color:var(--text-dim);border:1px solid var(--line);border-radius:var(--r-pill);padding:1px 7px;}
.cmschip.hot{color:var(--accent);border-color:var(--accent-line);background:var(--accent-tint);}
/* Colour-coded CMS pills (own column): WordPress/Shopify green, Webflow blue,
   other CMS yellow, no CMS grey. */
.cmspill{display:inline-block;font-size:10px;font-weight:600;letter-spacing:.02em;border-radius:var(--r-pill);padding:2px 9px;border:1px solid transparent;white-space:nowrap;}
.cmspill.green{color:#0EF69C;background:rgba(14,246,156,.13);border-color:rgba(14,246,156,.32);}
.cmspill.blue{color:#7FB2FF;background:rgba(110,168,255,.14);border-color:rgba(110,168,255,.34);}
.cmspill.yellow{color:#E8B86C;background:rgba(232,184,108,.14);border-color:rgba(232,184,108,.34);}
.cmspill.grey{color:var(--text-faint);background:rgba(255,255,255,.04);border-color:var(--line);}
.cmsdated{font-size:9px;color:var(--text-faint);white-space:nowrap;}
.emcell{font-size:11.5px;color:var(--text-mid);max-width:180px;display:inline-block;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;vertical-align:middle;}
.emtag{display:inline-block;margin-top:3px;font-size:9px;letter-spacing:.05em;text-transform:uppercase;border-radius:var(--r-pill);padding:1px 7px;border:1px solid var(--line);}
.emtag.ok{color:var(--accent);border-color:var(--accent-line);}
.emtag.warn{color:var(--warn);border-color:rgba(232,184,108,.4);}
.editlink{background:none;border:none;color:var(--accent);font:inherit;font-size:10.5px;cursor:pointer;padding:0 0 0 6px;text-decoration:underline;}
.editlink:hover{color:var(--text);}
.emailedit{background:var(--bg-elev-2);border:1px solid var(--line-strong);border-radius:var(--r-sm);color:var(--text);font-family:inherit;font-size:12px;padding:6px 8px;}
.emailedit:focus{outline:none;border-color:var(--accent-line);}
.rowact{white-space:nowrap;text-align:right;}
.rmrow{display:inline-block;margin-left:8px;color:var(--text-faint);cursor:pointer;font-size:15px;line-height:1;vertical-align:middle;}
.rmrow:hover{color:var(--danger,#d9534f);}
.dw-foot{padding:15px 24px;border-top:1px solid var(--line);display:flex;flex-direction:column;gap:12px;}
.dw-note{font-size:11px;color:var(--text-faint);line-height:1.45;}
.dw-actions{display:flex;gap:10px;justify-content:flex-end;}

/* ── Send-resource modal (from mockup) ── */
.sm-res{display:flex;align-items:center;gap:13px;background:var(--glass);border:1px solid var(--line);border-radius:var(--r-md);padding:13px;}
.sm-res .rt{font-size:14px;font-weight:600;}
.sm-res .rm{font-size:11px;color:var(--text-faint);margin-top:2px;}
.sm-lbl{font-size:10px;letter-spacing:.2em;text-transform:uppercase;color:var(--text-dim);margin-bottom:9px;}
.searchbox.sm{padding:9px 13px;font-size:12.5px;}
.orglist{display:flex;flex-direction:column;gap:8px;max-height:340px;overflow-y:auto;}
.org{border:1px solid var(--line);border-radius:var(--r-md);overflow:hidden;background:var(--glass);}
.org.open{border-color:var(--accent-line);}
.org-h{display:flex;align-items:center;gap:11px;padding:12px 14px;cursor:pointer;}
.org-nm{font-size:13.5px;font-weight:600;color:var(--text);}
.org-meta{font-size:11px;color:var(--text-faint);margin-left:4px;}
.org-h .chev{margin-left:auto;color:var(--text-dim);font-size:11px;}
.contacts{border-top:1px solid var(--line);padding:2px 14px 8px 42px;}
.crow{display:flex;align-items:center;gap:11px;padding:9px 0;border-bottom:1px solid var(--line-faint);}
.crow:last-child{border-bottom:none;}
.cnm{font-size:13px;color:var(--text);}
.cnm span{display:block;font-size:10.5px;color:var(--text-dim);margin-top:1px;}
.cem{margin-left:auto;font-size:11.5px;color:var(--text-mid);}
.sm-note{font-size:11px;color:var(--text-faint);max-width:42ch;line-height:1.4;}
.sm-actions{display:flex;gap:10px;flex:none;}
.sm-foot:has(.sm-note){justify-content:space-between;align-items:center;}
.cbx.some{background:var(--accent);border-color:var(--accent);}
.cbx.some:after{content:"";position:absolute;left:3px;top:7px;width:9px;height:2px;background:#04140d;border-radius:1px;}

/* ── Invoice editor: full page (from mockup) ── */
.invbody{flex:1;min-height:0;overflow-y:auto;padding:20px 36px 26px;display:flex;flex-direction:column;gap:15px;}
.invtop{display:grid;grid-template-columns:1fr 1fr 210px;gap:14px;}
.invtop2{display:grid;grid-template-columns:1fr 1.5fr;gap:14px;}
.fieldbox{background:var(--glass);border:1px solid var(--line);border-radius:10px;padding:12px 15px;}
.fieldbox .fbl{font-size:10px;letter-spacing:.18em;text-transform:uppercase;color:var(--text-faint);margin-bottom:7px;}
.fieldbox .fbv{font-size:12.5px;color:var(--text-mid);line-height:1.5;}
.fieldbox .fbv.strong{color:var(--text);font-weight:600;}
.fbi{width:100%;background:var(--bg-elev-2);border:1px solid var(--line);border-radius:var(--r-sm);padding:8px 10px;font-size:12.5px;color:var(--text);font-family:inherit;}
.fbi:focus{outline:none;border-color:var(--accent-line);}
.fbi--inline{width:auto;padding:2px 6px;font-weight:600;color:var(--text);}
.fbi--title{font-size:14px;font-weight:600;}
.rcfgrow{display:flex;gap:16px;flex-wrap:wrap;margin-top:10px;align-items:center;}
.rcfg{font-size:11.5px;color:var(--text-mid);display:inline-flex;align-items:center;gap:6px;}
.rcfg b{color:var(--text);font-weight:600;}
.rcfg b.acc{color:var(--accent);}
.toggle--sm{width:30px;height:17px;}
.toggle--sm:after{width:12px;height:12px;top:2.5px;right:2.5px;}
.toggle--sm.off:after{left:2.5px;right:auto;}
.bacs{background:var(--bg-elev-2);border:1px solid var(--line);border-radius:10px;padding:13px 16px;font-size:12px;color:var(--text-mid);line-height:1.7;}
.bacs .bh{font-size:10px;letter-spacing:.18em;text-transform:uppercase;color:var(--text-faint);margin-bottom:8px;}
.bacs .mono{font-family:ui-monospace,monospace;color:var(--text);font-size:11.5px;}