/* Mission Control — values only. Every selector in styles.css is untouched. */
:root{
  --bg-n-9:#21201f;   /* was #ffffff · 45 uses */
  --fg-n-9:#f4f4f3;   /* was #ffffff · 12 uses */
  --bg-blu-9:#211f1e;   /* was #f8fafc · 11 uses */
  --bg-gold-8:#2c2016;   /* was #f3ead7 · 9 uses */
  --bg-blu-1:#0c0b0b;   /* was #0c1729 · 8 uses */
  --bg-blu-9-2:#201f1e;   /* was #eef3ff · 8 uses */
  --bg-gold-9:#2c2016;   /* was #faf6ef · 8 uses */
  --bg-gold-9-2:#2c2016;   /* was #fffdf8 · 8 uses */
  --br-gold-7:#473628;   /* was #f2d39a · 8 uses */
  --bg-blu-9-3:#201f1e;   /* was #eef2f7 · 7 uses */
  --br-blu-8:#3c3936;   /* was #d9dee8 · 7 uses */
  --bg-gold-9-3:#2c2016;   /* was #fff8eb · 6 uses */
  --fg-blu-3:#c3c0bd;   /* was #475467 · 6 uses */
  --fg-blu-4:#afaaa6;   /* was #667085 · 6 uses */
  --fg-gold-9:#f5f3f2;   /* was #fffdf8 · 6 uses */
  --bg-gold-8-2:#2c2016;   /* was #f3eee4 · 5 uses */
  --fg-red-4:#ed7e8b;   /* was #b42318 · 5 uses */
  --bg-blu-5:#161514;   /* was #2463eb · 4 uses */
  --bg-grn-8:#162c24;   /* was #e9f8f2 · 4 uses */
  --bg-red-9:#2c1619;   /* was #fdecea · 4 uses */
  --fg-grn-2:#b8edda;   /* was #087353 · 4 uses */
  --fg-blu-4-2:#b5b2ae;   /* was #2456b3 · 4 uses */
  --fg-gold-2:#f9caa2;   /* was #6b4f1f · 4 uses */
  --ac-gold-3:#f2882c;   /* was #8d6a2f · 3 uses */
  --bg-blu-9-4:#21201e;   /* was #fbfcfe · 3 uses */
  --bg-red-9-2:#2c1619;   /* was #fff4f2 · 3 uses */
  --bg-gold-9-4:#2c2016;   /* was #fff7e6 · 3 uses */
  --br-blu-8-2:#3c3936;   /* was #c9d7f5 · 3 uses */
  --br-gold-6:#443426;   /* was #d4b56a · 3 uses */
  --br-gold-7-2:#473728;   /* was #e4d4b4 · 3 uses */
  --br-red-8:#48292c;   /* was #f3c4c0 · 3 uses */
  --fg-blu-2:#d0cecc;   /* was #344054 · 3 uses */
  --fg-n-3:#c6c3bf;   /* was #5c564c · 3 uses */
  --fg-red-4-2:#ea6a79;   /* was #b03c3c · 3 uses */
  --fg-gold-7:#f5f3f2;   /* was #c9c2b6 · 3 uses */
  --bg-blu-3:#111110;   /* was #173f93 · 2 uses */
  --bg-gold-1:#0e0b08;   /* was #1d1914 · 2 uses */
  --bg-blu-6:#1a1918;   /* was #7398f5 · 2 uses */
  --bg-grn-7:#162c24;   /* was #b8ebdc · 2 uses */
  --bg-grn-8-2:#162c24;   /* was #e7f6ee · 2 uses */
  --bg-blu-9-5:#201f1d;   /* was #edf0f5 · 2 uses */
  --bg-gold-8-3:#2c2016;   /* was #f1eee8 · 2 uses */
  --bg-n-9-2:#201f1e;   /* was #f4f4f5 · 2 uses */
  --bg-blu-9-6:#211f1e;   /* was #f6f9ff · 2 uses */
  --bg-blu-9-7:#21201e;   /* was #f8fbff · 2 uses */
  --bg-blu-9-8:#21201e;   /* was #fafbfc · 2 uses */
  --bg-red-8:#2c1619;   /* was #ffd0cc · 2 uses */
  --bg-red-9-3:#2c1619;   /* was #fff0ef · 2 uses */
  --bg-red-9-4:#2c1619;   /* was #fff0f0 · 2 uses */
  --bg-red-9-5:#2c1619;   /* was #fff2f1 · 2 uses */
  --br-blu-1:#2f2d2b;   /* was #0c1729 · 2 uses */
  --br-blu-8-3:#3c3936;   /* was #c7d7fb · 2 uses */
  --br-blu-8-4:#3c3937;   /* was #d7e3ff · 2 uses */
  --br-blu-8-5:#3c3936;   /* was #dbe4f0 · 2 uses */
  --fg-blu-3-2:#c5c2bf;   /* was #173f93 · 2 uses */
  --fg-blu-2-2:#dbdad8;   /* was #243044 · 2 uses */
  --fg-blu-2-3:#d0cecc;   /* was #334155 · 2 uses */
  --fg-n-2:#dad8d6;   /* was #3d3830 · 2 uses */
  --fg-blu-3-3:#c3c0bd;   /* was #4b5563 · 2 uses */
  --fg-gold-2-2:#fad1ac;   /* was #7a5b00 · 2 uses */
  --fg-gold-3:#f9c89e;   /* was #8a5b06 · 2 uses */
  --fg-gold-6:#f5f3f2;   /* was #e0c48a · 2 uses */
  --ac-grn-3:#5cd6a9;   /* was #1f7a4d · 1 uses */
  --ac-gold-3-2:#f2882c;   /* was #9a6700 · 1 uses */
  --ac-red-4:#e64c5e;   /* was #b42318 · 1 uses */
  --bg-blu-1-2:#0c0b0b;   /* was #101828 · 1 uses */
  --bg-gold-1-2:#100c08;   /* was #2a241c · 1 uses */
  --bg-grn-5:#0f1c17;   /* was #7d9d78 · 1 uses */
  --bg-gold-3:#17110c;   /* was #8d6a2f · 1 uses */
  --bg-red-6:#1f1112;   /* was #c98982 · 1 uses */
  --bg-gold-6:#1e1710;   /* was #d4b56a · 1 uses */
  --bg-blu-8:#1e1d1c;   /* was #d5dbe6 · 1 uses */
  --bg-gold-7:#2c2016;   /* was #d8d0c4 · 1 uses */
  --bg-red-5:#1d0f11;   /* was #d94c4c · 1 uses */
  --bg-blu-8-2:#201e1d;   /* was #dce7ff · 1 uses */
  --bg-blu-9-9:#201f1e;   /* was #e8efff · 1 uses */
  --bg-blu-9-10:#201f1e;   /* was #eaf2ff · 1 uses */
  --bg-gold-8-4:#2c2016;   /* was #efe8db · 1 uses */
  --bg-red-7:#2c1619;   /* was #f0a0a0 · 1 uses */
  --bg-blu-9-11:#201f1e;   /* was #f1f3f7 · 1 uses */
  --bg-blu-9-12:#201f1e;   /* was #f1f5f9 · 1 uses */
  --bg-blu-9-13:#201f1e;   /* was #f2f4f7 · 1 uses */
  --bg-vio-9:#201f1e;   /* was #f4e9ff · 1 uses */
  --bg-blu-9-14:#201f1e;   /* was #f4f6fa · 1 uses */
  --bg-gold-8-5:#2c2016;   /* was #f6f1e8 · 1 uses */
  --bg-blu-9-15:#211f1e;   /* was #f7f8fb · 1 uses */
  --bg-grn-9:#162c24;   /* was #f7fbf7 · 1 uses */
  --bg-red-9-6:#2c1619;   /* was #fff1ef · 1 uses */
  --bg-gold-8-6:#2c2016;   /* was #fff4d6 · 1 uses */
  --bg-gold-9-5:#2c2016;   /* was #fff6e5 · 1 uses */
  --bg-gold-9-6:#2c2016;   /* was #fff8e8 · 1 uses */
  --bg-gold-9-7:#2c2016;   /* was #fffaf0 · 1 uses */
  --br-gold-6-2:#453527;   /* was #c9b59a · 1 uses */
  --br-blu-8-6:#3c3936;   /* was #d7deea · 1 uses */
  --br-gold-7-3:#473728;   /* was #d8d0c4 · 1 uses */
  --br-blu-8-7:#3c3936;   /* was #dbe4ef · 1 uses */
  --br-blu-9:#3d3a37;   /* was #eef2f7 · 1 uses */
  --br-red-7:#48282c;   /* was #f4b4ad · 1 uses */
  --fg-grn-2-2:#b5edd8;   /* was #146c43 · 1 uses */
  --fg-gold-1:#fde9d9;   /* was #1a140c · 1 uses */
  --fg-gold-1-2:#fde9d9;   /* was #1d1914 · 1 uses */
  --fg-blu-2-4:#e2e0de;   /* was #1f2937 · 1 uses */
  --fg-grn-3:#a7e9d1;   /* was #1f7a4d · 1 uses */
  --fg-blu-4-3:#bab7b3;   /* was #2257a7 · 1 uses */
  --fg-blu-3-4:#c1bebb;   /* was #49566b · 1 uses */
  --fg-vio-5:#a7a29e;   /* was #6d28d9 · 1 uses */
  --fg-n-4:#aea9a5;   /* was #777777 · 1 uses */
  --fg-blu-5:#a39f9a;   /* was #778195 · 1 uses */
  --fg-blu-6:#928c87;   /* was #8fa0b8 · 1 uses */
  --fg-blu-6-2:#928c87;   /* was #94a3b8 · 1 uses */
  --fg-gold-3-2:#f8c497;   /* was #9a6700 · 1 uses */
  --fg-red-4-3:#ec7d8a;   /* was #a4332a · 1 uses */
  --fg-gold-7-2:#f5f3f2;   /* was #d4cbbd · 1 uses */
  --fg-blu-8:#f4f4f3;   /* was #d7e0ee · 1 uses */
  --fg-gold-7-3:#f5f3f2;   /* was #d8d0c4 · 1 uses */
  --fg-blu-8-2:#f4f4f3;   /* was #e8eef8 · 1 uses */
  --fg-gold-8:#f5f3f2;   /* was #efe7da · 1 uses */
  --fg-gold-8-2:#f5f3f2;   /* was #f6f1e8 · 1 uses */
}

