/* ===== LenderPulse "Liquid Glass" (Nov 11 2026). Glass system in the Bar Squads style; colours come from theme.css (one file per palette). Visual only. ===== */
html{background:var(--q-base)!important}
body{background:transparent!important;color:var(--q-ink)}
body::before{background:var(--q-bgimg)!important;inset:0!important}
.gate2::before{background:var(--q-bgimg)!important}
::selection{background:rgba(var(--accr),.32)}
h1,h2,h3,.page-head h1,.card h2{color:var(--q-ink)}
.muted,.small.muted,.crumbs{color:var(--q-mut)}
a{color:var(--q-acct)}
/* --- glass cards: translucent fill + hairline light border + inner highlight + soft layered shadow (no blur: cheap to scroll) --- */
.card,.lm,.pf-card,.metric,.check,.thread-msg,.deal-head,.toolbar,.db-count,.auth-card,.lp-feat,.hero,.lp-stats .stat,.pk{background:var(--q-g)!important;border:1px solid var(--q-gbd)!important;box-shadow:var(--q-gsh),inset 0 1px 0 var(--q-ghl),inset 0 -1px 0 rgba(255,255,255,.03)!important;-webkit-backdrop-filter:none!important;backdrop-filter:none!important}
/* real blur only on the hero + KPI tiles (few, near the top) */
.hero,.lp-stats .stat,.pk,.auth-card{-webkit-backdrop-filter:var(--q-blur)!important;backdrop-filter:var(--q-blur)!important}
.card,.lm,.pf-card,.hero,.deal-head{border-radius:22px}
/* long lists: lighter fill + small shadow, still no blur */
.li,.kcard,.db-card,.mc,.src-card,.lender-row,.thread-msg{background:var(--q-gl)!important;border:1px solid var(--q-bd)!important;box-shadow:var(--q-gsh2),inset 0 1px 0 var(--q-ghl)!important}
.li:hover,.mc:hover,.src-card:hover,.kcard:hover,.db-card:hover{background:var(--q-s1)!important}
.tbl tr.click:hover td{background:var(--q-s3)!important}
.db-col,.col,.board .col,.board .col.col-pend{background:var(--q-s3)!important;border:1px solid var(--q-bd2)!important;box-shadow:inset 0 1px 0 rgba(255,255,255,.05)!important}
.board .col:nth-child(4n+1),.db-col.s0,.db-col.s4{background:linear-gradient(180deg,var(--q-t1),var(--q-s3) 60%)!important}
.board .col:nth-child(4n+2),.db-col.s1,.db-col.s5{background:linear-gradient(180deg,var(--q-t2),var(--q-s3) 60%)!important}
.board .col:nth-child(4n+3),.db-col.s2{background:linear-gradient(180deg,var(--q-t3),var(--q-s3) 60%)!important}
.board .col:nth-child(4n+4),.db-col.s3{background:linear-gradient(180deg,var(--q-t4),var(--q-s3) 60%)!important}
/* KPI tiles: glass with a soft colour wash per tile */
.lp-stats .stat:nth-child(4n+1),.pk.c1,.db-count.s0,.db-count.s4{background:linear-gradient(150deg,var(--q-t1),rgba(255,255,255,0) 70%),var(--q-g)!important}
.lp-stats .stat:nth-child(4n+2),.pk.c2,.db-count.s1,.db-count.s5{background:linear-gradient(150deg,var(--q-t2),rgba(255,255,255,0) 70%),var(--q-g)!important}
.lp-stats .stat:nth-child(4n+3),.pk.c3,.db-count.s2{background:linear-gradient(150deg,var(--q-t3),rgba(255,255,255,0) 70%),var(--q-g)!important}
.lp-stats .stat:nth-child(4n+4),.pk.c4,.db-count.s3{background:linear-gradient(150deg,var(--q-t4),rgba(255,255,255,0) 70%),var(--q-g)!important}
.lp-stats .stat .k,.pk-k,.pk-s,.lp-stats .stat .s{color:var(--q-mut)!important}
.lp-stats .stat .v,.pk-v,.col-h,.db-card .m b{color:var(--q-ink)!important}
.lp-stats .stat .ich,.pk-ic,.db-count .ic{background:rgba(255,255,255,.12)!important;color:var(--q-acct)!important;border:1px solid var(--q-gbd);box-shadow:inset 0 1px 0 var(--q-ghl)!important}
.lp-stats .stat .spk,.spk{color:var(--q-acct)!important}
.lp-stats .stat:nth-child(2) .spk{color:var(--q-spk2)!important}
.pk-bars rect,.pk.c2 .pk-bars rect{fill:var(--q-acct)!important;opacity:.85}
.stat .tr.up,.tr.up{background:rgba(34,197,94,.13)!important;color:#15803d!important}
.hero::before{background:radial-gradient(circle,rgba(var(--accr),.32),rgba(var(--accr),0) 68%)!important}
.hero h1 .hl,.lp-pitch h1 .hl{color:var(--q-acct)!important}
.hero .ask,.qa a{background:var(--q-field)!important;border:1px solid var(--q-bd)!important}
.hero .ask:focus-within{border-color:rgba(var(--accr),.7)!important;box-shadow:0 0 0 4px rgba(var(--accr),.15)!important}
.qa a b{color:var(--q-ink)!important}
.qa a.qa-teaser{background:var(--q-btn)!important;color:var(--q-btnt)!important;box-shadow:var(--q-btnsh)!important;border-color:transparent!important}
.qa a.qa-teaser b,.qa a.qa-teaser span{color:var(--q-btnt)!important}
/* buttons: glossy accent pill primary, glass secondary */
.btn{background:var(--q-field)!important;border:1px solid var(--q-bd)!important;color:var(--q-ink)!important;box-shadow:inset 0 1px 0 var(--q-ghl)!important}
.btn:hover{background:var(--q-s1)!important}
.btn.primary,.btn.acc,.lp-top .btn.primary,.lp-cta .btn.primary,.side .btn.new{background:var(--q-btn)!important;color:var(--q-btnt)!important;border:1px solid rgba(255,255,255,.35)!important;box-shadow:inset 0 1px 0 rgba(255,255,255,.55),var(--q-btnsh)!important}
.btn.primary:hover,.btn.acc:hover{filter:brightness(1.06)}
.btn.primary *,.side .btn.new *{color:inherit}
.btn.danger,.btn.red{background:rgba(248,113,113,.16)!important;color:#b91c1c!important;border-color:rgba(248,113,113,.35)!important}
.icon-btn{background:var(--q-field)!important;border:1px solid var(--q-bd)!important;color:var(--q-ink)!important;box-shadow:inset 0 1px 0 var(--q-ghl)}
.chip,a.chip{background:var(--q-field);border-color:var(--q-bd);color:var(--q-ink2)}
.chip.on,a.chip.on,.seg .on,.seg a.on{background:rgba(var(--accr),.2)!important;color:var(--q-ink)!important;border-color:rgba(var(--accr),.45)!important;box-shadow:inset 0 1px 0 var(--q-ghl)!important}
.seg,.tabs{background:var(--q-s3)!important;border-color:var(--q-bd2)!important}
.tabs a{color:var(--q-mut)}.tabs a.on{color:var(--q-ink)!important;border-color:var(--q-acc)!important}
.pill{background:var(--q-s1);color:var(--q-ink2)}
.input,.select,textarea.input,input,select,textarea{background-color:var(--q-field)!important;border-color:var(--q-bd)!important;color:var(--q-ink)!important}
input[type=checkbox],input[type=radio]{accent-color:var(--q-acc)}
.input::placeholder,input::placeholder,textarea::placeholder{color:var(--q-mut2)!important}
.input:focus,.select:focus,textarea.input:focus{border-color:rgba(var(--accr),.7)!important;box-shadow:0 0 0 4px rgba(var(--accr),.15)!important}
option,optgroup{background:var(--q-base2);color:var(--q-ink)}
/* --- bars: real frosted glass --- */
.topbar{background:var(--q-bar)!important;-webkit-backdrop-filter:var(--q-blur)!important;backdrop-filter:var(--q-blur)!important;border-bottom:1px solid var(--q-bd2)!important;box-shadow:0 1px 0 rgba(255,255,255,.04)!important}
.side{background:var(--q-bar)!important;-webkit-backdrop-filter:var(--q-blur)!important;backdrop-filter:var(--q-blur)!important;border-right:1px solid var(--q-bd2)!important;box-shadow:inset -1px 0 0 rgba(255,255,255,.03)!important}
.side .brand{color:var(--q-ink)}
.side .side-tg{color:var(--q-mut2)}.side .side-tg:hover{background:var(--q-s1);color:var(--q-ink)}
.side .grp{color:var(--q-mut2)}
.side a.nav{color:var(--q-mut)!important}
.side a.nav .ic{color:var(--q-mut2)!important}
.side a.nav:hover{background:var(--q-s2)!important;color:var(--q-ink)!important}
.side a.nav:hover .ic{color:var(--q-ink)!important}
.side a.nav.on{background:var(--q-bub)!important;color:var(--q-ink)!important;box-shadow:inset 0 1px 0 var(--q-ghl),0 6px 16px -8px rgba(var(--q-shr),.5)!important;border:1px solid var(--q-gbd)}
.side a.nav.on .ic{color:var(--q-acct)!important;background:transparent!important}
.side .foot{border-top-color:var(--q-bd2)!important;color:var(--q-mut)}
.side .foot a{color:var(--q-mut)!important}
.me-av,.lender-row .av,.av,.db-card .db-av{background:rgba(var(--accr),.16)!important;color:var(--q-ink)!important}
.side .badge,.tabbar .bd{background:#f43f5e!important;color:#fff!important}
@media (max-width:820px){
 .side{background:var(--q-solid)!important;box-shadow:24px 0 60px -20px rgba(0,0,0,.6)!important}
 .scrim{background:rgba(var(--q-shr),.35)!important}
}
/* --- liquid glass tab bar (phone): floating capsule + sliding glass bubble; slide a finger along it to switch --- */
@media (max-width:820px){
 .tabbar{left:12px!important;right:12px!important;bottom:calc(10px + var(--safe))!important;border-radius:30px!important;padding:6px!important;background:var(--q-bar)!important;-webkit-backdrop-filter:var(--q-blur)!important;backdrop-filter:var(--q-blur)!important;border:1px solid var(--q-gbd)!important;box-shadow:0 18px 40px -14px rgba(var(--q-shr),.6),inset 0 1px 0 var(--q-ghl)!important;touch-action:none;-webkit-user-select:none;user-select:none}
 .tabbar a{position:relative;z-index:1;color:var(--q-mut)!important;border-radius:24px;transition:color .25s,transform .4s cubic-bezier(.34,1.56,.64,1);-webkit-user-drag:none;-webkit-touch-callout:none}
 .tabbar a:active{transform:scale(.92)}
 .tabbar a.on{color:var(--q-ink)!important}
 .tabbar a.on .ic{color:var(--q-acct)!important;filter:none!important;transform:none!important}
 .tabbar a.on::after{display:none!important}
 .tabbar .lq-bub{position:absolute;z-index:0;top:6px;bottom:6px;left:0;width:0;border-radius:24px;background:var(--q-bub);border:1px solid var(--q-gbd);box-shadow:inset 0 1px 0 var(--q-ghl),0 4px 14px rgba(var(--q-shr),.3);transition:transform .55s cubic-bezier(.34,1.56,.64,1),width .55s cubic-bezier(.34,1.56,.64,1),opacity .2s;pointer-events:none}
 .tabbar.drag .lq-bub{box-shadow:inset 0 0 0 1px rgba(255,255,255,.3),inset 0 1px 0 rgba(255,255,255,.5),0 10px 28px rgba(var(--q-shr),.45)}
 .tabbar.drag a.on:not(.hot){color:var(--q-mut)!important}
 .tabbar.drag a.on:not(.hot) .ic{color:inherit!important}
 .tabbar a.hot{color:var(--q-ink)!important;transform:scale(1.08)}
}
/* --- pop-ups: real blur --- */
.modal,.drawer,.ai-panel{background:var(--q-bar)!important;-webkit-backdrop-filter:blur(30px) saturate(170%)!important;backdrop-filter:blur(30px) saturate(170%)!important;border:1px solid var(--q-gbd)!important;color:var(--q-ink)}
.modal{box-shadow:0 30px 80px -24px rgba(var(--q-shr),.75),inset 0 1px 0 var(--q-ghl)!important}
.drawer{box-shadow:-24px 0 70px -24px rgba(var(--q-shr),.7),inset 1px 0 0 var(--q-ghl)!important}
.toast{background:var(--q-bar)!important;-webkit-backdrop-filter:var(--q-blur)!important;backdrop-filter:var(--q-blur)!important;color:var(--q-ink)!important;border:1px solid var(--q-gbd)!important;box-shadow:0 14px 30px -12px rgba(var(--q-shr),.6)!important}
.ai-fab,.lp-tz-big{background:var(--q-btn)!important;color:var(--q-btnt)!important;box-shadow:var(--q-btnsh),inset 0 1px 0 rgba(255,255,255,.5)!important}
.lp-tz-big *{color:var(--q-btnt)!important}
/* misc */
.tbl th{background:transparent!important;color:var(--q-mut)!important;border-color:var(--q-bd)!important}
.tbl td{border-color:var(--q-bd2)!important}
.bar{background:var(--q-s1)!important}
.udot{background:var(--q-acc)!important;box-shadow:0 0 0 3px rgba(var(--accr),.2)!important}
.lp-ticks li::before{background:var(--q-acc)!important}
.mark{background-color:var(--q-dk)!important}
.stg{background:var(--q-field)!important;border-color:var(--q-bd)!important;color:var(--q-ink2)!important}
.stg b{background:var(--q-s1)!important;color:var(--q-ink)!important}
.stg.on{background:rgba(var(--accr),.22)!important;color:var(--q-ink)!important;border-color:rgba(var(--accr),.5)!important}
.stg.on b{background:var(--q-acc)!important;color:var(--q-btnt)!important}
.col-h .pill{background:var(--q-s1)!important;color:var(--q-ink)!important}
.col.over .col-body{background:rgba(var(--accr),.08)!important;outline-color:var(--q-acc)!important}
.board::-webkit-scrollbar-thumb{background:var(--q-bd)}
[style*="color:#8a8d86"],[style*="color:#6b7069"]{color:var(--q-mut)!important}
[style*="color:#3f8a76"],[style*="color:#2f6b5c"]{color:var(--q-acct)!important}
@media (prefers-reduced-transparency:reduce){.topbar,.tabbar,.side,.modal,.drawer,.ai-panel,.toast{background:var(--q-solid)!important}}
@supports not ((-webkit-backdrop-filter:blur(1px)) or (backdrop-filter:blur(1px))){.topbar,.tabbar,.modal,.drawer,.ai-panel,.toast{background:var(--q-solid)!important}}

.hero h1{color:var(--q-ink)!important}.hero p,.hero .sub{color:var(--q-mut)!important}
.hero .ask input,.hero .ask .input{background:transparent!important;border:0!important;box-shadow:none!important}