/* ===== LenderPulse "Glassy Dashboard" layer (Nov 10 2026) — David's chosen theme. Visual only; loads after glass.css. ===== */
:root{--r:22px;--r-sm:16px;--glass:rgba(255,255,255,.58);--glass-b:rgba(255,255,255,.78);--blur:blur(22px) saturate(180%);
--sh:0 1px 0 rgba(255,255,255,.85) inset,0 18px 44px -20px rgba(30,64,175,.30),0 2px 10px rgba(15,23,42,.035);
--sh-h:0 1px 0 rgba(255,255,255,.95) inset,0 24px 52px -18px rgba(30,64,175,.40),0 4px 14px rgba(15,23,42,.05);
--chip:rgba(255,255,255,.72);--up:#059669;--upbg:rgba(16,185,129,.13);--dn:#dc2626;--dnbg:rgba(239,68,68,.11)}
html{background:#eef3ff}
body::before{background:
 radial-gradient(40% 34% at 6% 2%,rgba(96,165,250,.42),transparent 72%),
 radial-gradient(36% 30% at 98% 8%,rgba(165,180,252,.40),transparent 72%),
 radial-gradient(44% 36% at 88% 62%,rgba(125,211,252,.30),transparent 72%),
 radial-gradient(40% 34% at 4% 72%,rgba(191,219,254,.55),transparent 72%),
 radial-gradient(38% 30% at 50% 104%,rgba(196,181,253,.28),transparent 72%),
 linear-gradient(180deg,#f5f8ff 0%,#eaf1ff 48%,#f2f0ff 100%)}
/* frosted surfaces */
.card,.lm,.pf-card,.check,.thread-msg,.hero,.deal-head,.toolbar,.page-head+.card{border-radius:var(--r)}
.card,.lm,.pf-card,.metric,.check,.thread-msg{background:var(--glass);border:1px solid var(--glass-b);box-shadow:var(--sh)}
.card.pad,.card .pad{padding:18px}
.card h2,.card.pad h2{font-size:16px;font-weight:700;letter-spacing:-.015em}
.card h2 a.small{font-weight:600;padding:3px 10px;border-radius:99px;background:rgba(37,99,235,.08);text-decoration:none}
.metric,.check,.thread-msg{border-radius:var(--r-sm)}
.mt{margin-top:16px}
.grid{gap:16px}
/* top bar & nav */
.topbar{background:rgba(255,255,255,.5);border-bottom:1px solid rgba(255,255,255,.7)}
.side{background:rgba(255,255,255,.55)}
.side a.nav{border-radius:14px}
.tabbar{border-radius:26px;background:rgba(255,255,255,.66)}
.modal{border-radius:26px;background:rgba(255,255,255,.9);-webkit-backdrop-filter:blur(26px) saturate(180%);backdrop-filter:blur(26px) saturate(180%)}
.drawer,.ai-panel{background:rgba(255,255,255,.9)}
/* controls: pill everything */
.btn,.icon-btn{border-radius:999px}
.btn{padding-left:15px;padding-right:15px}
.btn.sm{padding-left:12px;padding-right:12px}
.input,.select,textarea.input{border-radius:14px;background:rgba(255,255,255,.72);border-color:rgba(148,173,219,.45)}
textarea.input{border-radius:16px}
.chip{border-radius:999px;background:var(--chip);border-color:rgba(255,255,255,.9);box-shadow:0 2px 8px -4px rgba(30,64,175,.25)}
.pill{border-radius:999px;font-weight:600;padding:3px 10px}
select.pill{padding-right:22px}
.seg{border-radius:999px;background:rgba(255,255,255,.55);border:1px solid rgba(255,255,255,.85);padding:3px}
.seg button{border-radius:999px}
.seg .on{background:#fff;box-shadow:0 4px 12px -6px rgba(30,64,175,.4);color:#1d4ed8}
/* tabs → pill segmented strip */
.tabs{border-bottom:0;gap:6px;padding:4px;margin:14px 0 18px;background:rgba(255,255,255,.5);border:1px solid rgba(255,255,255,.85);border-radius:999px;box-shadow:0 8px 24px -18px rgba(30,64,175,.35)}
.tabs a{border:0;margin:0;border-radius:999px;padding:8px 14px;color:#475569}
.tabs a:hover{background:rgba(255,255,255,.7)}
.tabs a.on{background:#fff;color:#1d4ed8;box-shadow:0 6px 16px -8px rgba(30,64,175,.45)}
.tabs a .n{background:rgba(37,99,235,.1);color:#1d4ed8;border-radius:99px}
/* hero */
.hero{background:linear-gradient(135deg,rgba(255,255,255,.72),rgba(232,240,255,.55));border:1px solid rgba(255,255,255,.85);padding:24px 24px 20px}
.hero h1{font-size:28px;font-weight:750;letter-spacing:-.025em}
.hero .ask{border-radius:999px;background:rgba(255,255,255,.88);padding-left:6px}
.hero .ask .btn{border-radius:999px}
.qa a{border-radius:18px;background:rgba(255,255,255,.62);border:1px solid rgba(255,255,255,.9);box-shadow:0 8px 20px -16px rgba(30,64,175,.5)}
/* ---------- big stat cards ---------- */
.grid.g4.lp-stats{gap:14px}
.card.stat{padding:18px 18px 14px;border-radius:var(--r);background:linear-gradient(160deg,rgba(255,255,255,.78),rgba(255,255,255,.5))}
.stat .ich{left:18px;right:auto;top:18px;width:40px;height:40px;border-radius:14px;font-size:17px}
.stat .k{padding:0;margin-top:52px;font-size:13px;font-weight:600;color:#5b6b82}
.stat .v{font-size:32px;font-weight:780;letter-spacing:-.035em;line-height:1.08;margin-top:4px;color:#0b1630}
.stat .s{font-size:12.5px;margin-top:4px}
.stat .spk{height:30px;margin-top:10px;opacity:.9}
.tr{display:inline-flex;align-items:center;gap:4px;font-size:12px;font-weight:700;padding:3px 9px;border-radius:999px;background:rgba(37,99,235,.09);color:#1d4ed8;white-space:nowrap;line-height:1.3}
.tr.up{background:var(--upbg);color:var(--up)}.tr.dn{background:var(--dnbg);color:var(--dn)}.tr.flat{background:rgba(100,116,139,.1);color:#475569}
.stat .tr{position:absolute;right:16px;top:22px}
/* ---------- deals pipeline board ---------- */
.db-home{padding:18px}
.db-home .db-counts{display:none}
.db-home h2{margin-bottom:12px}
.db-counts{grid-template-columns:repeat(4,minmax(0,1fr));gap:14px;margin:4px 0 16px}
.db-count{flex-direction:column;align-items:flex-start;gap:8px;padding:16px;border-radius:var(--r);background:linear-gradient(160deg,rgba(255,255,255,.8),rgba(255,255,255,.5));border:1px solid var(--glass-b);box-shadow:var(--sh);position:relative}
.db-count .ic{width:38px;height:38px;border-radius:13px;font-size:16px}
.db-count .v{font-size:30px;font-weight:780;letter-spacing:-.03em}
.db-count .k{font-size:13px;font-weight:600}
.db-count .a{position:absolute;right:14px;top:18px}
.db-board{gap:14px}
.db-col{background:rgba(255,255,255,.42);border:1px solid rgba(255,255,255,.85);border-radius:var(--r);padding:12px;box-shadow:0 1px 0 rgba(255,255,255,.8) inset,0 14px 34px -24px rgba(30,64,175,.45)}
.db-col.over{background:rgba(219,231,255,.85)}
.db-col h3{font-size:14px;font-weight:700;color:#0b1630;margin:2px 2px 4px;justify-content:flex-start;gap:8px}
.db-col h3::before{content:"";width:9px;height:9px;border-radius:50%;background:#3b82f6;box-shadow:0 0 0 4px rgba(59,130,246,.16);flex:none}
.db-col.s1 h3::before{background:#0ea5e9;box-shadow:0 0 0 4px rgba(14,165,233,.16)}
.db-col.s2 h3::before{background:#8b5cf6;box-shadow:0 0 0 4px rgba(139,92,246,.16)}
.db-col.s3 h3::before{background:#10b981;box-shadow:0 0 0 4px rgba(16,185,129,.16)}
.db-col h3 span{margin-left:auto;background:rgba(255,255,255,.9);box-shadow:0 2px 6px -3px rgba(30,64,175,.35);font-weight:700;padding:2px 9px}
.db-col .db-sum{font-size:12px;color:#5b6b82;margin:0 2px 10px 19px;font-weight:550}
.db-list{gap:10px}
.db-card{background:rgba(255,255,255,.86);border:1px solid rgba(255,255,255,.95);border-radius:18px;padding:12px 13px;box-shadow:0 10px 24px -18px rgba(30,64,175,.6),0 1px 2px rgba(15,23,42,.04)}
.db-col.s0 .db-card,.db-col.s1 .db-card,.db-col.s2 .db-card,.db-col.s3 .db-card{border-left:1px solid rgba(255,255,255,.95)}
.db-card .db-top{display:flex;gap:10px;align-items:flex-start;min-width:0}
.db-card .db-av{flex:none;width:32px;height:32px;border-radius:11px;display:grid;place-items:center;font-size:12px;font-weight:750;color:#fff;background:linear-gradient(135deg,#60a5fa,#2563eb);letter-spacing:.02em}
.db-col.s1 .db-av{background:linear-gradient(135deg,#7dd3fc,#0284c7)}.db-col.s2 .db-av{background:linear-gradient(135deg,#c4b5fd,#7c3aed)}.db-col.s3 .db-av{background:linear-gradient(135deg,#6ee7b7,#059669)}
.db-card .db-top>div{min-width:0;flex:1}
.db-card .t{font-size:14px;font-weight:680}
.db-card .db-chips{display:flex;flex-wrap:wrap;gap:5px;margin-top:9px}
.db-card .db-chips span{font-size:11.5px;font-weight:600;padding:2px 8px;border-radius:999px;background:rgba(37,99,235,.08);color:#1e40af;white-space:nowrap;max-width:100%;overflow:hidden;text-overflow:ellipsis}
.db-card .db-chips span.q{background:rgba(139,92,246,.11);color:#6d28d9}
.db-card .m{margin-top:10px;padding-top:9px;border-top:1px solid rgba(15,23,42,.06);align-items:center}
.db-card .m b{font-size:16px;font-weight:780;letter-spacing:-.02em;color:#0b1630}
.db-empty{border:1.5px dashed rgba(148,173,219,.6);border-radius:16px;text-align:center;padding:14px 8px}
@media(max-width:820px){.db-board{grid-template-columns:repeat(4,82%);gap:12px;padding:2px 2px 10px;scroll-padding:0 2px}}
/* ---------- deals list ---------- */
.toolbar{gap:10px}
.toolbar .search .input{border-radius:999px}
.toolbar .select{border-radius:999px}
.tbl th{background:rgba(255,255,255,.4)}
.tbl-wrap{border-radius:var(--r)}
.m-cards{padding:6px;gap:8px}
.m-cards .mc{border:1px solid rgba(255,255,255,.95);border-bottom:1px solid rgba(255,255,255,.95);border-radius:18px;background:rgba(255,255,255,.7);box-shadow:0 8px 22px -18px rgba(30,64,175,.6);padding:13px 14px}
.m-cards .mc:last-child{border-bottom:1px solid rgba(255,255,255,.95)}
.m-cards .mc .t{font-weight:680}
.m-cards .mc b{font-size:15.5px;font-weight:780;color:#1d4ed8;letter-spacing:-.01em}
.list .li{border-radius:16px}
/* ---------- deal page ---------- */
.deal-head{padding:18px 18px 16px;background:linear-gradient(135deg,rgba(255,255,255,.74),rgba(232,240,255,.5));-webkit-backdrop-filter:var(--blur);backdrop-filter:var(--blur);border:1px solid var(--glass-b);box-shadow:var(--sh)}
.deal-head h1{font-size:22px;font-weight:750;letter-spacing:-.02em}
.metrics{gap:12px}
.metric{padding:14px;background:linear-gradient(160deg,rgba(255,255,255,.8),rgba(255,255,255,.52))}
.metric .k{font-size:11.5px;font-weight:650;letter-spacing:.03em}
.metric .v{font-size:20px;font-weight:760;letter-spacing:-.02em;margin-top:4px}
.kcard{border-radius:18px}
.col{border-radius:var(--r)}
/* landing */
.auth-card{border-radius:26px}
.lp-feat{border-radius:var(--r)}
.lp-tz-big{border-radius:22px}
/* phone */
@media (max-width:820px){
 .view{padding:14px 14px calc(104px + var(--safe))}
 .hero{padding:18px 16px 16px;border-radius:24px}.hero h1{font-size:23px}
 .grid.g4.lp-stats{grid-template-columns:1fr 1fr;gap:12px}
 .card.stat{padding:14px 14px 12px}
 .stat .ich{left:14px;top:14px;width:34px;height:34px;font-size:15px;border-radius:12px}
 .stat .tr{right:12px;top:18px;font-size:11px;padding:2px 7px}
 .stat .k{margin-top:44px;font-size:12px;padding:0}
 .stat .v{font-size:26px}
 .stat .s{font-size:11.5px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
 .stat .spk{height:26px;margin-top:8px}
 .db-counts{grid-template-columns:1fr 1fr;gap:12px}
 .db-count{padding:14px}.db-count .v{font-size:26px}
 .db-count .a{right:12px;top:16px}
 .card.pad,.card .pad,.db-home{padding:16px}
 .deal-head{padding:16px}
 .deal-head h1{font-size:20px}
 .tabs{margin:12px 0 14px}
}
/* Safari / no-blur fallback: solid translucent white so text never sits on a busy background */
@supports not ((-webkit-backdrop-filter:blur(1px)) or (backdrop-filter:blur(1px))){
 .card,.lm,.pf-card,.metric,.check,.thread-msg,.hero,.deal-head,.topbar,.side,.tabbar,.db-col,.db-count,.card.stat,.tabs,.seg,.qa a,.m-cards .mc{background:rgba(255,255,255,.93)!important}
 .modal,.drawer,.ai-panel{background:#fff!important}
}
@media (prefers-reduced-transparency:reduce){
 .card,.lm,.pf-card,.metric,.hero,.deal-head,.topbar,.tabbar,.db-col,.db-count,.card.stat{background:rgba(255,255,255,.95)!important;-webkit-backdrop-filter:none!important;backdrop-filter:none!important}
}

/* header rows never push past the screen */
.page-head{flex-wrap:wrap;gap:10px}
.page-head>.row{flex-wrap:wrap;max-width:100%;min-width:0}
.page-head .seg{max-width:100%;overflow-x:auto;scrollbar-width:none}
.seg a{border-radius:999px}.seg a.on{background:#fff;box-shadow:0 4px 12px -6px rgba(30,64,175,.4);color:#1d4ed8}
.deal-head>.row{flex:0 1 auto!important;min-width:0;max-width:100%;gap:6px}
.db-more{display:block;text-align:center;font-weight:650;padding:8px;border-radius:14px;background:rgba(255,255,255,.6);text-decoration:none}
@media(max-width:820px){.deal-head{padding:15px 14px}.deal-head>.row{gap:5px}.deal-head .row .btn.sm{padding-left:10px;padding-right:10px}.deal-head select.pill{padding-left:9px}}

/* Nov 10 2026: 6 pipeline stages (Closing + Funded added) */
.db-counts{grid-template-columns:repeat(6,minmax(0,1fr))}
.db-board{grid-template-columns:repeat(6,minmax(0,1fr))}
@media(max-width:1180px){.db-counts{grid-template-columns:repeat(3,minmax(0,1fr))}}
@media(min-width:821px) and (max-width:1500px){.db-board{grid-template-columns:repeat(6,minmax(158px,1fr));overflow-x:auto;padding-bottom:8px;scroll-snap-type:x proximity}.db-col{scroll-snap-align:start}}
.db-count.s4 .ic{background:#fff3dc;color:#b45309}.db-count.s5 .ic{background:#ffe4f1;color:#be185d}
.db-col.s4 h3::before{background:#f59e0b;box-shadow:0 0 0 4px rgba(245,158,11,.18)}
.db-col.s5 h3::before{background:#ec4899;box-shadow:0 0 0 4px rgba(236,72,153,.16)}
.db-col.s4 h3 span{color:#b45309}.db-col.s5 h3 span{color:#be185d}
.db-col.s4 .db-av{background:linear-gradient(135deg,#fcd34d,#d97706)}.db-col.s5 .db-av{background:linear-gradient(135deg,#f9a8d4,#db2777)}
.db-col.s4 .db-card,.db-col.s5 .db-card{border-left:1px solid rgba(255,255,255,.95)}
.db-move{grid-template-columns:1fr 1fr}
@media(max-width:820px){.db-board{grid-template-columns:repeat(6,82%)}}
@media(max-width:620px){.db-counts{grid-template-columns:1fr 1fr}}
#dStage{max-width:210px}
