/* BizLeads360 v0.6 — design tokens + components */
:root{
  --bg:#0a0c11;--panel:#11141b;--panel2:#171b24;--panel3:#1d2230;--line:#242a37;--line2:#2e3545;
  --text:#e9ecf3;--mute:#8d95a8;--faint:#5f677a;
  --brand:#0f766e;--brand-l:#d8f2ef;--blue:#0f766e;--blue-s:#0f766e2e;--green:#2fd18b;--green-s:#2fd18b1c;--amber:#f5b544;--amber-s:#f5b5441c;
  --red:#ff6b6b;--red-s:#ff6b6b1c;--violet:#a98bff;--violet-s:#a98bff1f;--cyan:#38c6e0;--cyan-s:#38c6e01c;
  --radius:14px;--shadow:0 10px 30px #0006;--side:262px;--copilot:380px;
}
:root[data-theme=light]{
  --bg:#f4f5f9;--panel:#fff;--panel2:#f3f5f9;--panel3:#e9ecf3;--line:#e3e6ee;--line2:#d5d9e3;
  --text:#141821;--mute:#5b6377;--faint:#8a91a3;--shadow:0 10px 30px #1a203014;
  --blue:#0f766e;--blue-s:#0f766e17;--green:#14a86a;--green-s:#14a86a14;--amber:#c27c00;--amber-s:#f5b54420;--red:#d63c3c;--violet:#7a5cf0;--cyan:#0a8fa8;
}
*{box-sizing:border-box}
html,body{margin:0;background:var(--bg);color:var(--text);font:16px/1.5 Inter,ui-sans-serif,system-ui,-apple-system,"Segoe UI",sans-serif;-webkit-font-smoothing:antialiased}
button,input,select,textarea{font:inherit;color:inherit}
button{cursor:pointer}
a{color:var(--blue);text-decoration:none}
::selection{background:var(--blue-s)}

