/* LoanWick portal readability. Presentation only; no account settings change. */
html[data-bb-surface=portal][data-theme=dark] :is(#side .brand img,#login .logo img){content:url('/brand-light.svg?v=loanwick-1136')}
html[data-bb-surface=portal]:not([data-theme=dark]){--mut:#596874}
#side .brand{padding:18px 16px 14px;gap:10px;min-width:0;min-height:78px}
#side .brand img{height:30px!important;max-height:30px!important;width:auto;max-width:calc(100% - 54px);min-width:0;object-fit:contain;object-position:left center;flex:0 1 auto}
#side #collapseBtn{width:44px!important;height:44px!important;min-width:44px;min-height:44px;flex:0 0 44px;border:1px solid var(--line2)!important;border-radius:10px!important;color:var(--ink)!important}
#side #collapseBtn:hover{background:var(--card2)!important}
html[data-bb-surface=portal] #side .nav.on{background:var(--bb-blue-soft)!important;color:var(--bb-blue)!important;box-shadow:none}
#side .nav.on::before{background:var(--bb-blue)}
#login .logo img{max-width:100%;object-fit:contain}
/* The old clipped gradient stayed dark blue in dark mode. Keep numbers solid. */
html[data-bb-surface=portal] .kpi b{background:none;-webkit-background-clip:initial;background-clip:initial;-webkit-text-fill-color:currentColor;color:var(--bb-blue,var(--accent-d));filter:none;font-variant-numeric:tabular-nums;letter-spacing:-.045em;overflow-wrap:anywhere}
html[data-bb-surface=portal][data-theme=dark] .kpi b{color:var(--bb-blue,#a9c8e4)}
#workspaceMode{margin:16px 32px 0!important;box-shadow:none}
#workspaceMode>div:first-child{min-width:min(100%,240px)!important;flex:1 1 280px!important}
#workspaceMode>[role=group]{min-width:0;max-width:100%;flex-wrap:wrap}
#workspaceMode b,#workspaceMode .muted{overflow-wrap:anywhere}
#workspaceMode .btn{white-space:normal;max-width:100%}
#view:has(#dashWeekSlot){max-width:1400px}
#view:has(#dashWeekSlot) .card{margin-bottom:16px}
#view #dashWeekSlot .kgrid{grid-template-columns:repeat(auto-fit,minmax(min(100%,180px),1fr));gap:14px}
#view:has(#dashWeekSlot) .kpi b{font-size:clamp(26px,3vw,44px)}
#dashWeekSlot h2{font-size:17px}
#dashWeekSlot .kpi{padding:20px}
#view #dashWeekSlot .kpi b{font-size:clamp(28px,3.2vw,44px);white-space:nowrap;overflow-wrap:normal;flex-shrink:0}
.dashboard-assistant-state{display:flex;align-items:center;justify-content:space-between;gap:16px;flex-wrap:wrap}
.dashboard-assistant-state>div{flex:1;min-width:min(100%,240px)}
.dashboard-assistant-state b{font-size:16px}
.dashboard-assistant-state .muted{max-width:850px;line-height:1.55;margin-top:4px}
.customer-cost-header{display:flex;align-items:baseline;justify-content:space-between;flex-wrap:wrap;gap:8px}
.customer-cost-header h2{margin:0;font-size:17px}
.customer-cost-header .pill{color:var(--bb-blue);background:var(--bb-blue-soft);border:1px solid var(--line2);white-space:normal}
.customer-cost-context{margin:10px 0 14px;line-height:1.6}
.customer-cost-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(min(100%,180px),1fr));gap:12px}
.customer-cost-grid .kpi{padding:16px 18px;box-shadow:none}
#view:has(#dashWeekSlot) .customer-cost-grid .kpi b{font-size:28px;line-height:1.15;letter-spacing:-.03em}
.customer-cost-grid .kpi span{line-height:1.4;margin-top:8px}
.customer-cost-caveat{margin:12px 0 0;line-height:1.6}
.customer-cost-outlook details{margin-top:12px}
.customer-cost-outlook summary{cursor:pointer;min-height:36px;align-content:center}
.customer-cost-outlook details p{line-height:1.65;max-width:1000px}
@media(min-width:761px){body.sidebar-collapsed #side .brand{padding-inline:14px;gap:0;justify-content:center}}
@media(max-width:760px){
 #workspaceMode{margin:12px 16px 0!important}
 #workspaceMode>div:first-child{flex:1 0 100%!important}
 #view:has(#dashWeekSlot){padding-inline:16px}
 #view #dashWeekSlot .kgrid{gap:10px}
 #dashWeekSlot .kpi{padding:14px 12px}
 #view #dashWeekSlot .kpi b{font-size:30px}
 #dashWeekSlot .kpi span{font-size:12px;line-height:1.4;align-items:flex-start}
 .customer-cost-grid{grid-template-columns:1fr}
 .customer-cost-grid .kpi{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1fr);align-items:center;gap:12px}
 .customer-cost-grid .kpi span{margin-top:0}
 .dashboard-assistant-state .btn{width:100%;min-height:44px}
}
@media(max-width:420px){#view #dashWeekSlot .kgrid{grid-template-columns:1fr}#dashWeekSlot .kpi{display:flex;align-items:center;justify-content:space-between;gap:14px}#dashWeekSlot .kpi span{margin:0;font-size:13px}}
@media(forced-colors:active){html[data-bb-surface=portal] .kpi b{color:CanvasText;-webkit-text-fill-color:CanvasText}}