/* ===== LenderPulse "Look v2" (Nov 11 2026): warm paper, solid soft cards, pastel KPI tiles, quiet icon rail. Visual only; loads last. ===== */
:root{--bg:#f5f3ee;--card:#fff;--ink:#1d2327;--ink2:#3c4340;--mut:#6b7069;--line:#ebe7df;--line2:#f1eee8;
--acc:#2f6b5c;--acc2:#255649;--accbg:#e6f0eb;--lime:#d8ef8f;--grad:linear-gradient(135deg,#3a7a68,#2f6b5c 55%,#285c4f);
--glow:0 6px 16px -8px rgba(47,107,92,.55);--r:20px;--r-sm:15px;
--sh:0 1px 2px rgba(40,36,28,.04),0 10px 28px -16px rgba(40,36,28,.16);--sh-h:0 2px 4px rgba(40,36,28,.05),0 18px 36px -16px rgba(40,36,28,.22);
--t-mist:#e7eef5;--t-lilac:#eee8f6;--t-peach:#f8e9dc;--t-butter:#f6efd6;--t-mint:#e1f0e6;--t-sage:#dcebe3;--t-sand:#efebe2;--t-sky:#e2edf6}
html{background:var(--bg)}
body{background:var(--bg);color:var(--ink);letter-spacing:-.003em}
body::before{background:radial-gradient(60% 40% at 0% 0%,rgba(216,239,143,.18),transparent 70%),radial-gradient(50% 40% at 100% 0%,rgba(248,233,220,.55),transparent 70%),linear-gradient(180deg,#f7f5f1,#f3f1eb)!important}
h1,h2,h3,.page-head h1{letter-spacing:-.022em}
.page-head h1{font-weight:750}
/* solid soft cards (no frosted glass: crisper and lighter on the phone) */
.card,.lm,.pf-card,.metric,.check,.thread-msg,.hero,.deal-head,.toolbar,.db-count,.auth-card{background:#fff!important;-webkit-backdrop-filter:none!important;backdrop-filter:none!important;border:1px solid var(--line)!important;box-shadow:var(--sh)!important}
.card,.lm,.pf-card,.hero,.deal-head{border-radius:var(--r)}
.card h2{font-weight:700}
.card h2 a.small{background:var(--t-sand);color:var(--ink2)!important}
.card h2 a.small:hover{background:var(--lime);color:var(--ink)!important}
.li:hover,.mc:hover,.src-card:hover,.tbl tr.click:hover td{background:#faf8f4}
/* buttons */
.btn{border-color:var(--line);background:#fff}
.btn:hover{border-color:#d9d3c7;box-shadow:0 6px 14px -10px rgba(40,36,28,.3)}
.btn.primary,.btn.acc,.lp-top .btn.primary,.lp-cta .btn.primary{background:var(--ink)!important;color:#fff!important;border-color:transparent!important;box-shadow:0 6px 16px -8px rgba(29,35,39,.55)!important}
.btn.primary:hover,.btn.acc:hover{background:#2c3438!important}
.icon-btn{border-color:var(--line);background:#fff;color:var(--ink2)}
.chip.on,a.chip.on{background:var(--ink);color:#fff}
.seg{background:#ece8e0}.seg .on,.seg a.on{background:#fff;color:var(--ink);box-shadow:0 2px 8px -3px rgba(40,36,28,.25)}
.tabs a.on{color:var(--ink);border-color:var(--ink)}
.input,.select,textarea.input{background:#fff;border-color:#e4dfd4}
.input:focus,.select:focus,textarea.input:focus{border-color:var(--acc);box-shadow:0 0 0 4px rgba(47,107,92,.12)}
/* top bar: quiet */
.topbar{background:rgba(245,243,238,.86)!important;-webkit-backdrop-filter:blur(12px)!important;backdrop-filter:blur(12px)!important;border-bottom:1px solid transparent!important;box-shadow:none!important}
.crumbs{color:var(--mut)}
/* ===== sidebar: light, thin, low contrast ===== */
.side{background:transparent!important;-webkit-backdrop-filter:none!important;backdrop-filter:none!important;border-right:1px solid var(--line)!important;box-shadow:none!important;color:var(--mut);padding:14px 10px 16px;width:224px;transition:width .22s var(--ease,ease)}
.side .brand{color:var(--ink);font-size:15.5px;font-weight:700;padding:2px 6px 14px;position:relative;gap:10px;min-height:34px}
.side .brand .mark{width:26px;height:26px;border-radius:8px;box-shadow:none}
.side .side-tg{margin-left:auto;width:28px;height:28px;border-radius:9px;border:0;background:transparent;color:#a3a69f;display:grid;place-items:center;cursor:pointer;flex:none;padding:0}
.side .side-tg:hover{background:#ece8e0;color:var(--ink)}
.side .side-tg svg{width:17px;height:17px}
.side .btn.new{background:#fff!important;color:var(--ink)!important;border:1px solid var(--line)!important;box-shadow:none!important;border-radius:12px;padding:8px 10px;display:flex;align-items:center;gap:8px;justify-content:flex-start;font-weight:600;font-size:13.5px}
.side .btn.new:hover{border-color:#d9d3c7;transform:none}
.side .btn.new svg{width:16px;height:16px;flex:none}
.side .grp{color:#a3a69f;font-weight:600;font-size:10.5px;letter-spacing:.07em;margin:14px 10px 4px}
.side a.nav{color:#5d625b;font-weight:500;font-size:13.5px;border-radius:11px;padding:6px 8px;margin:1px 0;gap:10px;white-space:nowrap}
.side a.nav .ic{width:26px;height:26px;border-radius:8px;background:transparent!important;color:#8f938b!important;display:grid;place-items:center;flex:none}
.side a.nav .ic svg,.tabbar .ic svg{width:18px;height:18px}
.side a.nav:hover{background:#ece8e0!important;color:var(--ink)!important;transform:none!important}
.side a.nav:hover .ic{color:var(--ink)!important}
.side a.nav.on{background:#fff!important;color:var(--ink)!important;box-shadow:0 1px 2px rgba(40,36,28,.06),0 4px 12px -6px rgba(40,36,28,.18)!important;font-weight:600}
.side a.nav.on .ic{color:var(--acc)!important;background:var(--accbg)!important}
.side .badge{background:var(--acc)!important;box-shadow:none!important;color:#fff!important}
.side .foot{border-top:1px solid var(--line)!important;color:var(--mut);display:flex;gap:10px;align-items:flex-start;padding:12px 4px 0}
.side .foot .lb{min-width:0;flex:1}
.side .foot .me{flex:none;text-decoration:none!important}
.me-av{width:30px;height:30px;border-radius:50%;display:grid;place-items:center;background:var(--t-sand);color:var(--ink2);font-weight:700;font-size:11.5px}
.side .foot a{color:var(--mut)!important}
.side::-webkit-scrollbar{width:0}
@media (min-width:821px){
 body.side-mini .side{width:68px;padding:14px 10px 16px;overflow-x:hidden}
 body.side-mini .side .lb,body.side-mini .side .badge{display:none!important}
 body.side-mini .side .brand{flex-direction:column;align-items:center;padding:2px 0 10px;gap:8px}
 body.side-mini .side .side-tg{margin:0}
 body.side-mini .side .side-tg .pa{transform:scaleX(-1);transform-origin:center}
 body.side-mini .side .btn.new{width:44px;height:40px;margin:0 auto 8px;justify-content:center;padding:0;border-radius:12px}
 body.side-mini .side .grp{height:1px;background:var(--line);margin:9px 10px}
 body.side-mini .side a.nav{justify-content:center;padding:5px 0;width:44px;margin:2px auto;position:relative}
 body.side-mini .side a.nav[data-r="inbox"] .ic::after{content:"";position:absolute}
 body.side-mini .side .foot{justify-content:center;padding:12px 0 0}
}
/* ===== mobile drawer & tab bar ===== */
@media (max-width:820px){
 .side{background:#f7f5f1!important;border-right:1px solid var(--line)!important;box-shadow:16px 0 40px -18px rgba(40,36,28,.35)!important;width:262px}
 .scrim{background:rgba(29,35,39,.18)!important;-webkit-backdrop-filter:none!important;backdrop-filter:none!important}
 .tabbar{background:rgba(255,255,255,.92)!important;border:1px solid var(--line)!important;box-shadow:0 10px 30px -14px rgba(40,36,28,.3)!important;-webkit-backdrop-filter:blur(14px)!important;backdrop-filter:blur(14px)!important}
 .tabbar a{color:#8f938b!important;font-weight:550}
 .tabbar a .ic{display:grid;place-items:center;height:24px}
 .tabbar a.on{color:var(--ink)!important}
 .tabbar a.on .ic{color:var(--acc);filter:none!important}
 .tabbar a.on::after{background:var(--acc)!important;box-shadow:none!important;width:14px;height:3px;margin-left:-7px}
 .tabbar .bd{background:var(--acc)!important}
}
/* ===== home: hero + pastel KPI tiles ===== */
.hero::before{background:radial-gradient(circle,rgba(216,239,143,.5),rgba(216,239,143,0) 68%)!important}
.hero h1 .hl{background:none!important;-webkit-background-clip:initial!important;background-clip:initial!important;color:var(--acc)!important}
.hero .ask{border-color:var(--line)!important;box-shadow:none!important;background:#faf8f4!important}
.hero .ask:focus-within{border-color:var(--acc)!important;box-shadow:0 0 0 4px rgba(47,107,92,.12)!important}
.qa a{background:#faf8f4!important;border:1px solid var(--line)!important;box-shadow:none!important}
.qa a b{color:var(--ink)!important}
.qa a.qa-teaser{background:var(--ink)!important;color:#fff!important;border-color:transparent!important}
.qa a.qa-teaser b,.qa a.qa-teaser span{color:#fff!important}
.lp-stats .stat{border:0!important;box-shadow:0 1px 2px rgba(40,36,28,.04)!important}
.lp-stats .stat:nth-child(1){background:var(--t-sage)!important}
.lp-stats .stat:nth-child(2){background:var(--t-peach)!important}
.lp-stats .stat:nth-child(3){background:var(--t-sky)!important}
.lp-stats .stat:nth-child(4){background:var(--t-butter)!important}
.lp-stats .stat .ich{background:var(--ink)!important;color:#fff!important;box-shadow:none!important;border-radius:50%!important}
.lp-stats .stat .k{color:#4d534f!important}
.lp-stats .stat .v{color:var(--ink)!important}
.lp-stats .stat .s{color:#5d625b!important}
.lp-stats .stat:nth-child(1) .spk{color:#2f6b5c}.lp-stats .stat:nth-child(2) .spk{color:#b5683a}.lp-stats .stat:nth-child(3) .spk{color:#3d6f8f}.lp-stats .stat:nth-child(4) .spk{color:#9a7a1c}
.stat .tr.up,.tr.up{background:rgba(255,255,255,.7)!important;color:#2f6b5c!important}
.an-chart .dot{stroke:var(--acc)!important}
.an-up{color:#2f6b5c!important}
.bar{background:#efebe2!important}
/* dashboard board (home "Deals pipeline" + #/dashboard) */
.db-count{border:0!important;box-shadow:none!important}
.db-count .ic{background:var(--ink)!important;color:#fff!important;border-radius:50%!important}
.db-count.s0{background:var(--t-mist)!important}.db-count.s1{background:var(--t-lilac)!important}.db-count.s2{background:var(--t-peach)!important}.db-count.s3{background:var(--t-sage)!important}.db-count.s4{background:var(--t-butter)!important}.db-count.s5{background:var(--t-mint)!important}
.db-col{background:#f8f6f2!important;border:1px solid var(--line)!important;box-shadow:none!important}
.db-col.s0{background:color-mix(in srgb,var(--t-mist) 55%,#fff)!important}.db-col.s1{background:color-mix(in srgb,var(--t-lilac) 55%,#fff)!important}.db-col.s2{background:color-mix(in srgb,var(--t-peach) 55%,#fff)!important}.db-col.s3{background:color-mix(in srgb,var(--t-sage) 55%,#fff)!important}.db-col.s4{background:color-mix(in srgb,var(--t-butter) 55%,#fff)!important}.db-col.s5{background:color-mix(in srgb,var(--t-mint) 55%,#fff)!important}
.db-card{background:#fff!important;border:1px solid #efebe3!important;box-shadow:0 1px 2px rgba(40,36,28,.05)!important;border-radius:14px!important}
.db-card .db-av{background:var(--t-sand)!important;color:var(--ink2)!important}
.db-card .m b{color:var(--ink)!important}
/* ===== Financing pipeline board ===== */
.pk-strip{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:12px;margin:0 0 16px}
.pk{border-radius:18px;padding:12px 14px 11px;min-width:0;background:#fff;border:0;box-shadow:0 1px 2px rgba(40,36,28,.04)}
.pk.c1{background:var(--t-sage)}.pk.c2{background:var(--t-peach)}.pk.c3{background:var(--t-sand)}.pk.c4{background:var(--t-sky)}
.pk-top{display:flex;align-items:center;gap:8px}
.pk-ic{width:26px;height:26px;border-radius:50%;background:var(--ink);color:#fff;display:grid;place-items:center;flex:none}
.pk-ic svg{width:14px;height:14px}
.pk-k{font-size:12px;font-weight:600;color:#4d534f;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.pk-v{font-size:22px;font-weight:750;letter-spacing:-.025em;margin-top:6px;line-height:1.1;color:var(--ink)}
.pk-row{display:flex;align-items:flex-end;justify-content:space-between;gap:8px;margin-top:3px;min-height:20px}
.pk-s{font-size:11.5px;color:#5d625b;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;min-width:0}
.pk-bars{width:64px;height:22px;flex:none}
.pk-bars rect{fill:rgba(29,35,39,.72)}
.pk.c2 .pk-bars rect{fill:rgba(140,74,36,.6)}
.board{gap:12px}
.col{background:#f8f6f2!important;-webkit-backdrop-filter:none!important;backdrop-filter:none!important;border:1px solid var(--line)!important;box-shadow:none!important;border-radius:18px!important}
.board .col:nth-child(8n+1){background:color-mix(in srgb,var(--t-mist) 50%,#fff)!important}
.board .col:nth-child(8n+2){background:color-mix(in srgb,var(--t-lilac) 50%,#fff)!important}
.board .col:nth-child(8n+3){background:color-mix(in srgb,var(--t-peach) 50%,#fff)!important}
.board .col:nth-child(8n+4){background:color-mix(in srgb,var(--t-butter) 50%,#fff)!important}
.board .col:nth-child(8n+5){background:color-mix(in srgb,var(--t-sage) 50%,#fff)!important}
.board .col:nth-child(8n+6){background:color-mix(in srgb,var(--t-mint) 50%,#fff)!important}
.board .col:nth-child(8n+7){background:color-mix(in srgb,var(--t-sky) 50%,#fff)!important}
.board .col.col-pend{background:color-mix(in srgb,var(--t-sand) 70%,#fff)!important}
.col-h{font-weight:700;color:var(--ink)}
.col-h .pill{background:#fff!important;color:var(--ink)!important;box-shadow:0 1px 2px rgba(40,36,28,.08)}
.kcard{background:#fff!important;border:1px solid #efebe3!important;border-radius:14px!important;box-shadow:0 1px 2px rgba(40,36,28,.05)!important}
.kcard:hover{box-shadow:0 10px 22px -14px rgba(40,36,28,.35)!important}
.col.over .col-body{background:rgba(47,107,92,.07)!important;outline:2px dashed var(--acc)!important}
.pend-note{background:#f6f2e9!important}
.board::-webkit-scrollbar{height:6px}.board::-webkit-scrollbar-thumb{background:#ddd7cb;border-radius:9px}.board::-webkit-scrollbar-track{background:transparent}
@media (max-width:820px){
 .pk-strip{grid-template-columns:repeat(2,minmax(0,1fr));gap:10px;margin-bottom:14px}
 .pk{padding:11px 12px 10px;border-radius:16px}
 .pk-v{font-size:20px}
 .pk-bars{width:52px;height:20px}
}
/* misc surfaces */
.modal,.drawer,.ai-panel{background:#fff!important;-webkit-backdrop-filter:none!important;backdrop-filter:none!important}
.modal{box-shadow:0 30px 70px -24px rgba(40,36,28,.45)!important}
.drawer{box-shadow:-24px 0 60px -24px rgba(40,36,28,.35)!important}
.toast{background:rgba(29,35,39,.92)!important;box-shadow:0 12px 26px -12px rgba(40,36,28,.5)!important}
.ai-fab{background:var(--ink)!important;box-shadow:0 10px 24px -10px rgba(29,35,39,.6)!important}
.lp-tz-big{background:var(--ink)!important;box-shadow:0 10px 24px -12px rgba(29,35,39,.55)!important}
.lp-pitch h1 .hl{background:none!important;-webkit-background-clip:initial!important;background-clip:initial!important;color:var(--acc)!important}
.lp-ticks li::before{background:var(--acc)!important;box-shadow:none!important}
.gate2::before{background:radial-gradient(50% 40% at 10% 0%,rgba(216,239,143,.28),transparent 70%),radial-gradient(45% 40% at 100% 10%,rgba(248,233,220,.7),transparent 70%),linear-gradient(180deg,#f7f5f1,#f3f1eb)!important}
.lp-feat{background:#fff!important;border:1px solid var(--line)!important;-webkit-backdrop-filter:none!important;backdrop-filter:none!important;box-shadow:var(--sh)!important}
.udot{background:var(--acc)!important;box-shadow:0 0 0 3px rgba(47,107,92,.15)!important}
.lender-row .av,.av{background:var(--t-sand);color:var(--ink2)}
.spk{color:var(--acc)}
.mark{background:#1d2327 url('/mark2.svg') center/cover!important;box-shadow:none!important}
.side>*{flex-shrink:0}
.stat .ich svg{width:16px;height:16px}
@media (min-width:821px){.pk-bars{width:96px;height:30px}.pk-v{font-size:26px}}
.stg-strip{display:none}
@media (max-width:820px){
 .stg-strip{display:flex;gap:8px;overflow-x:auto;margin:0 -12px 12px;padding:2px 12px 4px;scrollbar-width:none;-webkit-overflow-scrolling:touch}
 .stg-strip::-webkit-scrollbar{display:none}
 .stg{flex:none;display:flex;align-items:center;gap:7px;border:1px solid var(--line);background:#fff;color:var(--ink2);border-radius:999px;padding:6px 12px 6px 6px;font:600 13px/1 Inter,system-ui,sans-serif;white-space:nowrap;cursor:pointer}
 .stg b{min-width:22px;height:22px;padding:0 6px;border-radius:999px;display:grid;place-items:center;background:var(--t-sand);color:var(--ink);font-size:11.5px}
 .stg.on{background:var(--ink);color:#fff;border-color:transparent}
 .stg.on b{background:var(--lime);color:var(--ink)}
 .board .col{border-color:transparent!important}
}
@media (max-width:820px){.stg-strip.only-m{display:flex!important;flex-wrap:nowrap}}
@media (max-width:820px){.board{scroll-snap-type:x mandatory;gap:12px}.board .col{width:calc(100vw - 24px)!important;max-width:calc(100vw - 24px)!important;flex:0 0 calc(100vw - 24px)!important;scroll-snap-align:start}}
.db-count .ic svg{width:16px;height:16px}
