/* v2.css . AFH Lead Desk v2 layer on top of the approved bc.css (tokens, byte for byte) and bc-app.css (glass, mesh).
   Rules from spec 13: glass on chrome only (header, rail, tab bar, lead header, contact bar, sheets, dialogs, toasts),
   data on solid cards. Phone first at 390 with a 16 px gutter, 44 px targets, primary actions in the thumb zone.
   tests/contrast.js proves every text and UI pair here against the worst case backdrop. */

/* ---------- 1. Tokens: AFH brand skin (owner direction 5 Nov 18:12) ----------
   Light first, minimal, frosted glass. Brand: AFH cyan #11B5EE (logo) and charcoal #1E2329. Charcoal carries the primary
   actions, cyan carries focus, selection and the aurora; one accent only. This block overrides the violet values in
   bc.css and bc-app.css for the Lead Desk only (the Bank checks page keeps its own copy). Proven by tests/contrast.js. */
.bc{--brand-cyan:#11B5EE;--brand-charcoal:#1E2329;--cta-icon:#11B5EE;
  --bg:#F3F6F9;--surface:#FFFFFF;--surface-2:#F5F8FA;--surface-3:#EBF0F4;--row-sel:#E5F5FC;
  --text:#1E2329;--text-2:#4A5361;--text-3:#5F6977;--border:#E2E8EE;--border-strong:#747E8B;
  --primary:#1E2329;--primary-hover:#0F1317;--primary-edge:rgba(255,255,255,.06);--on-primary:#FFFFFF;--accent:#0A80B6;--focus:#0A80B6;
  --info-fg:#075E85;--info-bg:#E6F6FD;
  --spec-fg:#3A49A6;--spec-bg:#EEF0FB;--spec:#4F5FC0;
  --sell-fg:#086A93;--sell-bg:#E8F7FD;--sell:#0A80B6;--sold-fg:#FFFFFF;--sold-bg:#086E99;
  --toast-bg:#1E2329;--toast-fg:#FFFFFF;--toast-link:#7DD6F7;--scrim:rgba(15,20,26,.32);
  --mesh-a:rgba(17,181,238,.20);--mesh-b:rgba(125,214,247,.34);--mesh-c:rgba(30,35,41,.05);--mesh-d:rgba(186,232,251,.46);--mesh-e:rgba(17,181,238,0);--mesh-e2:rgba(17,181,238,0);--noise-o:.022;
  --pane:rgba(255,255,255,.80);--pane-hi:rgba(255,255,255,.92);--pane-2:rgba(255,255,255,.90);--pane-pop:rgba(255,255,255,.95);--chrome:rgba(255,255,255,.90);
  --glass-1:rgba(255,255,255,.80);--glass-2:rgba(255,255,255,.90);--glass-3:rgba(255,255,255,.92);
  --pane-edge:rgba(255,255,255,.9);--pane-line:rgba(30,35,41,.07);--pill-hi:rgba(255,255,255,.7);
  --pane-glow:inset 0 1px 0 rgba(255,255,255,.95),inset 0 0 0 1px rgba(255,255,255,.4);
  --pane-shadow:0 1px 2px rgba(16,24,40,.04),0 8px 24px -14px rgba(16,24,40,.12),0 24px 48px -30px rgba(8,110,153,.30);
  --pane-shadow-up:0 2px 4px rgba(16,24,40,.05),0 12px 28px -12px rgba(16,24,40,.14),0 28px 56px -28px rgba(8,110,153,.34);
  --row-cur:#EEF8FD;--row-hover:rgba(235,240,244,.7);
  --ring-2:#0A80B6;--keep-a:#0A80B6;--keep-b:#12804A;--sell-a:#0A80B6;--sell-b:#086E99;
  --btn-a:#2C333C;--btn-b:#1E2329;--btn-c:#14181D;--sheen:rgba(255,255,255,.10);
  --card:rgba(255,255,255,.82);--card-hi:rgba(255,255,255,.94);--card-line:rgba(30,35,41,.07);--card-edge:rgba(255,255,255,.95);--sunk:rgba(241,245,248,.85);
  --seg-1:#0A80B6;--seg-2:#7DD6F7;--seg-3:#3A4350;--seg-4:#828D9B;--seg-5:#CDD3DB;--seg-left:#DDF3E7;--seg-left-edge:#12804A;--seg-short:#C8232C;
  --t-in:#0A80B6;--t-out:#828D9B;--t-over:#B07200;
  --live:#12804A;--live-bg:#E2F5EA;--live-fg:#0B6B3A;--ctl:rgba(255,255,255,.92);--ctl-line:rgba(30,35,41,.15);
  --tab-h:64px;--hdr:56px;--dock-w:clamp(560px,50vw,760px);--rail-w:240px}