/* The signal orange is deliberately bright, so what sits on it must be dark.
   These are the only selectors this theme names; every rule in styles.css is
   still exactly as it was. */
.primary,
.brand-mark,
.lead-chip.active,
.job-chip.active,
.entry-type-tabs button.active,
.report-tabs button.active{ color:#141210 }

/* The generated mapping preserves the original order of surfaces, which keeps
   everything safe but leaves the page and its panels almost the same value.
   A dark interface needs them further apart, so the five named surfaces are
   set by hand. Everything else stays algorithmic. */
:root{
  --bg:#08090a;        /* the page itself */
  --panel:#101114;     /* cards, tables, modals */
  --paper:#0d0e11;     /* recessed strips */
  --nav:#050506;       /* sidebar top */
  --nav2:#0b0c0e;      /* sidebar bottom */
  --ink:#f1f1f2;
  --muted:#8b8f96;
  --line:rgba(255,255,255,.085);
  --shadow:0 2px 4px rgba(0,0,0,.35), 0 12px 34px rgba(0,0,0,.45);
}

/* ── Mission Control: the dashboard's own layout ───────────────────────── */
.mc-bento{display:grid;grid-template-columns:repeat(4,1fr);gap:12px;grid-auto-rows:minmax(108px,auto)}
.mc-cell{
  background:rgba(255,255,255,.028);border:1px solid rgba(255,255,255,.075);
  border-radius:14px;padding:17px 19px;position:relative;overflow:hidden;
  display:flex;flex-direction:column;
  opacity:0;animation:mc-rise .5s cubic-bezier(.34,1.56,.64,1) forwards;
}
@keyframes mc-rise{from{opacity:0;transform:translateY(12px)}to{opacity:1;transform:none}}
.mc-cell:nth-child(1){animation-delay:.04s}.mc-cell:nth-child(2){animation-delay:.10s}
.mc-cell:nth-child(3){animation-delay:.16s}.mc-cell:nth-child(4){animation-delay:.22s}
.mc-cell:nth-child(5){animation-delay:.28s}.mc-cell:nth-child(6){animation-delay:.34s}
.mc-cell:nth-child(7){animation-delay:.40s}.mc-cell:nth-child(8){animation-delay:.46s}
.mc-cell:hover{background:rgba(255,255,255,.055);border-color:rgba(255,255,255,.13)}
.mc-open{cursor:pointer}
.mc-open:hover{border-color:rgba(242,136,44,.45)}
.mc-open:focus-visible{outline:2px solid var(--accent);outline-offset:2px}
.mc-k{font-family:"IBM Plex Mono",ui-monospace,monospace;font-size:9.5px;letter-spacing:.2em;text-transform:uppercase;color:#8b8f96}
.mc-v{font-family:"IBM Plex Mono",ui-monospace,monospace;font-weight:400;font-size:23px;letter-spacing:-.025em;margin-top:8px;line-height:1;font-variant-numeric:tabular-nums}
.mc-cell.up .mc-v{color:#4ade80}
.mc-cell.dn .mc-v{color:#fb7185}
.mc-foot{margin-top:auto;padding-top:12px;font-family:"IBM Plex Mono",monospace;font-size:10px;color:#6b7079;letter-spacing:.05em}
.mc-hero{grid-column:span 2;grid-row:span 2;justify-content:space-between;border-color:rgba(242,136,44,.28);background:radial-gradient(120% 90% at 88% 6%,rgba(242,136,44,.07),transparent 62%),rgba(255,255,255,.028)}
.mc-hero::before{content:"";position:absolute;left:0;right:0;top:0;height:1px;background:linear-gradient(90deg,transparent,rgba(242,136,44,.5),transparent);animation:mc-sweep 6s ease-in-out infinite}
@keyframes mc-sweep{0%{transform:translateY(0);opacity:0}12%{opacity:1}88%{opacity:1}100%{transform:translateY(300px);opacity:0}}
.mc-big{font-family:"IBM Plex Mono",ui-monospace,monospace;font-weight:300;font-size:clamp(42px,6.6vw,78px);line-height:.84;letter-spacing:-.05em;margin-top:18px;display:flex;align-items:baseline;gap:12px;font-variant-numeric:tabular-nums;text-shadow:0 0 40px rgba(242,136,44,.28)}
.mc-big i{font-style:normal;font-size:13px;color:#6b7079;letter-spacing:.12em;font-weight:400}
.mc-hero-row{display:flex;align-items:flex-end;justify-content:space-between;gap:16px;flex-wrap:wrap;margin-top:20px}
.mc-delta{display:flex;align-items:center;gap:9px}
.mc-pill{font-family:"IBM Plex Mono",monospace;font-size:11.5px;padding:3px 9px;border-radius:4px;border:1px solid rgba(74,222,128,.32);color:#4ade80;background:rgba(74,222,128,.08)}
.mc-pill.neg{border-color:rgba(251,113,133,.32);color:#fb7185;background:rgba(251,113,133,.08)}
.mc-since{font-family:"IBM Plex Mono",monospace;font-size:10.5px;color:#6b7079;letter-spacing:.05em}
.mc-spark{display:block;width:100%;max-width:210px;height:38px;overflow:visible;margin-top:10px}
.mc-spark path.line{fill:none;stroke-width:1.5;vector-effect:non-scaling-stroke;stroke-dasharray:260;stroke-dashoffset:260;animation:mc-draw 1.4s .45s cubic-bezier(.4,0,.2,1) forwards}
@keyframes mc-draw{to{stroke-dashoffset:0}}
.mc-spark circle{opacity:0;animation:mc-dot .35s 1.75s forwards}
@keyframes mc-dot{to{opacity:1}}
.spark-empty{margin-top:12px;font-family:"IBM Plex Mono",monospace;font-size:10px;color:#5a606a;letter-spacing:.05em}
.mc-wide{grid-column:span 4;padding:0}
.mc-top{display:flex;align-items:center;justify-content:space-between;gap:14px;flex-wrap:wrap;padding:14px 19px;border-bottom:1px solid rgba(255,255,255,.075)}
.mc-top h2{font-size:14px;font-weight:500;margin:0;letter-spacing:.02em}
.mc-wide .table-wrap{border:0;border-radius:0;max-height:none}
.mc-wide th{background:rgba(255,255,255,.014);font-family:"IBM Plex Mono",monospace;font-size:9.5px;letter-spacing:.18em;color:#8b8f96;text-transform:uppercase}
.mc-wide td{border-bottom:1px solid rgba(255,255,255,.05)}
.mc-wide tbody tr:hover{background:rgba(242,136,44,.045)}
.mc-n{text-align:left;font-family:"IBM Plex Mono",monospace;font-variant-numeric:tabular-nums;letter-spacing:-.015em;direction:ltr}
.mc-up{color:#4ade80}.mc-dn{color:#fb7185}
.mc-dim{color:#8b8f96}
@media(max-width:1100px){.mc-bento{grid-template-columns:repeat(2,1fr)}.mc-hero,.mc-wide{grid-column:span 2}}
@media(max-width:700px){.mc-bento{grid-template-columns:1fr}.mc-hero,.mc-wide{grid-column:span 1}}
@media(prefers-reduced-motion:reduce){
  .mc-cell{opacity:1;animation:none}
  .mc-hero::before{animation:none;opacity:0}
  .mc-spark path.line{stroke-dashoffset:0;animation:none}
  .mc-spark circle{opacity:1;animation:none}
}
.mc-spark path.line{stroke-width:2}
.mc-spark path.area{opacity:0;animation:mc-fill .6s 1.3s forwards}
@keyframes mc-fill{to{opacity:1}}
.mc-hero .mc-spark{max-width:240px;height:46px}
@media(prefers-reduced-motion:reduce){.mc-spark path.area{opacity:1;animation:none}}

/* ── list screens: a summary strip, then a ledger ──────────────────────── */
.mc-strip{display:grid;grid-template-columns:repeat(auto-fit,minmax(150px,1fr));gap:10px;margin-bottom:16px}
.mc-slim{padding:13px 16px}
.mc-slim .mc-v{font-size:19px;margin-top:6px}
.mc-slim.up .mc-v{color:#4ade80}
.mc-slim.dn .mc-v{color:#fb7185}
.mc-v.mc-up{color:#4ade80}
.mc-v.mc-dn{color:#fb7185}
td.mc-n,th.mc-n{text-align:left;direction:ltr;font-family:"IBM Plex Mono",ui-monospace,monospace;font-variant-numeric:tabular-nums;letter-spacing:-.015em;white-space:nowrap}
td.mc-n.mc-up{color:#4ade80}
td.mc-n.mc-dn{color:#fb7185}
td.mc-dim{color:#8b8f96}
#dataTable tbody tr:hover{background:rgba(242,136,44,.045)}
#dataTable th{font-family:"IBM Plex Mono",ui-monospace,monospace;font-size:9.5px;letter-spacing:.16em;color:#8b8f96}

/* ══ every screen, not just the two rebuilt ones ══════════════════════════
   The 35 pages are all built from the same classes, so styling those classes
   reaches all of them at once. */

/* cards become cells */
.card{background:rgba(255,255,255,.028);border:1px solid rgba(255,255,255,.075);
  border-radius:14px;box-shadow:none;transition:background .18s,border-color .18s}
.card:hover{background:rgba(255,255,255,.045);border-color:rgba(255,255,255,.12)}
.card.kpi,.kpi{background:rgba(255,255,255,.028);border:1px solid rgba(255,255,255,.075);border-radius:12px;padding:15px 17px}
.kpi .label{font-family:"IBM Plex Mono",ui-monospace,monospace;font-size:9.5px;letter-spacing:.2em;text-transform:uppercase;color:#8b8f96}
.kpi .value{font-family:"IBM Plex Mono",ui-monospace,monospace;font-weight:400;font-size:23px;
  letter-spacing:-.025em;margin-top:8px;font-variant-numeric:tabular-nums}
.kpi.good .value{color:#4ade80}
.kpi.bad .value{color:#fb7185}

/* every table is a ledger */
table{font-size:14px}
th{background:rgba(255,255,255,.014);font-family:"IBM Plex Mono",ui-monospace,monospace;
  font-size:9.5px;letter-spacing:.16em;text-transform:uppercase;color:#8b8f96;font-weight:400;padding:11px 10px}
td{padding:13px 10px;border-bottom:1px solid rgba(255,255,255,.05)}
tbody tr{transition:background .16s}
tbody tr:hover{background:rgba(242,136,44,.045)}
.table-wrap{border-color:rgba(255,255,255,.075);border-radius:12px}
/* anything that is a number lines up */
td.num,td.money-cell,td.ltr,.num,.ltr,.bal,.value{font-variant-numeric:tabular-nums}
td.money-cell,td.num{font-family:"IBM Plex Mono",ui-monospace,monospace;letter-spacing:-.015em}

/* chips, tabs, badges */
.lead-chip,.job-chip,.entry-type-tabs button,.report-tabs button{
  background:rgba(255,255,255,.03);border:1px solid rgba(255,255,255,.09);color:#c7ccd3;
  border-radius:8px;transition:all .18s}
.lead-chip:hover,.job-chip:hover,.entry-type-tabs button:hover,.report-tabs button:hover{
  border-color:rgba(242,136,44,.45);color:#f2882c}
.badge{font-family:"IBM Plex Mono",ui-monospace,monospace;font-size:10.5px;letter-spacing:.04em;border-radius:4px;padding:3px 9px}

/* forms */
.field label{font-family:"IBM Plex Mono",ui-monospace,monospace;font-size:9.5px;letter-spacing:.18em;text-transform:uppercase;color:#8b8f96}
input,select,textarea{background:rgba(255,255,255,.03);border:1px solid rgba(255,255,255,.09);
  color:#f1f1f2;border-radius:8px;transition:border-color .18s,box-shadow .18s}
input:focus,select:focus,textarea:focus{outline:none;border-color:#f2882c;box-shadow:0 0 0 3px rgba(242,136,44,.15)}
input::placeholder,textarea::placeholder{color:#5a606a}

/* the rail */
.sidebar{background:#050506;border-left:1px solid rgba(255,255,255,.07)}
.nav-btn{border-radius:8px;transition:all .18s}
.nav-btn:hover{background:rgba(255,255,255,.05);color:#fff}
.nav-btn.active{background:rgba(242,136,44,.14);color:#f2882c;font-weight:500;box-shadow:inset -2px 0 0 #f2882c}
main>header{background:rgba(5,5,6,.85);backdrop-filter:blur(14px);border-bottom:1px solid rgba(255,255,255,.07)}
main>header h1{font-size:20px;font-weight:500;letter-spacing:.01em}

/* modals */
.modal{background:rgba(0,0,0,.72);backdrop-filter:blur(4px)}
.modal-card,.lead-sheet,.user-sheet{background:#101114;border:1px solid rgba(255,255,255,.1);
  border-radius:16px;box-shadow:0 24px 70px rgba(0,0,0,.6)}
.close{background:rgba(255,255,255,.06);color:#c7ccd3}
.close:hover{background:rgba(242,136,44,.2);color:#f2882c}

/* notices + empties */
.warning{background:rgba(217,164,76,.08);border:1px solid rgba(217,164,76,.28);
  border-right:3px solid #d9a44c;color:#e2bd77;border-radius:10px}
.empty{color:#858d97;font-family:"IBM Plex Mono",ui-monospace,monospace;font-size:11px;letter-spacing:.06em}

/* the tiny stuff that gives it away if left behind */
.pill{background:rgba(242,136,44,.12);color:#f2882c;font-family:"IBM Plex Mono",monospace;font-size:10.5px;letter-spacing:.06em}
.toast{background:#16181c;border:1px solid rgba(255,255,255,.1);color:#f1f1f2}
.account-card{background:rgba(255,255,255,.028);border:1px solid rgba(255,255,255,.075);border-radius:12px}
.account-card .bal{font-family:"IBM Plex Mono",ui-monospace,monospace;font-weight:400;font-variant-numeric:tabular-nums}
.bar{background:rgba(255,255,255,.09)}
.bar.in{background:rgba(74,222,128,.45)}
.bar.out{background:rgba(251,113,133,.45)}
.analysis-bar-track{background:rgba(255,255,255,.06)}
.analysis-bar-fill{background:linear-gradient(90deg,#f2882c,#c2410c)}

/* ── employee card: one headline, three summaries, details on demand ───── */
.emp-lead{display:grid;grid-template-columns:1.25fr 1fr;gap:14px;margin:18px 0 6px}
.emp-net{background:radial-gradient(120% 90% at 88% 8%,rgba(242,136,44,.08),transparent 60%),rgba(255,255,255,.028);
  border:1px solid rgba(242,136,44,.26);border-radius:14px;padding:18px 20px;display:flex;flex-direction:column;justify-content:center}
.emp-k{font-family:"IBM Plex Mono",ui-monospace,monospace;font-size:9.5px;letter-spacing:.2em;text-transform:uppercase;color:#8b8f96}
.emp-big{font-family:"IBM Plex Mono",ui-monospace,monospace;font-weight:300;font-size:clamp(32px,5vw,46px);
  line-height:.9;letter-spacing:-.045em;margin-top:12px;display:flex;align-items:baseline;gap:9px;
  font-variant-numeric:tabular-nums;text-shadow:0 0 34px rgba(242,136,44,.24)}
.emp-big i{font-style:normal;font-size:12px;color:#98a0aa;letter-spacing:.12em;font-weight:400}
.emp-net .muted{margin:10px 0 0;font-size:12px}
.emp-side{display:grid;gap:10px}
.emp-box{background:rgba(255,255,255,.028);border:1px solid rgba(255,255,255,.075);border-radius:11px;
  padding:11px 14px;display:flex;flex-direction:column;gap:3px}
.emp-box b{font-family:"IBM Plex Mono",ui-monospace,monospace;font-weight:400;font-size:17px;
  letter-spacing:-.02em;font-variant-numeric:tabular-nums}
.emp-box small{color:#8b8f96;font-size:11px}

.emp-fold{border:1px solid rgba(255,255,255,.075);border-radius:12px;margin-top:10px;background:rgba(255,255,255,.018)}
.emp-fold>summary{padding:13px 17px;cursor:pointer;list-style:none;display:flex;align-items:center;gap:9px;
  font-size:13.5px;color:#c7ccd3;transition:color .16s,background .16s;border-radius:12px}
.emp-fold>summary::-webkit-details-marker{display:none}
.emp-fold>summary::before{content:"▸";color:#f2882c;font-size:11px;transition:transform .18s;display:inline-block}
.emp-fold[open]>summary::before{transform:rotate(-90deg)}
.emp-fold>summary:hover{color:#fff;background:rgba(255,255,255,.03)}
.emp-fold[open]>summary{border-bottom:1px solid rgba(255,255,255,.07);border-radius:12px 12px 0 0}
.emp-count{margin-inline-start:auto;font-family:"IBM Plex Mono",monospace;font-size:10.5px;color:#8b8f96;
  background:rgba(255,255,255,.06);padding:2px 8px;border-radius:4px}
.emp-body{padding:14px 17px 17px}
.emp-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(118px,1fr));gap:9px;margin-bottom:14px}
.emp-sub{font-size:12.5px;color:#8b8f96;margin:16px 0 8px;font-weight:400}
.emp-sheet .lead-sheet-actions{margin-top:18px;display:flex;gap:8px;flex-wrap:wrap}
@media(max-width:760px){.emp-lead{grid-template-columns:1fr}}
@media(prefers-reduced-motion:reduce){.emp-fold>summary::before{transition:none}}

/* lead import: row states */
.import-warn-row td{background:rgba(217,164,76,.07)}
.import-dup-row td{background:rgba(251,113,133,.08)}
.import-error-row td{background:rgba(251,113,133,.13)}
.import-edited-row td{box-shadow:inset 2px 0 0 #f2882c}
.select-col{width:34px;text-align:center}
.import-preview input,.import-preview select{padding:6px 8px;font-size:13px}

/* ── lead board: room to read ──────────────────────────────────────────── */
.lead-board{display:flex;gap:12px;overflow-x:auto;padding-bottom:10px;align-items:flex-start}
.lead-col{background:rgba(255,255,255,.022);border:1px solid rgba(255,255,255,.07);border-radius:14px;
  flex:0 0 288px;min-width:288px;max-height:70vh;display:flex;flex-direction:column;overflow:hidden}
/* an empty stage stays visible as a drop target without taking a sixth of the width */
.lead-col.is-empty{flex:0 0 132px;min-width:132px;opacity:.55;max-height:none}
.lead-col.is-empty:hover{opacity:1}
.lead-col>header{display:flex;align-items:center;justify-content:space-between;gap:8px;
  padding:12px 14px;border-bottom:1px solid rgba(255,255,255,.07);position:sticky;top:0;
  background:rgba(12,12,14,.9);backdrop-filter:blur(8px);z-index:1}
.lead-col>header b{font-size:12.5px;font-weight:500;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.lead-col>header span{font-family:"IBM Plex Mono",ui-monospace,monospace;font-size:11px;
  background:rgba(255,255,255,.07);color:#c7ccd3;padding:2px 8px;border-radius:5px;flex:0 0 auto}
.lead-col-body{overflow-y:auto;padding:10px;display:grid;gap:9px;align-content:start}

.lead-card{border:1px solid rgba(255,255,255,.075);border-radius:11px;padding:12px 13px;
  background:rgba(255,255,255,.03);cursor:pointer;display:grid;gap:9px;position:relative;
  transition:border-color .16s,background .16s,transform .16s}
.lead-card:hover{background:rgba(255,255,255,.06);border-color:rgba(242,136,44,.45);transform:translateY(-1px)}
.lead-card.is-overdue{border-color:rgba(251,113,133,.35)}
.lead-check{position:absolute;top:9px;left:9px}

.lead-id{display:flex;gap:10px;align-items:center;min-width:0}
.lead-ini{flex:0 0 auto;width:30px;height:30px;border-radius:9px;display:grid;place-items:center;
  background:linear-gradient(140deg,rgba(242,136,44,.28),rgba(194,65,12,.22));color:#f2a45c;
  font-family:"IBM Plex Mono",monospace;font-size:11px;font-weight:500}
.lead-who{min-width:0;display:grid;gap:2px}
.lead-who b{font-size:13.5px;font-weight:500;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.lead-phone{font-family:"IBM Plex Mono",ui-monospace,monospace;font-size:11.5px;color:#9aa1aa;
  letter-spacing:.02em;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;direction:ltr;text-align:left}

.lead-card-meta{display:flex;align-items:center;justify-content:space-between;gap:8px;font-size:11px;min-width:0}
.lead-owner{color:#9aa1aa;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;min-width:0}
.lead-when{font-family:"IBM Plex Mono",monospace;font-size:10.5px;color:#8b8f96;flex:0 0 auto}
.lead-when.is-late{color:#fb7185}
.lead-when.is-none{color:#6b7079}
.lead-card .lead-source{justify-self:start;font-size:10px;letter-spacing:.05em;padding:2px 7px;
  border-radius:4px;background:rgba(255,255,255,.06);color:#9aa1aa}

.lead-more{width:100%;padding:9px;border:1px dashed rgba(255,255,255,.14);background:transparent;
  color:#9aa1aa;border-radius:9px;cursor:pointer;font-size:11.5px;transition:all .16s}
.lead-more:hover{border-color:rgba(242,136,44,.5);color:#f2882c}

@media(max-width:760px){
  .lead-col{flex:0 0 84vw;min-width:84vw}
  .lead-col.is-empty{flex:0 0 120px;min-width:120px}
}