/* ---------- shell ---------- */
.shell{display:grid;grid-template-columns:var(--side) 1fr;min-height:100vh}
.shell.cp-open{grid-template-columns:var(--side) 1fr var(--copilot)}
.side{position:sticky;top:0;height:100vh;background:var(--panel);border-right:1px solid var(--line);display:flex;flex-direction:column;padding:14px 10px;overflow:auto}
.brand{display:flex;align-items:center;gap:11px;font-weight:750;font-size:21px;padding:4px 8px 18px;letter-spacing:-.01em}
.brand .mk{width:40px;height:40px;border-radius:11px;background:var(--brand);color:#fff;display:grid;place-items:center;font-size:16px;font-weight:800}
.ws{display:flex;gap:9px;align-items:center;border:1px solid var(--line);border-radius:11px;padding:8px 9px;margin:0 2px 12px;background:var(--panel2)}
.ws i{width:26px;height:26px;border-radius:7px;background:linear-gradient(135deg,#14b8a6,#0f766e);flex:none}
.ws b{display:block;font-size:15px}.ws small{color:var(--mute);font-size:13px}
.nav{display:flex;flex-direction:column;gap:1px}
.nav button{display:flex;align-items:center;gap:10px;width:100%;text-align:left;border:0;background:none;color:var(--mute);padding:8px 10px;border-radius:9px;font-weight:550}
.nav button:hover{background:var(--panel2);color:var(--text)}
.nav button.on{background:var(--panel3);color:var(--text)}
.nav .ic{width:18px;text-align:center;opacity:.9}
.nav .ct{margin-left:auto;font-size:13px;background:var(--panel3);color:var(--mute);border-radius:99px;padding:0 7px}
.nav .ct.hot{background:var(--red);color:#fff}
.nav-sep{height:1px;background:var(--line);margin:10px 6px}
.side-foot{margin-top:auto;padding:10px 6px 2px;font-size:14px;color:var(--mute)}
.side-foot .row{gap:6px}

.top{position:sticky;top:0;z-index:20;display:flex;align-items:center;gap:10px;padding:10px 22px;border-bottom:1px solid var(--line);background:color-mix(in srgb,var(--bg) 88%,transparent);backdrop-filter:blur(10px)}
.cmd{flex:3 1 0;min-width:0;max-width:620px;display:flex;align-items:center;gap:8px;border:1px solid var(--line);background:var(--panel);border-radius:10px;padding:7px 11px;color:var(--mute);cursor:text}
.cmd input{flex:1;min-width:0;border:0;background:none;outline:none}
.kbd{font:13px ui-monospace,monospace;border:1px solid var(--line2);border-radius:5px;padding:0 5px;color:var(--faint)}
.btn.burger{display:none}
main{min-width:0}
.page{padding:22px 26px 60px;max-width:1360px}
.ph{display:flex;align-items:flex-end;gap:16px;justify-content:space-between;margin-bottom:16px;flex-wrap:wrap}
.ph h1{font-size:27px;letter-spacing:-.02em;margin:0}
.ph p{margin:3px 0 0;color:var(--mute)}
.ph .acts{display:flex;gap:8px;flex-wrap:wrap}

/* ---------- primitives ---------- */
.card{background:var(--panel);border:1px solid var(--line);border-radius:var(--radius);padding:16px}
.card.flush{padding:0}
.card h3{margin:0 0 10px;font-size:16px}
.ch{display:flex;align-items:center;gap:10px;justify-content:space-between;margin-bottom:12px}
.ch h3{margin:0}
.lbl{font-size:13px;letter-spacing:.07em;text-transform:uppercase;color:var(--mute);font-weight:650;margin-bottom:7px}
.mute{color:var(--mute)}.faint{color:var(--faint)}.sm{font-size:14px}.xs{font-size:13px}.b{font-weight:650}
.row{display:flex;gap:10px;align-items:center}.wrap{flex-wrap:wrap}.col{display:flex;flex-direction:column;gap:10px}
.sp{flex:1}
.g2{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:14px}
.g3{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:14px}
.g4{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:14px}
.g-2-1{display:grid;grid-template-columns:minmax(0,2fr) minmax(0,1fr);gap:14px}
.g-1-2{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,2fr);gap:14px}
.mt{margin-top:14px}.mt2{margin-top:22px}.mb{margin-bottom:14px}
hr{border:0;border-top:1px solid var(--line);margin:14px 0}

.btn{display:inline-flex;align-items:center;gap:7px;border:1px solid var(--line2);background:var(--panel2);color:var(--text);border-radius:10px;padding:8px 13px;font-weight:600;white-space:nowrap}
.btn:hover{border-color:var(--faint)}
.btn.pri{background:var(--brand);border-color:var(--brand);color:#fff}
.btn.pri:hover{filter:brightness(1.08)}
.btn.ok{background:var(--green);border-color:var(--green);color:#04150d}
.btn.danger{color:var(--red)}
.btn.sm{padding:5px 10px;font-size:14px;border-radius:8px}
.btn.lg{padding:12px 20px;font-size:17px}
.btn.ghost{background:none;border-color:transparent;color:var(--mute)}
.btn.ghost:hover{color:var(--text);background:var(--panel2)}
.btn:disabled{opacity:.45;cursor:not-allowed}

.chip{display:inline-flex;align-items:center;gap:5px;border:1px solid var(--line);background:var(--panel2);border-radius:99px;padding:2px 9px;font-size:14px;margin:0 5px 5px 0;white-space:nowrap;color:var(--text)}
button.chip:hover{border-color:var(--blue)}
.chip.on{border-color:var(--blue);background:var(--blue-s);color:var(--blue)}
.chip.g{color:var(--green);border-color:color-mix(in srgb,var(--green) 35%,transparent);background:var(--green-s)}
.chip.a{color:var(--amber);border-color:color-mix(in srgb,var(--amber) 35%,transparent);background:var(--amber-s)}
.chip.r{color:var(--red);border-color:color-mix(in srgb,var(--red) 35%,transparent);background:var(--red-s)}
.chip.bl{color:var(--blue);border-color:color-mix(in srgb,var(--blue) 35%,transparent);background:var(--blue-s)}
.chip.v{color:var(--violet);border-color:color-mix(in srgb,var(--violet) 35%,transparent);background:var(--violet-s)}
.chip.c{color:var(--cyan);border-color:color-mix(in srgb,var(--cyan) 35%,transparent);background:var(--cyan-s)}

/* data provenance tags */
.dk{display:inline-flex;align-items:center;gap:4px;font-size:11px;font-weight:700;letter-spacing:.04em;text-transform:uppercase;border-radius:5px;padding:1px 6px;vertical-align:middle;white-space:nowrap}
.dk::before{content:"";width:6px;height:6px;border-radius:50%;background:currentColor}
.dk.verified{color:var(--green);background:var(--green-s)}
.dk.inferred{color:var(--violet);background:var(--violet-s)}
.dk.estimated{color:var(--amber);background:var(--amber-s)}
.dk.unknown{color:var(--faint);background:var(--panel3)}
.dk.demo{color:var(--cyan);background:var(--cyan-s)}

.banner{display:flex;gap:10px;align-items:center;border:1px solid color-mix(in srgb,var(--cyan) 30%,transparent);background:var(--cyan-s);color:var(--text);border-radius:11px;padding:9px 12px;font-size:15px;margin-bottom:16px}
.banner .x{margin-left:auto}
.note{--nc:var(--amber);border:1px solid color-mix(in srgb,var(--nc) 45%,transparent);background:var(--amber-s);border-radius:12px;padding:12px 15px;font-size:15px;box-shadow:0 1px 2px rgba(0,0,0,.18),0 6px 16px -6px rgba(0,0,0,.35);transform:translateY(-1px);transition:transform .15s ease,box-shadow .15s ease}
.note:hover{transform:translateY(-2px);box-shadow:0 2px 4px rgba(0,0,0,.2),0 10px 22px -8px rgba(0,0,0,.45)}
@media (prefers-reduced-motion:reduce){.note,.note:hover{transform:none;transition:none}}
:root[data-theme=light] .note{box-shadow:0 1px 2px rgba(15,23,42,.06),0 6px 16px -8px rgba(15,23,42,.18)}
.note.g{--nc:var(--green);background:var(--green-s)}
.note.bl{--nc:var(--blue);background:var(--blue-s)}
.note.r{--nc:var(--red);background:var(--red-s)}

.input,.select,textarea.input{width:100%;background:var(--panel2);border:1px solid var(--line);border-radius:10px;padding:9px 11px;outline:none}
.input:focus,textarea.input:focus,.select:focus{border-color:var(--blue);box-shadow:0 0 0 3px var(--blue-s)}
textarea.input{resize:vertical;min-height:84px;line-height:1.5}
.field{display:flex;flex-direction:column;gap:5px}
.field>span{font-size:14px;color:var(--mute);font-weight:600}
.check{display:inline-flex;align-items:center;gap:7px;cursor:pointer;user-select:none}
.check input{accent-color:var(--blue);width:15px;height:15px}

.tabs{display:flex;gap:2px;border-bottom:1px solid var(--line);margin-bottom:16px;overflow-x:auto}
.tabs button{border:0;background:none;color:var(--mute);padding:9px 13px;font-weight:600;border-bottom:2px solid transparent;margin-bottom:-1px;white-space:nowrap}
.tabs button.on{color:var(--text);border-color:var(--blue)}
.seg{display:inline-flex;background:var(--panel2);border:1px solid var(--line);border-radius:10px;padding:3px}
.seg button{border:0;background:none;color:var(--mute);padding:5px 11px;border-radius:7px;font-weight:600;font-size:15px}
.seg button.on{background:var(--panel);color:var(--text);box-shadow:0 1px 3px #0003}

/* scores */
.score{display:inline-grid;place-items:center;min-width:38px;height:28px;padding:0 7px;border-radius:8px;font-weight:750;font-size:15px}
.score.s-hot{background:var(--red-s);color:var(--red)}
.score.s-hi{background:var(--green-s);color:var(--green)}
.score.s-md{background:var(--amber-s);color:var(--amber)}
.score.s-lo{background:var(--panel3);color:var(--mute)}
.ring{--v:80;--c:var(--green);width:62px;height:62px;border-radius:50%;background:conic-gradient(var(--c) calc(var(--v)*1%),var(--panel3) 0);display:grid;place-items:center;flex:none}
.ring b{width:50px;height:50px;border-radius:50%;background:var(--panel);display:grid;place-items:center;font-size:21px}
.meter{height:6px;background:var(--panel3);border-radius:4px;overflow:hidden}
.meter i{display:block;height:100%;border-radius:4px;background:var(--green)}
.subscores{display:grid;grid-template-columns:repeat(4,1fr);gap:10px}
.subscores>div{background:var(--panel2);border:1px solid var(--line);border-radius:10px;padding:9px}
.subscores b{font-size:21px;display:block}

.kpi .v{font-size:27px;font-weight:750;letter-spacing:-.02em}
.kpi .d{font-size:14px;margin-left:6px;font-weight:600}
.up{color:var(--green)}.dn{color:var(--red)}

/* tables */
.tbl{width:100%;border-collapse:collapse}
.tbl th{font-size:13px;text-transform:uppercase;letter-spacing:.06em;color:var(--mute);text-align:left;padding:10px 12px;border-bottom:1px solid var(--line);font-weight:650;white-space:nowrap}
.tbl td{padding:11px 12px;border-bottom:1px solid var(--line);vertical-align:middle}
.tbl tr:last-child td{border-bottom:0}
.tbl tr.click{cursor:pointer}
.tbl tr.click:hover td{background:var(--panel2)}
.tbl .num{text-align:right;font-variant-numeric:tabular-nums}
.tscroll{overflow-x:auto}
.av{width:30px;height:30px;border-radius:50%;display:inline-grid;place-items:center;font-size:13px;font-weight:750;color:#fff;flex:none}
.logo{width:34px;height:34px;border-radius:9px;display:grid;place-items:center;font-weight:800;color:#fff;flex:none;font-size:15px}
.logo.lg{width:48px;height:48px;font-size:19px;border-radius:12px}

/* account intelligence card */
.acard{background:var(--panel);border:1px solid var(--line);border-radius:var(--radius);padding:16px;display:grid;grid-template-columns:minmax(0,1fr) 210px;gap:16px}
.acard:hover{border-color:var(--line2)}
.acard .facts{display:flex;flex-wrap:wrap;gap:4px 14px;color:var(--mute);font-size:15px;margin:6px 0 10px}
.acard .facts span{display:inline-flex;gap:5px;align-items:center}
.sigs{display:flex;flex-direction:column;gap:5px;margin-bottom:10px}
.sig{display:flex;gap:8px;align-items:center;font-size:15px}
.sig .e{width:20px;text-align:center}
.why{background:var(--panel2);border:1px solid var(--line);border-radius:10px;padding:10px 12px;font-size:15px}
.why b{color:var(--blue)}
.aside-score{border-left:1px solid var(--line);padding-left:16px;display:flex;flex-direction:column;gap:10px}
.mini{display:grid;grid-template-columns:auto 1fr auto;gap:4px 8px;align-items:center;font-size:14px;color:var(--mute)}
.mini .meter{height:4px}

/* radar */
.opp{display:grid;grid-template-columns:44px minmax(0,1fr) auto;gap:14px;align-items:flex-start;padding:14px 16px;border-bottom:1px solid var(--line)}
.opp:last-child{border-bottom:0}
.opp .rank{font-size:14px;color:var(--faint);font-weight:700;padding-top:8px;text-align:center}
.opp .wn{margin-top:8px;font-size:15px}
.opp .wn b{color:var(--amber);font-size:13px;letter-spacing:.06em;margin-right:6px}

/* kanban */
.kan{display:grid;grid-template-columns:repeat(7,minmax(200px,1fr));gap:10px;overflow-x:auto;padding-bottom:8px}
.kcol{background:var(--panel);border:1px solid var(--line);border-radius:12px;padding:9px;min-height:360px}
.kcol.drop{border-color:var(--blue);background:var(--blue-s)}
.kcol h4{margin:3px 4px 4px;font-size:15px;display:flex;justify-content:space-between}
.kcol .tot{font-size:13px;color:var(--mute);margin:0 4px 9px}
.deal{background:var(--panel2);border:1px solid var(--line);border-radius:10px;padding:10px;margin-bottom:8px;font-size:15px;cursor:grab}
.deal:hover{border-color:var(--line2)}
.deal b{display:block}

/* timeline / sequence */
.seq{position:relative;padding-left:30px}
.seq::before{content:"";position:absolute;left:12px;top:8px;bottom:8px;width:2px;background:var(--line)}
.sstep{position:relative;margin-bottom:10px}
.sstep .ic{position:absolute;left:-30px;top:11px;width:26px;height:26px;border-radius:50%;display:grid;place-items:center;font-size:13px;color:#fff;font-weight:700}
.sstep .card{padding:10px 12px}
.sstep.sel .card{border-color:var(--blue)}
.ch-email{background:var(--brand)}.ch-li{background:#2867b2}.ch-lidm{background:var(--violet)}.ch-call{background:var(--green)}.ch-wa{background:#25a35a}.ch-sms{background:var(--amber)}.ch-break{background:var(--faint)}

.mail{background:var(--panel2);border:1px solid var(--line);border-radius:11px;padding:14px;line-height:1.6}
.hl{background:var(--blue-s);border-bottom:1px dashed var(--blue);border-radius:3px;padding:0 2px;cursor:help}
.hl.inf{background:var(--violet-s);border-color:var(--violet)}

/* inbox */
.ibx{display:grid;grid-template-columns:330px minmax(0,1fr);gap:14px;min-height:560px}
.thread{padding:12px 14px;border-bottom:1px solid var(--line);cursor:pointer}
.thread:hover{background:var(--panel2)}
.thread.on{background:var(--panel2);box-shadow:inset 3px 0 0 var(--blue)}
.thread .t1{display:flex;gap:8px;align-items:center}
.thread .snip{color:var(--mute);font-size:14px;margin-top:4px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.bub{background:var(--panel2);border:1px solid var(--line);border-radius:12px;padding:10px 12px;max-width:85%;margin:8px 0}
.bub.me{background:var(--blue-s);border-color:color-mix(in srgb,var(--blue) 30%,transparent);margin-left:auto}
.ai-box{border:1px solid color-mix(in srgb,var(--violet) 35%,transparent);background:var(--violet-s);border-radius:12px;padding:12px 14px}

/* research */
.rsec{border-top:1px solid var(--line);padding:14px 0}
.rsec:first-child{border-top:0;padding-top:0}
.rsec h4{margin:0 0 8px;font-size:15px}
.ritem{display:flex;gap:10px;align-items:flex-start;padding:5px 0;font-size:15px}
.ritem .src{color:var(--faint);font-size:13px;white-space:nowrap}
.prog{display:flex;flex-direction:column;gap:6px;font:14px ui-monospace,monospace;color:var(--mute)}
.prog .dn::before{content:"✓ ";color:var(--green)}
.prog .wk::before{content:"◌ ";color:var(--blue)}

/* committee */
.person{display:grid;grid-template-columns:auto minmax(0,1fr) auto;gap:12px;align-items:flex-start;padding:12px;border:1px solid var(--line);border-radius:12px;background:var(--panel)}
.role{font-size:13px;font-weight:700;border-radius:6px;padding:2px 7px}
.r-eb{background:var(--amber-s);color:var(--amber)}.r-ch{background:var(--green-s);color:var(--green)}.r-in{background:var(--blue-s);color:var(--blue)}.r-es{background:var(--violet-s);color:var(--violet)}.r-us{background:var(--panel3);color:var(--mute)}.r-bl{background:var(--red-s);color:var(--red)}

/* guided steps */
.steps{display:flex;gap:6px;margin-bottom:18px;overflow-x:auto}
.stp{flex:1;min-width:120px;border:1px solid var(--line);border-radius:10px;padding:8px 10px;background:var(--panel);cursor:pointer}
.stp small{display:block;color:var(--mute);font-size:13px}
.stp.done{border-color:color-mix(in srgb,var(--green) 40%,transparent)}
.stp.done b::before{content:"✓ ";color:var(--green)}
.stp.cur{border-color:var(--blue);box-shadow:0 0 0 1px var(--blue)}
.edit{background:var(--panel2);border:1px dashed var(--line2);border-radius:10px;padding:9px 11px;outline:none;min-height:38px}
.edit:focus{border-color:var(--blue);border-style:solid}
.gate{display:flex;gap:10px;align-items:flex-start;padding:9px 0;border-bottom:1px solid var(--line)}
.gate:last-child{border:0}
.gate .st{width:22px;height:22px;border-radius:50%;display:grid;place-items:center;font-size:14px;flex:none;font-weight:800}
.gate .st.ok{background:var(--green-s);color:var(--green)}.gate .st.warn{background:var(--amber-s);color:var(--amber)}.gate .st.bad{background:var(--red-s);color:var(--red)}

/* bars */
.hbar{display:grid;grid-template-columns:150px minmax(0,1fr) 70px;gap:10px;align-items:center;font-size:15px;margin:7px 0}
.hbar .meter{height:8px}
.funnel{display:flex;flex-direction:column;gap:6px}
.funnel .f{display:grid;grid-template-columns:120px minmax(0,1fr) 90px;gap:10px;align-items:center;font-size:15px}
.funnel .f .bar{height:24px;background:var(--blue);border-radius:6px;opacity:.85}
.best{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:10px}
.best div{background:var(--panel2);border:1px solid var(--line);border-radius:11px;padding:10px 12px}
.best small{display:block;color:var(--mute);font-size:13px;text-transform:uppercase;letter-spacing:.06em}
.best b{display:block;margin:3px 0 1px}

/* copilot */
.copilot{position:sticky;top:0;height:100vh;background:var(--panel);border-left:1px solid var(--line);display:flex;flex-direction:column}
.cp-h{display:flex;align-items:center;gap:8px;padding:12px 14px;border-bottom:1px solid var(--line)}
.cp-h .dot{width:8px;height:8px;border-radius:50%;background:var(--green);box-shadow:0 0 0 3px var(--green-s)}
.cp-body{flex:1;overflow:auto;padding:14px;display:flex;flex-direction:column;gap:10px}
.cp-msg{border-radius:12px;padding:10px 12px;font-size:15px;line-height:1.5}
.cp-msg.u{background:var(--brand);color:#fff;margin-left:30px;border-bottom-right-radius:4px}
.cp-msg.a{background:var(--panel2);border:1px solid var(--line);margin-right:12px;border-bottom-left-radius:4px}
.cp-msg .acts{display:flex;flex-wrap:wrap;gap:6px;margin-top:9px}
.cp-sugg{display:flex;flex-wrap:wrap;gap:6px;padding:0 14px 8px}
.cp-in{display:flex;gap:8px;padding:12px 14px;border-top:1px solid var(--line)}
.cp-in textarea{flex:1;min-height:42px;max-height:120px;resize:none}
.cp-fab{position:fixed;right:18px;bottom:18px;z-index:40;border:0;border-radius:99px;background:var(--brand);color:#fff;padding:12px 16px;font-weight:700;box-shadow:var(--shadow);display:none}
.shell:not(.cp-open) .cp-fab{display:inline-flex;gap:8px}
.thinking{display:inline-flex;gap:3px}.thinking i{width:6px;height:6px;border-radius:50%;background:var(--mute);animation:bl 1s infinite}.thinking i:nth-child(2){animation-delay:.15s}.thinking i:nth-child(3){animation-delay:.3s}
@keyframes bl{0%,100%{opacity:.25}50%{opacity:1}}

/* drawer / modal */
.drawer-bg{position:fixed;inset:0;background:#0008;z-index:50;display:none}
.drawer-bg.open{display:block}
.drawer{position:fixed;top:0;right:0;bottom:0;width:min(760px,100%);background:var(--bg);border-left:1px solid var(--line);z-index:51;transform:translateX(100%);transition:transform .2s;overflow:auto}
.drawer.open{transform:none}
.drawer .dh{position:sticky;top:0;background:var(--bg);border-bottom:1px solid var(--line);padding:14px 18px;display:flex;gap:12px;align-items:center;z-index:2}
.drawer .db{padding:18px}
.toast{position:fixed;left:50%;bottom:22px;transform:translateX(-50%);background:var(--text);color:var(--bg);padding:10px 16px;border-radius:10px;z-index:90;font-weight:600;box-shadow:var(--shadow);font-size:15px}
.empty{padding:34px;text-align:center;color:var(--mute)}
.skel{background:linear-gradient(90deg,var(--panel2),var(--panel3),var(--panel2));background-size:200% 100%;animation:sk 1.2s infinite;border-radius:8px;height:14px}
@keyframes sk{to{background-position:-200% 0}}
.hidden{display:none!important}

/* responsive */
@media (max-width:1280px){.shell.cp-open{grid-template-columns:var(--side) 1fr}.shell.cp-open .copilot{position:fixed;right:0;top:0;width:min(400px,100%);z-index:60;box-shadow:var(--shadow)}}
@media (max-width:1100px){.g4{grid-template-columns:repeat(2,minmax(0,1fr))}.best{grid-template-columns:repeat(2,minmax(0,1fr))}.acard{grid-template-columns:1fr}.aside-score{border-left:0;padding-left:0;border-top:1px solid var(--line);padding-top:12px}}
@media (max-width:900px){
  .shell,.shell.cp-open{grid-template-columns:1fr}
  .side{position:fixed;left:0;top:0;bottom:0;width:250px;z-index:70;transform:translateX(-100%);transition:transform .2s}
  .side.open{transform:none;box-shadow:var(--shadow)}
  .btn.burger{display:inline-flex}
  .g2,.g3,.g-2-1,.g-1-2,.ibx{grid-template-columns:1fr}
  .page{padding:16px}
  .top{padding:10px 16px}
  .subscores{grid-template-columns:repeat(2,1fr)}
  .hbar{grid-template-columns:100px minmax(0,1fr) 56px}
  .cmd .kbd{display:none}
  .top .hide-m{display:none}
}
@media (max-width:560px){.g4,.best{grid-template-columns:1fr 1fr}.opp{grid-template-columns:1fr}.opp .rank{display:none}}

.gate>div:last-child:not(.sp){display:flex;flex-direction:column;gap:4px;align-items:flex-end}
.cp-msg.u{margin-right:2px}

/* BizLeads360: #0F766E everywhere. Selected/button-like chips are solid teal so they stay readable in dark mode. */
.chip.on,.chip.bl{background:var(--brand);border-color:var(--brand);color:#fff}
.seg button.on{background:var(--brand);color:#fff}
.btn.sm.pri,.cp-in .btn.pri{background:var(--brand);border-color:var(--brand)}
:root:not([data-theme=light]) a{color:var(--text);text-decoration:underline;text-decoration-color:var(--brand);text-underline-offset:3px}
:root:not([data-theme=light]) .why b,:root:not([data-theme=light]) .tabs button.on{color:var(--text)}

/* ---------- Start from your website (first-run flow) ---------- */
.ob-new{width:calc(100% - 4px);margin:0 2px 10px;justify-content:center;border-color:color-mix(in srgb,var(--brand) 55%,transparent);color:var(--text)}
.ob{min-height:100vh;display:flex;flex-direction:column}
.ob-top{position:sticky;top:0;z-index:20;display:flex;align-items:center;gap:12px;padding:10px 20px;border-bottom:1px solid var(--line);background:color-mix(in srgb,var(--bg) 90%,transparent);backdrop-filter:blur(10px)}
.ob-site{display:flex;align-items:center;gap:9px;padding-left:14px;margin-left:4px;border-left:1px solid var(--line)}
.ob-site b{display:block;font-size:15px}.ob-site small{color:var(--mute);font-size:13px;font-family:ui-monospace,monospace}
.ob-fav{width:30px;height:30px;border-radius:8px;background:linear-gradient(135deg,#c2410c,#b45309);color:#fff;display:grid;place-items:center;font-weight:800;font-size:13px;flex:none}
.ob-spin{display:inline-block;width:10px;height:10px;border-radius:50%;border:2px solid currentColor;border-right-color:transparent;animation:obs .8s linear infinite;vertical-align:-1px}
@keyframes obs{to{transform:rotate(360deg)}}
.ob-entry{max-width:820px;width:100%;margin:0 auto;padding:46px 20px 60px}
.ob-hero h1{font-size:41px;line-height:1.12;letter-spacing:-.03em;margin:0 0 12px}
.ob-hero h1 span{color:var(--mute)}
.ob-hero p{font-size:17px;max-width:640px;margin:0 0 22px}
.ob-form{padding:22px}
.ob-in{position:relative}.ob-in .input{padding-left:38px;font-size:17px;height:46px}
.ob-globe{position:absolute;left:13px;top:50%;transform:translateY(-50%);opacity:.7}
.ob-trust{display:flex;flex-wrap:wrap;gap:8px 18px;margin-top:18px;color:var(--mute);font-size:14px}
.ob-trust span:first-letter{color:var(--green)}
.ob-run{display:grid;grid-template-columns:290px minmax(0,1fr);min-width:0;flex:1;min-height:0}
.ob-rail{border-right:1px solid var(--line);background:var(--panel);padding:16px 12px;display:flex;flex-direction:column;gap:14px;position:sticky;top:57px;height:calc(100vh - 57px);overflow:auto}
.ob-steps{display:flex;flex-direction:column;position:relative}
.ob-step{display:flex;gap:11px;align-items:flex-start;text-align:left;border:0;background:none;padding:8px;border-radius:10px;position:relative;color:var(--text)}
.ob-step:not(:last-child)::after{content:"";position:absolute;left:21px;top:36px;bottom:-6px;width:2px;background:var(--line)}
.ob-step.done:not(:last-child)::after{background:var(--green)}
.ob-step:disabled{cursor:default;opacity:.55}
.ob-step:not(:disabled):hover{background:var(--panel2)}
.ob-step.sel{background:var(--panel2)}
.ob-step b{display:block;font-size:15px}.ob-step small{display:block;font-size:13px;color:var(--mute);margin-top:1px}
.ob-dot{width:26px;height:26px;border-radius:50%;flex:none;display:grid;place-items:center;font-size:14px;font-weight:800;background:var(--panel3);color:var(--mute);position:relative;z-index:1}
.ob-step.done .ob-dot{background:var(--green);color:#04150d}
.ob-step.cur .ob-dot{background:var(--brand);color:#fff;box-shadow:0 0 0 4px var(--blue-s)}
.ob-log{border-top:1px solid var(--line);padding-top:12px;margin-top:auto}
.ob-live{width:7px;height:7px;border-radius:50%;background:var(--faint)}.ob-live.on{background:var(--green);box-shadow:0 0 0 3px var(--green-s);animation:bl 1.2s infinite}
.ob-legend{display:flex;flex-wrap:wrap;gap:5px}
.ob-stage{padding:22px 28px 60px;min-width:0;max-width:1180px}
.ob-head h2{margin:0;font-size:25px;letter-spacing:-.02em}
.ob-bar{height:3px;background:var(--line);border-radius:3px;margin:12px 0 18px;overflow:hidden}
.ob-bar i{display:block;height:100%;background:linear-gradient(90deg,var(--brand),var(--green));transition:width .4s}
.ob-body.in{animation:obin .35s ease}
@keyframes obin{from{opacity:0;transform:translateY(6px)}to{opacity:1;transform:none}}
.ob-sk-row{display:flex;gap:12px;align-items:center;padding:12px 0;border-bottom:1px solid var(--line)}.ob-sk-row:last-child{border:0}
.ob-foot{position:sticky;bottom:0;display:flex;gap:10px;align-items:center;margin-top:18px;padding:12px 0;background:linear-gradient(transparent,var(--bg) 30%)}
.ob-opt{display:flex;gap:10px;align-items:flex-start;border:1px solid var(--line);border-radius:10px;padding:10px;margin-top:8px;cursor:pointer}
.ob-opt.on{border-color:var(--brand);background:var(--blue-s)}
.ob-opt input{accent-color:var(--brand);margin-top:3px}
.ob-proof{display:flex;gap:10px;padding:8px 0;border-bottom:1px solid var(--line)}.ob-proof:last-of-type{border:0}
.ob-proof>span{width:20px;height:20px;border-radius:50%;display:grid;place-items:center;font-size:13px;font-weight:800;flex:none;background:var(--green-s);color:var(--green)}
.ob-proof.unknown>span{background:var(--amber-s);color:var(--amber)}
.ob-comp{padding:9px 0;border-bottom:1px solid var(--line)}.ob-comp:last-of-type{border:0}
.ob-edge{color:var(--green);margin-top:3px}
.ob-geo{display:flex;gap:10px;padding:8px 0;border-bottom:1px solid var(--line)}.ob-geo:last-of-type{border:0}
.ob-flag{font-size:23px;width:26px}
.ob-seg{cursor:pointer;transition:border-color .15s,box-shadow .15s;user-select:none}
.ob-seg:hover{border-color:var(--line2)}
.ob-seg.on{border-color:var(--brand);box-shadow:0 0 0 1px var(--brand)}
.ob-seg.warn:not(.on){opacity:.75}
.ob-check{width:20px;height:20px;border-radius:6px;border:1.5px solid var(--line2);display:grid;place-items:center;font-size:14px;font-weight:800}
.ob-seg.on .ob-check{background:var(--brand);border-color:var(--brand);color:#fff}
.ob-fit{font-size:14px;font-weight:700;border-radius:99px;padding:2px 9px;background:var(--panel3)}
.ob-fit.hi{background:var(--green-s);color:var(--green)}.ob-fit.md{background:var(--amber-s);color:var(--amber)}.ob-fit.lo{background:var(--red-s);color:var(--red)}
.ob-size{font-size:25px;font-weight:750;letter-spacing:-.02em;color:var(--brand)}
:root:not([data-theme=light]) .ob-size{color:#2dd4bf}
.ob-stats{display:flex;flex-wrap:wrap;align-items:center;gap:8px 16px;background:var(--panel);border:1px solid var(--line);border-radius:12px;padding:12px 16px}
.ob-stats b{font-size:23px;letter-spacing:-.02em}.ob-stats small{display:block;font-size:13px;color:var(--mute)}
.ob-stats>span:not(.dk){color:var(--faint)}
.ob-rm{display:grid;grid-template-columns:18px minmax(160px,auto) 1fr;gap:10px;padding:6px 0;align-items:baseline}
.ob-rm>span:first-child{color:var(--red);font-weight:800}
.ob-people{display:grid;grid-template-columns:repeat(auto-fill,minmax(260px,1fr));gap:10px;margin-top:10px}
.ob-person{display:flex;gap:10px;align-items:flex-start;border:1px solid var(--line);border-radius:11px;padding:10px;background:var(--panel2)}
.ob-mail{display:grid;grid-template-columns:270px minmax(0,1fr);gap:14px;align-items:start}
.ob-dlist{background:var(--panel);border:1px solid var(--line);border-radius:var(--radius);padding:6px;position:sticky;top:76px}
.ob-dl{display:flex;gap:9px;align-items:center;width:100%;text-align:left;border:0;background:none;padding:8px;border-radius:9px;color:var(--text)}
.ob-dl small{display:block;color:var(--mute);font-size:13px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;max-width:150px}
.ob-dl:hover{background:var(--panel2)}.ob-dl.on{background:var(--panel3);box-shadow:inset 3px 0 0 var(--brand)}
.ob-to{display:flex;gap:8px;align-items:center;padding:7px 0;border-bottom:1px solid var(--line);flex-wrap:wrap}
.ob-to>.ob-lab{width:58px}
.ob-q{display:grid;grid-template-columns:repeat(4,1fr);gap:8px;margin-top:12px}
.ob-q>div{background:var(--panel2);border:1px solid var(--line);border-radius:10px;padding:8px 10px}
.ob-q small{display:block;font-size:11px;text-transform:uppercase;letter-spacing:.06em;color:var(--mute)}.ob-q b{font-size:16px}
.ob-seq{display:flex;gap:8px;flex-wrap:wrap}
.ob-sq{display:flex;align-items:center;gap:7px;border:1px solid var(--line);border-radius:99px;padding:3px 10px 3px 3px;background:var(--panel2)}
.ob-sq .ic{width:22px;height:22px;border-radius:50%;display:grid;place-items:center;color:#fff;font-size:11px;font-weight:800}
.hl[data-tip]{position:relative}
.hl[data-tip]:hover::after{content:attr(data-tip);position:absolute;left:0;bottom:calc(100% + 6px);z-index:5;width:max-content;max-width:280px;background:var(--text);color:var(--bg);font-size:13px;line-height:1.35;padding:6px 8px;border-radius:7px;box-shadow:var(--shadow);white-space:normal}
@media (max-width:1000px){.ob-run{grid-template-columns:minmax(0,1fr)}.ob-rail{min-width:0}.ob-rail{position:static;height:auto;border-right:0;border-bottom:1px solid var(--line)}.ob-steps{flex-direction:row;overflow-x:auto}.ob-step{min-width:150px}.ob-step::after{display:none}.ob-log,.ob-legend{display:none}.ob-mail{grid-template-columns:1fr}.ob-dlist{position:static}.ob-stage{padding:18px 16px 60px}}
@media (max-width:640px){.ob-hero h1{font-size:31px}.ob-hm{display:none}.ob-top{padding:10px 12px;gap:8px;flex-wrap:wrap}.ob-top .chip{font-size:13px}.ob-top .ghost[data-act=obPause]{display:none}.ob-q{gap:6px}.ob-q{grid-template-columns:1fr 1fr}.ob-top .ob-site{display:none}.ob-rm{grid-template-columns:18px 1fr}.ob-rm>span:last-child{grid-column:2}}
@media (prefers-reduced-motion:reduce){.ob-body.in,.ob-spin,.ob-live.on{animation:none}}
.prog .ok::before{content:"✓ ";color:var(--green)}.ob-log .prog{font-size:13px;line-height:1.45}
/* discovery: buyers you may not have thought of */
.ob-explore{display:flex;gap:10px;align-items:flex-start;border:1px dashed color-mix(in srgb,var(--violet) 50%,transparent);background:var(--violet-s);border-radius:11px;padding:11px 12px;cursor:pointer}
.ob-explore input{accent-color:var(--violet);margin-top:3px;width:15px;height:15px}
.ob-disc{border-top:1px solid var(--line);padding-top:18px}
.ob-dgrid{display:grid;grid-template-columns:repeat(auto-fill,minmax(330px,1fr));gap:14px}
.ob-dcard.on{border-color:var(--violet);box-shadow:0 0 0 1px var(--violet)}
.ob-dcard.on .ob-check{background:var(--violet);border-color:var(--violet)}
.ob-conf{font-size:13px;font-weight:700;border-radius:99px;padding:2px 8px}
.ob-conf.High{background:var(--green-s);color:var(--green)}.ob-conf.Medium{background:var(--amber-s);color:var(--amber)}.ob-conf.Low{background:var(--panel3);color:var(--mute)}
.ob-path{display:flex;flex-wrap:wrap;align-items:center;gap:4px;margin-top:8px;font-size:13px}
.ob-path span{background:var(--panel2);border:1px solid var(--line);border-radius:7px;padding:3px 7px}
.ob-path i{font-style:normal;color:var(--violet);font-weight:800}
.ob-test{margin-top:10px;font-size:13px;border-radius:8px;padding:7px 9px;background:var(--panel2);color:var(--mute)}
.ob-dcard.on .ob-test{background:var(--violet-s);color:var(--text)}

/* account block in the sidebar (hosted mode) */
.acct{border-top:1px solid var(--line);padding-top:10px}
.acct-mail{color:var(--text);font-weight:600;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
.acct-links{display:flex;flex-wrap:wrap;gap:4px 10px;margin-top:8px;font-size:14px}
.acct-links a{color:var(--mute)}

.qgrid{display:grid;grid-template-columns:repeat(4,1fr);gap:12px}
.qt{border:1px solid var(--line);border-radius:10px;padding:14px}
.qt b{font-size:26px;display:block;line-height:1.15}.qt span{font-size:13px;color:var(--muted,#64748b)}
.qt .qbar{height:6px;border-radius:99px;background:var(--line);margin:8px 0 6px;overflow:hidden}.qt .qbar i{display:block;height:100%;background:var(--brand)}
.qt.good b{color:var(--good,#15803d)}.qt.warn b{color:var(--warn,#b45309)}.qt.bad b{color:var(--red,#b42318)}
.qt small{display:block;font-size:12px;color:var(--muted,#64748b);margin-top:4px}
@media (max-width:760px){.qgrid{grid-template-columns:1fr 1fr}}