/* RTA Intelligence — design system. Navy #0A1932 · Gold #C9A861 · Montserrat. iOS-grouped layout, large titles, cards, bottom tab bar, bottom sheets. */
:root{
  --bg:#F2F3F7; --card:#FFFFFF; --card2:#F7F8FB; --fg:#0A1932; --muted:#6B7385; --faint:#9AA3B5; --line:#E3E6EE; --line2:#EEF0F5;
  --navy:#0A1932; --navy2:#11244A; --gold:#C9A861; --gold2:#E8D39A; --gold-ink:#0A1932; --on-navy:#FFFFFF;
  --ok:#2EB872; --okfill:#1E8A54; --warn:#E0A526; --bad:#D64545; --info:#4F8DF7; --gold-text:#8E7336; --warn-text:#9A6A0A;
  --luke:#0A1932; --tony:#C9A861; --jude:#2F7F9F;
  --ring1:#C9A861; --ring2:#2EB872; --ring3:#4F8DF7;
  --font:'Montserrat',-apple-system,BlinkMacSystemFont,'Segoe UI',system-ui,sans-serif;
  --r:18px; --r2:12px; --sh:0 1px 2px rgba(10,25,50,.05),0 10px 30px -20px rgba(10,25,50,.25);
  --tab-h:64px;
}
@media (prefers-color-scheme: dark){ :root:not([data-theme="light"]){
  --bg:#070E1C; --card:#0F1D38; --card2:#152648; --fg:#F3F5F9; --muted:#AEB8CB; --faint:#7F8AA3; --line:#223758; --line2:#1B2D4F;
  --navy:#0A1932; --navy2:#11244A; --on-navy:#FFFFFF; --ok:#5FD39A; --okfill:#2A9D63; --warn:#E8B75B; --bad:#EF6B6B; --info:#78A9FF; --gold-text:#D9BD7E; --warn-text:#E8B75B; --luke:#F3F5F9; --sh:0 1px 2px rgba(0,0,0,.3),0 10px 30px -20px rgba(0,0,0,.6); color-scheme:dark } }
:root[data-theme="dark"]{
  --bg:#070E1C; --card:#0F1D38; --card2:#152648; --fg:#F3F5F9; --muted:#AEB8CB; --faint:#7F8AA3; --line:#223758; --line2:#1B2D4F;
  --navy:#0A1932; --navy2:#11244A; --on-navy:#FFFFFF; --ok:#5FD39A; --okfill:#2A9D63; --warn:#E8B75B; --bad:#EF6B6B; --info:#78A9FF; --gold-text:#D9BD7E; --warn-text:#E8B75B; --luke:#F3F5F9; --sh:0 1px 2px rgba(0,0,0,.3),0 10px 30px -20px rgba(0,0,0,.6); color-scheme:dark }

*{box-sizing:border-box}
html{min-height:100%}
body{min-height:100%}
body{margin:0;background:var(--bg);color:var(--fg);font-family:var(--font);font-weight:500;font-size:14px;line-height:1.45;-webkit-font-smoothing:antialiased;-webkit-tap-highlight-color:transparent;
  padding-left:max(0px,env(safe-area-inset-left,0px));padding-right:max(0px,env(safe-area-inset-right,0px));padding-bottom:calc(var(--tab-h) + env(safe-area-inset-bottom,0px) + 8px)}
body::before{content:"";position:fixed;inset:0 0 auto;height:env(safe-area-inset-top,0px);z-index:60;background:var(--navy)}
a{color:inherit}
button,input,select,textarea{font-family:inherit;font-size:inherit;color:inherit}
button{cursor:pointer;border:0;background:none;padding:0;margin:0;text-align:left}
h1,h2,h3,h4{margin:0;text-wrap:balance}
.tn{font-variant-numeric:tabular-nums}
.mut{color:var(--muted)}
.faint{color:var(--faint)}
.gold{color:var(--gold)}
.ok{color:var(--ok)} .bad{color:var(--bad)} .warn{color:var(--warn)}
[hidden]{display:none!important}
::selection{background:var(--gold);color:var(--gold-ink)}

/* ---------- top bar (desktop) + brand ---------- */
.top{position:sticky;top:env(safe-area-inset-top,0px);z-index:50;background:var(--navy);color:#fff;display:flex;align-items:center;gap:14px;padding:10px 16px;border-bottom:2px solid var(--gold)}
.top::before{content:"";position:absolute;inset:0 0 auto;height:3px;background:linear-gradient(90deg,var(--gold),var(--gold2) 50%,var(--gold))}
.brand{display:flex;align-items:center;gap:10px;flex:none}
.globe{width:34px;height:34px;border-radius:50%;background:radial-gradient(circle at 35% 30%,#E8D39A,var(--gold) 55%,#9A7D3F);display:grid;place-items:center;font-size:18px;box-shadow:0 0 0 2px var(--navy),0 0 0 3px var(--gold);flex:none}
.wordmark{font-size:9px;font-weight:700;letter-spacing:.24em;color:var(--gold);text-transform:uppercase;white-space:nowrap;line-height:1}
.brand h1{font-size:16px;font-weight:800;letter-spacing:-.01em;line-height:1.15;color:#fff;white-space:nowrap}
.brand h1 em{font-style:normal;color:var(--gold)}
.seg{display:flex;gap:2px;background:rgba(255,255,255,.08);padding:3px;border-radius:10px;margin-left:8px}
.seg button{padding:7px 14px;border-radius:8px;font-size:12px;font-weight:700;letter-spacing:.03em;color:#C9D1E0;white-space:nowrap;transition:background .15s,color .15s}
.seg button[aria-selected="true"]{background:var(--gold);color:var(--gold-ink)}
.search{flex:1 1 220px;min-width:0;display:flex;align-items:center;gap:8px;background:rgba(255,255,255,.08);border-radius:10px;padding:0 10px;max-width:420px;margin-left:auto}
.search input{flex:1;min-width:0;border:0;background:transparent;padding:8px 0;outline:none;color:#fff;font-size:13px}
.search input::placeholder{color:#8A96B0}
.search svg{width:14px;height:14px;stroke:#8A96B0;fill:none;stroke-width:2.2}
.online{display:flex;align-items:center;gap:-4px}
.acc.chase{border:1.5px solid var(--gold,#C9A861);margin-bottom:12px}.chk{display:inline-grid;place-items:center;width:30px;height:30px;border-radius:9px;border:2px solid var(--line);background:var(--card);font-weight:800;font-size:16px;line-height:1;color:transparent;cursor:pointer;transition:transform .1s,background .12s,border-color .12s;padding:0}.chk:active{transform:scale(.9)}.chk.on{background:var(--okfill);border-color:var(--okfill);color:#fff}.chk.lock{background:var(--navy);border-color:var(--navy);color:var(--gold);cursor:default}.chk.em{border-color:var(--gold);background:color-mix(in srgb,var(--gold) 18%,var(--card));color:var(--gold-text);font-size:15px}.chk.na{border-style:dashed;color:var(--faint);cursor:default}.chc{text-align:center;white-space:nowrap}.chd{font-size:10px;color:var(--muted);font-weight:700;margin-top:3px;white-space:nowrap}.chth{text-align:center!important}.lockth{color:var(--gold)!important}.lnk{font-size:10px;font-weight:700;color:var(--gold-text);text-decoration:underline;cursor:pointer}.chsteps{display:grid;grid-template-columns:repeat(5,1fr);gap:8px;margin:10px 0 8px}.chstep{display:flex;align-items:center;gap:8px;background:var(--card2);border:1px solid var(--line);border-radius:12px;padding:8px 10px;min-width:0}.chstep i{flex:none;width:26px;height:26px;border-radius:50%;display:grid;place-items:center;font-style:normal;font-weight:800;font-size:12px;background:var(--gold);color:var(--gold-ink)}.chstep.lock i{background:var(--navy);color:var(--gold)}.chstep b{display:block;font-size:12px;line-height:1.2}.chstep span{display:block;font-size:10.5px;color:var(--muted);font-weight:700;margin-top:2px}.chtable{min-width:900px}.chscript{grid-template-columns:1fr 1fr 1fr}@media (max-width:859px){.chsteps{grid-template-columns:1fr 1fr}.chstep.lock{grid-column:1/-1}.chscript{grid-template-columns:1fr}}.chbody{padding:4px 12px 12px}.chscript{display:grid;grid-template-columns:1fr 1fr;gap:10px;margin:10px 0;font-size:12.5px;line-height:1.5}.chscript>div{background:rgba(201,168,97,.10);border-radius:10px;padding:8px 10px}.chtable td{vertical-align:middle}.chtable tr.chdone{opacity:.55}.chtable .btn.xs{margin:1px 2px}a.tel{font-weight:700;white-space:nowrap}@media (max-width:859px){.chscript{grid-template-columns:1fr}}
.livesync{display:flex;align-items:center;margin-left:6px}.livechip{display:inline-flex;align-items:center;gap:6px;font-size:11.5px;font-weight:700;color:var(--muted);white-space:nowrap}.livechip i{width:8px;height:8px;border-radius:50%;background:#2EB872;box-shadow:0 0 0 0 rgba(46,184,114,.6);animation:livep 2s infinite}.livechip.bad i{background:#D9534F;animation:none}@keyframes livep{0%{box-shadow:0 0 0 0 rgba(46,184,114,.55)}70%{box-shadow:0 0 0 7px rgba(46,184,114,0)}100%{box-shadow:0 0 0 0 rgba(46,184,114,0)}}
@media (max-width:859px){.livechip{font-size:10.5px}.livesync{margin-left:auto}}
@media (max-width:520px){.livechip{font-size:0;gap:0;padding:0 2px}.livechip i{width:9px;height:9px}#livesync .btn{font-size:10px;padding:3px 7px;letter-spacing:0}}
.online .av{margin-left:-6px;box-shadow:0 0 0 2px var(--navy)}
.online .av:first-child{margin-left:0}
.mebtn{display:flex;align-items:center;gap:6px;background:rgba(255,255,255,.08);border-radius:10px;padding:5px 10px 5px 5px;font-size:12px;font-weight:700;color:#fff;white-space:nowrap}

/* ---------- bottom tab bar (mobile) ---------- */
.tabbar{position:fixed;left:0;right:0;bottom:0;z-index:50;height:calc(var(--tab-h) + env(safe-area-inset-bottom,0px));padding:6px 8px env(safe-area-inset-bottom,0px);display:grid;grid-template-columns:repeat(5,1fr);
  background:color-mix(in srgb,var(--card) 82%,transparent);backdrop-filter:saturate(180%) blur(20px);-webkit-backdrop-filter:saturate(180%) blur(20px);border-top:1px solid var(--line)}
.tabbar button{display:flex;flex-direction:column;align-items:center;justify-content:center;gap:3px;font-size:10px;font-weight:700;letter-spacing:.02em;color:var(--faint);border-radius:12px;transition:color .15s,transform .1s}
.tabbar button:active{transform:scale(.92)}
.tabbar button svg{width:24px;height:24px;stroke:currentColor;fill:none;stroke-width:1.9;stroke-linecap:round;stroke-linejoin:round}
.tabbar button[aria-selected="true"]{color:var(--gold-text)}
.tabbar button .badge{position:absolute;margin-left:22px;margin-top:-26px;min-width:16px;height:16px;border-radius:8px;background:var(--bad);color:#fff;font-size:9px;font-weight:800;display:grid;place-items:center;padding:0 4px}
@media (min-width:860px){ .tabbar{display:none} body{padding-bottom:40px} }
@media (max-width:859px){ .top .seg,.top .search,.top .online{display:none} .top{padding:8px 14px} }

/* ---------- page ---------- */
.page{max-width:1180px;margin:0 auto;padding:14px 16px 20px;animation:fadeUp .22s ease-out}
@keyframes fadeUp{from{opacity:0;transform:translateY(6px)}to{opacity:1;transform:none}}
@keyframes pop{0%{transform:scale(.6);opacity:0}70%{transform:scale(1.08)}100%{transform:scale(1);opacity:1}}
.lt{display:flex;align-items:flex-end;justify-content:space-between;gap:12px;margin:4px 0 12px}
.lt h2{font-size:28px;font-weight:800;letter-spacing:-.02em;line-height:1.05}
.lt .sub{font-size:12.5px;color:var(--muted);margin-top:4px;font-weight:600}
.lt .sub b{color:var(--fg)}
.sec{font-size:11px;font-weight:800;letter-spacing:.16em;text-transform:uppercase;color:var(--muted);margin:16px 2px 8px;display:flex;align-items:center;justify-content:space-between;gap:8px}
.sec .lnk{font-size:11px;font-weight:700;letter-spacing:0;text-transform:none;color:var(--gold-text)}
.grid{display:grid;gap:12px}
.g2{grid-template-columns:1fr 1fr}.g3{grid-template-columns:repeat(3,1fr)}.g4{grid-template-columns:repeat(4,1fr)}
@media (max-width:859px){ .g3,.g4{grid-template-columns:1fr 1fr} .g2m1{grid-template-columns:1fr} }
@media (max-width:420px){ .g4{grid-template-columns:1fr 1fr} }

/* ---------- cards ---------- */
.card{background:var(--card);border-radius:var(--r);padding:16px;box-shadow:var(--sh);border:1px solid var(--line2);min-width:0;position:relative}
.card.navy{background:var(--navy);color:#fff;border-color:#1B3158}
.card.navy .mut{color:#AEB8CB}
.card.gold{background:linear-gradient(135deg,#D9BC7A,var(--gold) 60%,#B2924F);color:var(--gold-ink);border:0}
.card.press{cursor:pointer;transition:transform .12s,box-shadow .12s}
.card.press:active{transform:scale(.985)}
.card.press:hover{box-shadow:0 1px 2px rgba(10,25,50,.05),0 14px 36px -18px rgba(10,25,50,.35)}
.card .t{font-size:10px;font-weight:800;letter-spacing:.18em;text-transform:uppercase;color:var(--gold-text);margin-bottom:6px}
.card .n{font-size:30px;font-weight:800;line-height:1;letter-spacing:-.02em}
.card .l{font-size:12px;font-weight:700;margin-top:5px}
.card .d{font-size:11px;color:var(--muted);margin-top:4px;font-weight:600}
.kpi{padding:12px 14px;border-radius:14px}
.kpi .n{font-size:24px}
.kpi.hot .n{color:var(--gold)}
.chev{position:absolute;right:12px;top:50%;transform:translateY(-50%);color:var(--faint);font-size:18px}
.pillc{position:absolute;top:10px;right:10px;font-size:9px;font-weight:800;padding:2px 7px;border-radius:999px;background:var(--gold);color:var(--gold-ink);letter-spacing:.06em}

/* ---------- rings ---------- */
.rings{display:flex;align-items:center;gap:16px}
.rings svg{width:132px;height:132px;flex:none}
.rings .lg{display:grid;gap:8px;flex:1;min-width:0}
.rings .lg div{display:flex;align-items:center;gap:8px;font-size:12px;font-weight:700}
.rings .lg i{width:10px;height:10px;border-radius:50%;flex:none}
.rings .lg b{font-size:15px;font-weight:800}
.rings .lg span{color:var(--muted);font-weight:600;font-size:11px}
.ring-track{stroke:var(--line2)}
.card.navy .ring-track{stroke:rgba(255,255,255,.12)}
.ring{fill:none;stroke-linecap:round;transform:rotate(-90deg);transform-origin:50% 50%;transition:stroke-dashoffset .9s cubic-bezier(.2,.8,.2,1)}
.rings.sm svg{width:72px;height:72px}
/* lead generating activity (replaces today's rings) */
.lga{width:100%;border-collapse:collapse;font-variant-numeric:tabular-nums}
.lga th{font-size:10px;font-weight:800;letter-spacing:.14em;text-transform:uppercase;color:var(--muted);text-align:right;padding:0 0 8px;white-space:nowrap}
.lga th:first-child{text-align:left}
.lga td{padding:8px 0;border-top:1px solid var(--line2);font-size:13px;font-weight:700;text-align:right}
.lga td:first-child{text-align:left;display:flex;align-items:center;gap:8px}
.lga td b{font-size:18px;font-weight:800;letter-spacing:-.02em}
.lga tr.tot td{border-top:2px solid var(--line);padding-top:10px}
.lga tr.tot td b{color:var(--gold-text);font-size:20px}
.lga td.z b{color:var(--faint)}
.lga .sub{display:block;font-size:10px;font-weight:700;color:var(--muted);margin-top:1px}

/* ---------- lists ---------- */
.list{display:flex;flex-direction:column;gap:6px;min-width:0}
.lrow{display:grid;grid-template-columns:auto minmax(0,1fr) auto;gap:4px 12px;align-items:center;background:var(--card);border:1px solid var(--line2);border-radius:14px;padding:10px 12px;width:100%;transition:transform .1s,border-color .12s;box-shadow:var(--sh)}
.lrow:hover{border-color:var(--gold)}
.lrow:active{transform:scale(.99)}
.lrow .nm{font-weight:800;font-size:13.5px;grid-column:2;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
.lrow .co{grid-column:2;font-size:11.5px;color:var(--muted);overflow:hidden;text-overflow:ellipsis;white-space:nowrap;font-weight:600}
.lrow .rt{grid-column:3;grid-row:1/3;display:flex;flex-direction:column;align-items:flex-end;gap:4px;font-size:11px;font-weight:700;color:var(--muted);text-align:right}
.lrow .ic{grid-column:1;grid-row:1/3}
.lrow .xtra{grid-column:2/4;font-size:11px;color:var(--gold);font-weight:700}
.lrow.flat{background:transparent;border:0;box-shadow:none;border-radius:0;border-bottom:1px solid var(--line2);padding:10px 2px}
.lrow.flat:last-child{border-bottom:0}
.av{width:34px;height:34px;border-radius:50%;display:inline-grid;vertical-align:middle;place-items:center;font-size:12px;font-weight:800;color:#fff;background:var(--navy);flex:none;letter-spacing:.02em}
.av.luke{background:var(--navy);color:var(--gold)} .av.tony{background:var(--gold);color:var(--gold-ink)} .av.jude{background:var(--jude);color:#fff} .av.none{background:var(--line);color:var(--muted)}
.av.sm{width:24px;height:24px;font-size:9px}
.av.lg{width:48px;height:48px;font-size:16px}
.av.dot::after{content:"";position:absolute;width:9px;height:9px;border-radius:50%;background:var(--ok);margin:24px 0 0 24px;box-shadow:0 0 0 2px var(--card)}
.tag{display:inline-flex;align-items:center;gap:4px;font-size:10px;font-weight:800;letter-spacing:.06em;text-transform:uppercase;padding:3px 8px;border-radius:999px;border:1px solid var(--line);color:var(--muted);white-space:nowrap}
.tag.luke{border-color:var(--luke);color:var(--luke)} .tag.tony{border-color:var(--gold);color:#9A7D3F} .tag.jude{border-color:var(--jude);color:var(--jude)}
.tag.ok{border-color:var(--ok);color:var(--ok)} .tag.bad{border-color:var(--bad);color:var(--bad)} .tag.gold{background:var(--gold);border-color:var(--gold);color:var(--gold-ink)} .tag.navy{background:var(--navy);border-color:var(--navy);color:#fff} .tag.warn{border-color:var(--warn);color:var(--warn)}
.due{font-size:11px;font-weight:800}
.due.late{color:var(--bad)} .due.today{color:var(--warn-text)}
.empty{color:var(--faint);font-size:12.5px;padding:14px;text-align:center;font-weight:600}

/* ---------- buttons & chips ---------- */
.btn{display:inline-flex;align-items:center;justify-content:center;gap:6px;padding:9px 14px;border-radius:12px;font-weight:800;font-size:12.5px;background:var(--navy);color:#fff;transition:transform .1s,opacity .15s;white-space:nowrap}
.btn:active{transform:scale(.96)} .btn:disabled{opacity:.4;cursor:default}
.btn.gold{background:var(--gold);color:var(--gold-ink)}
.btn.ghost{background:var(--card2);color:var(--fg);border:1px solid var(--line)}
.btn.ok{background:var(--okfill);color:#fff} .btn.bad{background:var(--bad);color:#fff}
.btn.sm{padding:6px 10px;font-size:11.5px;border-radius:10px}
.btn.xs{padding:6px 9px;font-size:10.5px;border-radius:8px;min-height:30px}
.btn.wide{width:100%}
.btn svg{width:15px;height:15px;stroke:currentColor;fill:none;stroke-width:2.2;stroke-linecap:round;stroke-linejoin:round}
.chips{display:flex;flex-wrap:wrap;gap:6px;align-items:center}
.chip{border:1px solid var(--line);background:var(--card);color:var(--muted);padding:7px 11px;min-height:32px;font-size:11.5px;font-weight:700;border-radius:999px;transition:transform .1s;white-space:nowrap}
.chip:active{transform:scale(.95)}
.chip[aria-pressed="true"]{background:var(--navy);color:#fff;border-color:var(--navy)}
.chip.gold[aria-pressed="true"]{background:var(--gold);color:var(--gold-ink);border-color:var(--gold)}
.segc{display:inline-flex;background:var(--line2);padding:3px;border-radius:11px;gap:2px}
.segc button{padding:6px 12px;border-radius:9px;font-size:12px;font-weight:700;color:var(--muted);transition:background .15s,color .15s}
.segc button[aria-pressed="true"]{background:var(--card);color:var(--fg);box-shadow:0 1px 3px rgba(10,25,50,.12)}
.bar{display:block;height:8px;border-radius:999px;background:var(--line2);overflow:hidden}
.bar i{display:block;height:100%;border-radius:999px;background:var(--gold);transition:width .8s cubic-bezier(.2,.8,.2,1)}
.bar i.ok{background:var(--ok)}
.card.navy .bar{background:rgba(255,255,255,.12)}
.inp{width:100%;border:1px solid var(--line);border-radius:12px;padding:10px 12px;background:var(--card2);font-weight:600;outline:none}
.inp:focus{border-color:var(--gold);box-shadow:0 0 0 3px color-mix(in srgb,var(--gold) 25%,transparent)}
select.inp{appearance:none;-webkit-appearance:none}
textarea.inp{min-height:80px;resize:vertical;line-height:1.4}
.lbl{font-size:10.5px;font-weight:800;letter-spacing:.14em;text-transform:uppercase;color:var(--muted);margin:10px 0 5px}
.frm{display:grid;gap:4px}
.frm .two{display:grid;grid-template-columns:1fr 1fr;gap:10px}

/* ---------- funnel & tiles ---------- */
.funnel{display:grid;grid-template-columns:repeat(8,1fr);gap:8px;margin-bottom:8px}
.outs{display:grid;grid-template-columns:repeat(4,1fr);gap:8px;margin-bottom:14px}
.stile{text-align:left;border:1px solid var(--line2);border-radius:14px;padding:12px 12px 10px;background:var(--card);display:flex;flex-direction:column;position:relative;min-width:0;transition:transform .12s,border-color .12s;box-shadow:var(--sh)}
.stile:hover{transform:translateY(-2px);border-color:var(--gold)}
.stile:active{transform:scale(.97)}
.stile[aria-pressed="true"]{background:var(--navy);color:#fff;border-color:var(--gold)}
.stile .no{font-size:9px;font-weight:800;letter-spacing:.2em;color:var(--gold);min-height:11px}
.stile .no:not(:empty)::before{content:"STEP "}
.stile .n{font-size:28px;font-weight:800;line-height:1;letter-spacing:-.02em;margin-top:4px}
.stile .l{font-size:11px;font-weight:700;margin-top:5px}
.stile .pipe{font-size:9px;color:var(--gold-ink);background:var(--gold);font-weight:800;padding:2px 6px;border-radius:999px;position:absolute;top:-7px;right:8px;box-shadow:0 1px 3px rgba(0,0,0,.18)}
.stile.out{background:var(--navy);color:#fff;border-color:#1B3158}
.stile.out .n{color:var(--gold)}
.stile.out.meeting .n,.stile.out.won .n{color:#7FE0A8}
.stile.out.closed .n{color:#AEB8CB}
.stile.out.nurture .n{color:#E8D39A}
.stile.out[aria-pressed="true"]{box-shadow:0 0 0 2px var(--gold)}
.layers{display:grid;grid-template-columns:repeat(auto-fit,minmax(160px,1fr));gap:10px;margin-bottom:16px}
@media (min-width:1100px){ .layers{grid-template-columns:repeat(7,1fr)} }
.tile{text-align:left;border:1px solid var(--line2);border-radius:16px;padding:14px 14px 12px;background:var(--card);display:flex;flex-direction:column;min-width:0;position:relative;transition:transform .12s,border-color .12s;box-shadow:var(--sh)}
.tile:hover{transform:translateY(-2px);border-color:var(--gold)}
.tile:active{transform:scale(.97)}
.tile[aria-pressed="true"]{background:var(--navy);color:#fff;border-color:var(--gold)}
.tile[disabled]{opacity:.5}
.tile .t{font-size:9px;font-weight:800;letter-spacing:.2em;text-transform:uppercase;color:var(--gold);margin-bottom:8px}
.tile .n{font-size:30px;font-weight:800;line-height:1;letter-spacing:-.02em}
.tile .l{font-size:12px;font-weight:700;margin-top:6px}
.tile .d{font-size:11px;color:var(--muted);margin-top:5px;font-weight:600}
.tile[aria-pressed="true"] .d{color:#AEB8CB}
.tile .pipe{font-size:9px;color:var(--gold-ink);background:var(--gold);font-weight:800;padding:2px 7px;border-radius:999px;position:absolute;top:11px;right:11px}
.crumb{display:flex;align-items:center;gap:10px;margin-bottom:12px}
.crumb h2{font-size:22px;font-weight:800;letter-spacing:-.01em}
.crumb .cnt{font-size:11px;color:var(--gold);font-weight:800;letter-spacing:.14em;text-transform:uppercase}
.mk{display:grid;grid-template-columns:minmax(0,1fr);gap:14px}
@media (min-width:980px){ .mk{grid-template-columns:minmax(0,1.05fr) minmax(0,.95fr)} .mk .panel{position:sticky;top:76px;align-self:start;max-height:calc(100vh - 100px);overflow:auto} }
.row{display:grid;grid-template-columns:minmax(0,1fr) auto;gap:2px 10px;align-items:center;background:var(--card);border:1px solid var(--line2);border-radius:14px;padding:10px 12px;width:100%;text-align:left;box-shadow:var(--sh);transition:transform .1s,border-color .12s}
.row:hover{border-color:var(--gold)} .row:active{transform:scale(.99)}
.row[aria-pressed="true"]{border-color:var(--gold);box-shadow:inset 0 0 0 1px var(--gold)}
.row .nm{font-weight:800;font-size:13.5px}
.row .right{text-align:right;font-size:11px;color:var(--muted);font-weight:700;line-height:1.3}
.row .right b{display:block;font-size:14px;color:var(--fg)}
.row .ctx{grid-column:1/-1;font-size:11.5px;color:var(--muted);font-weight:600}
.panel{background:var(--card);border:1px solid var(--line2);border-radius:var(--r);padding:16px;box-shadow:var(--sh)}
.panel h3{font-size:18px;font-weight:800}
.panel .meta{font-size:12px;color:var(--muted);font-weight:600;margin-top:2px}
.kv{display:grid;grid-template-columns:auto 1fr;gap:4px 12px;font-size:12.5px;margin:10px 0}
.kv dt{color:var(--muted);font-weight:700} .kv dd{margin:0;font-weight:600}
.h4{font-size:10.5px;font-weight:800;letter-spacing:.16em;text-transform:uppercase;color:var(--muted);margin:14px 0 6px}
.ppl{display:grid;gap:8px}
.pc{border:1px solid var(--line2);border-radius:14px;padding:10px 12px;background:var(--card2)}
.pc .nm{font-weight:800;font-size:13.5px} .pc .tt{font-size:11.5px;color:var(--muted);font-weight:600}
.pc .ct{display:flex;flex-wrap:wrap;gap:5px;margin:7px 0}
.pc .act{display:flex;flex-wrap:wrap;gap:6px;align-items:center}
.cp{font-size:11px;font-weight:700;background:var(--card);border:1px solid var(--line);border-radius:8px;padding:5px 8px;min-height:30px;cursor:pointer;display:inline-flex;gap:5px;align-items:center}
.cp .k{color:var(--faint);font-size:9.5px;letter-spacing:.08em;text-transform:uppercase}
.cp.copied{border-color:var(--ok);color:var(--ok)}
.dnc{color:var(--bad);font-size:9px;font-weight:800;letter-spacing:.08em}
.li{font-size:10.5px;font-weight:800;text-decoration:none;color:var(--gold-ink);background:var(--gold);padding:4px 8px;border-radius:8px;white-space:nowrap}
.li.none{background:transparent;color:var(--faint);border:1px dashed var(--line)}
.fld{display:flex;flex-wrap:wrap;gap:8px;align-items:center;margin-bottom:10px}
.sel{border:1px solid var(--line);border-radius:10px;padding:7px 10px;background:var(--card);font-weight:700;font-size:12px}
.tbl{overflow:auto;border:1px solid var(--line2);border-radius:14px;background:var(--card)}
table{border-collapse:collapse;width:100%;font-size:12.5px}
th{text-align:left;font-size:10px;letter-spacing:.12em;text-transform:uppercase;color:var(--muted);padding:9px 10px;border-bottom:1px solid var(--line);font-weight:800;white-space:nowrap}
td{padding:8px 10px;border-bottom:1px solid var(--line2);vertical-align:top}
td.num,th.num{text-align:right}
.more{margin:10px auto;display:flex}

/* ---------- feed ---------- */
.feed{display:flex;flex-direction:column;gap:8px}
.fi{display:grid;grid-template-columns:auto minmax(0,1fr);gap:4px 12px;background:var(--card);border:1px solid var(--line2);border-radius:16px;padding:12px 14px;box-shadow:var(--sh)}
.fi .ico{width:38px;height:38px;border-radius:12px;display:grid;place-items:center;grid-row:1/6;font-size:16px}
.fi .hd,.fi .dt,.fi .ac,.fi .ft{grid-column:2;min-width:0}
.fi .ico.deal{background:#FFF4D6;color:#9A7D3F} .fi .ico.hire{background:#E4F7EC;color:#1F7A4B} .fi .ico.move{background:#FDE8E8;color:#B23B3B} .fi .who{grid-column:2;font-size:12px;font-weight:700;color:var(--fg);margin-top:4px;line-height:1.35}
.fi .ico.adchase{background:#E6EEFF;color:#2A56B5} .fi .ico.exec{background:#FFF4D6;color:#9A7D3F} .fi .ico.hiring{background:#E3F4F6;color:#1C6E7A} .fi .ico.note{background:var(--line2);color:var(--muted)}
.card.navy .fi .ico,[data-theme="dark"] .fi .ico{filter:saturate(.9)}
.fi .hd{font-weight:800;font-size:13.5px;line-height:1.3}
.fi .dt{font-size:12px;color:var(--muted);font-weight:600;line-height:1.4}
.fi .ac{font-size:11.5px;color:var(--gold-text);font-weight:700;border-left:2px solid var(--gold);padding-left:8px;margin-top:2px}
.fi .ft{display:flex;flex-wrap:wrap;gap:6px;align-items:center;margin-top:6px}
.fi .when{font-size:10px;color:var(--faint);font-weight:700;letter-spacing:.06em;text-transform:uppercase}
.fi.dim{opacity:.55}
.daysep{font-size:10.5px;font-weight:800;letter-spacing:.14em;text-transform:uppercase;color:var(--faint);margin:10px 2px 4px}

/* ---------- missions ---------- */
.mcard{display:grid;grid-template-columns:auto minmax(0,1fr);gap:6px 14px;align-items:center}
.mcard .ttl{font-weight:800;font-size:14.5px;line-height:1.25}
.mcard .meta{font-size:11.5px;color:var(--muted);font-weight:600}
.mcard .prog{grid-column:2;display:flex;align-items:center;gap:10px;font-size:12px;font-weight:800}
.mcard .prog .bar{flex:1}
.mcard.done{border-color:var(--gold)}
.mcard .pts{position:absolute;top:12px;right:12px;font-size:10px;font-weight:800;color:var(--gold-ink);background:var(--gold);padding:3px 8px;border-radius:999px;letter-spacing:.06em}
.mring{width:56px;height:56px;position:relative;display:grid;place-items:center}
.mring svg{position:absolute;inset:0;width:100%;height:100%}
.mring b{font-size:12px;font-weight:800;position:relative}
.tpls{display:grid;grid-template-columns:1fr 1fr;gap:8px}
.tpl{border:1px solid var(--line);border-radius:12px;padding:10px;background:var(--card2);text-align:left;font-size:12px;font-weight:700;line-height:1.3}
.tpl:hover{border-color:var(--gold)}
.tpl span{display:block;color:var(--muted);font-size:11px;font-weight:600;margin-top:2px}

/* ---------- leaderboard ---------- */
.lb{display:grid;gap:8px}
.lbr{display:grid;grid-template-columns:28px auto minmax(0,1fr) auto;gap:12px;align-items:center;padding:10px 12px;border-radius:14px;background:var(--card);border:1px solid var(--line2);box-shadow:var(--sh)}
.lbr .rk{font-size:18px;font-weight:800;color:var(--faint);text-align:center}
.lbr:first-child .rk{color:var(--gold)}
.lbr .nm{font-weight:800;font-size:14px}
.lbr .st{font-size:11px;color:var(--muted);font-weight:600}
.lbr .pt{font-size:20px;font-weight:800;text-align:right;letter-spacing:-.02em}
.lbr .pt span{display:block;font-size:10px;color:var(--muted);letter-spacing:.1em;text-transform:uppercase}
.streak{display:inline-flex;align-items:center;gap:4px;font-size:11px;font-weight:800;color:var(--warn-text)}

/* ---------- sheet (lead card / forms) ---------- */
.backdrop{position:fixed;inset:0;background:rgba(5,12,28,.45);z-index:70;opacity:0;transition:opacity .2s;backdrop-filter:blur(2px)}
.backdrop.on{opacity:1}
.sheet{position:fixed;z-index:71;background:var(--card);color:var(--fg);box-shadow:0 -10px 40px rgba(0,0,0,.25);display:flex;flex-direction:column;
  left:0;right:0;bottom:0;max-height:92vh;max-height:92dvh;border-radius:22px 22px 0 0;transform:translateY(100%);transition:transform .28s cubic-bezier(.2,.8,.2,1)}
.sheet.on{transform:none}
.sheet .grab{width:38px;height:5px;border-radius:3px;background:var(--line);margin:8px auto 2px;flex:none}
.sheet .in{flex:1 1 auto;min-height:0;overflow:auto;overscroll-behavior:contain;padding:8px 18px calc(24px + env(safe-area-inset-bottom,0px));display:flex;flex-direction:column;gap:10px;-webkit-overflow-scrolling:touch}
.sheet .hd{display:flex;align-items:flex-start;justify-content:space-between;gap:10px}
.sheet .hd h3{font-size:20px;font-weight:800;letter-spacing:-.01em;line-height:1.15}
.sheet .close{width:36px;height:36px;border-radius:50%;background:var(--line2);display:grid;place-items:center;font-size:14px;font-weight:800;color:var(--muted);flex:none}
@media (min-width:860px){ .sheet{left:auto;top:0;bottom:0;right:0;width:520px;max-height:none;border-radius:22px 0 0 22px;transform:translateX(100%)} .sheet.on{transform:none} .sheet .grab{display:none} .sheet .in{padding-top:18px} }
.actions{display:grid;grid-template-columns:repeat(4,1fr);gap:8px}
.actions a,.actions button{display:flex;flex-direction:column;align-items:center;gap:4px;padding:10px 4px;border-radius:14px;background:var(--card2);border:1px solid var(--line2);text-decoration:none;font-size:10.5px;font-weight:800;color:var(--fg);transition:transform .1s}
.actions a:active,.actions button:active{transform:scale(.95)}
.actions svg{width:20px;height:20px;stroke:var(--navy);fill:none;stroke-width:2;stroke-linecap:round;stroke-linejoin:round}
[data-theme="dark"] .actions svg{stroke:var(--gold)}
@media (prefers-color-scheme: dark){ :root:not([data-theme="light"]) .actions svg{stroke:var(--gold)} }
.actions a.dis{opacity:.35;pointer-events:none}
.steps{display:flex;flex-direction:column;gap:4px}
.step{display:grid;grid-template-columns:26px 1fr auto;gap:8px;align-items:center;padding:8px 10px;border-radius:12px;border:1px solid var(--line2);background:var(--card2)}
.step.on{opacity:.6} .step.next{border-color:var(--gold);background:color-mix(in srgb,var(--gold) 10%,var(--card))}
.step .no{width:24px;height:24px;border-radius:50%;background:var(--line);display:grid;place-items:center;font-size:11px;font-weight:800}
.step.on .no{background:var(--okfill);color:#fff} .step.next .no{background:var(--gold);color:var(--gold-ink)}
.step .what{font-size:12px;font-weight:700;line-height:1.3} .step .what span{display:block;font-size:10.5px;color:var(--muted);font-weight:600}
.tick{padding:8px 12px;min-height:36px;border-radius:9px;background:var(--navy);color:#fff;font-size:11px;font-weight:800}
.step.next .tick{background:var(--gold);color:var(--gold-ink)}
.when{font-size:10.5px;color:var(--muted);font-weight:700}
.tplbox{font-size:12px;white-space:pre-wrap;background:var(--card2);border:1px solid var(--line2);border-radius:12px;padding:10px;line-height:1.45;font-weight:500}
.log{display:flex;flex-direction:column;gap:4px;font-size:11.5px;color:var(--muted);font-weight:600}
.log b{color:var(--fg)}
.mtg{background:var(--navy);color:#fff;border-left:3px solid var(--gold);padding:10px 12px;border-radius:12px;font-size:12.5px;font-weight:600;line-height:1.45}
.mtg b{color:var(--gold)}
.hook{font-size:12.5px;border-left:3px solid var(--gold);padding-left:10px;color:var(--muted);font-weight:600;line-height:1.45}
.ta{width:100%;border:1px solid var(--line);border-radius:12px;padding:10px;background:var(--card2);min-height:70px;resize:vertical;font-weight:500;outline:none}
.ta:focus{border-color:var(--gold)}

/* ---------- toast & confetti ---------- */
.toast{pointer-events:none;position:fixed;left:50%;bottom:calc(var(--tab-h) + 18px + env(safe-area-inset-bottom,0px));transform:translateX(-50%);background:var(--navy);color:#fff;padding:10px 16px;border-radius:999px;font-size:12.5px;font-weight:700;z-index:90;box-shadow:0 10px 30px rgba(0,0,0,.3);border:1px solid var(--gold);animation:pop .25s ease-out;max-width:90vw;text-align:center}
@media (min-width:860px){ .toast{bottom:24px} }
#confetti{position:fixed;inset:0;pointer-events:none;z-index:95}
.banner{background:var(--card);border:1px solid var(--line);border-radius:12px;padding:8px 12px;font-size:12px;margin:10px 16px 0;color:var(--muted);font-weight:600;max-width:1148px}
@media (min-width:1180px){ .banner{margin:10px auto 0} }
.cnt-up{display:inline-block}
.sk{background:linear-gradient(90deg,var(--line2),var(--card2),var(--line2));background-size:200% 100%;animation:sk 1.2s infinite;border-radius:8px;color:transparent}
@keyframes sk{from{background-position:200% 0}to{background-position:-200% 0}}
.hero{background:var(--navy);color:#fff;border-radius:var(--r);padding:18px;position:relative;overflow:hidden;border:1px solid #1B3158}
.hero::after{content:"";position:absolute;right:-60px;top:-60px;width:220px;height:220px;border-radius:50%;background:radial-gradient(circle,rgba(201,168,97,.35),transparent 70%)}
.hero .greet{font-size:11px;font-weight:800;letter-spacing:.18em;text-transform:uppercase;color:var(--gold)}
.hero h2{font-size:26px;font-weight:800;letter-spacing:-.02em;margin-top:4px;line-height:1.1}
.hero .sub{font-size:12.5px;color:#AEB8CB;font-weight:600;margin-top:6px}
.hero .stats{display:flex;gap:18px;margin-top:14px;flex-wrap:wrap}
.hero .stats div{font-size:11px;color:#AEB8CB;font-weight:700}
.hero .stats b{display:block;font-size:22px;color:#fff;letter-spacing:-.02em;line-height:1.1}
.hero .stats b.gold{color:var(--gold)}
.quick{display:grid;grid-template-columns:repeat(4,1fr);gap:8px}
.quick button{display:flex;flex-direction:column;align-items:center;gap:5px;padding:12px 6px;border-radius:14px;background:var(--card);border:1px solid var(--line2);font-size:10.5px;font-weight:800;box-shadow:var(--sh);position:relative;transition:transform .1s}
.quick button:active{transform:scale(.95)}
.quick svg{width:22px;height:22px;stroke:var(--navy);fill:none;stroke-width:2;stroke-linecap:round;stroke-linejoin:round}
[data-theme="dark"] .quick svg{stroke:var(--gold)}
@media (prefers-color-scheme: dark){ :root:not([data-theme="light"]) .quick svg{stroke:var(--gold)} }
.quick .b{position:absolute;top:6px;right:8px;min-width:18px;height:18px;border-radius:9px;background:var(--bad);color:#fff;font-size:10px;font-weight:800;display:grid;place-items:center;padding:0 5px}
.quick .b.gold{background:var(--gold);color:var(--gold-ink)}
.whoami{display:flex;gap:8px;flex-wrap:wrap;align-items:center}

/* mobile search toggle */
.sbtn{display:none;width:34px;height:34px;border-radius:10px;background:rgba(255,255,255,.08);place-items:center;margin-left:auto}
.sbtn svg{width:16px;height:16px;stroke:#fff;fill:none;stroke-width:2.2}
@media (max-width:859px){ .sbtn{display:grid} .top.sopen .search{display:flex;flex:1 1 100%;order:9;max-width:none} }

/* today two-column on desktop */
.today{display:grid;gap:14px;grid-template-columns:minmax(0,1fr)}
@media (min-width:860px){ .today{grid-template-columns:minmax(0,1.25fr) minmax(0,.85fr);align-items:start} .today .col>:first-child .sec,.today .col>.sec:first-child{margin-top:0} .today .col{display:grid;gap:4px;align-content:start} .quick{margin-top:12px} }
@media (max-width:859px){ .today .col{display:contents} .o1{order:1}.o1b{order:1}.o1c{order:1}.o2{order:2}.o3{order:3}.o4{order:4}.o5{order:5}.o6{order:6}.o7{order:7}.o8{order:8} .today{gap:6px} }
@media (max-width:859px){
  .funnel{grid-template-columns:repeat(4,1fr);gap:6px}
  .outs{gap:6px}
  .stile{padding:9px 8px 8px;border-radius:12px}
  .stile .no{font-size:8px;letter-spacing:.14em}
  .stile .n{font-size:22px}
  .stile .l{font-size:10px;margin-top:3px}
  .stile .pipe{font-size:8px;top:-6px;right:6px;padding:1px 5px}
  .card.kpi{padding:10px 12px}
  .kpi .n{font-size:22px}
  .card .t{font-size:9px;letter-spacing:.14em;margin-bottom:4px}
  .lt h2{font-size:24px}
  .page{padding:10px 12px 20px}
  .layers{gap:8px}
  .tile{padding:11px 12px 10px}
  .tile .n{font-size:24px}
}

.quick button.hot{background:var(--navy);color:#fff;border-color:var(--navy)}
.quick button.hot svg{stroke:var(--gold)}
/* power hour */
.ph{display:flex;flex-direction:column;gap:10px;min-width:0}
.ph .big a,.ph .big button,.ph .outs2 button{min-width:0;overflow:hidden;white-space:nowrap;text-overflow:ellipsis}
.ph .big{grid-template-columns:minmax(0,1fr) minmax(0,1fr)}
.ph .outs2{grid-template-columns:repeat(3,minmax(0,1fr))}
.ph .prog{display:flex;align-items:center;gap:10px;font-size:12px;font-weight:800}
.ph .prog .bar{flex:1}
.ph .who{background:var(--navy);color:#fff;border-radius:16px;padding:16px;position:relative;overflow:hidden}
.ph .who::after{content:"";position:absolute;right:-50px;top:-50px;width:180px;height:180px;border-radius:50%;background:radial-gradient(circle,rgba(201,168,97,.35),transparent 70%)}
.ph .who h3{font-size:22px;font-weight:800;letter-spacing:-.01em}
.ph .who .sub{font-size:12.5px;color:#AEB8CB;font-weight:600;margin-top:3px}
.ph .who .step{margin-top:10px;display:inline-flex;align-items:center;gap:8px;background:rgba(255,255,255,.08);border:1px solid rgba(201,168,97,.4);border-radius:10px;padding:6px 10px;font-size:12px;font-weight:800;color:var(--gold)}
.ph .who .hook{color:#DCE1EA;margin-top:10px;border-color:var(--gold)}
.ph .big{display:grid;grid-template-columns:1fr 1fr;gap:8px}
.ph .big a,.ph .big button{display:flex;align-items:center;justify-content:center;gap:8px;padding:16px 10px;border-radius:14px;font-size:clamp(12.5px,3.9vw,15px);font-weight:800;text-decoration:none;background:var(--gold);color:var(--gold-ink);transition:transform .1s}
.ph .big a:active,.ph .big button:active{transform:scale(.97)}
.ph .big a.dis{opacity:.35;pointer-events:none}
.ph .big svg{width:20px;height:20px;stroke:currentColor;fill:none;stroke-width:2.2;stroke-linecap:round;stroke-linejoin:round}
.ph .outs2{display:grid;grid-template-columns:repeat(3,1fr);gap:8px}
.ph .outs2 button{padding:12px 6px;border-radius:12px;background:var(--card2);border:1px solid var(--line);font-size:12px;font-weight:800;text-align:center;transition:transform .1s}
.ph .outs2 button:active{transform:scale(.96)}
.ph .outs2 button.ok{background:var(--okfill);color:#fff;border-color:var(--okfill)}
.ph .outs2 button.skip{color:var(--muted)}
.ph .done{text-align:center;padding:24px 10px}
.ph .done h3{font-size:26px;font-weight:800}
.ph .done .n{font-size:48px;font-weight:800;color:var(--gold);letter-spacing:-.03em;line-height:1}

.pulse{display:grid;gap:8px;margin-top:6px}
.prow2 .btn.xs{flex:0 0 auto;margin-left:6px}
.prow2{display:grid;grid-template-columns:auto minmax(0,1fr) auto auto;gap:10px;align-items:center;cursor:pointer}
.prow2 .nm2{font-size:12.5px;font-weight:800}
.badges{display:flex;flex-wrap:wrap;gap:6px;margin-top:6px}
.badge2{display:inline-flex;align-items:center;gap:5px;font-size:11px;font-weight:800;background:var(--card2);border:1px solid var(--line);border-radius:999px;padding:4px 9px}
.badge2.off{opacity:.35;filter:grayscale(1)}
.aibox{background:color-mix(in srgb,var(--gold) 12%,var(--card));border:1px solid var(--gold);border-radius:12px;padding:10px 12px;font-size:13px;line-height:1.5;white-space:pre-wrap;font-weight:500}
.aibox.wait{color:var(--muted);font-style:italic}
.hbtn{width:34px;height:34px;border-radius:10px;background:rgba(255,255,255,.08);display:grid;place-items:center;color:var(--gold);font-weight:800;font-size:15px;flex:none}
.sugg{border:1px dashed var(--gold);background:color-mix(in srgb,var(--gold) 8%,var(--card))}

html,body{overflow-x:hidden;max-width:100vw}
@media (max-width:859px){ .top{overflow:hidden;gap:8px} .brand{min-width:0;flex:1 1 auto} .brand h1{font-size:15px} .brand .wordmark{font-size:8px;letter-spacing:.18em} .mebtn span:not(.av){display:none} .mebtn{padding:4px;border-radius:50%} .globe{width:30px;height:30px;font-size:15px} }

/* why-now rows */
.wnl{display:flex;flex-direction:column;gap:6px;margin:2px 0 8px}
.wn{display:grid;grid-template-columns:30px minmax(0,1fr);gap:8px;align-items:start;text-align:left;background:var(--card2);border:1px solid var(--line);border-radius:12px;padding:8px 10px;color:var(--fg);text-decoration:none;font:inherit;cursor:pointer;width:100%}
.wn.flat{cursor:default}
.wn:not(.flat):active{transform:scale(.99)}
.wn .ico{width:30px;height:30px;border-radius:9px;display:grid;place-items:center;font-size:14px;background:var(--line2)}
.wn .ico.deal{background:#FFF4D6} .wn .ico.hire{background:#E4F7EC} .wn .ico.move{background:#FDE8E8} .wn .ico.adchase{background:#E6EEFF} .wn .ico.exec{background:#FFF4D6} .wn .ico.hiring{background:#E3F4F6}
.wn>span:last-child{display:flex;flex-direction:column;gap:2px;min-width:0}
.wn b{font-size:12.5px;font-weight:700;line-height:1.3}
.wn span span{font-size:11px;color:var(--muted);font-weight:600;line-height:1.35}
.fi.flash{animation:flash 1.6s ease-out 1}
@keyframes flash{0%{box-shadow:0 0 0 3px var(--gold)}100%{box-shadow:0 0 0 0 transparent}}

.ph .why{margin:8px auto 0;max-width:520px;text-align:left;display:flex;flex-direction:column;gap:4px}
.ph .why div{font-size:12px;font-weight:600;color:#E6ECF7;background:rgba(255,255,255,.08);border:1px solid rgba(255,255,255,.14);border-radius:10px;padding:6px 9px;line-height:1.35}
.ph .why i{font-style:normal;color:var(--gold);font-weight:700;margin-left:4px}

/* conversion strip */
.conv{display:flex;align-items:center;justify-content:space-between;gap:4px;background:var(--card);border:1px solid var(--line);border-radius:16px;padding:10px 12px;margin:10px 0 4px;box-shadow:var(--sh)}
.conv>div{display:flex;flex-direction:column;align-items:center;min-width:0;flex:1}
.conv b{font-size:20px;font-weight:800;letter-spacing:-.02em;line-height:1}
.conv span{font-size:10.5px;font-weight:700;color:var(--muted);margin-top:3px;text-align:center;white-space:nowrap}
.conv i{font-style:normal;color:var(--faint);font-weight:800;flex:0 0 auto}

/* relationship banners */
.relb{display:flex;gap:8px;align-items:flex-start;font-size:12.5px;font-weight:700;line-height:1.35;border-radius:12px;padding:9px 11px;margin:0 0 10px;border:1px solid}
.relb.client{background:#E4F7EC;border-color:#BFE8CE;color:#1F7A4B}
.relb.dna{background:#FDE8E8;border-color:#F3C2C2;color:#B23B3B}
.relb.warm{background:#FFF4D6;border-color:#EAD7A3;color:#7A6128}
.relb.dark{background:rgba(255,255,255,.1);border-color:rgba(255,255,255,.25);color:#fff;margin-bottom:10px}
@media (prefers-color-scheme: dark){ :root:not([data-theme="light"]) .relb.client{background:rgba(46,184,114,.14);border-color:rgba(46,184,114,.35);color:#7FE0A8} :root:not([data-theme="light"]) .relb.dna{background:rgba(226,75,75,.14);border-color:rgba(226,75,75,.4);color:#F39A9A} :root:not([data-theme="light"]) .relb.warm{background:rgba(201,168,97,.14);border-color:rgba(201,168,97,.4);color:#E8D39A} }

/* map */
:root{--map0:#E6ECF7}
@media (prefers-color-scheme: dark){ :root:not([data-theme="light"]){--map0:#1C2A44} }
:root[data-theme="dark"]{--map0:#1C2A44}
.mapcard{padding:8px 8px 6px}
.usmap{width:100%;height:auto;display:block}
.usmap path{stroke:var(--card);stroke-width:1.2;cursor:pointer;transition:fill .25s,stroke .15s}
.usmap path:hover{stroke:var(--navy);stroke-width:2}
.usmap path.on{stroke:var(--navy);stroke-width:3}
@media (prefers-color-scheme: dark){ :root:not([data-theme="light"]) .usmap path.on, :root:not([data-theme="light"]) .usmap path:hover{stroke:#fff} }
.usmap text{font-family:var(--font);font-weight:800;font-size:22px;fill:var(--fg);text-anchor:middle;pointer-events:none;paint-order:stroke;stroke:var(--card);stroke-width:3px;stroke-linejoin:round}
.maplegend{display:flex;justify-content:space-between;align-items:center;font-size:11px;font-weight:700;color:var(--muted);padding:4px 6px 0}
.maplegend .sw{display:flex;align-items:center;gap:4px}
.maplegend .sw i{width:14px;height:10px;border-radius:3px;display:inline-block;border:1px solid var(--line)}

.tgoal{margin-top:12px;padding-top:10px;border-top:1px solid rgba(255,255,255,.14)}
.tgoal .tgl{display:flex;justify-content:space-between;align-items:center;font-size:11.5px;font-weight:700;color:#E6ECF7}
.tgoal .tgl b{font-size:14px;color:#fff}

.sheet.noanim,.sheet.noanim~.backdrop{transition:none!important;animation:none!important}

.sel{max-width:100%;min-width:0}
.actions a.dncA{border-color:var(--bad)} .actions a .dnc,.big a .dnc{font-size:9px;font-weight:800;color:#fff;background:var(--bad);padding:2px 5px;border-radius:6px;margin-left:4px;letter-spacing:.06em;flex:none}
.ph .big a.dncA{box-shadow:inset 0 0 0 2px var(--bad)}
.actions a.armed,.big a.armed{background:var(--bad);color:#fff}
@media (prefers-color-scheme: dark){ :root:not([data-theme="light"]) .av.luke{background:#243B66;border:1px solid var(--gold);color:#fff} }
:root[data-theme="dark"] .av.luke{background:#243B66;border:1px solid var(--gold);color:#fff}
@media (max-width:600px){ .usmap text.sm,.usmap line.sm{display:none} }

.sheet .ta,.sheet .inp,.sheet select.inp{width:100%;max-width:100%;min-width:0;box-sizing:border-box}
.sheet .chips{flex-wrap:wrap} .sheet .chips .chip{max-width:100%;white-space:normal;text-align:left;line-height:1.3}

.askbar{display:flex;align-items:center;gap:10px;width:100%;text-align:left;background:linear-gradient(135deg,var(--navy),#1B2F55);color:#fff;border:1px solid rgba(201,168,97,.45);border-radius:14px;padding:11px 14px;margin:0 0 12px;font:inherit;font-weight:700;font-size:13px;cursor:pointer;box-shadow:var(--sh)}
.askbar .q{flex:1;min-width:0;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;color:#E8D39A}
.askbar .go{color:var(--gold);font-weight:800}
.askbar:active{transform:scale(.995)}

.tgt{width:100%;border-collapse:collapse;font-size:12.5px;table-layout:fixed} .tgt .inp{width:100%!important;min-width:0;padding:8px 6px!important;text-align:center} .tgt td:first-child,.tgt th:first-child{width:52px} .tgt th{text-align:left;font-size:10.5px;letter-spacing:.08em;text-transform:uppercase;color:var(--muted);padding:4px 6px 6px} .tgt td{padding:4px 6px} .tgt .inp{margin:0}

/* while you were away */
.since .xbtn{margin-left:auto;background:none;border:0;color:var(--muted);font-size:14px;min-width:36px;min-height:36px;padding:4px 8px;cursor:pointer;border-radius:8px;display:grid;place-items:center}
.since .xbtn:hover{background:var(--line)}
.since .wn .ico .av{width:22px;height:22px;font-size:10px}

.usmap text.off{text-anchor:start;font-size:15px;font-weight:700;fill:var(--muted)}
.usmap line.ld{stroke:var(--muted);stroke-width:1.1;opacity:.65}

/* power hour: call script folds on phones so the outcome buttons stay above the fold */
.tplbox{position:relative}
.tplbox .tplmore{display:none;position:absolute;left:0;right:0;bottom:0;border:0;background:linear-gradient(180deg,transparent,var(--card2) 55%);color:var(--gold);font:inherit;font-weight:800;font-size:11px;letter-spacing:.04em;padding:22px 0 6px;cursor:pointer}
.tplbox.clip{max-height:118px;overflow:hidden}
.tplbox.clip .tplmore{display:block}
.tplbox:not(.clip) .tplmore{display:block;position:static;background:none;padding:6px 0 0;text-align:right}
.ph .big a .dnc{flex:none}
.tplbox .tplmore{text-align:center}

/* phone: bigger hit areas for the controls used most */
@media (max-width:600px){ .fi .btn.xs,.wn .btn.xs,.steps .tick{min-height:36px} .mebtn{min-width:36px;min-height:36px} .ph .outs2{grid-template-columns:repeat(3,minmax(0,1fr))} }
@media (max-width:380px){ .ph .outs2{grid-template-columns:repeat(2,minmax(0,1fr))} }
.ph .big a .num{min-width:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
.ph .big a svg{flex:none}

/* team goal block in the hero */
.tgoal.big{display:block;width:100%;text-align:left;font:inherit;color:inherit;background:none;border:0;border-top:1px solid rgba(255,255,255,.14);cursor:pointer;padding:12px 0 0;margin-top:12px}
.tgoal.big .tgl{align-items:flex-end}
.tgoal.big .tgn{display:flex;align-items:baseline;gap:4px}
.tgoal.big .tgn b{font-size:30px;line-height:1;color:var(--gold)}
.tgoal.big .tgn i{font-style:normal;font-size:14px;font-weight:800;color:#E6ECF7}
.tgoal.big .tgs{display:flex;justify-content:space-between;gap:10px;flex-wrap:wrap;font-size:11px;font-weight:700;color:#AEB8CB;margin-top:6px}

.goalcard .gtop{display:flex;justify-content:space-between;align-items:flex-end;gap:12px;flex-wrap:wrap}
.goalcard .gnum{display:flex;align-items:baseline;gap:6px}
.goalcard .gnum b{font-size:40px;line-height:1;color:var(--gold-text)}
.goalcard .gnum span{font-size:16px;font-weight:800;color:var(--muted)}
.goalcard .gsplit{display:flex;gap:14px}
.goalcard .gsplit>div{display:flex;align-items:center;gap:6px;font-size:12px;font-weight:700;color:var(--muted)}
.goalcard .gsplit b{font-size:16px;color:var(--fg)}
/* top of Today: client meetings booked / in pipeline */
.kpi2{display:grid;grid-template-columns:1fr 1fr;gap:10px;margin-bottom:10px}
.kpi2>button{display:flex;flex-direction:column;width:100%;text-align:left;background:var(--navy);color:#fff;border:1px solid #1B3158;border-radius:var(--r);padding:14px 16px 13px;position:relative;overflow:hidden;cursor:pointer;transition:transform .12s;box-shadow:var(--sh);min-width:0}
.kpi2>button::before{content:"";position:absolute;inset:0 0 auto;height:3px;background:linear-gradient(90deg,var(--gold),var(--gold2) 50%,var(--gold))}
.kpi2>button:active{transform:scale(.985)}
.kpi2 .t{font-size:10px;font-weight:800;letter-spacing:.18em;text-transform:uppercase;color:var(--gold);margin-bottom:8px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.kpi2 .big{display:flex;align-items:baseline;gap:7px;min-width:0}
.kpi2 .big b{font-size:40px;font-weight:800;line-height:1;letter-spacing:-.03em;color:#fff}
.kpi2 .big i{font-style:normal;font-size:15px;font-weight:800;color:#AEB8CB;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.kpi2 .bar{background:rgba(255,255,255,.12);margin-top:10px;width:100%}
.kpi2 .s{font-size:11px;font-weight:700;color:#AEB8CB;margin-top:8px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;width:100%}
.kpi2 .s b{color:#fff} .kpi2 .s b.ok{color:#7FE0A8} .kpi2 .s b.bad{color:#FF8A8A}
.kpi2 .pipe-av{display:flex;margin-top:10px;height:8px;gap:3px;width:100%}
.kpi2 .pipe-av i{flex:1;max-width:28px;border-radius:999px;background:var(--gold)}
.kpi2 .pipe-av i.g{background:rgba(255,255,255,.12)}
.kpi2 .t .short{display:none}
@media (max-width:520px){ .kpi2{gap:8px} .kpi2>button{padding:12px 12px 11px} .kpi2 .big b{font-size:32px} .kpi2 .big i{font-size:13px} .kpi2 .t .full{display:none} .kpi2 .t .short{display:inline} .kpi2 .s{white-space:normal;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;line-height:1.35} }
.tag.pipe{border-color:var(--gold);color:var(--gold-text);background:color-mix(in srgb,var(--gold) 14%,transparent)}
.pipebox{background:var(--card2);border:1px dashed var(--gold);padding:10px 12px;border-radius:12px;font-size:12.5px;font-weight:600;line-height:1.45}
.pipebox b{color:var(--gold-text)}

.mtgs .lrow .rt{display:flex;gap:4px;align-items:center}
.clogo{width:40px;height:40px;border-radius:10px;background:#fff;border:1px solid var(--line);display:grid;place-items:center;overflow:hidden;flex:none}
.clogo img{width:28px;height:28px;object-fit:contain;display:block}
.clogo.mono{background:var(--navy);color:var(--gold);font-weight:800;font-size:15px;border-color:var(--navy)}
.cof{grid-column:2/4;display:flex;flex-wrap:wrap;gap:4px 6px;align-items:center;font-size:11px;font-weight:700;color:var(--muted);margin-top:2px}
.cof .tag{font-size:9px;padding:2px 6px}
.cof b{color:var(--fg)}
.prep .kv dt{font-size:10px}

/* ---------- chat (Ask RTA Intelligence) ---------- */
.fab{position:fixed;right:14px;bottom:calc(var(--tab-h) + env(safe-area-inset-bottom,0px) + 12px);z-index:49;display:inline-flex;align-items:center;gap:7px;height:46px;padding:0 16px 0 13px;border-radius:999px;background:var(--navy);color:#fff;font-weight:800;font-size:13px;letter-spacing:.01em;box-shadow:0 10px 26px rgba(10,25,50,.35);border:1.5px solid var(--gold);transition:transform .12s}
.fab svg{width:20px;height:20px;stroke:var(--gold);fill:none;stroke-width:2;stroke-linecap:round;stroke-linejoin:round}
.fab:active{transform:scale(.94)}
.fab.unread::after{content:"";position:absolute;top:-3px;right:-3px;width:12px;height:12px;border-radius:50%;background:var(--gold);border:2px solid var(--bg)}
@media (min-width:860px){ .fab{right:24px;bottom:24px;height:50px;font-size:13.5px} }
/* top-right chat button (replaces the floating Ask) */
.cbtn{display:inline-flex;align-items:center;gap:6px;height:34px;padding:0 12px 0 9px;border-radius:10px;background:var(--gold);color:var(--gold-ink);font-weight:800;font-size:12px;letter-spacing:.02em;flex:none;position:relative;white-space:nowrap;transition:transform .1s}
.cbtn:active{transform:scale(.95)}
.cbtn svg{width:16px;height:16px;stroke:currentColor;fill:none;stroke-width:2.2;stroke-linecap:round;stroke-linejoin:round}
.cbtn.unread::after{content:"";position:absolute;top:-4px;right:-4px;width:11px;height:11px;border-radius:50%;background:#2EB872;border:2px solid var(--navy)}
@media (max-width:420px){ .cbtn span{display:none} .cbtn{padding:0 9px} }
/* chat modes, requests, dictation */
.cmode{display:flex;align-items:center;justify-content:space-between;gap:8px;flex:0 0 auto;padding-bottom:8px;border-bottom:1px solid var(--line)}
.cmode .segc button{padding:6px 11px;font-size:11.5px}
.req{display:flex;flex-direction:column;gap:5px;padding:10px 12px;background:var(--card);border:1px solid var(--line2);border-radius:14px;box-shadow:var(--sh)}
.req .rh{display:flex;align-items:center;gap:8px;font-size:11px;font-weight:700;color:var(--muted)}
.req .rh .st{margin-left:auto}
.req .rt{font-size:13.5px;font-weight:600;line-height:1.45;white-space:pre-wrap;word-break:break-word}
.req .rn{font-size:12px;color:var(--muted);font-weight:600;line-height:1.45;border-left:2px solid var(--gold);padding-left:8px;white-space:pre-wrap}
.req .st{display:inline-flex;align-items:center;gap:5px;font-size:10px;font-weight:800;letter-spacing:.06em;text-transform:uppercase;padding:3px 8px;border-radius:999px;border:1px solid var(--line);color:var(--muted);white-space:nowrap}
.req .st::before{content:"";width:6px;height:6px;border-radius:50%;background:currentColor}
.req .st.queued{border-color:var(--gold);color:var(--gold-text)} .req .st.building{border-color:var(--info);color:var(--info)} .req .st.done{border-color:var(--ok);color:var(--ok)} .req .st.needs{border-color:var(--bad);color:var(--bad)} .req .st.dropped{opacity:.7}
.req .st.building::before{animation:blink 1s infinite}
@keyframes blink{50%{opacity:.2}}
.cmic{flex:none;width:44px;height:44px;border-radius:50%;background:var(--card2);border:1px solid var(--line);display:grid;place-items:center;transition:transform .1s,background .15s}
.cmic svg{width:19px;height:19px;stroke:var(--fg);fill:none;stroke-width:2.2;stroke-linecap:round;stroke-linejoin:round}
.cmic.on{background:var(--bad);border-color:var(--bad)} .cmic.on svg{stroke:#fff} .cmic.on{animation:pulse 1.2s infinite}
@keyframes pulse{0%{box-shadow:0 0 0 0 color-mix(in srgb,var(--bad) 45%,transparent)}100%{box-shadow:0 0 0 12px transparent}}
.cmic:active{transform:scale(.92)}
.cmic[hidden]{display:none}
.chat{display:flex;flex-direction:column;flex:1 1 auto;min-height:0}
.sheet.chat .in{overflow:hidden;padding-bottom:0;gap:8px}
@media (max-width:859px){ .sheet.chat{height:92vh;height:92dvh} }
.clog{flex:1 1 auto;min-height:0;overflow:auto;display:flex;flex-direction:column;gap:10px;padding:4px 0 10px;overscroll-behavior:contain;-webkit-overflow-scrolling:touch}
.cempty{display:flex;gap:12px;align-items:flex-start;padding:14px 4px;font-size:13.5px;line-height:1.5}
.cempty .big{font-size:26px;line-height:1}
.msg{display:flex;flex-direction:column;max-width:88%}
.msg.u{align-self:flex-end;align-items:flex-end}
.msg.a{align-self:flex-start}
.bub{padding:10px 13px;border-radius:16px;font-size:13.5px;line-height:1.5;white-space:pre-wrap;word-break:break-word;font-weight:500}
.msg.u .bub{background:var(--navy);color:#fff;border-bottom-right-radius:5px}
.msg.a .bub{background:color-mix(in srgb,var(--gold) 12%,var(--card));border:1px solid var(--gold);border-bottom-left-radius:5px}
.msg.a.err .bub{background:var(--card2);border-color:var(--line);color:var(--muted)}
.bub.wait{color:var(--muted);font-style:italic}
.mta{display:flex;gap:10px;align-items:center;padding:3px 6px 0;font-size:11px;font-weight:700}
.lnk{font-size:11px;font-weight:800;color:var(--gold-text);background:none;padding:0}
.ccomp{flex:0 0 auto;padding:8px 0 calc(10px + env(safe-area-inset-bottom,0px));border-top:1px solid var(--line)}
.cchips{display:flex;flex-wrap:wrap;gap:6px;margin-bottom:8px}
.cchips:not(.row) .chip{white-space:normal;text-align:left;line-height:1.3}
.cchips.row{flex-wrap:nowrap;overflow-x:auto;scrollbar-width:none;margin:0 -18px 8px;padding:0 18px}
.cchips.row::-webkit-scrollbar{display:none}
.cchips.row .chip{white-space:nowrap;flex:none}
.crow{display:flex;gap:8px;align-items:flex-end}
.crow .ta{min-height:44px;max-height:132px;resize:none;line-height:1.4;padding:11px 12px;border-radius:14px;font-size:14px}
@media (max-width:859px){ .crow .ta{font-size:16px} }
.csend{flex:none;width:44px;height:44px;border-radius:50%;background:var(--gold);display:grid;place-items:center;transition:transform .1s}
.csend:active{transform:scale(.92)}
.csend svg{width:20px;height:20px;stroke:var(--gold-ink);fill:none;stroke-width:2.4;stroke-linecap:round;stroke-linejoin:round}
.tiny{font-size:10.5px;font-weight:600;margin-top:6px}
@media (prefers-color-scheme: dark){ :root:not([data-theme="light"]) .msg.u .bub{background:#1F3B6F} }
:root[data-theme="dark"] .msg.u .bub{background:#1F3B6F}
.backdrop.clear{background:transparent;backdrop-filter:none;pointer-events:none}
@media (min-width:860px){ .sheet.chat{box-shadow:-12px 0 40px rgba(5,12,28,.22);border-left:1px solid var(--line)} }

/* ---------- work board ---------- */
.board{display:flex;flex-direction:column;gap:8px}
.bbar{display:flex;gap:8px;flex-wrap:wrap;align-items:center}
.seg.small{display:inline-flex;background:var(--card2);border:1px solid var(--line);border-radius:999px;padding:3px;gap:2px}
.seg.small button{padding:6px 11px;border-radius:999px;font-size:12px;font-weight:800;color:var(--muted)}
.seg.small button.on{background:var(--navy);color:#fff}
.bsearch{max-width:240px;padding:8px 12px;font-size:13px}
.chips.lanes .chip.on{background:var(--gold);color:var(--gold-ink);border-color:var(--gold)}
.boardwrap{overflow:auto;border:1px solid var(--line);border-radius:14px;background:var(--card);-webkit-overflow-scrolling:touch}
.btable{border-collapse:separate;border-spacing:0;min-width:1180px;width:100%;font-size:12.5px}
.btable th{position:sticky;top:0;background:var(--navy);color:#fff;text-align:left;font-size:10.5px;letter-spacing:.08em;text-transform:uppercase;padding:9px 10px;z-index:2;white-space:nowrap}
.btable td{padding:9px 10px;border-bottom:1px solid var(--line);vertical-align:top;line-height:1.4}
.btable tr.due td{background:color-mix(in srgb,var(--gold) 7%,var(--card))}
.btable tr.late td{background:color-mix(in srgb,#C0392B 6%,var(--card))}
.btable tr.rep td{background:color-mix(in srgb,#1E8A54 8%,var(--card))}
.btable td.who{min-width:220px;max-width:260px}
.btable .nm{font-weight:800;font-size:13.5px;color:var(--ink);text-align:left;padding:0;background:none;display:block}
.btable .nm:hover{color:var(--gold-text);text-decoration:underline}
.btable .sub{font-size:11.5px}
.btable .lane{display:inline-block;font-size:9.5px;font-weight:800;letter-spacing:.06em;text-transform:uppercase;padding:2px 6px;border-radius:6px;background:var(--card2);color:var(--muted);border:1px solid var(--line);margin-bottom:3px}
.btable .lane.l-adchase{background:color-mix(in srgb,var(--gold) 22%,var(--card));color:var(--gold-text);border-color:var(--gold)}
.btable .lane.l-intel{background:color-mix(in srgb,#1E8A54 16%,var(--card));color:#1E8A54;border-color:#1E8A54}
.btable .rel{font-size:10.5px;font-weight:800;margin-top:3px}
.btable .rel.client{color:var(--gold-text)}.btable .rel.dna{color:#C0392B}.btable .rel.warm{color:#1E8A54}
.btable td.lt{white-space:nowrap;font-weight:700}
.btable td.lt.off{color:var(--warn-text)}
.btable td.ct{min-width:190px;white-space:nowrap}
.btable td.ct a{color:var(--ink);font-weight:700;text-decoration:none}
.btable td.ct a.em{font-weight:600;color:var(--gold-text)}
.btable td.ct a.dnc{color:#C0392B}
.btable .dncp{font-size:9px;font-weight:900;color:#fff;background:#C0392B;border-radius:4px;padding:1px 4px;margin-left:4px;vertical-align:middle}
.btable .warn{color:var(--warn-text);font-weight:700}
.btable td.adc{min-width:180px;max-width:240px;font-size:12px}
.btable td.tk{min-width:230px}
.btable .tick{font-size:11px;font-weight:800;padding:5px 8px;border-radius:8px;border:1px solid var(--line);background:var(--card2);color:var(--muted);margin:0 3px 3px 0}
.btable .tick.on{background:var(--okfill);color:#fff;border-color:var(--okfill)}
.btable td.nx{min-width:150px;font-size:12px}
.btable td.nt{min-width:200px}
.bnote{width:100%;min-width:190px;font:inherit;font-size:12px;padding:6px 8px;border:1px solid var(--line);border-radius:8px;background:var(--card2);color:var(--ink);resize:vertical;line-height:1.35}
.bsel{font-size:12px;padding:6px 8px;min-width:120px}
.xact{display:flex;gap:6px;flex-wrap:wrap;margin-top:6px}
.xbtn{font-size:11px;font-weight:800;padding:6px 9px;border-radius:8px;border:1.5px solid var(--line);background:var(--card2);color:var(--fg);white-space:nowrap}
.xbtn.spk{border-color:var(--okfill);color:var(--okfill)} .xbtn.spk.on{background:var(--okfill);color:#fff}
.xbtn.bad{border-color:#C0392B;color:#C0392B}
.holdtag{display:inline-block;margin-top:4px;font-size:10.5px;font-weight:800;color:var(--warn-text);background:color-mix(in srgb,var(--warn) 14%,var(--card));border-radius:6px;padding:2px 7px}
.holdtag.today{color:var(--muted);background:var(--card2)}
.holdbar{font-size:12.5px;font-weight:600;color:var(--muted);background:var(--card2);border:1px solid var(--line);border-radius:10px;padding:8px 12px;margin:8px 0}
.acc.bad{border:1.5px solid #C0392B}
.chtable td.chx{min-width:220px}
.badpick{display:grid;gap:6px;margin-top:10px;font-weight:600;font-size:13px;text-align:left}
.badpick label{display:flex;gap:8px;align-items:center}
.card.dnc,.card.eq{margin-bottom:10px}
.lrow.dncrow{display:flex;align-items:center;gap:8px;padding:8px 0;border-bottom:1px solid var(--line)}
.lrow.dncrow .main{flex:1;min-width:0}
.lrow.dncrow .nm{font-weight:800;font-size:13.5px}
.lrow.dncrow .mut{font-size:11.5px}
@media (max-width:859px){ .bsearch{max-width:none;flex:1 1 100%} .btable{min-width:1100px} }

@media (min-width:860px){ .page.wide{max-width:1680px} }


/* ---------- v6.6: accordions, live bar, referrals, compact today ---------- */
.embtn{display:block;width:100%;margin-bottom:6px}
.bulkbar{display:flex;align-items:center;gap:8px;position:sticky;top:0;z-index:2;background:var(--card);padding:8px 0;border-bottom:1px solid var(--line2);font-size:13px}
.bk{border:1px solid var(--line2);border-radius:12px;padding:8px 10px;margin-top:8px;background:var(--card2)}
.bk.off{opacity:.5}
.bk.sent{border-color:var(--ok)}
.bkh{display:flex;gap:8px;align-items:flex-start;font-size:12.5px;line-height:1.35;cursor:pointer}
.bkh input{margin-top:2px;width:18px;height:18px;accent-color:#C9A861}
.bkline{min-height:52px;margin-top:6px;font-size:12.5px}
.bkact{display:flex;gap:6px;margin-top:6px;flex-wrap:wrap}
.bkfb{flex:1;min-width:160px;padding:6px 8px!important;font-size:12px}
.askbd{position:fixed;inset:0;background:rgba(5,12,28,.5);z-index:120;display:grid;place-items:center;padding:16px}
.askbox{background:var(--card);color:var(--fg);border-radius:16px;padding:16px;max-width:420px;width:100%;box-shadow:0 20px 60px rgba(0,0,0,.35);border:1px solid var(--gold)}
.askmsg{font-size:14px;font-weight:700;line-height:1.45;margin-bottom:10px;white-space:pre-wrap}
.askbtns{display:flex;gap:8px;justify-content:flex-end;margin-top:12px}
.bbar.sub2{margin-top:-4px;gap:6px;align-items:center}
.btable .tk .tick{display:inline-flex;flex-direction:column;align-items:center;gap:3px;min-width:46px;padding:5px 6px 4px;border-radius:8px;background:var(--navy);border:1.5px solid var(--gold);color:var(--gold);font-size:9.5px;font-weight:800;letter-spacing:.06em;text-transform:uppercase;margin:2px}
.btable .tk .tick::before{content:'';width:16px;height:16px;border-radius:4px;border:2px solid var(--gold);background:transparent;display:block;box-sizing:border-box}
.btable .tk .tick.on::before{content:'✓';background:var(--gold);color:var(--navy);font-size:12px;line-height:12px;text-align:center;font-weight:900}
.btable .tk .tick:not(.on){border-color:#5A6B8C;color:#AEB8CB}
.btable .tk .tick:not(.on)::before{border-color:#AEB8CB}
.pb{border:1px solid var(--line2);border-radius:14px;padding:12px 14px;margin-top:10px;background:var(--card2)}
.pb h4{font-size:14px;font-weight:800;margin:0 0 8px}
.pb ul,.pb ol{margin:4px 0 0;padding-left:18px;font-size:12.5px;line-height:1.5}
.pb li{margin:3px 0}
.pbbig{font-size:13px;line-height:1.55;border-left:3px solid var(--gold);padding-left:10px;font-weight:600}
.pbclose{font-size:12.5px;line-height:1.5;background:color-mix(in srgb,var(--gold) 12%,var(--card));border-radius:10px;padding:8px 10px;font-weight:600}
.looked .av{font-size:11px;width:34px;height:34px}
.bbar.sub2 .tiny{font-size:10px;font-weight:800;letter-spacing:.1em;text-transform:uppercase;margin-left:4px}
.btable .sz{font-size:10.5px;color:var(--gold-text);font-weight:700;margin-top:2px}
.toast.act{pointer-events:auto;display:flex;gap:12px;align-items:center;padding:8px 8px 8px 16px}
.toast .tundo{background:var(--gold);color:var(--gold-ink);border-radius:999px;padding:6px 12px;font-weight:800;font-size:12px;min-height:30px}
details.acc{background:var(--card);border:1px solid var(--line);border-radius:var(--r);margin-top:10px;box-shadow:var(--sh)}
details.acc>summary{list-style:none;cursor:pointer;display:flex;align-items:center;gap:8px;padding:12px 14px;font-size:11px;font-weight:800;letter-spacing:.12em;text-transform:uppercase;color:var(--muted)}
details.acc>summary::-webkit-details-marker{display:none}
details.acc>summary .t{flex:1;color:var(--ink)}
details.acc>summary .cnt{font-size:11px;font-weight:800;background:var(--gold);color:var(--gold-ink);border-radius:999px;padding:2px 8px;letter-spacing:0}
details.acc>summary .chev{font-size:18px;line-height:1;transition:transform .15s;color:var(--muted)}
details.acc[open]>summary .chev{transform:rotate(90deg)}
details.acc .accb{padding:0 10px 10px}
details.acc .accb>.card,details.acc .accb .o4>.card,details.acc .accb .o2>.card{box-shadow:none;border:0;padding-top:0}
details.acc .accb .sec{margin-top:4px}
details.acc .accb .o4 .sec,details.acc .accb .o7 .sec{display:none}
details.acc.parked{margin-top:8px}
details.acc.parked .accb{padding:0 8px 8px}
.livebar{display:flex;align-items:center;justify-content:space-between;gap:10px;flex-wrap:wrap;padding:10px 14px;border-radius:14px;background:var(--navy);color:#fff;border:1px solid #1B3158}
.livebar b{font-size:22px;font-weight:800;letter-spacing:-.02em;color:var(--gold)}
.livebar span{font-size:12.5px;font-weight:700;color:#C9D2E3}
.livebar .mut{color:#8FA0BE}
.livebar.low b{color:#FFB4A6}
.livebar .ok{color:#7FE0A8;font-weight:800}
.btable .lane.ref{background:var(--navy);color:var(--gold);border-color:var(--navy);margin-left:4px}
.btable tr.inc td{background:color-mix(in srgb,var(--warn-text) 6%,var(--card))}
.btable td.oc{min-width:150px}
.brefer{margin-top:5px}
.card.refs{margin-bottom:10px}
.quick.o3{margin-top:10px}
@media (max-width:859px){ .today .hero .stats{gap:8px} .hero{padding:14px 14px 12px} .hero h2{font-size:22px} .card.mtgs .list .lrow{padding:8px 0} }