.bc[data-theme=dark]{--cta-icon:#081016;
  --bg:#0A0D12;--surface:#12161C;--surface-2:#181D24;--surface-3:#222831;--row-sel:#0F2A3A;
  --text:#EEF2F6;--text-2:#B4BECB;--text-3:#97A2B0;--border:#262D36;--border-strong:#7A8394;
  --primary:#2FBFEF;--primary-hover:#18AEE3;--primary-edge:rgba(255,255,255,.25);--on-primary:#081016;--accent:#38C6F4;--focus:#38C6F4;
  --info-fg:#8FDDF8;--info-bg:#0B2735;
  --spec-fg:#B3BCF7;--spec-bg:#1A2045;--spec:#8C9BF2;
  --sell-fg:#8FDDF8;--sell-bg:#0B2735;--sell:#38C6F4;--sold-fg:#081016;--sold-bg:#2FBFEF;
  --toast-bg:#EEF2F6;--toast-fg:#1E2329;--toast-link:#086A93;--scrim:rgba(0,0,0,.55);
  --mesh-a:rgba(17,181,238,.30);--mesh-b:rgba(56,189,248,.16);--mesh-c:rgba(4,6,10,.80);--mesh-d:rgba(14,116,144,.32);--mesh-e:rgba(17,181,238,.10);--mesh-e2:rgba(30,64,175,.12);--noise-o:.05;
  --glow-a:rgba(17,181,238,.12);--glow-b:rgba(56,189,248,.06);
  --pane:rgba(19,23,30,.82);--pane-hi:rgba(26,31,40,.86);--pane-2:rgba(24,29,37,.86);--pane-pop:rgba(22,27,34,.95);--chrome:rgba(12,15,20,.88);
  --glass-1:rgba(19,23,30,.78);--glass-2:rgba(16,20,26,.90);--glass-3:rgba(18,22,28,.91);
  --pane-edge:rgba(255,255,255,.09);--pane-line:rgba(255,255,255,.06);--pill-hi:rgba(255,255,255,.06);
  --pane-glow:inset 0 1px 0 rgba(255,255,255,.08),inset 0 0 32px rgba(17,181,238,.05),inset 0 0 0 1px rgba(255,255,255,.03);
  --pane-shadow:0 1px 1px rgba(0,0,0,.3),0 18px 40px -20px rgba(0,0,0,.75),0 12px 32px -20px rgba(17,181,238,.28);
  --pane-shadow-up:0 2px 2px rgba(0,0,0,.3),0 22px 48px -20px rgba(0,0,0,.8),0 16px 40px -20px rgba(17,181,238,.34);
  --row-cur:#0E2230;--row-hover:rgba(34,40,49,.7);
  --ring-2:#38C6F4;--keep-a:#38C6F4;--keep-b:#3CC47F;--sell-a:#38C6F4;--sell-b:#8FDDF8;
  --btn-a:#4CCDF6;--btn-b:#2FBFEF;--btn-c:#18AEE3;--sheen:rgba(255,255,255,.22);
  --card:rgba(19,23,30,.84);--card-hi:rgba(26,31,40,.88);--card-line:rgba(255,255,255,.07);--card-edge:rgba(255,255,255,.10);--sunk:rgba(28,33,41,.85);
  --seg-1:#38C6F4;--seg-2:#1F7FA6;--seg-3:#D5DBE3;--seg-4:#6E7887;--seg-5:#3A424E;--seg-left:#12301F;--seg-left-edge:#3CC47F;--seg-short:#F0646B;
  --t-in:#38C6F4;--t-out:#6E7887;--t-over:#E0A52C;
  --live:#3CC47F;--live-bg:#0F2E1E;--live-fg:#73DFA6;--ctl:rgba(30,36,45,.80);--ctl-line:rgba(255,255,255,.14)}

/* Brand controls: quiet frosted controls with a hairline, so the charcoal primary is the only heavy element on screen.
   Labels identify every control; form fields keep the 3:1 border-strong outline. */
.bc .bc-btn.is-secondary,.bc button.bc-chip,.bc .ld-stage,.bc .ld-opt>span{background:var(--ctl);box-shadow:inset 0 0 0 1px var(--ctl-line),inset 0 1px 0 var(--pill-hi),0 1px 2px rgba(16,24,40,.05)}
.bc .bc-btn.is-secondary:hover,.bc button.bc-chip:hover,.bc .ld-stage:hover{background:var(--surface)}
.bc button.bc-chip[aria-pressed=true],.bc .ld-stage[aria-pressed=true],.bc .ld-everyone[aria-pressed=true]{background:var(--text);color:var(--surface);box-shadow:none}
.bc .ld-opt input:checked+span{background:var(--text);color:var(--surface);box-shadow:none}
.bc .bc-seg{background:color-mix(in srgb,var(--surface-3) 80%,transparent)}
.bc .bc-seg :is([aria-pressed=true],[aria-checked=true]){background:var(--surface);box-shadow:inset 0 0 0 1px var(--ctl-line),0 1px 2px rgba(16,24,40,.08),0 6px 14px -8px rgba(8,110,153,.30)}
.bc .bc-toggle[aria-checked=true]{background:var(--sell)}
.bc .ld-demo-chip{height:26px;font-size:12px}

/* ---------- 2. Shell ---------- */
.ld-page{height:100dvh;overflow:hidden}
/* App shell: header, one scrolling column, the Call next shelf, then the tab bar. Nothing ever sits over content, so no
   target is partly hidden and focus is never obscured (WCAG 2.4.11, 2.5.8). The glass chrome floats over the brand mesh. */
.ld-app{display:grid;grid-template-columns:minmax(0,1fr);grid-template-rows:minmax(0,1fr) auto;height:100dvh}
.ld-col{display:flex;flex-direction:column;min-width:0;min-height:0}
.ld-hdr{position:relative;flex:none;z-index:20;background:var(--chrome);-webkit-backdrop-filter:blur(28px) saturate(170%);backdrop-filter:blur(28px) saturate(170%);
  border-bottom:1px solid var(--pane-line);box-shadow:inset 0 -1px 0 var(--pane-edge),0 10px 30px -22px rgba(16,20,26,.45);padding-top:env(safe-area-inset-top)}
.ld-top{display:flex;align-items:center;gap:8px;height:var(--hdr);padding:0 max(16px,env(safe-area-inset-right)) 0 max(12px,env(safe-area-inset-left))}
.ld-brand{height:44px;padding:0 4px}
.ld-brand .bc-logo-img{height:28px}
.ld-title{position:absolute;width:1px;height:1px;margin:-1px;overflow:hidden;clip:rect(0 0 0 0);white-space:nowrap;font-size:20px;font-weight:650;letter-spacing:-.015em}
.ld-hbtn{flex:none}
.ld-hsearch,.ld-theme-btn{display:none}
.ld-demo-chip{background:var(--am-bg);color:var(--am-fg);font-weight:600}
.ld-live{display:inline-flex;align-items:center;gap:7px;height:28px;padding:0 6px;border-radius:999px;font-size:12.5px;font-weight:500;white-space:nowrap;background:transparent;color:var(--text-2)}
.ld-live:empty{display:none}
.ld-live i{width:8px;height:8px;border-radius:50%;background:var(--live);box-shadow:0 0 0 3px color-mix(in srgb,var(--live) 22%,transparent)}
.bc.is-ready .ld-live.is-live i{animation:ld-beat 2.4s ease-in-out infinite}
.ld-live.is-poll{color:var(--am-fg)}.ld-live.is-poll i{background:var(--am);box-shadow:0 0 0 3px color-mix(in srgb,var(--am) 22%,transparent)}
.ld-live.is-off{color:var(--neu-fg)}.ld-live.is-off i{background:var(--neu);box-shadow:none}
@keyframes ld-beat{0%,100%{transform:scale(1)}50%{transform:scale(.7)}}
.ld-body{display:grid;grid-template-columns:minmax(0,1fr);flex:1;min-width:0;min-height:0}
.ld-mainwrap{display:flex;flex-direction:column;min-width:0;min-height:0}
.ld-main{flex:1;min-height:0;overflow-y:auto;overscroll-behavior:contain;-webkit-overflow-scrolling:touch;container-type:inline-size;min-width:0;padding:16px 16px 28px;display:block;scroll-padding:12px}
.ld-shelf{flex:none;padding:10px 16px 12px;background:var(--chrome);-webkit-backdrop-filter:blur(28px) saturate(170%);backdrop-filter:blur(28px) saturate(170%);border-top:1px solid var(--pane-line);box-shadow:inset 0 1px 0 var(--pane-edge)}
.ld-shelf:empty{display:none}
.ld-main:focus{outline:none}
.ld-dock{min-width:0;container-type:inline-size}
.ld-lhdr.is-compact .ld-lhdr-row,.ld-lhdr.is-compact .ld-lsub{display:none}
.ld-lhdr.is-compact{padding-bottom:8px}
.ld-lhdr.is-compact .ld-lname{font-size:18px}
/* phone and tablet tab bar */
.ld-tabbar{position:relative;z-index:25;display:grid;grid-template-columns:repeat(4,minmax(0,1fr));height:calc(var(--tab-h) + env(safe-area-inset-bottom));padding:0 6px env(safe-area-inset-bottom);
  background:var(--chrome);-webkit-backdrop-filter:blur(28px) saturate(170%);backdrop-filter:blur(28px) saturate(170%);border-top:1px solid var(--pane-line);box-shadow:inset 0 1px 0 var(--pane-edge),0 -10px 30px -22px rgba(16,20,26,.4)}
.ld-tabbar:empty{display:none}
.ld-nav-i{position:relative;display:flex;align-items:center;gap:10px;color:var(--text-2);text-decoration:none;font-weight:500;border-radius:12px}
.ld-tabbar .ld-nav-i{flex-direction:column;justify-content:center;gap:3px;font-size:12px;min-height:44px}
.ld-tabbar .ld-nav-i svg.i{width:22px;height:22px;padding:2px 12px;box-sizing:content-box;border-radius:999px}
.ld-tabbar .ld-nav-i[aria-current=page]{color:var(--text);font-weight:650}
.ld-tabbar .ld-nav-i[aria-current=page] svg.i{background:var(--sell-bg);color:var(--sell-fg);box-shadow:inset 0 0 0 1px color-mix(in srgb,var(--sell) 18%,transparent)}
.ld-badge{display:inline-grid;place-items:center;min-width:19px;height:19px;padding:0 5px;border-radius:999px;background:var(--danger);color:#FFFFFF;font-size:11px;font-weight:700;line-height:1}
.ld-tabbar .ld-badge{position:absolute;top:4px;left:calc(50% + 6px)}
.ld-rail{display:none}
/* skip link and boot */
.ld-booting .ld-tabbar,.ld-booting .ld-rail{visibility:hidden}

/* ---------- 3. Cards, sections, rows ---------- */
.ld-card{background:linear-gradient(180deg,var(--card-hi),var(--card) 160px);-webkit-backdrop-filter:blur(22px) saturate(160%);backdrop-filter:blur(22px) saturate(160%);border:1px solid var(--card-line);border-top-color:var(--card-edge);border-radius:20px;box-shadow:var(--pane-glow),var(--pane-shadow);min-width:0}
.ld-home{display:grid;gap:22px}
.ld-home-top{display:grid;gap:22px}
.ld-sec{display:grid;gap:10px;min-width:0}
.ld-sec-hd{display:flex;align-items:center;gap:8px;min-height:32px;padding:0 4px}
.ld-h2{margin:0;display:inline-flex;align-items:center;gap:8px;font-size:16px;font-weight:600;letter-spacing:-.012em}
.ld-h-i{width:17px!important;height:17px!important;color:var(--text-3)}
.ld-h3{margin:0;display:flex;align-items:center;gap:6px;font-size:13px;font-weight:600;color:var(--text-2)}
.ld-sec-meta{margin-left:auto;color:var(--text-2);font-size:13px;font-weight:500;white-space:nowrap}
.ld-sec-meta.is-due{color:var(--rd-fg);font-weight:650}
.ld-sec-hd .bc-chip:last-child{margin-left:auto}
.ld-sec-hd .ld-sec-meta+.ld-everyone{margin-left:4px}
.ld-group{margin:0;padding:14px 16px 2px;font-size:12px;font-weight:650;letter-spacing:.06em;text-transform:uppercase;color:var(--text-2)}
.ld-group:first-child{padding-top:12px}
.ld-list{list-style:none;margin:0;padding:0}
.ld-row{position:relative;display:flex;align-items:center;gap:12px;min-height:68px;padding:10px 14px 10px 16px;border-top:1px solid var(--card-line)}
.ld-list>.ld-row:first-child,.ld-group+.ld-list>.ld-row:first-child{border-top:0}
.ld-row-main{flex:1;min-width:0;display:grid;gap:4px;color:inherit;text-decoration:none;border-radius:10px;padding:2px 0}
.ld-row-main::after{content:"";position:absolute;inset:0;border-radius:inherit}
.ld-row-main:focus-visible{outline:none}
.ld-row-main:focus-visible::after{outline:2px solid var(--focus);outline-offset:-3px;border-radius:14px}
.ld-row:has(.ld-row-main:focus-visible){background:var(--row-cur)}
.ld-row>.bc-btn,.ld-row>.ld-when,.ld-row>input,.ld-row .ld-dec-acts,.ld-row .ld-dec-oc,.ld-row .ld-dec-v,.ld-row .ld-ring{position:relative;z-index:1}
@media (hover:hover){.ld-row:hover{background:var(--row-hover)}}
.ld-l1{display:flex;flex-wrap:wrap;align-items:baseline;gap:0 8px;min-width:0}
.ld-name,.ld-note{font-size:16px;font-weight:600;letter-spacing:-.005em;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;min-width:0}
.ld-note{display:inline-flex;align-items:center;gap:6px}
.ld-over-i{color:var(--rd);flex:none}
.ld-prod{color:var(--text-2);white-space:nowrap;font-weight:500}
.ld-amt{color:var(--text);font-weight:600}
.ld-l2{display:flex;flex-wrap:wrap;align-items:center;gap:4px 8px;font-size:13px;color:var(--text-2);min-width:0}
.ld-l2 .bc-chip{height:auto;min-height:22px;padding-top:2px;padding-bottom:2px;font-size:12px;white-space:normal;line-height:1.25;max-width:100%}
.ld-name-s{font-weight:600;color:var(--text)}
.ld-dot{color:var(--text-3)}
.ld-row-chev{color:var(--text-3);flex:none}
.ld-call{flex:none;height:40px;padding:0 15px 0 13px;border-radius:999px;font-size:14px}
.ld-call svg.i{width:16px;height:16px}
.ld-call.is-primary svg.i{color:var(--cta-icon)}
.ld-call.is-tonal{background:var(--pane-pop);color:var(--text);box-shadow:inset 0 0 0 1px var(--card-line),inset 0 1px 0 var(--pill-hi),0 1px 2px rgba(16,24,40,.06)}
.ld-call.is-tonal svg.i{color:var(--accent)}
@media (hover:hover){.ld-call.is-tonal:hover{background:var(--sell-bg);color:var(--sell-fg)}}
.ld-call[aria-busy=true]{opacity:.7;pointer-events:none}
.ld-when{flex:none;display:grid;align-content:center;width:74px;line-height:1.2}
.ld-when b{font-size:16px;font-weight:650;letter-spacing:-.01em}
.ld-when span{font-size:12px;color:var(--text-2)}
.ld-when .ld-when-d{font-size:11px;font-weight:650;letter-spacing:.04em;text-transform:uppercase;color:var(--text-2)}
.ld-rrow.is-over .ld-when-d,.ld-rrow.is-over .ld-when b{color:var(--rd-fg)}
.ld-rrow.is-due .ld-when-d{color:var(--am-fg)}
.ld-brow:is(.is-missed,.is-live)::before{content:"";position:absolute;left:0;top:12px;bottom:12px;width:3px;border-radius:0 3px 3px 0;background:var(--rd)}
.ld-brow.is-missed .ld-when b,.ld-brow.is-missed .ld-when-d{color:var(--rd-fg)}
.ld-brow.is-live .ld-when-d{color:var(--sell-fg)}
.ld-brow.is-live{background:color-mix(in srgb,var(--sell-bg) 55%,transparent)}
.ld-brow.is-live::before{background:var(--sell)}
.ld-chip-now{background:var(--sell-bg);color:var(--sell-fg);font-weight:650}
.ld-prow.is-claimed .ld-name{color:var(--text-2)}
.ld-prow.is-claimed{background:color-mix(in srgb,var(--surface-3) 45%,transparent)}
.ld-claimed{display:inline-flex;align-items:center;gap:6px;font-weight:600;color:var(--text)}
.ld-claimed .bc-av{width:20px;height:20px;font-size:9px}
.ld-prow.is-new{animation:ld-in 220ms var(--ease) both}
.ld-prow.is-focus{background:var(--row-cur);box-shadow:inset 3px 0 0 var(--accent)}
@keyframes ld-in{from{opacity:0;transform:translateY(-8px);background:var(--sell-bg)}}
.ld-none{display:flex;align-items:center;gap:8px;margin:0;padding:16px;color:var(--text-2);font-size:14px}
.ld-none svg.i{color:var(--text-3)}
.ld-more{border-top:1px solid var(--card-line)}
.ld-more summary{display:flex;align-items:center;gap:8px;min-height:48px;padding:0 16px;font-weight:600;color:var(--text-2);cursor:pointer;list-style:none}
.ld-more summary::-webkit-details-marker{display:none}
.ld-more summary::after{content:"";margin-left:auto;width:8px;height:8px;border-right:2px solid currentColor;border-bottom:2px solid currentColor;transform:rotate(-45deg);opacity:.7}
.ld-more[open] summary::after{transform:rotate(45deg)}
.ld-more summary:focus-visible{outline:2px solid var(--focus);outline-offset:-2px;border-radius:12px}
.ld-more .ld-list .ld-row:first-child{border-top:1px solid var(--card-line)}
.ld-wait{gap:5px}
.ld-pend{display:flex;align-items:center;gap:12px;padding:12px 12px 12px 12px;border-radius:18px;background:var(--pane-pop);color:var(--text);-webkit-backdrop-filter:blur(22px) saturate(160%);backdrop-filter:blur(22px) saturate(160%);box-shadow:inset 0 0 0 1px var(--card-line),var(--pane-glow),var(--pane-shadow)}
.ld-pend>svg.i{width:20px;height:20px;padding:9px;box-sizing:content-box;border-radius:12px;background:var(--sell-bg);color:var(--sell-fg);flex:none}
.ld-pend>span{flex:1;min-width:0;display:grid;gap:1px}
.ld-pend small{color:var(--text-2);font-size:13px}
.ld-stale{margin:0}
.ld-empty{display:grid;justify-items:center;gap:6px;padding:36px 16px;text-align:center;color:var(--text-2)}
.ld-empty b{color:var(--text);font-size:16px}
svg.ld-empty-i{width:44px;height:44px;padding:10px;border-radius:50%;background:var(--prime-bg);color:var(--prime-fg)}
.ld-empty.is-error svg.ld-empty-i{background:var(--neu-bg);color:var(--neu-fg)}
.ld-empty .bc-btn{margin-top:8px}
.ld-skel{display:grid;gap:14px;padding:16px}
.ld-skel-row{display:grid;gap:8px}
.ld-skel-row .bc-skel{width:40%}.ld-skel-row .bc-skel-lg{width:75%;margin:0}
.ld-skel-name{display:block;height:20px;width:50%}
/* Call next (thumb zone) */
.ld-callnext{display:flex;justify-content:center}
.ld-callnext[hidden]{display:none}
.ld-callnext-btn{width:100%;max-width:560px;height:52px;border-radius:999px;font-size:15.5px;gap:10px;box-shadow:inset 0 0 0 1px var(--primary-edge),inset 0 1px 0 rgba(255,255,255,.14),0 14px 32px -14px color-mix(in srgb,var(--primary) 70%,transparent),0 4px 10px -6px rgba(16,20,26,.25)!important}
.ld-callnext-btn span{white-space:nowrap;overflow:hidden;text-overflow:ellipsis;min-width:0}
.ld-callnext-btn svg.i{width:18px;height:18px;color:var(--cta-icon)}
.ld-callnext-btn .bc-kbd{margin-left:6px}
.ld-newpill-wrap{position:sticky;top:0;z-index:16;display:flex;justify-content:center;height:0}
.ld-newpill{border-radius:999px;height:40px;box-shadow:var(--pane-shadow-up)!important}
.ld-everyone[aria-pressed=true]{background:var(--text);color:var(--surface)}

/* ---------- 4. Lead view ---------- */
.ld-lead{display:flex;flex-direction:column;min-width:0;height:100%;min-height:0}
.ld-lhdr{position:relative;flex:none;z-index:14;display:grid;grid-template-columns:auto minmax(0,1fr) auto;align-items:start;gap:2px 6px;padding:calc(8px + env(safe-area-inset-top)) 10px 12px;
  background:var(--chrome);-webkit-backdrop-filter:blur(28px) saturate(170%);backdrop-filter:blur(28px) saturate(170%);border-bottom:1px solid var(--pane-line);box-shadow:inset 0 -1px 0 var(--pane-edge),0 10px 30px -22px rgba(16,20,26,.45)}
.ld-lhdr-t{min-width:0;padding-top:4px}
.ld-lname{margin:0;font-size:21px;font-weight:650;letter-spacing:-.018em;line-height:1.2;overflow-wrap:anywhere}
.ld-lname:focus{outline:none}
.ld-lsub{margin:3px 0 0;color:var(--text-2);font-size:13.5px}
.ld-lhdr-row{grid-column:2 / -1;display:flex;flex-wrap:wrap;align-items:center;gap:8px 10px;margin-top:8px}
.ld-status{all:unset;box-sizing:border-box;display:inline-flex;align-items:center;gap:4px;height:34px;padding:0 10px 0 14px;border-radius:999px;background:var(--sell-bg);color:var(--sell-fg);font-weight:650;cursor:pointer;box-shadow:inset 0 0 0 1px color-mix(in srgb,currentColor 22%,transparent)}
.ld-status:focus-visible{outline:2px solid var(--focus);outline-offset:2px}
.ld-owner{display:inline-flex;align-items:center;gap:5px;color:var(--text-2);font-size:13px;font-weight:500}
.ld-ref{font-family:var(--mono);font-size:12px;height:24px}
.ld-lbody{display:grid;gap:14px;align-content:start;padding:14px 12px 24px;min-width:0;flex:1;min-height:0;overflow-y:auto;overscroll-behavior:contain;-webkit-overflow-scrolling:touch;container-type:inline-size;scroll-padding:12px}
.ld-card-hd{display:flex;align-items:center;gap:8px;flex-wrap:wrap;padding:14px 16px 0}
.ld-card-t{margin:0;display:inline-flex;align-items:center;gap:8px;font-size:15px;font-weight:650;letter-spacing:-.008em}
.ld-card-t svg.i{color:var(--accent)}
.ld-card-hd>.bc-chip,.ld-card-hd>.ld-ai-tag,.ld-card-hd>.bc-count{margin-left:auto}
.ld-cbar{position:relative;flex:none;z-index:14;display:flex;align-items:center;gap:8px;padding:10px 12px calc(10px + env(safe-area-inset-bottom));
  background:var(--chrome);-webkit-backdrop-filter:blur(28px) saturate(170%);backdrop-filter:blur(28px) saturate(170%);border-top:1px solid var(--pane-line);box-shadow:inset 0 1px 0 var(--pane-edge),0 -10px 30px -22px rgba(16,20,26,.4)}
.ld-cbar .bc-btn{height:50px;border-radius:14px}
.ld-cbar .bc-btn.is-icon{width:50px}
.ld-cbar-call{flex:1;font-size:16px}
.ld-cbar-call svg.i{color:var(--cta-icon)}
.ld-cbar-log{padding:0 14px}
.ld-cbar-copy{display:none!important}
.ld-cbar .bc-kbd{display:none}
.ld-sum{padding:16px;display:grid;gap:12px}
.ld-sum-btn{height:50px;border-radius:14px;font-size:16px}
.ld-kv{display:grid;gap:0;margin:0}
.ld-kv>div{display:flex;justify-content:space-between;align-items:baseline;gap:12px;padding:9px 0;border-top:1px solid var(--card-line)}
.ld-kv>div:first-child{border-top:0}
.ld-kv dt{color:var(--text-2);font-size:13.5px}
.ld-kv dd{margin:0;display:inline-flex;align-items:center;gap:8px;text-align:right;font-weight:600}
.ld-kv-det{padding:4px 16px 0}
.ld-det-ft{padding:4px 10px 10px}
/* next step */
.ld-next{padding-bottom:14px;display:grid;gap:10px}
.ld-next-l{list-style:none;margin:0;padding:0 16px;display:grid;gap:6px}
.ld-next-i{display:flex;align-items:center;gap:10px;padding:6px 6px 6px 12px;border-radius:12px;background:var(--sunk);box-shadow:inset 0 0 0 1px var(--card-line)}
.ld-next-i>svg.i{color:var(--accent)}
.ld-next-i>span{flex:1;min-width:0}
.ld-next-i.is-over>svg.i,.ld-next-i.is-missed>svg.i{color:var(--rd)}
.ld-next .ld-none{padding:0 16px}
.ld-chips{display:flex;flex-wrap:wrap;gap:8px;padding:0 16px}
.ld-preset{height:40px!important;padding:0 14px!important;font-weight:600}
/* details sections */
.ld-card>summary{display:flex;align-items:center;gap:8px;min-height:54px;padding:0 16px;cursor:pointer;list-style:none;border-radius:20px}
.ld-card>summary::-webkit-details-marker{display:none}
.ld-card>summary:focus-visible{outline:2px solid var(--focus);outline-offset:-2px}
.ld-card>summary .bc-count{margin-left:auto}
.ld-sum-chev{margin-left:auto;color:var(--text-2)}
.ld-card>summary .bc-count+.ld-sum-chev{margin-left:0}
details.ld-card[open]>summary .ld-sum-chev{transform:rotate(180deg)}
.ld-count-ok{background:var(--prime-bg);color:var(--prime-fg)}
.ld-app-b{display:grid;gap:12px;padding:0 16px 16px}
.ld-fs{border:0;margin:0;padding:0;display:grid;gap:8px;min-width:0}
.ld-leg{padding:0;margin:0 0 2px;display:inline-flex;align-items:center;gap:6px;font-size:13px;font-weight:650;color:var(--text-2)}
.ld-opt-hint{font-weight:500;color:var(--text-2)}
.ld-check{display:flex;align-items:center;gap:12px;min-height:44px;cursor:pointer}
.ld-check input{width:20px;height:20px;margin:0;accent-color:var(--primary);flex:none}
.ld-check small{display:block;color:var(--text-2);font-size:13px;font-weight:400}
.ld-note-f{display:grid;gap:8px;padding:0 16px 12px}
.ld-note-acts{display:flex;align-items:flex-start;gap:8px;flex-wrap:wrap}
.ld-note-acts .ld-sugg{flex:1}
.ld-sugg{display:flex;flex-wrap:wrap;gap:6px}
.ld-tl{list-style:none;margin:0;padding:4px 16px 16px;display:grid;gap:12px}
.ld-tl li{display:grid;grid-template-columns:28px minmax(0,1fr);gap:10px;align-items:start}
.ld-tl p{margin:0;font-size:14px;overflow-wrap:anywhere}
.ld-tl li:not(.is-note) p{color:var(--text-2)}
.ld-tl small{color:var(--text-2);font-size:12px}
.ld-tl .bc-av{width:28px;height:28px;font-size:10px}
.ld-comm-f{display:flex;align-items:flex-end;gap:8px;padding:12px 16px 16px}
.ld-comm-f .bc-field{flex:1}

/* ---------- 5. Bank statement breakdown ---------- */
.ld-bank{display:grid;gap:16px;padding-bottom:16px}
.ld-bank>:not(.ld-card-hd){margin-left:16px;margin-right:16px}
.ld-route{height:24px}
.ld-verdict{display:flex;flex-wrap:wrap;align-items:center;gap:6px 10px;margin-top:2px;margin-bottom:0;padding:12px 14px;border-radius:14px;font-size:16px;font-weight:600;line-height:1.35;background:var(--neu-bg);color:var(--text)}
.ld-verdict.b-g{background:var(--prime-bg)}.ld-verdict.b-a{background:var(--am-bg)}.ld-verdict.b-r{background:var(--rd-bg)}
.ld-verdict .bc-band{font-size:13px;font-weight:700;padding:3px 9px 3px 6px;border-radius:999px;background:var(--card);box-shadow:inset 0 0 0 1px color-mix(in srgb,var(--band) 40%,transparent)}
.ld-verdict .bc-band svg.i{width:16px;height:16px}
.ld-verdict-t{flex:1 1 220px}
.ld-biz{margin-top:0}
.ld-nums{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:10px;margin-top:0;margin-bottom:0}
.ld-num{position:relative;display:grid;align-content:start;gap:2px;padding:12px 12px 12px 15px;border-radius:14px;background:var(--sunk);box-shadow:inset 0 0 0 1px var(--card-line);min-width:0}
.ld-num::before{content:"";position:absolute;left:0;top:12px;bottom:12px;width:3px;border-radius:0 3px 3px 0;background:var(--band,var(--border-strong))}
.ld-num dt{font-size:13px;font-weight:500;color:var(--text-2)}
.ld-num dd{margin:0}
.ld-num dd b{font-size:24px;font-weight:650;letter-spacing:-.02em;line-height:1.2}
.ld-num-sub{font-size:12px;color:var(--text-2);line-height:1.35}
.ld-where,.ld-flags,.ld-trend{display:grid;gap:8px}
.ld-stack{display:flex;gap:2px;height:16px;border-radius:8px;overflow:hidden;margin-top:2px}
.ld-stack>i{flex:var(--v) 1 0;min-width:3px;background:var(--c)}
.ld-stack-l{display:flex;gap:2px;font-size:12px;color:var(--text-2);margin-top:-2px}
.ld-stack-l span{flex:var(--v) 1 0;min-width:3px;overflow:hidden;white-space:nowrap;text-overflow:ellipsis}
.seg-1{--c:var(--seg-1)}.seg-2{--c:var(--seg-2)}.seg-3{--c:var(--seg-3)}.seg-4{--c:var(--seg-4)}.seg-5{--c:var(--seg-5)}
.seg-left{--c:var(--seg-left);box-shadow:inset 0 0 0 1.5px var(--seg-left-edge)}
.seg-short{--c:repeating-linear-gradient(135deg,var(--seg-short) 0 4px,transparent 4px 8px);box-shadow:inset 0 0 0 1.5px var(--seg-short)}
.ld-stack>i.seg-left,.ld-stack>i.seg-short{border-radius:0 8px 8px 0}
.ld-legend{list-style:none;margin:2px 0 0;padding:0;display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:6px 18px;font-size:13px}
.ld-legend li{display:flex;align-items:center;gap:7px;min-width:0}
.ld-legend li i{width:10px;height:10px;border-radius:3px;flex:none;background:var(--c)}
.ld-legend li span{color:var(--text-2)}
.ld-legend li b{margin-left:auto;font-weight:600}
.ld-flag-l{list-style:none;margin:0;padding:0;display:grid;gap:6px}
.ld-flag{border-radius:12px;background:var(--sunk);box-shadow:inset 0 0 0 1px var(--card-line)}
.ld-flag summary{display:flex;align-items:center;gap:10px;min-height:44px;padding:0 12px;cursor:pointer;list-style:none;font-weight:500}
.ld-flag summary::-webkit-details-marker{display:none}
.ld-flag summary:focus-visible{outline:2px solid var(--focus);outline-offset:-2px;border-radius:12px}
.ld-flag summary>span:nth-child(2){flex:1;min-width:0}
.ld-flag .bc-band{min-width:62px}
.ld-flag-chev{color:var(--text-3)}
.ld-flag[open] .ld-flag-chev{transform:rotate(180deg)}
.ld-flag p{margin:0;padding:0 12px 12px 84px;font-size:13px;color:var(--text-2)}
.ld-noflags{display:flex;align-items:center;gap:10px;margin:0;font-weight:500}
.ld-trend-k{display:inline-flex;align-items:center;gap:6px;margin-left:10px;font-weight:500}
.ld-trend-k i{display:inline-block;width:10px;height:6px;border-radius:3px}
.ld-trend-k i+i,.ld-trend-k i:nth-of-type(2){margin-left:6px}
.t-in{background:var(--t-in)}.t-out{background:var(--t-out)}.t-out.is-over{background:var(--t-over)}
.ld-trend-l{list-style:none;margin:0;padding:0;display:grid;gap:8px}
.ld-trend-l li{display:grid;grid-template-columns:36px minmax(0,1fr) auto;align-items:center;gap:10px}
.ld-tm{font-weight:600;font-size:13px}
.ld-tb{display:grid;gap:3px}
.ld-tb i{display:block;height:7px;width:calc(var(--v) * 100%);border-radius:4px}
.ld-tlow{display:grid;justify-items:end;font-weight:600;font-size:13px;line-height:1.15}
.ld-tlow small{font-size:11px;font-weight:500;color:var(--text-2)}
.ld-tlow.is-neg{color:var(--rd-fg)}
.ld-trend-s{display:flex;align-items:center;gap:8px;margin:2px 0 0;font-size:14px;font-weight:600}
.ld-trend-s svg.i{color:var(--prime)}
.ld-trend-s:has(use[href="#i-tri"]) svg.i{color:var(--am)}
.ld-bank-ft{display:flex;align-items:center;justify-content:space-between;gap:10px;flex-wrap:wrap;padding-top:12px;border-top:1px solid var(--card-line)}
.ld-foot{margin:0;font-size:12.5px;color:var(--text-2);line-height:1.45}
.ld-bank-none{display:flex;align-items:center;gap:14px;flex-wrap:wrap;padding:12px 16px 16px;margin:0!important}
.ld-bank-none p{flex:1 1 220px;margin:0;display:grid;gap:2px}
.ld-bank-none span{color:var(--text-2);font-size:13.5px}

/* ---------- 6. Sheets and dialogs ---------- */
.ld-dlg{max-height:min(92dvh,880px);overflow:auto;overscroll-behavior:contain}
.ld-dlg.ld-sheet{width:min(520px,calc(100vw - 32px))}
.ld-dlg form,.ld-dlg-f,.ld-call-dlg,.ld-menu-sheet{display:grid;gap:14px}
.ld-dlg-hd{display:grid;grid-template-columns:minmax(0,1fr) auto;gap:2px 8px;align-items:start}
.ld-dlg-hd h2{margin:0;font-size:19px;font-weight:650;letter-spacing:-.012em}
.ld-dlg-who{grid-column:1;color:var(--text-2);font-size:14px}
.ld-dlg-x{grid-row:1 / span 2;grid-column:2;margin:-6px -6px 0 0}
.ld-dlg-sub{margin:0;color:var(--text-2);font-size:14px;line-height:1.45}
.ld-dlg-help{margin:0}
.ld-dlg-ft{display:flex;flex-wrap:wrap;gap:8px;align-items:center;padding-top:4px}
.ld-dlg-ft .bc-btn{height:48px;border-radius:14px}
.ld-dlg-ft .bc-btn.is-primary{flex:1 1 220px;font-size:15px}
.ld-save-next span{white-space:nowrap;overflow:hidden;text-overflow:ellipsis;min-width:0}
.ld-dlg .bc-modal-ft .bc-btn{height:46px;border-radius:12px}
.ld-facts{margin:0!important}
.ld-opts{display:flex;flex-wrap:wrap;gap:8px}
.ld-opt{position:relative;display:inline-flex}
.ld-opt input{position:absolute;inset:0;width:100%;height:100%;margin:0;opacity:0;cursor:pointer}
.ld-opt>span{display:inline-flex;align-items:center;justify-content:center;gap:6px;min-height:44px;padding:0 14px;border-radius:12px;background:var(--surface);color:var(--text);font-weight:550;box-shadow:inset 0 0 0 1px var(--border-strong);text-align:center;line-height:1.2}
.ld-opt input:checked+span{background:var(--text);color:var(--surface);box-shadow:none;font-weight:650}
.ld-opt input:focus-visible+span{outline:2px solid var(--focus);outline-offset:2px}
.ld-opts-oc{display:grid;grid-template-columns:repeat(3,minmax(0,1fr))}
.ld-opt.is-tile{display:flex}
.ld-opt.is-tile>span{flex:1;flex-direction:column;gap:4px;min-height:68px;padding:8px 6px;border-radius:14px;font-size:14px}
.ld-opt.is-tile>span svg.i{width:20px;height:20px;color:var(--accent)}
.ld-opt.is-tile input:checked+span{background:linear-gradient(135deg,var(--btn-a),var(--btn-b) 55%,var(--btn-c));color:var(--on-primary);box-shadow:inset 0 0 0 1px var(--primary-edge),0 8px 18px -10px var(--primary)}
.ld-opt.is-tile input:checked+span svg.i{color:var(--cta-icon)}
.ld-oc-err{margin:-6px 0 0}
.ld-hint{margin:-4px 0 0;color:var(--am-fg)}
.ld-pick{padding-top:4px}
.ld-pick-row{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:10px}
.ld-app-check{display:grid;gap:2px;padding:10px 12px;border-radius:14px;background:var(--sunk);box-shadow:inset 0 0 0 1px var(--card-line)}
.ld-market{padding:12px;border-radius:14px;background:var(--sell-bg);box-shadow:inset 0 0 0 1px color-mix(in srgb,var(--sell-fg) 20%,transparent)}
.ld-market .ld-leg{color:var(--sell-fg);float:left;width:100%;margin-bottom:4px}
.ld-market .ld-leg+*{clear:both}
.ld-st-groups{display:grid;gap:12px}
.ld-st-more{display:grid;gap:12px}
.ld-hr{border:0;border-top:1px solid var(--card-line);margin:2px 0}
.ld-bignum{margin:4px 0 0;font-size:32px;font-weight:600;letter-spacing:.01em;line-height:1.15}
.ld-call-acts{display:flex;flex-wrap:wrap;gap:8px}
.ld-call-acts .bc-btn{height:46px;border-radius:12px;flex:1 1 160px}
.ld-menu-l{display:grid;gap:4px}
.ld-menu-i{all:unset;box-sizing:border-box;display:flex;align-items:center;gap:12px;min-height:50px;padding:0 14px;border-radius:12px;cursor:pointer;font-weight:550;background:var(--surface);box-shadow:inset 0 0 0 1px var(--card-line)}
.ld-menu-i:hover{background:var(--surface-2)}
.ld-menu-i:focus-visible{outline:2px solid var(--focus);outline-offset:2px}
.ld-menu-i svg.i{color:var(--accent);width:18px;height:18px}
.ld-edit-g{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:10px}
.ld-code{font:600 22px/1 var(--mono);letter-spacing:.3em;text-align:center;height:52px!important}
.ld-tour{display:grid;gap:10px;justify-items:start}
.ld-tour-i svg.i{width:48px;height:48px;padding:12px;border-radius:16px;color:var(--cta-icon);background:linear-gradient(135deg,var(--btn-a),var(--btn-c));box-shadow:0 12px 24px -12px var(--primary)}
.ld-tour h2{margin:0;font-size:22px;font-weight:650;letter-spacing:-.015em}
.ld-tour-n{margin:6px 0 0;font-size:12px;font-weight:650;letter-spacing:.06em;text-transform:uppercase;color:var(--text-2)}
.ld-tour-dots{display:flex;gap:6px}
.ld-tour-dots i{width:8px;height:8px;border-radius:50%;background:var(--border-strong)}
.ld-tour-dots i.is-on{width:22px;border-radius:4px;background:var(--accent)}
.ld-tour .ld-dlg-ft{width:100%}

/* ---------- 7. Pipeline, search, me ---------- */
.ld-pipe,.ld-search,.ld-me,.ld-decide,.ld-auto,.ld-money,.ld-team,.ld-staff,.ld-home{display:grid;grid-template-columns:minmax(0,1fr);gap:14px;min-width:0}
.ld-home{gap:22px}
.ld-pipe-hd,.ld-dec-hd{display:flex;align-items:center;gap:8px 12px;flex-wrap:wrap}
.ld-pipe-sub{margin:0;color:var(--text-2);font-size:14px}
.ld-pipe-hd .ld-pipe-sub,.ld-dec-hd .ld-pipe-sub{flex:1 1 200px}
.ld-money .ld-dec-hd .ld-chips{padding:0;gap:6px;flex:1 1 auto}
.ld-money .ld-dec-hd .bc-chip{padding:0 11px}
.ld-money .ld-dec-hd>.bc-btn{margin-left:auto}
.ld-filter .bc-select{height:40px}
.ld-stages{display:flex;gap:6px;overflow-x:auto;scrollbar-width:none;padding:2px;margin:-2px -2px 10px}
.ld-stage{all:unset;box-sizing:border-box;display:inline-flex;align-items:center;gap:6px;flex:none;height:40px;padding:0 10px 0 14px;border-radius:999px;cursor:pointer;color:var(--text-2);font-weight:550;background:var(--surface);box-shadow:inset 0 0 0 1px var(--border-strong)}
.ld-stage[aria-pressed=true]{background:var(--text);color:var(--surface);box-shadow:none;font-weight:650}
.ld-stage[aria-pressed=true] .bc-count{background:color-mix(in srgb,var(--surface) 22%,transparent);color:inherit}
.ld-stage:focus-visible{outline:2px solid var(--focus);outline-offset:2px}
.ld-pipe-desk{display:none}
.ld-board{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:12px;align-items:start}
.ld-col-s{display:grid;gap:8px;min-width:0}
.ld-col-hd{display:flex;align-items:center;justify-content:space-between;padding:0 6px}
.ld-board .ld-row{min-height:60px;padding:10px 12px}
.ld-board .ld-l1{flex-direction:column;gap:1px}
.ld-board .ld-row-main{grid-template-columns:minmax(0,1fr)!important}
.ld-board .ld-l2{flex-wrap:wrap!important;white-space:normal!important}
.ld-board .ld-name{font-size:15px}
.ld-closed{margin-top:4px}
.bc .ld-search-big{display:flex;width:100%;min-width:0;height:52px;border-radius:16px;font-size:16px}
.ld-search-big input{font-size:16px}
.ld-me-hd{display:flex;align-items:center;gap:14px;padding:16px}
.ld-me-av{width:48px!important;height:48px!important;font-size:16px!important}
.ld-set{display:grid;gap:4px;padding:14px 16px 8px}
.ld-set-row{display:flex;align-items:center;justify-content:space-between;gap:14px;min-height:56px;padding:8px 0;border-top:1px solid var(--card-line)}
.ld-set .ld-card-t+.ld-set-row,.ld-set .ld-card-t+.bc-seg{border-top:0;margin-top:8px}
.ld-set-row>span{display:grid;gap:2px;min-width:0}
.ld-set-row small{color:var(--text-2);font-size:13px;line-height:1.4}
.ld-set-row>svg.i{color:var(--text-2);width:20px;height:20px;flex:none}
.ld-theme-seg{justify-self:start;margin-bottom:8px}
.ld-theme-seg button{height:38px;padding:0 14px}
.ld-more-l .ld-row-main{grid-template-columns:auto minmax(0,1fr);column-gap:12px}
.ld-more-i{grid-row:1 / span 2;display:grid;place-items:center;width:40px;height:40px;border-radius:12px;background:var(--sell-bg);color:var(--sell-fg)}
.ld-more-i svg.i{width:19px;height:19px}

/* ---------- 8. Admin ---------- */
.ld-dec-card{overflow:visible}
.ld-dec-th{display:none}
.ld-drow{display:grid;grid-template-columns:auto minmax(0,1fr);grid-template-areas:"ring main" "oc oc" "val val" "acts acts";gap:10px 12px;align-items:center;padding:14px 16px}
.ld-drow .ld-ring{grid-area:ring}.ld-drow .ld-row-main{grid-area:main}.ld-drow .ld-dec-oc{grid-area:oc}.ld-drow .ld-dec-v{grid-area:val}.ld-drow .ld-dec-acts{grid-area:acts}
.ld-drow .ld-dec-chk{position:absolute;top:18px;left:-8px;width:20px;height:20px;z-index:2}
.is-selecting .ld-drow{padding-left:24px}
.ld-ring{width:52px!important;height:52px!important}
.ld-ring>span{font-size:14px!important;font-weight:700}
.ld-dec-oc{display:flex;align-items:center;gap:8px;flex-wrap:wrap;min-width:0}
.ld-dec-r{font-size:13.5px;color:var(--text);font-weight:500}
.ld-dec-v{font-size:13.5px;color:var(--text-2)}
.ld-dec-v b{color:var(--text);font-weight:650}
.ld-vs{color:var(--text-3);margin:0 2px}
.ld-dec-acts{display:flex;gap:8px;align-items:center}
.ld-dec-acts .bc-btn:not(.is-icon){flex:1;height:46px;border-radius:12px}
.ld-dec-acts .bc-btn.is-icon{width:46px;height:46px}
.ld-dec-acts .bc-kbd{display:none}
.ld-bulk{display:flex;align-items:center;justify-content:space-between;gap:12px;max-width:560px;margin:0 auto}
.ld-bulk .bc-btn{height:48px;border-radius:14px;padding:0 20px}
.ld-auto-card{padding:4px 16px}
.ld-auto-row{display:flex;align-items:center;justify-content:space-between;gap:10px 18px;flex-wrap:wrap;padding:14px 0;border-top:1px solid var(--card-line)}
.ld-auto-row:first-child{border-top:0}
.ld-auto-row.is-changed{box-shadow:inset 3px 0 0 var(--accent);margin:0 -16px;padding-left:16px;padding-right:16px;background:color-mix(in srgb,var(--sell-bg) 45%,transparent)}
.ld-auto-l{display:grid;gap:2px;flex:1 1 240px;min-width:0}
.ld-auto-l small{color:var(--text-2);font-size:13px;line-height:1.4}
.ld-seg{flex-wrap:wrap}
.ld-seg button{height:36px;padding:0 12px}
.ld-seg button svg.i{width:13px;height:13px;opacity:.75}
.ld-quiet{display:inline-flex;align-items:center;gap:8px;color:var(--text-2)}
.ld-quiet .bc-select{min-width:96px}
.ld-auto-pub{padding:14px 16px 16px;display:grid;gap:10px}
.ld-auto-pub.is-dirty{box-shadow:inset 0 0 0 2px var(--accent),var(--pane-shadow)}
.ld-hist{list-style:none;margin:0;padding:8px 16px 16px;display:grid;gap:8px}
.ld-hist li{display:flex;align-items:flex-start;justify-content:space-between;gap:12px;padding:10px 12px;border-radius:14px;background:var(--sunk);box-shadow:inset 0 0 0 1px var(--card-line)}
.ld-hist p{margin:2px 0 0;font-size:14px}
.ld-hist small{color:var(--text-2);font-size:12.5px}
.ld-kpis{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:10px;margin:0}
.ld-kpi{position:relative;padding:12px 14px 12px 16px;border-radius:16px;background:linear-gradient(180deg,var(--card-hi),var(--card));border:1px solid var(--card-line);box-shadow:var(--pane-glow),var(--pane-shadow);min-width:0}
.ld-kpi::before{content:"";position:absolute;left:0;top:12px;bottom:12px;width:3px;border-radius:0 3px 3px 0;background:var(--band,transparent)}
.ld-kpi dt{font-size:13px;color:var(--text-2);font-weight:500}
.ld-kpi dd{margin:2px 0 0;font-size:22px;font-weight:650;letter-spacing:-.015em}
.ld-tcard{padding:14px 0 0;display:grid;gap:8px}
.ld-tcard>.ld-card-t{padding:0 16px}
.ld-twrap{overflow-x:auto;border-radius:0 0 20px 20px}
.ld-twrap:focus-visible{outline:2px solid var(--focus);outline-offset:-2px}
.ld-table{font-size:13.5px}
.ld-table th[scope=row]{font-weight:600;position:static;height:var(--row-h);background:transparent;-webkit-backdrop-filter:none;backdrop-filter:none;color:var(--text);font-size:13.5px}
.ld-table tr{cursor:default}
.ld-neg{color:var(--rd-fg)}
.ld-people{display:grid;grid-template-columns:repeat(auto-fill,minmax(250px,1fr));gap:12px}
.ld-person{padding:14px 16px;display:grid;gap:10px}
.ld-person-hd{display:flex;align-items:center;gap:10px}
.ld-person-hd>span:nth-child(2){display:grid;gap:1px;flex:1;min-width:0}
.ld-person-hd small{color:var(--text-2);font-size:12.5px}
.ld-person-hd .bc-av{width:36px;height:36px;font-size:13px}
.ld-on{width:9px;height:9px;border-radius:50%;background:var(--live);box-shadow:0 0 0 3px color-mix(in srgb,var(--live) 22%,transparent)}
.ld-pstats{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:8px 10px;margin:0}
.ld-pstats div{display:grid;gap:1px}
.ld-pstats dt{font-size:12px;color:var(--text-2)}
.ld-pstats dd{margin:0;font-size:17px;font-weight:650}
.ld-warn{color:var(--am-fg)}
.ld-team-g{display:grid;gap:14px}
.ld-pad{padding:4px 16px 0}
.ld-feed{padding-top:12px}
.ld-sperson{padding:14px 16px;display:grid;gap:12px}
.ld-sperson.is-off{opacity:.75}
.ld-skv{padding:0}
.ld-devs{display:grid;gap:8px}
.ld-dev-l{list-style:none;margin:0;padding:0;display:grid;gap:6px}
.ld-dev-l li{display:flex;align-items:center;justify-content:space-between;gap:12px;padding:8px 8px 8px 12px;border-radius:12px;background:var(--sunk);box-shadow:inset 0 0 0 1px var(--card-line)}
.ld-dev-l span{display:grid;gap:1px;min-width:0}
.ld-dev-l small{color:var(--text-2);font-size:12.5px}
.ld-devs .ld-none{padding:0}
.ld-sacts{display:flex;flex-wrap:wrap;gap:8px}

/* ---------- 9. Auth ---------- */
.ld-auth .ld-tabbar,.ld-auth .ld-rail,.ld-auth .ld-hdr{display:none!important}
.ld-auth .ld-app{grid-template-columns:minmax(0,1fr)}  /* signed out: the rail is hidden, so the page takes the full width (was landing in the 240px rail track on desktop) */
.ld-auth .ld-main{padding:0}
.ld-auth-wrap{min-height:100dvh;display:grid;place-content:center;justify-items:center;gap:16px;padding:24px 16px calc(24px + env(safe-area-inset-bottom))}
.ld-auth-card{width:min(420px,calc(100vw - 32px));display:grid;gap:14px;padding:26px 22px;border-radius:24px;border:1px solid var(--pane-line);box-shadow:var(--pane-glow),var(--pane-shadow-up)}
.ld-auth-logo .bc-logo-img{height:40px}
.ld-auth-h{margin:6px 0 0;font-size:24px;font-weight:650;letter-spacing:-.02em}
.ld-auth-f{display:grid;gap:12px}
.ld-auth-go{height:50px!important;border-radius:14px!important;font-size:16px}
.ld-auth-alt{justify-self:center}
.ld-auth-ft{display:flex;align-items:center;gap:6px;margin:0;font-size:13px;color:var(--text-2)}
.ld-remember{align-items:flex-start;padding:10px 12px;border-radius:14px;background:var(--sunk);box-shadow:inset 0 0 0 1px var(--card-line)}
.ld-remember input{margin-top:2px}
.ld-remember span{display:grid;gap:1px}
.ld-steps{margin:0;padding:0;list-style:none;display:grid;gap:14px;counter-reset:st}
.ld-steps li{display:grid;grid-template-columns:28px minmax(0,1fr);gap:8px 10px;align-items:center;counter-increment:st}
.ld-steps li::before{content:counter(st);display:grid;place-items:center;width:26px;height:26px;border-radius:50%;background:var(--sell-bg);color:var(--sell-fg);font-weight:700;font-size:13px}
.ld-steps li>*{grid-column:2;justify-self:start}
.ld-qr-img{width:168px;height:168px;border-radius:12px;background:#FFFFFF;padding:8px}
.ld-qr-ph{display:block;width:168px;height:168px;padding:10px;border-radius:12px;background:#FFFFFF;box-shadow:inset 0 0 0 1px var(--border-strong)}
.ld-qr-ph svg{display:block;width:100%;height:100%}
.ld-qr-ph rect{fill:#1E2329}
.ld-key{display:inline-block;padding:8px 12px;border-radius:10px;background:var(--sunk);box-shadow:inset 0 0 0 1px var(--border-strong);font:600 15px/1.2 var(--mono);letter-spacing:.06em;overflow-wrap:anywhere}

@container (max-width:480px){.ld-card-hd>.ld-ai-tag{margin-left:0}}
@media (max-width:767px){
  .ld-dlg.ld-sheet,.ld-dlg.ld-calld{width:100vw;max-width:100vw}
  .ld-dlg-ft .bc-btn.is-primary{flex:1 1 100%}
  .ld-dlg-ft .bc-btn.is-secondary{flex:1 1 0}}
/* ---------- 10. Toasts ---------- */
.ld-toasts{left:50%!important;transform:translateX(-50%)!important;bottom:calc(var(--tab-h) + 78px + env(safe-area-inset-bottom))!important}
[data-view=lead] .ld-toasts{bottom:calc(82px + env(safe-area-inset-bottom))!important}
.ld-auth .ld-toasts{bottom:24px!important}
.ld-has-dlg .ld-toasts{z-index:2147483647}

/* ---------- 11. Phone: lead view takes the whole screen ---------- */
@media (max-width:1279px){
  [data-view=lead] .ld-hdr,[data-view=lead] .ld-tabbar,[data-view=lead] .ld-shelf{display:none}
  [data-view=lead] .ld-main{padding:0;overflow:hidden}}

/* ---------- 12. Containers (main column width, so a docked lead narrows the list) ---------- */
@container (min-width:600px){
  .ld-nums{grid-template-columns:repeat(4,minmax(0,1fr))}
  .ld-legend{grid-template-columns:repeat(3,minmax(0,1fr))}
  .ld-kpis{grid-template-columns:repeat(auto-fill,minmax(160px,1fr))}
  .ld-edit-g{grid-template-columns:repeat(3,minmax(0,1fr))}}
@container (min-width:720px){
  .ld-prow .ld-row-main,.ld-pirow .ld-row-main{grid-template-columns:minmax(200px,300px) minmax(0,1fr);align-items:center;column-gap:20px}
  .ld-prow .ld-l2,.ld-pirow .ld-l2{flex-wrap:nowrap;white-space:nowrap;overflow:hidden}
  .ld-team-g{grid-template-columns:repeat(2,minmax(0,1fr))}}
@container (min-width:860px){
  .ld-home-top{grid-template-columns:repeat(2,minmax(0,1fr));align-items:start}
  .ld-pipe-phone{display:none}.ld-pipe-desk{display:grid;gap:14px}
  .ld-dec-th{display:grid;grid-template-columns:76px minmax(0,1.1fr) minmax(0,1.5fr) 170px 250px;gap:12px;padding:12px 16px 10px;font-size:12px;font-weight:600;color:var(--text-2);border-bottom:1px solid var(--card-line)}
  .ld-drow{grid-template-columns:76px minmax(0,1.1fr) minmax(0,1.5fr) 170px 250px;grid-template-areas:"ring main oc val acts";padding:12px 16px}
  .ld-drow .ld-ring{justify-self:start}
  .ld-dec-acts .bc-btn:not(.is-icon){height:40px}
  .ld-dec-acts .bc-btn.is-icon{width:40px;height:40px}
  .ld-dec-acts .bc-kbd{display:inline-block}}

/* ---------- 13. Desktop ---------- */
@media (min-width:1024px){
  .ld-app{grid-template-columns:var(--rail-w) minmax(0,1fr)}
  .ld-rail{display:flex;flex-direction:column;gap:18px;position:sticky;top:0;height:100dvh;padding:18px 14px 16px;background:var(--chrome);-webkit-backdrop-filter:blur(28px) saturate(170%);backdrop-filter:blur(28px) saturate(170%);
    border-right:1px solid var(--pane-line);box-shadow:inset -1px 0 0 var(--pane-edge);z-index:22}
  .ld-rail-brand{display:inline-flex;align-items:center;height:44px;padding:0 8px;border-radius:10px}
  .ld-rail-brand .bc-logo-img{height:32px}
  .ld-rail-g{display:grid;gap:2px}
  .ld-rail-h{padding:0 12px 6px;font-size:11px;font-weight:650;letter-spacing:.08em;text-transform:uppercase;color:var(--text-2)}
  .ld-rail .ld-nav-i{min-height:44px;padding:0 12px}
  .ld-rail .ld-nav-i:hover{background:var(--surface-3);color:var(--text)}
  .ld-rail .ld-nav-i[aria-current=page]{background:var(--pane-pop);color:var(--text);font-weight:600;box-shadow:inset 0 0 0 1px var(--card-line),inset 0 1px 0 var(--pill-hi),0 8px 18px -12px rgba(8,110,153,.45)}
  .ld-rail .ld-nav-i[aria-current=page]::before{content:"";position:absolute;left:-14px;top:12px;bottom:12px;width:3px;border-radius:0 3px 3px 0;background:var(--brand-cyan)}
  .ld-rail .ld-nav-i[aria-current=page] svg.i{color:var(--accent)}
  .ld-rail .ld-badge{margin-left:auto}
  .ld-rail-me .ld-nav-l{display:grid;line-height:1.2}
  .ld-rail-me small{font-size:12px;color:var(--text-2);font-weight:500}
  .ld-rail-me .bc-av{width:32px;height:32px}
  .ld-nav-i:focus-visible{outline:2px solid var(--focus);outline-offset:2px}
  .ld-tabbar{display:none}
  .ld-brand{display:none}
  .ld-title{position:static;width:auto;height:auto;margin:0 6px 0 4px;overflow:visible;clip:auto}
  .ld-top{height:64px;padding:0 24px;gap:12px}
  .ld-hsearch{display:inline-flex;min-width:280px;height:40px;border-radius:999px;padding:0 8px 0 14px;background:var(--ctl);box-shadow:inset 0 0 0 1px var(--ctl-line),inset 0 1px 0 var(--pill-hi),0 1px 2px rgba(16,24,40,.05)}
  .ld-hsearch:focus-within{box-shadow:inset 0 0 0 2px var(--focus),0 0 0 4px color-mix(in srgb,var(--focus) 16%,transparent)}
  .ld-search-btn{display:none}
  .ld-theme-btn{display:inline-flex}
  .ld-main{padding:22px 24px 32px}
  .ld-shelf{padding:12px 24px 16px}
  .ld-toasts{bottom:24px!important;left:calc(var(--rail-w) + 24px)!important;transform:none!important}
  .ld-dlg.ld-sheet{width:min(560px,calc(100vw - 48px))}
  .ld-dlg.ld-calld{width:min(600px,calc(100vw - 48px))}
  .ld-lbody{padding:18px 20px 24px;gap:16px}
  .ld-lhdr{padding:14px 16px 14px 12px}
  .ld-lname{font-size:24px}}
@media (min-width:1280px){
  .ld-docked .ld-body{grid-template-columns:minmax(0,1fr) var(--dock-w)}
  .ld-dock{min-height:0;overflow:hidden;border-left:1px solid var(--pane-line);background:color-mix(in srgb,var(--bg) 70%,transparent);box-shadow:-18px 0 40px -30px rgba(16,20,26,.5)}
  .ld-docked .ld-main{padding-right:20px}}
@media (hover:hover) and (pointer:fine){
  .ld-cbar-copy{display:inline-flex!important}
  .ld-cbar .bc-kbd{display:inline-block}
  .ld-cbar .bc-btn{height:44px}
  .ld-cbar .bc-btn.is-icon{width:44px}}
@media (pointer:coarse){.ld-callnext-btn .bc-kbd,.ld-dec-acts .bc-kbd{display:none!important}}

/* ---------- 14. Motion, transparency, contrast, forced colours ---------- */
@media (prefers-reduced-motion:reduce){.ld-prow.is-new{animation:none}.ld-live i{animation:none!important}}
@supports not ((backdrop-filter:blur(1px)) or (-webkit-backdrop-filter:blur(1px))){.ld-hdr,.ld-tabbar,.ld-rail,.ld-lhdr,.ld-cbar,.ld-auth-card{background:var(--surface)}}
@media (prefers-reduced-transparency:reduce),(prefers-contrast:more){
  .ld-hdr,.ld-tabbar,.ld-rail,.ld-lhdr,.ld-cbar,.ld-bulk,.ld-auth-card{background:var(--surface);-webkit-backdrop-filter:none;backdrop-filter:none}
  .ld-card,.ld-kpi{background:var(--surface)}
  .ld-dock{background:var(--bg)}}
@media (prefers-contrast:more){.ld-card,.ld-num,.ld-flag,.ld-next-i{border:1px solid var(--border-strong)}.ld-l2,.ld-prod,.ld-pipe-sub,.ld-foot,.ld-num-sub{color:var(--text)}}
@media (forced-colors:active){
  .ld-hdr,.ld-tabbar,.ld-rail,.ld-lhdr,.ld-cbar,.ld-card,.ld-num,.ld-flag,.ld-pend,.ld-kpi,.ld-opt>span,.ld-status,.ld-live,.ld-stage,.ld-menu-i{border:1px solid CanvasText}
  .ld-nav-i[aria-current=page],.ld-stage[aria-pressed=true]{outline:2px solid Highlight;outline-offset:-2px}
  .ld-opt input:checked+span{outline:3px solid Highlight;outline-offset:1px}
  .ld-stack,.ld-tb,.ld-live i,.ld-rank,.ld-badge{forced-color-adjust:none}
  .ld-row-main:focus-visible::after{outline-color:Highlight}
  .ld-rail-brand,.ld-brand,.ld-auth-logo{forced-color-adjust:none;background:#1E2329;padding:4px 10px;border-radius:8px}
  .ld-rail-brand .is-forlight,.ld-brand .is-forlight,.ld-auth-logo .is-forlight{display:none}.ld-rail-brand .is-fordark,.ld-brand .is-fordark,.ld-auth-logo .is-fordark{display:block}}

/* ==========================================================================
   Top 3 lenders card (Sep 17:46). Owned by the Lead Desk front end build.
   Tokens only (var(--...)), no hard-coded colours, so it follows the brand palette.
   ========================================================================== */
.ld-lenders{display:grid;gap:4px;padding-bottom:12px}
.ld-lrank{list-style:none;margin:6px 16px 0;padding:0}
.ld-lrow{border-top:1px solid var(--card-line)}
.ld-lrow:first-child{border-top:0}
.ld-ai-note{display:flex;align-items:center;gap:8px;margin:10px 16px 2px;padding:8px 12px;border-radius:12px;background:var(--sell-bg);color:var(--sell-fg);font-size:13px;font-weight:600;line-height:1.35}
.ld-ai-note svg.i{flex:none;width:15px;height:15px}
.ld-ai-note.is-rules{background:var(--am-bg);color:var(--am-fg)}
.ld-lx summary{display:grid;grid-template-columns:30px minmax(0,1fr) auto 18px;align-items:center;gap:12px;min-height:60px;padding:10px 0;cursor:pointer;list-style:none;border-radius:12px}
.ld-lx summary::-webkit-details-marker{display:none}
.ld-lx summary:focus-visible{outline:2px solid var(--focus);outline-offset:2px}
.ld-rank{display:grid;place-items:center;width:30px;height:30px;border-radius:50%;font-weight:700;font-size:14px;color:var(--sell-fg);background:var(--sell-bg);box-shadow:inset 0 0 0 1px color-mix(in srgb,var(--sell-fg) 25%,transparent)}
.ld-lrow:first-child .ld-rank{color:var(--on-primary);background:linear-gradient(135deg,var(--btn-a),var(--btn-c));box-shadow:0 6px 14px -6px var(--primary)}
.ld-lx-t{display:grid;gap:2px;min-width:0}
.ld-lx-t b{font-size:15.5px;font-weight:650;letter-spacing:-.005em}
.ld-lx-t small{font-size:13px;color:var(--text-2);line-height:1.35}
.ld-pct{display:inline-grid;place-items:center;min-width:58px;height:34px;padding:0 10px;border-radius:999px;font-size:15px;font-weight:700;background:var(--sell-bg);color:var(--sell-fg);box-shadow:inset 0 0 0 1px color-mix(in srgb,currentColor 22%,transparent)}
.ld-lx-chev{color:var(--text-2)}
.ld-lx[open] .ld-lx-chev{transform:rotate(180deg)}
.ld-lx-b{display:grid;gap:12px;padding:0 0 14px 42px}
.ld-lx-prod{display:grid;gap:1px;margin:0;padding:8px 12px;border-radius:10px;background:var(--sunk);box-shadow:inset 0 0 0 1px var(--card-line);font-size:13.5px}
.ld-lx-prod span{color:var(--text-2);font-size:12px;font-weight:600}
.ld-lx-prod b{font-weight:600}
.ld-lx-s ul{list-style:none;margin:6px 0 0;padding:0;display:grid;gap:4px;font-size:13.5px}
.ld-lx-s li{display:flex;gap:7px;align-items:flex-start}
.ld-lx-s li svg.i{width:15px;height:15px;margin-top:2px;flex:none}
.ld-lx-s.is-why svg.i{color:var(--prime)}
.ld-lx-s.is-watch li{color:var(--am-fg)}.ld-lx-s.is-watch svg.i{color:var(--am)}
.ld-lx-s.is-docs svg.i{color:var(--accent)}
.ld-lenders .ld-foot{margin:4px 16px 0;padding-top:10px;border-top:1px solid var(--card-line)}
.ld-len-acts{display:flex;align-items:center;gap:4px;flex-wrap:wrap;padding:4px 10px 0}
.ld-made{margin-left:auto;margin-right:6px;font-size:12px;color:var(--text-2)}
.ld-len-busy{display:flex;align-items:center;gap:10px;padding:16px;color:var(--text-2)}
.ld-len-slot:empty{display:none}
.ld-len-rerun{margin-left:auto}
.ld-len-rerun[aria-disabled="true"]{opacity:.75;cursor:progress}
.ld-len-sum{margin:8px 16px 0;font-size:14px;line-height:1.45;color:var(--text)}
.ld-len-notice{display:flex;align-items:flex-start;gap:8px;margin:8px 16px 0;padding:8px 12px;border-radius:12px;background:var(--am-bg);color:var(--am-fg);font-size:13px;font-weight:600;line-height:1.35}
.ld-len-notice svg.i{flex:none;width:15px;height:15px;margin-top:1px}
.ld-len-msg{display:grid;gap:10px;justify-items:start;padding:4px 16px 16px;font-size:14px;line-height:1.45;color:var(--text-2)}
.ld-len-msg p{margin:0}.ld-len-msg b{color:var(--text)}
.ld-len-skel{width:min(320px,80%);height:12px;border-radius:6px}
.ld-lx-near{font-size:12px;font-weight:600;color:var(--am-fg)}
.ld-basis{display:inline-block;margin-left:4px;padding:0 7px;border-radius:999px;font-size:11.5px;font-weight:650;line-height:18px;vertical-align:1px;background:var(--surface-2);color:var(--text-2);box-shadow:inset 0 0 0 1px var(--border-strong)}
.ld-lx-s.is-watch .ld-basis{color:var(--text-2)}
.ld-lx-s.is-pol svg.i{color:var(--text-2)}
.ld-lx-s.is-pol small{color:var(--text-2);font-size:12.5px}
.ld-lx-none{margin:4px 0 0;font-size:13.5px;color:var(--text-2)}
.ld-lx-s.is-risks{margin:10px 16px 0}
.ld-lx-s.is-risks li{color:var(--text)}.ld-lx-s.is-risks svg.i{color:var(--am)}
.ld-lx-s.is-watch svg.i{color:var(--am)}
@media (prefers-reduced-motion:reduce){.ld-lx-chev{transition:none}}
@media (forced-colors:active){.ld-lx{border:1px solid CanvasText;border-radius:12px;margin:4px 0}.ld-rank{border:1px solid CanvasText}.ld-lrow:first-child .ld-rank{background:Highlight;color:HighlightText}.ld-basis,.ld-pct{border:1px solid CanvasText}}
.ld-len-quiet{display:flex;align-items:center;flex-wrap:wrap;gap:4px 8px;margin:0;padding:2px 4px;font-size:13.5px;line-height:1.4;color:var(--text-2)}
.ld-len-quiet>svg.i{flex:none;width:15px;height:15px;color:var(--text-2)}
.ld-len-quiet>span{flex:1 1 200px}
.ld-len-quiet .ld-len-rerun{margin-left:0}
.ld-len-qnote{flex-basis:100%;color:var(--am-fg);font-weight:600}
/* ===== end Top 3 lenders card ===== */

/* ==========================================================================
   Bank check report (sandboxed frame from /functions/v1/bc/report-view). Owned by the Lead Desk front end build.
   Tokens only.
   ========================================================================== */
.ld-dlg.ld-report{width:min(960px,calc(100vw - 32px))}
.ld-report-frame{display:block;width:100%;height:min(70vh,720px);border:0;border-radius:12px;background:var(--surface);box-shadow:inset 0 0 0 1px var(--border)}
.ld-report-sum{max-height:60vh;overflow:auto;margin:0;padding:12px;border-radius:12px;background:var(--surface-2);color:var(--text);font-size:12.5px;white-space:pre-wrap}
/* ===== end Bank check report ===== */

/* ==========================================================================
   Keep request line on the lead (bank check backend, 5 Nov). Owned by the Lead Desk front end build. Tokens only.
   ========================================================================== */
.ld-keepreq{display:flex;align-items:center;flex-wrap:wrap;gap:6px 10px;margin:0;padding:10px 14px;border-radius:14px;background:var(--am-bg);color:var(--am-fg);font-size:13.5px;line-height:1.4}
.ld-keepreq>svg.i{flex:none;width:16px;height:16px}
.ld-keepreq>span{flex:1 1 220px}
.ld-keepreq b{font-weight:650}
.ld-keepreq.is-ask{background:var(--surface-2);color:var(--text-2);box-shadow:inset 0 0 0 1px var(--border)}
@media (forced-colors:active){.ld-keepreq{border:1px solid CanvasText}}
/* ===== end Keep request ===== */

/* ── go-live 11 Nov: bank check state (same states as the live Bank checks page) ── */
.ld-bchip{all:unset;box-sizing:border-box;display:inline-flex;align-items:center;gap:6px;height:34px;padding:0 12px 0 10px;border-radius:999px;font-size:13px;font-weight:600;cursor:pointer;position:relative;
  background:var(--card);color:var(--text);box-shadow:inset 0 0 0 1px var(--card-line)}
.ld-bchip::after{content:"";position:absolute;inset:-6px 0}   /* 44px tap target without a taller chip */
.ld-bchip .i{width:16px;height:16px;color:var(--text-2)}
.ld-bchip.k-g{background:var(--prime-bg);color:var(--prime-fg)}
.ld-bchip.k-a{background:var(--am-bg);color:var(--am-fg)}
.ld-bchip.k-g .i,.ld-bchip.k-a .i{color:currentColor}
.ld-bchip:focus-visible{outline:2px solid var(--focus);outline-offset:2px}
.ld-check{padding:0 0 12px}
.ld-check-st{margin:0 0 8px}
.ld-check-chip .i{width:15px;height:15px}
.ld-check-l{list-style:none;padding:0 0 4px;display:grid;gap:6px}
.ld-check .ld-check-l{padding:0}
.ld-check-l li{display:flex;align-items:flex-start;gap:8px;font-size:13.5px;line-height:1.4;color:var(--text-2)}
.ld-check-l li .i{flex:none;width:16px;height:16px;margin-top:2px}
.ld-check-l li.is-warn{color:var(--text);font-weight:550}
.ld-check-l li.is-warn .i{color:var(--am-fg)}
@media (prefers-contrast:more){.ld-check-l li{color:var(--text)}}
@media (forced-colors:active){.ld-bchip{border:1px solid CanvasText}}
.ld-set-row>.bc-chip{display:inline-flex;flex:none;white-space:nowrap}
.ld-lm-no .i{width:14px;height:14px}
.ld-auth-notice{margin:0 0 14px;text-align:left}
/* design council 11 Nov: one focus ring on the search field (the pill), not a second box inside it */
.bc-search input:focus-visible{outline:none}
/* empty states: the icon badge collapsed to a blank dot (border-box 18px icon minus 20px padding) */
.ld-empty svg.ld-empty-i{box-sizing:content-box;width:24px;height:24px}
/* ---------- council 11 Nov (owner, 3pm): order toggle, bank statements in, all clear, needs you, link state ---------- */
.ld-order{display:inline-flex;gap:6px;flex:none;margin-left:auto}
.ld-sec-new .ld-sec-hd{flex-wrap:wrap;row-gap:8px}
.ld-sec-hd .ld-wait{margin-left:auto}
.ld-sec-hd .ld-wait+.ld-order{margin-left:0}
.ld-order-b{all:unset;box-sizing:border-box;position:relative;display:inline-flex;align-items:center;height:32px;padding:0 12px;border-radius:999px;font-size:13px;font-weight:550;color:var(--text-2);cursor:pointer;background:var(--ctl);box-shadow:inset 0 0 0 1px var(--ctl-line)}
.ld-order-b::after{content:"";position:absolute;inset:-6px 0}   /* 44px tap target without a taller pill */
.ld-order-b[aria-pressed=true]{background:var(--text);color:var(--surface);box-shadow:none;font-weight:650}
.ld-order-b:focus-visible{outline:2px solid var(--focus);outline-offset:2px}
.ld-sec-bank .ld-card{position:relative;overflow:hidden}
.ld-sec-bank .ld-card::before{content:"";position:absolute;left:0;top:0;bottom:0;width:3px;background:var(--prime)}
.ld-sec-bank .ld-h-i{color:var(--prime)}
.ld-l2 .ld-bankin{font-weight:650}
.ld-l2 .ld-bankin svg.i{width:13px;height:13px}
.ld-bankin-b>svg.i{background:var(--prime-bg);color:var(--prime-fg)}
.ld-bankin-b small{display:flex;flex-wrap:wrap;align-items:center;gap:2px 6px}
.ld-allclear{display:flex;align-items:center;gap:12px;padding:14px 16px;border-radius:18px;background:var(--prime-bg);color:var(--prime-fg)}
.ld-allclear>svg.i{width:22px;height:22px;flex:none}
.ld-allclear>span{display:grid;gap:1px}
.ld-allclear b{font-size:15px;font-weight:650}
.ld-allclear small{font-size:13px;color:inherit}
.ld-needs{display:flex;flex-wrap:wrap;align-items:center;gap:8px;padding:0 4px}
.ld-needs-t{font-size:12px;font-weight:650;letter-spacing:.06em;text-transform:uppercase;color:var(--text-2);margin-right:2px}
.ld-needs-i{position:relative;display:inline-flex;align-items:center;gap:6px;min-height:36px;padding:0 12px;border-radius:999px;background:var(--am-bg);color:var(--am-fg);font-size:13px;font-weight:550;text-decoration:none}
.ld-needs-i::after{content:"";position:absolute;inset:-4px 0}
.ld-needs-i b{font-weight:700}
.ld-needs-i svg.i{width:15px;height:15px}
.ld-needs-i:focus-visible{outline:2px solid var(--focus);outline-offset:2px}
.ld-bank-in{display:flex;flex-wrap:wrap;align-items:center;gap:2px 8px;margin-top:0;margin-bottom:-6px;font-size:13.5px;color:var(--text-2)}
.ld-bank-in b{color:var(--prime-fg);font-weight:650}
.ld-bank-in svg.i{width:16px;height:16px;color:var(--prime-fg);flex:none}
.ld-num dd b.ld-num-na{font-size:17px;line-height:1.75;font-weight:600;letter-spacing:0;color:var(--text-2)}
.ld-commit{margin-top:-8px;margin-bottom:-4px;border-radius:12px}
.ld-commit summary{display:flex;align-items:center;gap:8px;min-height:44px;cursor:pointer;list-style:none;font-size:13.5px;font-weight:550;color:var(--text-2)}
.ld-commit summary::-webkit-details-marker{display:none}
.ld-commit summary>span{flex:1;min-width:0}
.ld-commit summary:focus-visible{outline:2px solid var(--focus);outline-offset:2px;border-radius:10px}
.ld-commit[open] .ld-flag-chev{transform:rotate(180deg)}
.ld-commit-l{list-style:none;margin:0;padding:2px 0 8px;display:grid;gap:8px;font-size:13.5px}
.ld-commit-l li{display:flex;align-items:baseline;justify-content:space-between;gap:12px}
.ld-commit-l li>span{color:var(--text-2)}
.ld-commit-l li b{font-weight:600}
.ld-link-st{display:flex;align-items:flex-start;gap:8px;margin:0!important;padding:0 16px 14px;font-size:13.5px;line-height:1.4;color:var(--text)}
.ld-link-st svg.i{flex:none;width:16px;height:16px;margin-top:2px;color:var(--text-2)}
.ld-mkt-block{display:flex;align-items:flex-start;gap:8px;color:var(--text)}
.ld-mkt-block svg.i{flex:none;width:16px;height:16px;margin-top:2px;color:var(--am-fg)}
@media (max-width:1023px){.ld-sec-new .ld-wait+.ld-order{flex:1 0 100%}}
@media (prefers-contrast:more){.ld-bank-in,.ld-commit summary,.ld-commit-l li>span,.ld-needs-t{color:var(--text)}}
@media (forced-colors:active){.ld-order-b,.ld-needs-i,.ld-allclear{border:1px solid CanvasText}.ld-order-b[aria-pressed=true]{outline:2px solid Highlight;outline-offset:-2px}}
/* ---------- password reset and invite landing, forgot password (11 Nov) ---------- */
.ld-auth-link{all:unset;box-sizing:border-box;position:relative;display:inline-flex;align-items:center;gap:6px;justify-self:start;min-height:28px;font-size:14px;font-weight:550;color:var(--text-2);text-decoration:underline;text-underline-offset:3px;cursor:pointer;border-radius:6px}
.ld-auth-link::after{content:"";position:absolute;inset:-8px -6px}   /* 44px tap target without a taller line */
.ld-auth-link:hover{color:var(--text)}
.ld-auth-link:focus-visible{outline:2px solid var(--focus);outline-offset:3px}
.ld-auth-link svg.i{width:16px;height:16px;flex:none}
.ld-pw-hint{list-style:none;margin:0;padding:0;display:grid;gap:4px;font-size:13.5px;color:var(--text-2)}
.ld-pw-hint li{display:flex;align-items:center;gap:8px;min-height:22px}
.ld-pw-hint li svg.i{width:16px;height:16px;flex:none;padding:2px;box-sizing:border-box;border-radius:50%;color:transparent;box-shadow:inset 0 0 0 1.5px var(--border-strong)}
.ld-pw-hint li.is-ok{color:var(--prime-fg);font-weight:550}
.ld-pw-hint li.is-ok svg.i{color:var(--prime-fg);box-shadow:none;padding:0}   /* the tick icon carries its own ring */
.ld-auth-ok{display:flex;align-items:flex-start;gap:10px;margin:0;padding:12px 14px;border-radius:14px;background:var(--prime-bg);color:var(--prime-fg);font-size:14px;line-height:1.45}
.ld-auth-ok[hidden]{display:none}
.ld-auth-ok svg.i{flex:none;width:18px;height:18px;margin-top:1px}
.ld-auth-h .ld-auth-tick{width:26px;height:26px;margin-right:8px;vertical-align:-4px;color:var(--prime-fg)}
.ld-auth-h:focus{outline:none}
.ld-auth-card .ld-auth-h{overflow-wrap:anywhere}
@media (max-width:359px){.ld-auth-card{padding:22px 16px}.ld-auth-h{font-size:22px}}
@media (forced-colors:active){.ld-auth-ok{border:1px solid CanvasText}.ld-pw-hint li svg.i{forced-color-adjust:auto}}
/* ---------- independent UX review 11 Nov: small fixes (review-ux/fixes.diff) ---------- */
/* the link button that is off must look off (the secondary skin out-ranked .bc-btn:disabled, so it looked live) */
.bc .ld-bank .bc-btn[data-act="bank-link"]:disabled{background:var(--surface-3);box-shadow:none;color:var(--text-3);opacity:.7}
.ld-link-st.is-block svg.i{color:var(--am-fg)}
/* desktop Home: toasts sit above the Call next shelf instead of over the button */
@media (min-width:1024px){[data-view=home] .ld-toasts{bottom:96px!important}}
/* toast actions: 44 px tall hit area inside the 44 px toast, and a dismiss button for toasts that ask for one */
.bc-toast .bc-btn{position:relative}
.bc-toast .bc-btn::after{content:"";position:absolute;inset:-6px -2px}
.bc-toast .ld-toast-x{width:36px;padding:0;margin-left:0;justify-content:center;color:var(--toast-fg)}
.bc-toast .ld-toast-x svg.i{width:16px;height:16px}
/* the bank statement banner: 44 px button on touch, and the button drops under the words when there is no room */
@media (pointer:coarse){.ld-bankin-b .bc-btn.is-sm{height:44px}}
@media (max-width:359px){.ld-bankin-b{flex-wrap:wrap}.ld-bankin-b .bc-btn{flex:1 0 100%}}
/* ---------- independent UX review 11 Nov, optional (review-ux/fixes-optional.diff): the "Bank statement in" highlight in the brand info colour ---------- */
.bc .ld-bankin{background:var(--info-bg);color:var(--info-fg)}
.ld-sec-bank .ld-card::before{background:var(--accent)}
.ld-sec-bank .ld-h-i{color:var(--accent)}
.ld-bankin-b>svg.i{background:var(--info-bg);color:var(--info-fg)}
/* ---------- independent UX review, second pass (11 Nov) ---------- */
/* sign in, reset and invite: the card hangs from the top, so an error line no longer moves the fields under the thumb */
.ld-auth-wrap{align-content:start;padding-top:clamp(24px,12dvh,120px)}
.ld-auth-ok:focus{outline:none}
/* ---------- pipeline: every lead, 50 rows at a time (12 Nov) ---------- */
.ld-count-load{outline:1px dashed var(--border-strong);outline-offset:-1px}   /* a count that is still arriving: quiet, never a wrong final number */
.ld-more-bar{display:flex;flex-wrap:wrap;align-items:center;gap:8px;padding:10px 12px;border-top:1px solid var(--card-line)}
.ld-more-n{flex:1 1 100%;font-size:13px;color:var(--text-2)}
.bc .ld-more-b{height:44px;min-width:44px}
.ld-pipe-wait{gap:10px}
.ld-pipe-note .ld-more-b{flex:none}
.ld-pipe-notes{display:grid;gap:8px}
@media (forced-colors:active){.ld-count-load{outline-color:CanvasText}}

/* ==== Glass layer LD v1 (12 Nov 2026) ==== */
/* The Lead Desk joins the ALC portal and the broker tool: one calm fixed ground (cyan with a touch of violet), glass bars and cards,
   solid surfaces for data. Presentation only: no markup, script or wording depends on it. Screen only.
   Phone first. Nothing ever scrolls under this app's bars (they are their own rows), so the bars are translucent glass with no blur.
   Blur (20px) is kept for the one surface that does cover content, the sheet or dialog, and for the sign-in panel.
   Cards, rows, chips and toasts never blur. Nothing moves but hover and press (160 ms), sheet and toast entrance (180 ms) and loading marks.
   The ground reuses the --mesh tokens, so tests/contrast.js keeps proving every pair against it. */
@media screen{
.bc{--mesh-a:rgba(17,181,238,.25);--mesh-b:rgba(79,95,192,.12);--mesh-c:rgba(79,95,192,.10);--mesh-d:rgba(17,181,238,.20);--mesh-e:rgba(17,181,238,0);--mesh-e2:rgba(17,181,238,0);
  --sunk:#F1F5F8;--t-fast:160ms;--t-med:180ms}
.bc[data-theme=dark]{--mesh-a:rgba(17,181,238,.24);--mesh-b:rgba(110,125,240,.24);--mesh-c:rgba(110,125,240,.12);--mesh-d:rgba(17,181,238,.14);--mesh-e:rgba(17,181,238,0);--mesh-e2:rgba(17,181,238,0);--noise-o:.03;
  --sunk:#1C2129}

/* Page ground: four soft lights fixed to the window, the same as the portal. No drift, no will-change. */
.bc-page::before{inset:0;animation:none;will-change:auto;background:radial-gradient(95vmax 52vmax at 0 0,var(--mesh-a),transparent 70%),radial-gradient(80vmax 48vmax at 100% 0,var(--mesh-b),transparent 70%),radial-gradient(90vmax 52vmax at 100% 100%,var(--mesh-d),transparent 70%),radial-gradient(75vmax 44vmax at 0 100%,var(--mesh-c),transparent 70%)}

/* Blur only where a surface covers content: the sheet or dialog and the sign-in panel, 20px. Bars, cards, rows, toasts and the dim: none. */
.ld-hdr,.ld-shelf,.ld-tabbar,.ld-rail,.ld-lhdr,.ld-cbar,.ld-card,.ld-pend,.ld-kpi,.bc-card,.bc-tile,.bc-item,.bc-table th,.bc-toast,.bc-scrim{-webkit-backdrop-filter:none;backdrop-filter:none}
.bc-modal::backdrop{-webkit-backdrop-filter:none;backdrop-filter:none}
.bc .bc-glass{--gb:20px;--gs:160%}

/* Data on solid surfaces: lead rows, tables, the bank check card and every figure well (--sunk is now opaque) */
.ld-card.ld-bank{background:var(--surface)}
.ld-card:has(.ld-row,.ld-lrow,.ld-drow,table){background:var(--surface)}

/* Primary button: solid, lit at the top edge and shaded at the foot. No sweep. */
.bc-btn.is-primary{background:linear-gradient(180deg,var(--btn-a),var(--btn-b) 50%,var(--btn-c))}
.bc-btn.is-primary::after{display:none}

/* Toast: solid ink so it reads over anything, with the glass edge */
.bc-toast{background:var(--toast-bg);box-shadow:inset 0 1px 0 rgba(255,255,255,.14),var(--sh-3)}

/* Motion: the live dot rests, new rows arrive in 180 ms */
.bc.is-ready .ld-live.is-live i{animation:none}
.ld-prow.is-new{animation-duration:180ms}

/* Fallbacks. The bars and cards already turn solid in v2.css; the sheet, dialog and sign-in panel did not, so they do here.
   No blur engine, less transparency, more contrast or forced colours: solid surface, no blur. */
@supports not ((backdrop-filter:blur(1px)) or (-webkit-backdrop-filter:blur(1px))){.bc .bc-modal.bc-glass,.bc .ld-auth-card.bc-glass{background:var(--surface)}}
@media (prefers-reduced-transparency:reduce),(prefers-contrast:more),(forced-colors:active){
  .bc .bc-modal.bc-glass,.bc .ld-auth-card.bc-glass{background:var(--surface);-webkit-backdrop-filter:none;backdrop-filter:none}
}
@media (forced-colors:active){html.bc{--chrome:var(--surface);--card:var(--surface);--card-hi:var(--surface)}}
}