:root{
  color-scheme:dark;
  --bg:#05070a; --surface:#0a0f14; --surface2:#0d131a; --surface3:#111923;
  --line:#202a35; --line2:#2b3745; --text:#f5f7fb; --muted:#8f9cad;
  --blue:#2f8cff; --green:#32d17d; --orange:#ff9d2e; --violet:#9b6cff; --red:#ff5252; --cyan:#32c7d9;
  --shadow:0 12px 35px rgba(0,0,0,.28);
}
*{box-sizing:border-box}
html,body{background:var(--bg)!important;color:var(--text)!important}
body{margin:0!important;background:radial-gradient(circle at 75% -10%,rgba(47,140,255,.08),transparent 34%),var(--bg)!important;font-family:Inter,ui-sans-serif,system-ui,-apple-system,BlinkMacSystemFont,"Segoe UI",sans-serif!important}
#app-shell{background:transparent!important;min-height:100vh}
.app-header{position:sticky;top:0;z-index:30;display:flex!important;align-items:center!important;justify-content:space-between!important;gap:18px!important;padding:12px 20px!important;background:rgba(5,7,10,.94)!important;border-bottom:1px solid var(--line)!important;backdrop-filter:blur(16px)}
.app-header h1{font-size:20px!important;line-height:1.1!important;margin:0!important;color:#fff!important;letter-spacing:-.02em}
.app-header .eyebrow{display:none!important}
.header-actions{display:flex!important;align-items:center!important;gap:8px!important;flex-wrap:wrap!important}
.tabs{position:sticky;top:61px;z-index:25;display:flex!important;align-items:center!important;gap:6px!important;padding:8px 18px!important;margin:0!important;background:rgba(5,7,10,.92)!important;border-bottom:1px solid var(--line)!important;overflow-x:auto!important;scrollbar-width:none}
.tabs::-webkit-scrollbar{display:none}.tab{border:1px solid transparent!important;border-radius:8px!important;background:transparent!important;color:#9eabb9!important;padding:8px 12px!important;font-size:12px!important;font-weight:650!important;white-space:nowrap!important;transition:.18s ease!important}.tab:hover{color:#fff!important;background:#0d141c!important}.tab.active{color:#fff!important;background:linear-gradient(180deg,#122a4d,#0c1f39)!important;border-color:#1e4e87!important;box-shadow:inset 0 0 0 1px rgba(47,140,255,.08)!important}
main{padding:14px 18px 24px!important;max-width:1700px!important;margin:0 auto!important}.page{min-width:0}.section-heading{display:flex!important;align-items:flex-end!important;justify-content:space-between!important;gap:16px!important;margin:0 0 10px!important;padding:0!important}.section-heading h2{font-size:18px!important;line-height:1.2!important;margin:1px 0 0!important;color:#fff!important;letter-spacing:-.02em}.kicker{font-size:9px!important;text-transform:uppercase!important;letter-spacing:.14em!important;color:#68788b!important;margin:0!important;font-weight:700!important}.muted,.small{color:var(--muted)!important}
.panel,.kpi,.auth-card,dialog,.settings-grid>*,.report-control-panel,.report-output-panel{background:linear-gradient(180deg,rgba(13,19,26,.98),rgba(8,13,18,.98))!important;border:1px solid var(--line)!important;border-radius:10px!important;box-shadow:none!important;color:var(--text)!important}.panel{padding:12px!important}.panel-title{display:flex!important;align-items:center!important;justify-content:space-between!important;gap:10px!important;margin-bottom:10px!important}.panel-title h3,.panel h3{font-size:13px!important;color:#f3f6fa!important;margin:0!important}.pill{border:1px solid var(--line2)!important;background:#111821!important;color:#a9b5c4!important;border-radius:999px!important;padding:4px 7px!important;font-size:9px!important}
.kpi-grid{gap:8px!important}.kpi{min-height:76px!important;padding:11px 12px!important;position:relative!important;overflow:hidden!important}.kpi:before{content:"";position:absolute;inset:0 auto 0 0;width:2px;background:var(--blue);opacity:.85}.kpi:nth-child(2):before{background:var(--green)}.kpi:nth-child(3):before{background:var(--orange)}.kpi:nth-child(4):before{background:var(--violet)}.kpi:nth-child(5):before{background:var(--cyan)}.kpi span{color:#8e9bac!important;font-size:9px!important;text-transform:uppercase!important;letter-spacing:.04em!important}.kpi strong{font-size:19px!important;color:#fff!important;letter-spacing:-.025em}.kpi small{color:#728094!important;font-size:9px!important}
#dashboard{padding-top:0!important}.dashboard-utility{height:22px!important;display:flex!important;justify-content:flex-end!important;align-items:center!important;gap:10px!important;font-size:9px!important;color:#788698!important;margin-bottom:4px!important}.dashboard-utility:empty{display:none!important}#dashboard .executive-kpis{display:grid!important;grid-template-columns:repeat(4,minmax(0,1fr))!important;margin-bottom:9px!important}#monthly-health-kpis{display:grid!important;grid-template-columns:repeat(3,minmax(0,1fr))!important;gap:8px!important;margin-bottom:10px!important}#monthly-health-kpis .kpi{min-height:64px!important}.chart-grid{gap:10px!important}.debt-pie-panel{min-height:330px!important}.debt-pie-wrap{gap:14px!important}.debt-pie{transform:scale(1.08);transform-origin:center}.debt-pie-legend{font-size:10px!important}
/* preserve data/calculation output; only present it differently */
#account-bars{display:grid!important;gap:5px!important}.debt-row-head,.debt-progress-row{background:#0b1117!important;border:1px solid #18222d!important;border-radius:7px!important;padding:7px 8px!important}.debt-progress-track{background:#151d26!important}
/* Expense dashboard visually independent from debt dashboard */
#expenses{--page-accent:var(--red)}#expenses .section-heading{border-left:3px solid var(--red)!important;padding-left:9px!important}#expenses #expense-kpis{display:grid!important;grid-template-columns:repeat(4,minmax(0,1fr))!important;margin-bottom:10px!important}#expenses .panel+.panel{margin-top:10px!important}
#dashboard{--page-accent:var(--blue)}#accounts{--page-accent:var(--green)}#payments{--page-accent:var(--cyan)}#distribution{--page-accent:var(--orange)}#reports{--page-accent:var(--violet)}#settings{--page-accent:#94a3b8}
#accounts .section-heading,#payments .section-heading,#distribution .section-heading,#reports .section-heading,#settings .section-heading{border-left:3px solid var(--page-accent)!important;padding-left:9px!important}
button,input,select,textarea{font:inherit!important}button.primary,.primary{background:#1677e8!important;border:1px solid #2e8cf3!important;color:#fff!important;border-radius:7px!important;min-height:34px!important;padding:7px 11px!important;font-weight:700!important;font-size:11px!important;box-shadow:none!important}button.secondary,.secondary{background:#0d141c!important;border:1px solid var(--line2)!important;color:#dbe4ef!important;border-radius:7px!important;min-height:34px!important;padding:7px 11px!important;font-size:11px!important}.icon-button{background:#0e151d!important;color:#aeb9c7!important;border:1px solid var(--line)!important}
input,select,textarea{background:#070b10!important;color:#edf2f7!important;border:1px solid #263240!important;border-radius:7px!important;min-height:34px!important;padding:7px 9px!important;outline:none!important}input:focus,select:focus,textarea:focus{border-color:#377fd0!important;box-shadow:0 0 0 2px rgba(47,140,255,.13)!important}label{color:#9da9b7!important;font-size:10px!important}.filter-bar,.report-controls{display:grid!important;grid-template-columns:repeat(auto-fit,minmax(150px,1fr))!important;gap:8px!important;align-items:end!important}.actions{display:flex!important;gap:7px!important;align-items:center!important;flex-wrap:wrap!important}
table{width:100%!important;border-collapse:separate!important;border-spacing:0!important;font-size:10px!important}thead th{position:sticky;top:0;background:#0f161e!important;color:#8392a4!important;text-transform:uppercase!important;letter-spacing:.05em!important;font-size:8px!important;padding:8px!important;border-bottom:1px solid #26313d!important}tbody td{padding:8px!important;color:#dce4ee!important;border-bottom:1px solid #18222c!important}tbody tr:hover td{background:#0c1218!important}.table-wrap{border:1px solid #19232e!important;border-radius:8px!important;overflow:auto!important}.number{text-align:right!important}.empty{color:#758397!important}
.settings-grid{display:grid!important;grid-template-columns:repeat(auto-fit,minmax(280px,1fr))!important;gap:10px!important}.stack{gap:9px!important}.rates{display:grid!important;grid-template-columns:repeat(2,minmax(0,1fr))!important;gap:8px!important}
dialog{color:#fff!important}dialog::backdrop{background:rgba(0,0,0,.72)!important;backdrop-filter:blur(3px)}.dialog-form{background:transparent!important}.dialog-head{border-bottom:1px solid var(--line)!important;padding-bottom:9px!important}.dialog-head h2{font-size:17px!important}
.gate{background:radial-gradient(circle at 50% 0%,rgba(47,140,255,.12),transparent 40%),#05070a!important}.auth-card{max-width:420px!important;padding:28px!important}.brand-mark{background:#0f5fad!important;color:#fff!important}.message{color:#ff7676!important}
.toast{background:#10171f!important;border:1px solid var(--line2)!important;color:#fff!important}
@media(max-width:1050px){#dashboard .executive-kpis,#expenses #expense-kpis{grid-template-columns:repeat(2,minmax(0,1fr))!important}}
@media(max-width:760px){main{padding:10px!important}.app-header{padding:10px 12px!important}.tabs{top:58px;padding:7px 10px!important}.section-heading{align-items:flex-start!important;flex-direction:column!important}#dashboard .executive-kpis,#monthly-health-kpis,#expenses #expense-kpis{grid-template-columns:1fr!important}.debt-pie{transform:none}.rates{grid-template-columns:1fr!important}}

/* === v244 video review fixes === */
/* These primitives make this Hostinger update self-contained. */
*{box-sizing:border-box}
html,body{margin:0;min-height:100%;background:#05070a;color:#e8edf4;font-family:Inter,ui-sans-serif,system-ui,-apple-system,BlinkMacSystemFont,"Segoe UI",sans-serif}
body{min-width:320px}
.hidden{display:none!important}
.gate{position:fixed!important;inset:0!important;z-index:9999!important;display:grid!important;place-items:center!important;padding:24px!important;overflow:auto!important}
.gate.hidden{display:none!important}
.auth-card{width:min(440px,100%)!important;margin:auto!important}
.auth-card h1{margin:4px 0 8px!important;font-size:24px!important;color:#fff!important}
.auth-card .muted{line-height:1.55!important}
.auth-card label{display:grid!important;gap:5px!important}
.stack{display:grid!important;gap:10px!important}
.back-link{display:inline-block!important;margin-bottom:12px!important;color:#8cbfff!important;text-decoration:none!important}
.brand-mark{display:grid!important;place-items:center!important;width:38px!important;height:38px!important;border-radius:10px!important;margin-bottom:10px!important;font-weight:800!important}
.link-button{border:0!important;background:transparent!important;color:#8cbfff!important;padding:6px 0!important;text-align:left!important;cursor:pointer!important}
.message{min-height:18px!important}
#app-shell{min-height:100vh!important}
#app-shell.hidden{display:none!important}
.page{display:none!important}.page.active{display:block!important}
.app-header>div:first-child{min-width:0!important}.app-header h1{white-space:nowrap!important;overflow:hidden!important;text-overflow:ellipsis!important}
.user-switch{display:flex!important;align-items:center!important;gap:6px!important}.user-switch.hidden{display:none!important}
.chart-grid{display:grid!important;grid-template-columns:minmax(0,1.25fr) minmax(340px,.75fr)!important}
.kpi-grid{display:grid!important;grid-template-columns:repeat(4,minmax(0,1fr))!important}
.kpi{display:grid!important;align-content:center!important;gap:4px!important}
.panel{min-width:0!important}
.table-wrap{max-width:100%!important}
table{min-width:760px!important}
#accounts table{min-width:1050px!important}#payments table{min-width:960px!important}#expenses table{min-width:980px!important}#distribution table{min-width:900px!important}
.section-heading{min-height:42px!important}.section-heading>div:first-child{min-width:0!important}
#dashboard .section-heading{display:none!important}
/* Keep debt and expenses visually independent and avoid mixing monthly expense calculations into debt. */
#dashboard .debt-only-monthly{border-top:0!important}
#expenses{border-top:2px solid rgba(239,68,68,.32)!important;padding-top:10px!important}
#dashboard{border-top:2px solid rgba(47,140,255,.28)!important;padding-top:8px!important}
@media(max-width:980px){.chart-grid{grid-template-columns:1fr!important}.kpi-grid{grid-template-columns:repeat(2,minmax(0,1fr))!important}}
@media(max-width:640px){.gate{padding:14px!important}.auth-card{padding:20px!important}.app-header{align-items:flex-start!important}.header-actions{justify-content:flex-end!important}.kpi-grid{grid-template-columns:1fr!important}}

/* =========================================================
   BIZHUB v245 — reference dashboard layout
   Visual-only layer. Core calculations remain in main JS.
   ========================================================= */
:root{--v245-bg:#05080b;--v245-panel:#0b1015;--v245-panel2:#0f151b;--v245-line:#222c36;--v245-text:#f4f7fb;--v245-muted:#8b97a6;--v245-blue:#2f80ed;--v245-green:#2fc66d;--v245-orange:#ff981f;--v245-purple:#9b63ff;--v245-red:#ff4d4d}
html[data-bizhub-theme="dark-v245"] body{background:var(--v245-bg)!important;color:var(--v245-text)!important}
#app-shell{min-height:100vh!important;padding-left:168px!important;background:var(--v245-bg)!important}
.app-header{position:fixed!important;left:0!important;top:0!important;width:168px!important;height:56px!important;z-index:40!important;border-right:1px solid var(--v245-line)!important;border-bottom:1px solid var(--v245-line)!important;background:#070b0f!important;padding:12px 14px!important;display:flex!important;align-items:center!important}
.app-header #user-heading{font-size:15px!important;line-height:1.05!important;font-weight:900!important;letter-spacing:.02em!important;white-space:normal!important}
.app-header .header-actions{display:none!important}
.header-logout-btn{display:inline-flex!important;position:fixed!important;top:14px!important;right:16px!important;z-index:50!important;padding:6px 14px!important;font-size:11px!important;min-height:30px!important}
@media(max-width:760px){.header-logout-btn{top:11px!important;right:10px!important;padding:5px 10px!important}}
.tabs{position:fixed!important;left:0!important;top:56px!important;bottom:0!important;width:168px!important;z-index:39!important;background:linear-gradient(180deg,#080d12,#0a1015)!important;border-right:1px solid var(--v245-line)!important;border-bottom:0!important;padding:10px 8px 84px!important;display:flex!important;flex-direction:column!important;gap:4px!important;overflow-y:auto!important}
.tabs .tab{width:100%!important;min-height:38px!important;justify-content:flex-start!important;border:1px solid transparent!important;border-radius:7px!important;padding:0 10px!important;color:#b8c0ca!important;font-size:11px!important;text-align:left!important;background:transparent!important}
.tabs .tab.active{color:#fff!important;background:#0c2c57!important;border-color:#164786!important;box-shadow:inset 0 0 18px rgba(32,111,214,.18)!important}
.tabs .nav-ico{display:inline-flex!important;width:18px!important;margin-right:8px!important;justify-content:center!important;color:#36a0ff!important;font-size:12px!important}
main{width:100%!important;max-width:none!important;padding:12px 14px 14px!important;margin:0!important}
.page{max-width:none!important;margin:0!important}
.panel{background:linear-gradient(180deg,#0c1116,#090e13)!important;border:1px solid var(--v245-line)!important;box-shadow:none!important}
.section-heading{margin:0 0 10px!important;min-height:38px!important}
.section-heading .kicker{display:none!important}
.section-heading h2{font-size:16px!important;letter-spacing:.01em!important}

/* Target dashboard */
#dashboard{padding:0!important}
.ref-source-hidden{position:absolute!important;left:-100000px!important;top:-100000px!important;width:1px!important;height:1px!important;overflow:hidden!important;opacity:0!important;pointer-events:none!important}
.debt-reference-dashboard{display:grid!important;grid-template-columns:minmax(390px,.88fr) minmax(620px,1.12fr)!important;gap:9px!important;min-height:calc(100vh - 26px)!important}
.ref-left{padding:12px!important;display:flex!important;flex-direction:column!important;gap:10px!important;min-width:0!important}
.ref-right{display:grid!important;grid-template-rows:auto 1fr auto!important;gap:9px!important;min-width:0!important}
.ref-kpis{display:grid!important;grid-template-columns:repeat(4,minmax(0,1fr))!important;gap:7px!important}
.ref-kpi{min-height:104px!important;border:1px solid var(--v245-line)!important;border-radius:7px!important;background:linear-gradient(180deg,#0d1217,#090d11)!important;padding:12px 11px!important;display:flex!important;flex-direction:column!important;align-items:center!important;justify-content:center!important;text-align:center!important}
.ref-kpi-icon{width:40px!important;height:40px!important;border-radius:50%!important;display:grid!important;place-items:center!important;margin-bottom:6px!important;font-size:20px!important;border:1px solid currentColor!important;background:color-mix(in srgb,currentColor 10%,transparent)!important}
.ref-kpi span{font-size:9px!important;text-transform:uppercase!important;color:#b8c0ca!important;line-height:1.2!important}.ref-kpi span small{display:block!important;font-size:8px!important;margin-top:2px!important}.ref-kpi strong{font-size:17px!important;margin-top:4px!important;white-space:nowrap!important}
.ref-kpi.blue,.ref-kpi.blue strong{color:var(--v245-blue)!important}.ref-kpi.green,.ref-kpi.green strong{color:var(--v245-green)!important}.ref-kpi.orange,.ref-kpi.orange strong{color:var(--v245-orange)!important}.ref-kpi.purple,.ref-kpi.purple strong{color:var(--v245-purple)!important}
.ref-kpi span{color:#bdc6d1!important}
.ref-account-overview{min-height:210px!important;display:grid!important;place-items:center!important}
.ref-donut-wrap{display:grid!important;grid-template-columns:minmax(178px,.9fr) minmax(180px,1.1fr)!important;align-items:center!important;gap:12px!important;width:100%!important}
.ref-donut{width:178px!important;aspect-ratio:1!important;border-radius:50%!important;position:relative!important;margin:auto!important}.ref-donut::after{content:"";position:absolute!important;inset:28%!important;border-radius:50%!important;background:#090e13!important}.ref-donut.small{width:152px!important}.ref-hole{position:absolute!important;inset:28%!important;z-index:2!important;display:flex!important;flex-direction:column!important;align-items:center!important;justify-content:center!important;text-align:center!important}.ref-hole small{font-size:8px!important;font-weight:800!important;line-height:1.2!important;color:#d9e0e8!important}.ref-hole strong{font-size:15px!important;margin-top:5px!important;color:#fff!important;white-space:nowrap!important}.ref-donut.small .ref-hole strong{font-size:17px!important}.ref-donut.small .ref-hole small{font-size:9px!important}
.ref-legend{display:grid!important;gap:8px!important}.ref-legend-row{display:grid!important;grid-template-columns:8px minmax(0,1fr) 74px 34px!important;align-items:center!important;gap:7px!important;font-size:9px!important}.ref-legend-row i,.ref-table-row i,.ref-status-legend i{width:8px!important;height:8px!important;border-radius:50%!important;display:block!important}.ref-legend-row span{white-space:nowrap!important;overflow:hidden!important;text-overflow:ellipsis!important}.ref-legend-row b{font-size:9px!important;text-align:right!important}.ref-legend-row em{font-style:normal!important;font-weight:800!important;text-align:center!important;padding:3px 4px!important;border-radius:5px!important;background:#111a25!important;color:#7fb5ff!important}
.ref-account-table{border:1px solid var(--v245-line)!important;border-radius:6px!important;overflow:hidden!important;margin-top:auto!important}.ref-table-head,.ref-table-row,.ref-table-total{display:grid!important;grid-template-columns:minmax(0,1.35fr) 92px 92px!important;gap:8px!important;align-items:center!important;padding:7px 9px!important;border-bottom:1px solid var(--v245-line)!important}.ref-table-head{font-size:8px!important;color:#9aa6b4!important;background:#0e151b!important}.ref-table-row{font-size:9px!important;min-height:32px!important}.ref-table-row>span{display:flex!important;align-items:center!important;gap:8px!important;white-space:nowrap!important;overflow:hidden!important;text-overflow:ellipsis!important}.ref-table-row b,.ref-table-row strong,.ref-table-total b,.ref-table-total strong{text-align:right!important;white-space:nowrap!important}.ref-table-row strong,.ref-table-total strong{color:var(--v245-green)!important}.ref-table-row b,.ref-table-total b{color:#dce3ea!important}.ref-table-total{border-bottom:0!important;background:#0e151b!important;font-size:11px!important;font-weight:900!important;padding-top:10px!important;padding-bottom:10px!important}.ref-table-total b{color:var(--v245-blue)!important}
.ref-charts{display:grid!important;grid-template-columns:1fr 1fr!important;min-height:310px!important;padding:0!important;overflow:hidden!important}.ref-chart-cell{display:grid!important;place-items:center!important;min-width:0!important;padding:14px!important}.ref-chart-cell+ .ref-chart-cell{border-left:1px solid var(--v245-line)!important}.ref-status{display:grid!important;grid-template-columns:160px minmax(0,1fr)!important;gap:16px!important;align-items:center!important;width:100%!important}.ref-status-legend{display:grid!important;gap:12px!important}.ref-status-legend>div{display:grid!important;grid-template-columns:9px minmax(0,1fr)!important;gap:5px 7px!important;align-items:center!important;font-size:10px!important}.ref-status-legend b{grid-column:2!important;font-size:11px!important}.ref-status-legend small{grid-column:2!important;color:#aeb7c2!important}.green-dot{background:var(--v245-green)!important}.gray-dot{background:#8b96a3!important}.ref-status-legend.plan{gap:7px!important;max-height:190px!important;overflow:auto!important}.ref-status-legend.plan>div{grid-template-columns:8px minmax(0,1fr) 32px!important}.ref-status-legend.plan b{grid-column:3!important;text-align:right!important}.ref-empty-plan{text-align:center!important;color:#8b97a6!important}.ref-empty-plan .ref-donut{background:#202832!important}.ref-empty-plan p{font-size:9px!important;max-width:220px!important;margin:10px auto 0!important}
.ref-snapshot{padding:9px!important}.ref-snapshot-grid{display:grid!important;grid-template-columns:repeat(5,minmax(0,1fr))!important;gap:7px!important}.snap{min-height:78px!important;border:1px solid var(--v245-line)!important;border-radius:7px!important;background:#0a0f14!important;display:flex!important;flex-direction:column!important;justify-content:center!important;align-items:center!important;text-align:center!important;padding:8px!important}.snap span{font-size:8px!important;text-transform:uppercase!important;color:#abb5c1!important;line-height:1.2!important}.snap strong{font-size:15px!important;margin-top:6px!important;white-space:nowrap!important}.snap.green strong{color:var(--v245-green)!important}.snap.blue strong{color:var(--v245-blue)!important}.snap.orange strong{color:var(--v245-orange)!important}.snap.purple strong,.snap.violet strong{color:var(--v245-purple)!important}

/* Other pages stay aligned with same shell */
#accounts,#payments,#expenses,#distribution,#reports,#settings{padding:2px 0 0!important}.filter-bar{display:grid!important;grid-template-columns:repeat(auto-fit,minmax(150px,1fr))!important;gap:8px!important;align-items:end!important}.table-wrap{border-radius:6px!important}table{font-size:10px!important}th{font-size:8px!important;letter-spacing:.04em!important}td,th{padding:8px 9px!important}.kpi-grid.compact{grid-template-columns:repeat(auto-fit,minmax(145px,1fr))!important;gap:7px!important}.actions{gap:6px!important}.primary,.secondary,.danger{min-height:32px!important;padding:7px 10px!important;font-size:10px!important;border-radius:6px!important}

@media(max-width:1120px){#app-shell{padding-left:138px!important}.app-header,.tabs{width:138px!important}.debt-reference-dashboard{grid-template-columns:1fr!important}.ref-right{grid-template-rows:auto auto auto!important}.ref-left{min-height:auto!important}}
@media(max-width:760px){#app-shell{padding-left:0!important;padding-top:54px!important}.app-header{position:fixed!important;width:100%!important;height:54px!important;border-right:0!important}.tabs{position:sticky!important;top:54px!important;width:100%!important;height:auto!important;bottom:auto!important;flex-direction:row!important;overflow-x:auto!important;border-right:0!important;border-bottom:1px solid var(--v245-line)!important;padding:6px!important}.tabs .tab{width:auto!important;min-width:max-content!important}.debt-reference-dashboard{display:block!important}.ref-right{display:block!important}.ref-kpis,.ref-snapshot-grid{grid-template-columns:repeat(2,minmax(0,1fr))!important}.ref-charts{grid-template-columns:1fr!important;margin:9px 0!important}.ref-chart-cell+.ref-chart-cell{border-left:0!important;border-top:1px solid var(--v245-line)!important}.ref-donut-wrap,.ref-status{grid-template-columns:1fr!important}.ref-table-head,.ref-table-row,.ref-table-total{grid-template-columns:minmax(0,1fr) 86px!important}.ref-table-head>*:nth-child(2),.ref-table-row>*:nth-child(2),.ref-table-total>*:nth-child(2){display:none!important}}

/* v246 visual refinement: larger charts, compact account detail, KPI meters and richer secondary pages */
:root{--v246-blue:#1685ff;--v246-green:#2bd66f;--v246-orange:#ff970f;--v246-purple:#8f4cff;--v246-red:#ff4343}
.ref-kpi{position:relative!important;overflow:hidden!important;padding-bottom:11px!important}
.ref-kpi:after{content:"";position:absolute;inset:auto 0 0;height:2px;background:currentColor;opacity:.85}
.ref-kpi .kpi-meter{width:100%!important;height:4px!important;border-radius:99px!important;background:#17202a!important;margin-top:8px!important;overflow:hidden!important}
.ref-kpi .kpi-meter i{display:block!important;height:100%!important;border-radius:inherit!important;background:currentColor!important;box-shadow:0 0 12px currentColor!important}
.ref-kpi .kpi-note{font-size:8px!important;color:#8d98a6!important;margin-top:5px!important;text-transform:none!important;letter-spacing:0!important}
.ref-donut-wrap{grid-template-columns:1fr!important;gap:8px!important}
.ref-account-overview{min-height:260px!important}
.ref-donut{width:228px!important;filter:drop-shadow(0 0 12px rgba(47,140,255,.12))}
.ref-donut-wrap>.ref-legend{display:none!important}
.ref-table-head,.ref-table-row,.ref-table-total{grid-template-columns:minmax(0,1.35fr) 94px 94px 40px!important}
.ref-table-row em,.ref-table-total em{font-style:normal!important;text-align:right!important;font-weight:900!important;color:#aab6c5!important}
.ref-table-row>span{position:relative!important}
.ref-table-row>span:after{content:"";position:absolute;left:18px;right:6px;bottom:-5px;height:3px;border-radius:99px;background:linear-gradient(90deg,currentColor 0 58%,#151d26 58% 100%);opacity:.28}
.debt-reference-dashboard{grid-template-columns:minmax(455px,1.02fr) minmax(590px,.98fr)!important}
.ref-charts{min-height:350px!important}
.ref-status{grid-template-columns:1fr!important;justify-items:center!important;gap:14px!important}
.ref-donut.small{width:205px!important}
.ref-status-legend{width:100%!important;max-width:300px!important}
.ref-status-legend>div{grid-template-columns:9px minmax(0,1fr) auto auto!important;gap:8px!important;padding:7px 9px!important;border:1px solid #18222c!important;border-radius:7px!important;background:#0b1117!important}
.ref-status-legend b,.ref-status-legend small{grid-column:auto!important}
.ref-status-legend.plan{max-height:none!important;overflow:visible!important}
.ref-status-legend.plan>div{grid-template-columns:8px minmax(0,1fr) 42px!important}
.ref-status-legend.plan b{grid-column:3!important}

/* make all non-dashboard pages feel like the same executive product */
#accounts .panel,#payments .panel,#expenses .panel,#distribution .panel,#reports .panel,#settings .panel{background:linear-gradient(180deg,#0b1117,#080d12)!important;border-color:#1b2733!important;box-shadow:inset 0 1px 0 rgba(255,255,255,.018)!important}
#accounts .section-heading,#payments .section-heading,#expenses .section-heading,#distribution .section-heading,#reports .section-heading,#settings .section-heading{padding:8px 2px 10px!important;border-bottom:1px solid #16212b!important;margin-bottom:10px!important}
#accounts .section-heading h2,#payments .section-heading h2,#expenses .section-heading h2,#distribution .section-heading h2,#reports .section-heading h2,#settings .section-heading h2{font-size:18px!important;font-weight:800!important}
.kpi-grid.compact .kpi{position:relative!important;overflow:hidden!important;border:1px solid #1d2935!important;background:#0a1016!important}
.kpi-grid.compact .kpi:after{content:"";position:absolute;left:0;right:0;bottom:0;height:2px;background:linear-gradient(90deg,var(--v246-blue),var(--v246-green),var(--v246-orange),var(--v246-purple));opacity:.8}
.filter-bar label,.report-controls label{background:#0a1016!important;border:1px solid #18232d!important;border-radius:7px!important;padding:7px!important}
input,select,textarea{background:#070b10!important;border-color:#263442!important}
thead{background:#0d151d!important}tbody tr:hover{background:#0d151d!important}
.settings-grid{gap:10px!important}.settings-grid>.panel{min-height:150px!important}

@media(max-width:1120px){.debt-reference-dashboard{grid-template-columns:1fr!important}.ref-donut{width:210px!important}}
@media(max-width:760px){.ref-table-head,.ref-table-row,.ref-table-total{grid-template-columns:minmax(0,1fr) 86px 40px!important}.ref-table-head>*:nth-child(2),.ref-table-row>*:nth-child(2),.ref-table-total>*:nth-child(2){display:none!important}.ref-donut{width:196px!important}}


/* v247 account-level repayment detail */
.debt-reference-dashboard{grid-template-columns:minmax(540px,1.12fr) minmax(560px,.88fr)!important}
.ref-right{grid-template-rows:auto auto!important}
.ref-account-overview{min-height:292px!important;padding:14px 10px 8px!important}
.ref-donut{width:252px!important}
.ref-table-head,.ref-table-row,.ref-table-total{grid-template-columns:minmax(145px,1.45fr) 94px 82px 58px 98px 54px!important;gap:7px!important}
.ref-table-row,.ref-table-total{min-height:35px!important}
.ref-table-row .paid-amount,.ref-table-total .paid-amount{color:var(--v246-blue)!important;font-style:normal!important;text-align:right!important;font-weight:800!important}
.ref-table-row .paid-pct,.ref-table-total .paid-pct{color:var(--v246-purple)!important;font-style:normal!important;text-align:right!important;font-weight:900!important}
.ref-account-link{appearance:none!important;border:0!important;background:transparent!important;color:#dfe8f2!important;padding:0!important;margin:0!important;font:inherit!important;text-align:left!important;display:flex!important;align-items:center!important;gap:8px!important;white-space:nowrap!important;overflow:hidden!important;text-overflow:ellipsis!important;cursor:pointer!important}
.ref-account-link:hover,.ref-account-link:focus{color:var(--v246-blue)!important;outline:none!important;text-decoration:underline!important;text-underline-offset:3px!important}
.ref-account-link i,.ref-account-label i{width:8px!important;height:8px!important;border-radius:50%!important;flex:0 0 8px!important}
.ref-account-label{display:flex!important;align-items:center!important;gap:8px!important}
.ref-account-tip{font-size:8px!important;color:#7e8b9a!important;padding:8px 9px!important;border-top:1px solid #18222c!important;background:#080d12!important}
.ref-snapshot{display:none!important}

/* dark account popup */
.bizhub-account-modal{position:fixed!important;inset:0!important;z-index:100000!important;display:none!important;align-items:center!important;justify-content:center!important;padding:24px!important;background:rgba(0,0,0,.72)!important;backdrop-filter:blur(5px)!important}
.bizhub-account-modal.open{display:flex!important}
.bizhub-account-dialog{max-height:88vh!important;overflow:auto!important}
.bizhub-account-dialog{width:min(900px,95vw)!important;background:#080d12!important;border:1px solid #283544!important;border-radius:12px!important;box-shadow:0 28px 80px rgba(0,0,0,.62)!important;color:#eef4fb!important}
.bizhub-account-head{background:#0b1117!important;border-bottom:1px solid #202b37!important;padding:16px 18px 13px!important}
.bizhub-account-head h3{color:#f5f8fc!important}.bizhub-account-head p{color:#8290a1!important}
.bizhub-account-close{background:#151e27!important;color:#dce7f3!important;border:1px solid #283544!important}
.bizhub-account-body{padding:16px 18px 18px!important}
.bizhub-account-kpi{background:#0b1117!important;border-color:#202c38!important}
.bizhub-account-kpi span{color:#7f8da0!important}.bizhub-account-kpi strong{color:#eaf2fb!important}
.bizhub-account-progress-head{color:#9ba9ba!important}.bizhub-account-progress-track{background:#1a242e!important}.bizhub-account-progress-track i{background:linear-gradient(90deg,#1685ff,#2bd66f)!important}
.bizhub-account-detail-grid{border-top-color:#202b37!important}.bizhub-account-detail{border-bottom-color:#18222c!important}.bizhub-account-detail span{color:#8290a1!important}.bizhub-account-detail strong{color:#e3ecf6!important}
.bizhub-payment-summary{margin-top:15px!important;border:1px solid #202b37!important;border-radius:9px!important;overflow:hidden!important}
.bizhub-payment-summary h4{margin:0!important;padding:10px 12px!important;background:#0d151d!important;font-size:11px!important;color:#dbe7f4!important}
.bizhub-payment-summary table{width:100%!important;border-collapse:collapse!important;font-size:9px!important}.bizhub-payment-summary th,.bizhub-payment-summary td{padding:7px 9px!important;border-top:1px solid #18222c!important}.bizhub-payment-summary th{color:#8391a2!important;text-align:left!important}.bizhub-payment-summary td{color:#dce6f1!important}.bizhub-payment-empty{padding:12px!important;color:#768495!important;font-size:9px!important;text-align:center!important}

@media(max-width:1220px){.debt-reference-dashboard{grid-template-columns:1fr!important}.ref-table-head,.ref-table-row,.ref-table-total{grid-template-columns:minmax(145px,1.4fr) 92px 78px 56px 96px 50px!important}}
@media(max-width:760px){.ref-table-head,.ref-table-row,.ref-table-total{grid-template-columns:minmax(130px,1fr) 76px 50px!important}.ref-table-head>*:nth-child(2),.ref-table-row>*:nth-child(2),.ref-table-total>*:nth-child(2),.ref-table-head>*:nth-child(3),.ref-table-row>*:nth-child(3),.ref-table-total>*:nth-child(3){display:none!important}.ref-donut{width:218px!important}}

#ref-account-table .ref-table-row{position:relative!important}
#ref-account-table .ref-account-link{position:relative!important;z-index:3!important;pointer-events:auto!important}

/* === v250 premium visual refresh (presentation only; no calculation logic changed) === */
:root{
  --v250-bg:#04070b;
  --v250-card:#081019;
  --v250-card2:#0b141e;
  --v250-border:rgba(133,164,196,.18);
  --v250-border-strong:rgba(133,164,196,.28);
  --v250-shadow:0 18px 48px rgba(0,0,0,.30);
  --v250-blue:#198cff;
  --v250-green:#2fd879;
  --v250-orange:#ff9d18;
  --v250-purple:#9b63ff;
}
body{
  background:
    radial-gradient(circle at 17% -8%,rgba(25,140,255,.12),transparent 30%),
    radial-gradient(circle at 88% 3%,rgba(155,99,255,.08),transparent 25%),
    linear-gradient(180deg,#05090e 0%,#030609 100%)!important;
}
.app-header{
  background:linear-gradient(180deg,rgba(5,9,14,.97),rgba(4,7,11,.94))!important;
  border-bottom:1px solid rgba(85,120,156,.20)!important;
  box-shadow:0 8px 30px rgba(0,0,0,.18)!important;
}
.app-header h1{font-weight:850!important;letter-spacing:-.035em!important;text-shadow:0 0 24px rgba(255,255,255,.035)!important}
.tabs{background:rgba(4,8,12,.91)!important;border-bottom-color:rgba(85,120,156,.16)!important}
.tab{border-radius:9px!important;color:#91a2b6!important}
.tab:hover{background:linear-gradient(180deg,#101b27,#0b141d)!important;color:#f5f8fc!important;border-color:rgba(88,128,169,.20)!important}
.tab.active{background:linear-gradient(135deg,rgba(25,140,255,.24),rgba(25,140,255,.10))!important;border-color:rgba(25,140,255,.42)!important;box-shadow:inset 0 0 0 1px rgba(25,140,255,.05),0 7px 24px rgba(0,103,230,.11)!important}

.panel,.kpi,.settings-grid>*,.report-control-panel,.report-output-panel{
  background:linear-gradient(145deg,rgba(12,20,29,.98),rgba(6,12,18,.98))!important;
  border-color:var(--v250-border)!important;
  box-shadow:inset 0 1px 0 rgba(255,255,255,.025),0 12px 34px rgba(0,0,0,.16)!important;
}
.panel:hover{border-color:rgba(109,148,189,.27)!important}
.section-heading{border-bottom-color:rgba(98,131,166,.17)!important}
.section-heading h2{font-weight:850!important;letter-spacing:-.03em!important}
.panel-title h3,.panel h3{font-weight:800!important;letter-spacing:-.015em!important}

/* Executive KPI cards: brighter hierarchy, compact premium meters */
.ref-kpi,.kpi-grid.compact .kpi{
  border-color:rgba(112,145,180,.19)!important;
  background:linear-gradient(145deg,#0c1620 0%,#071018 100%)!important;
  box-shadow:inset 0 1px 0 rgba(255,255,255,.025),0 12px 32px rgba(0,0,0,.19)!important;
  transition:transform .18s ease,border-color .18s ease,box-shadow .18s ease!important;
}
.ref-kpi:hover,.kpi-grid.compact .kpi:hover{transform:translateY(-2px)!important;border-color:rgba(99,145,193,.34)!important;box-shadow:0 16px 40px rgba(0,0,0,.23)!important}
.ref-kpi strong,.kpi strong{text-shadow:0 0 18px currentColor!important}
.ref-kpi .kpi-meter{height:5px!important;background:#111c27!important;border:1px solid rgba(255,255,255,.025)!important}
.ref-kpi .kpi-meter i{box-shadow:0 0 14px currentColor!important}

/* Main dashboard balance */
.debt-reference-dashboard{gap:12px!important}
.ref-account-overview,.ref-charts{border-color:rgba(105,145,184,.20)!important}
.ref-account-overview{background:linear-gradient(155deg,rgba(12,21,31,.99),rgba(6,12,18,.99))!important}
.ref-right{gap:12px!important}
.ref-donut{filter:drop-shadow(0 12px 26px rgba(0,0,0,.30)) drop-shadow(0 0 18px rgba(25,140,255,.10))!important}
.ref-donut.small{filter:drop-shadow(0 10px 22px rgba(0,0,0,.28)) drop-shadow(0 0 14px rgba(155,99,255,.09))!important}

/* Account table */
.ref-table-head{background:linear-gradient(180deg,#101b26,#0b141d)!important;border:1px solid rgba(109,146,184,.20)!important;border-radius:9px!important;color:#8fa3b9!important}
.ref-table-row{border-bottom:1px solid rgba(106,138,171,.12)!important;transition:background .16s ease,transform .16s ease!important}
.ref-table-row:hover{background:linear-gradient(90deg,rgba(25,140,255,.075),rgba(25,140,255,.015))!important;transform:translateX(2px)!important}
.ref-account-link{font-weight:720!important;color:#eef4fb!important}
.ref-account-link:hover,.ref-account-link:focus{color:#59a9ff!important;text-decoration:none!important;text-shadow:0 0 16px rgba(25,140,255,.28)!important}
.ref-table-row .paid-amount{color:#48a7ff!important}
.ref-table-row .paid-pct{display:inline-flex!important;justify-content:flex-end!important;align-items:center!important;border-radius:999px!important;padding:3px 6px!important;background:rgba(155,99,255,.10)!important;color:#b78cff!important;border:1px solid rgba(155,99,255,.17)!important}
.ref-table-total{background:linear-gradient(90deg,rgba(25,140,255,.08),rgba(47,216,121,.055))!important;border:1px solid rgba(105,145,184,.18)!important;border-radius:8px!important;margin-top:4px!important}
.ref-account-tip{background:linear-gradient(90deg,rgba(25,140,255,.055),transparent)!important;color:#8092a7!important}

/* Progress / planned distribution cards */
.ref-chart-cell{background:radial-gradient(circle at 50% 35%,rgba(25,140,255,.04),transparent 48%)!important}
.ref-chart-cell+.ref-chart-cell{background:radial-gradient(circle at 50% 35%,rgba(155,99,255,.05),transparent 48%)!important}
.ref-status-legend>div{background:linear-gradient(180deg,#0d1721,#09121a)!important;border-color:rgba(105,145,184,.18)!important;transition:border-color .16s ease,transform .16s ease!important}
.ref-status-legend>div:hover{border-color:rgba(105,145,184,.32)!important;transform:translateY(-1px)!important}

/* Forms, filters and tables across all pages */
input,select,textarea{background:linear-gradient(180deg,#09121a,#071018)!important;border-color:rgba(104,142,179,.24)!important;box-shadow:inset 0 1px 0 rgba(255,255,255,.02)!important}
input:hover,select:hover,textarea:hover{border-color:rgba(104,142,179,.34)!important}
input:focus,select:focus,textarea:focus{border-color:rgba(25,140,255,.70)!important;box-shadow:0 0 0 3px rgba(25,140,255,.11)!important}
button.primary,.primary{background:linear-gradient(135deg,#168cff,#0f6ed0)!important;border-color:#3298ff!important;box-shadow:0 7px 20px rgba(0,103,230,.18)!important;transition:transform .15s ease,box-shadow .15s ease!important}
button.primary:hover,.primary:hover{transform:translateY(-1px)!important;box-shadow:0 10px 24px rgba(0,103,230,.26)!important}
button.secondary,.secondary{background:linear-gradient(180deg,#111c26,#0b141c)!important;border-color:rgba(111,147,183,.25)!important}
.table-wrap{border-color:rgba(105,145,184,.18)!important;background:rgba(5,10,15,.35)!important;box-shadow:inset 0 1px 0 rgba(255,255,255,.018)!important}
thead th{background:linear-gradient(180deg,#101a24,#0c151e)!important;color:#8fa1b5!important}
tbody tr:hover td{background:rgba(25,140,255,.035)!important}

/* Page accents */
#accounts .section-heading,#payments .section-heading,#expenses .section-heading,#distribution .section-heading,#reports .section-heading,#settings .section-heading{
  border-left-width:4px!important;border-left-style:solid!important;border-radius:2px!important;background:linear-gradient(90deg,rgba(255,255,255,.018),transparent 42%)!important;padding-left:11px!important
}
#expenses .section-heading{border-left-color:#ff4d5d!important}
#accounts .section-heading{border-left-color:#2fd879!important}
#payments .section-heading{border-left-color:#2fcfe2!important}
#distribution .section-heading{border-left-color:#ff9d18!important}
#reports .section-heading{border-left-color:#9b63ff!important}
#settings .section-heading{border-left-color:#8fa1b5!important}

/* Account popup: stronger focus and polished information hierarchy */
.bizhub-account-modal{background:rgba(1,4,7,.79)!important;backdrop-filter:blur(10px) saturate(115%)!important}
.bizhub-account-dialog{background:linear-gradient(155deg,#0c151f 0%,#070d13 100%)!important;border-color:rgba(118,157,197,.30)!important;border-radius:16px!important;box-shadow:0 34px 110px rgba(0,0,0,.70),0 0 0 1px rgba(255,255,255,.018)!important}
.bizhub-account-head{background:linear-gradient(90deg,rgba(25,140,255,.10),rgba(155,99,255,.04),transparent)!important;padding:18px 20px 15px!important}
.bizhub-account-head h3{font-size:17px!important;letter-spacing:-.02em!important}
.bizhub-account-close{border-radius:9px!important;background:#111c27!important;transition:transform .15s ease,background .15s ease!important}
.bizhub-account-close:hover{transform:rotate(3deg) scale(1.04)!important;background:#172432!important}
.bizhub-account-kpi{background:linear-gradient(145deg,#0e1924,#09121a)!important;border-color:rgba(109,148,189,.20)!important;border-radius:10px!important;box-shadow:inset 0 1px 0 rgba(255,255,255,.025)!important}
.bizhub-account-kpi strong{font-size:18px!important}
.bizhub-account-progress-track{height:7px!important;border-radius:999px!important;overflow:hidden!important}
.bizhub-account-progress-track i{box-shadow:0 0 18px rgba(47,216,121,.26)!important}
.bizhub-payment-summary{border-color:rgba(109,148,189,.20)!important;background:rgba(5,10,15,.34)!important}
.bizhub-payment-summary h4{background:linear-gradient(180deg,#101b25,#0c151e)!important}

/* Responsive polish */
@media(max-width:980px){
  .ref-kpi:hover,.kpi-grid.compact .kpi:hover,.ref-table-row:hover{transform:none!important}
}


/* =========================================================
   v251 — Debt Accounts visual status + priority hierarchy
   Presentation only. No database or calculation logic changed.
   ========================================================= */

/* Give account rows a clearer executive status treatment. */
#accounts .table-wrap tbody tr{
  transition:
    background .18s ease,
    box-shadow .18s ease,
    transform .18s ease,
    border-color .18s ease !important;
}

#accounts .table-wrap tbody tr td{
  transition:
    background .18s ease,
    color .18s ease,
    border-color .18s ease !important;
}

/* PRIORITY — full-row treatment. */
#accounts tbody tr:has(.priority.critical) td{
  background:linear-gradient(90deg,rgba(255,70,85,.105),rgba(255,70,85,.035)) !important;
  color:#ffe6e9 !important;
  border-top:1px solid rgba(255,84,98,.12) !important;
  border-bottom:1px solid rgba(255,84,98,.12) !important;
}
#accounts tbody tr:has(.priority.critical) td:first-child{
  box-shadow:inset 4px 0 0 #ff4d5d !important;
}
#accounts tbody tr:has(.priority.critical):hover td{
  background:linear-gradient(90deg,rgba(255,70,85,.17),rgba(255,70,85,.055)) !important;
}

#accounts tbody tr:has(.priority.high) td{
  background:linear-gradient(90deg,rgba(255,157,24,.105),rgba(255,157,24,.028)) !important;
  color:#fff0d7 !important;
  border-top:1px solid rgba(255,157,24,.11) !important;
  border-bottom:1px solid rgba(255,157,24,.11) !important;
}
#accounts tbody tr:has(.priority.high) td:first-child{
  box-shadow:inset 4px 0 0 #ff9d18 !important;
}
#accounts tbody tr:has(.priority.high):hover td{
  background:linear-gradient(90deg,rgba(255,157,24,.17),rgba(255,157,24,.05)) !important;
}

#accounts tbody tr:has(.priority.medium) td{
  background:linear-gradient(90deg,rgba(25,140,255,.085),rgba(25,140,255,.018)) !important;
  color:#e4f2ff !important;
  border-top:1px solid rgba(25,140,255,.09) !important;
  border-bottom:1px solid rgba(25,140,255,.09) !important;
}
#accounts tbody tr:has(.priority.medium) td:first-child{
  box-shadow:inset 4px 0 0 #198cff !important;
}
#accounts tbody tr:has(.priority.medium):hover td{
  background:linear-gradient(90deg,rgba(25,140,255,.145),rgba(25,140,255,.04)) !important;
}

#accounts tbody tr:has(.priority.low) td{
  background:linear-gradient(90deg,rgba(86,201,171,.065),rgba(86,201,171,.012)) !important;
  color:#dff8f0 !important;
  border-top:1px solid rgba(86,201,171,.075) !important;
  border-bottom:1px solid rgba(86,201,171,.075) !important;
}
#accounts tbody tr:has(.priority.low) td:first-child{
  box-shadow:inset 4px 0 0 #56c9ab !important;
}
#accounts tbody tr:has(.priority.low):hover td{
  background:linear-gradient(90deg,rgba(86,201,171,.115),rgba(86,201,171,.03)) !important;
}

/* Priority chips — matching foreground/background colors. */
#accounts .priority{
  display:inline-flex !important;
  align-items:center !important;
  justify-content:center !important;
  min-width:72px !important;
  padding:4px 9px !important;
  border-radius:999px !important;
  font-weight:800 !important;
  font-size:11px !important;
  letter-spacing:.025em !important;
  border:1px solid transparent !important;
}
#accounts .priority.critical{
  background:rgba(255,77,93,.16) !important;
  color:#ff8994 !important;
  border-color:rgba(255,77,93,.33) !important;
  box-shadow:0 0 14px rgba(255,77,93,.08) !important;
}
#accounts .priority.high{
  background:rgba(255,157,24,.16) !important;
  color:#ffc166 !important;
  border-color:rgba(255,157,24,.33) !important;
  box-shadow:0 0 14px rgba(255,157,24,.07) !important;
}
#accounts .priority.medium{
  background:rgba(25,140,255,.16) !important;
  color:#68b6ff !important;
  border-color:rgba(25,140,255,.31) !important;
}
#accounts .priority.low{
  background:rgba(86,201,171,.13) !important;
  color:#82e0c7 !important;
  border-color:rgba(86,201,171,.27) !important;
}

/* PAID — overrides priority once the account is fully paid. */
#accounts tbody tr:has(.status.paid) td{
  background:
    linear-gradient(90deg,rgba(47,216,121,.19),rgba(47,216,121,.055)) !important;
  color:#dfffee !important;
  border-top:1px solid rgba(47,216,121,.19) !important;
  border-bottom:1px solid rgba(47,216,121,.19) !important;
}
#accounts tbody tr:has(.status.paid) td:first-child{
  box-shadow:inset 5px 0 0 #2fd879 !important;
}
#accounts tbody tr:has(.status.paid) td strong,
#accounts tbody tr:has(.status.paid) td.number{
  color:#a8f4c7 !important;
}
#accounts tbody tr:has(.status.paid):hover td{
  background:
    linear-gradient(90deg,rgba(47,216,121,.26),rgba(47,216,121,.08)) !important;
}
#accounts .status.paid{
  background:rgba(47,216,121,.18) !important;
  color:#72eda8 !important;
  border:1px solid rgba(47,216,121,.38) !important;
  box-shadow:0 0 16px rgba(47,216,121,.10) !important;
  font-weight:850 !important;
}

/* Part-paid accounts get a subtle progress cue but retain their priority identity. */
#accounts tbody tr:has(.status.part-paid) td:nth-child(6){
  color:#69b8ff !important;
  font-weight:750 !important;
}
#accounts .status.part-paid{
  background:rgba(25,140,255,.13) !important;
  color:#70baff !important;
  border:1px solid rgba(25,140,255,.27) !important;
}

/* Unpaid status stays readable against all priority backgrounds. */
#accounts .status.not-paid{
  background:rgba(148,163,184,.10) !important;
  color:#b7c4d3 !important;
  border:1px solid rgba(148,163,184,.19) !important;
}

/* Make the paid amount visually distinct. */
#accounts tbody td:nth-child(6){
  font-weight:750 !important;
}

/* Keep action buttons readable on colored rows. */
#accounts tbody tr td:last-child .secondary,
#accounts tbody tr td:last-child .danger{
  backdrop-filter:blur(3px) !important;
}

/* Compact legend-like cue in the account table header area. */
#accounts .table-wrap{
  overflow:auto !important;
}


/* =========================================================
   v252 — compact dashboard + larger readable type + reliable account click
   ========================================================= */
.tabs .tab{min-height:38px!important;padding:8px 10px!important;font-size:11px!important;font-weight:800!important}
.tabs .nav-ico{font-size:13px!important;width:16px!important;margin-right:7px!important}
.ref-left{gap:6px!important;padding:9px!important}
.ref-account-overview{padding:6px!important}
.ref-donut-wrap{min-height:0!important;padding:4px!important}
.ref-donut{width:170px!important;height:170px!important}
.ref-hole strong{font-size:16px!important}.ref-hole small{font-size:9px!important}
.ref-account-table{margin-top:4px!important}
.ref-table-head,.ref-table-row,.ref-table-total{padding:6px 8px!important}
.ref-table-head{font-size:10px!important}
.ref-table-row{font-size:11px!important;min-height:30px!important;cursor:pointer!important}
.ref-table-row b,.ref-table-row strong,.ref-table-row em{font-size:10.5px!important}
.ref-account-link{font-size:11px!important;font-weight:800!important;width:100%!important}
.ref-account-tip{font-size:9px!important;padding:5px 8px!important}
.ref-right{gap:7px!important}
.ref-kpis{gap:6px!important}
.ref-kpi{min-height:78px!important;padding:7px 8px!important}
.ref-kpi-icon{width:28px!important;height:28px!important;font-size:14px!important;margin-bottom:3px!important}
.ref-kpi span{font-size:10px!important}.ref-kpi span small{font-size:8px!important}
.ref-kpi strong{font-size:18px!important;margin-top:2px!important}
.ref-kpi .kpi-meter{height:3px!important;margin-top:5px!important}
.ref-kpi .kpi-note{font-size:8px!important;margin-top:3px!important}
.ref-charts{min-height:205px!important}
.ref-chart-cell{padding:8px!important}
.ref-status{gap:8px!important}
.ref-status .ref-donut.small,.ref-empty-plan .ref-donut.small{width:112px!important;height:112px!important}
.ref-status .ref-hole strong,.ref-empty-plan .ref-hole strong{font-size:15px!important}
.ref-status .ref-hole small,.ref-empty-plan .ref-hole small{font-size:8px!important}
.ref-status-legend{gap:5px!important;max-width:340px!important}
.ref-status-legend>div{padding:5px 7px!important;font-size:10px!important}
.ref-status-legend b{font-size:11px!important}
#ref-account-table .ref-table-row[data-account-id]:hover,#ref-account-table .ref-table-row[data-account-id]:focus{outline:none!important;background:linear-gradient(90deg,rgba(25,140,255,.12),rgba(25,140,255,.025))!important}

/* =========================================================
   v253 — corrected compact KPI panels; restore chart size; larger account text
   ========================================================= */
/* Compact the information cards (Paid to date / Outstanding / Progress / Total paid), not the charts */
.ref-kpis{gap:5px!important}
.ref-kpi{min-height:54px!important;height:54px!important;padding:5px 7px 6px!important;display:grid!important;grid-template-columns:22px minmax(0,1fr)!important;grid-template-rows:auto auto!important;column-gap:6px!important;align-items:center!important}
.ref-kpi-icon{grid-row:1 / span 2!important;width:22px!important;height:22px!important;font-size:12px!important;margin:0!important}
.ref-kpi span{font-size:10.5px!important;line-height:1.05!important;margin:0!important}
.ref-kpi span small{font-size:8.5px!important;margin-left:4px!important;display:inline!important}
.ref-kpi strong{font-size:16px!important;line-height:1!important;margin:0!important}
.ref-kpi .kpi-meter,.ref-kpi .kpi-note{display:none!important}

/* Keep charts visually prominent */
.ref-charts{min-height:300px!important}
.ref-chart-cell{padding:12px!important}
.ref-status{gap:12px!important}
.ref-status .ref-donut.small,.ref-empty-plan .ref-donut.small{width:190px!important;height:190px!important}
.ref-status .ref-hole strong,.ref-empty-plan .ref-hole strong{font-size:18px!important}
.ref-status .ref-hole small,.ref-empty-plan .ref-hole small{font-size:9px!important}

/* Main outstanding pie restored */
.ref-donut{width:220px!important;height:220px!important}
.ref-hole strong{font-size:18px!important}.ref-hole small{font-size:9px!important}

/* Increase account list readability without making rows tall */
.ref-table-head{font-size:11px!important}
.ref-table-row{font-size:12px!important;min-height:31px!important}
.ref-table-row b,.ref-table-row strong,.ref-table-row em{font-size:11.5px!important}
.ref-account-link,.ref-account-label{font-size:12px!important;font-weight:800!important}
.ref-account-tip{font-size:10px!important}

@media(max-width:760px){
  .ref-kpi{height:auto!important;min-height:52px!important}
  .ref-donut{width:190px!important;height:190px!important}
  .ref-status .ref-donut.small,.ref-empty-plan .ref-donut.small{width:165px!important;height:165px!important}
}

/* =========================================================
   v254 — top-aligned charts, reliable account details, projections
   ========================================================= */
.debt-reference-dashboard{min-height:0!important;align-items:start!important}
.ref-left,.ref-right{align-self:start!important}
.ref-right{display:grid!important;grid-template-rows:auto auto auto!important;align-content:start!important;gap:8px!important}
.ref-charts{margin:0!important;min-height:300px!important;align-self:start!important}
.ref-chart-cell{place-items:center!important;align-content:center!important;min-height:300px!important}
.ref-chart-title{position:absolute!important;top:10px!important;left:12px!important;font-size:10px!important;font-weight:900!important;letter-spacing:.08em!important;color:#d8e2ee!important}
.ref-chart-cell{position:relative!important;padding-top:30px!important}
.ref-kpis{margin-bottom:0!important}
.ref-account-overview{min-height:238px!important;padding:8px!important}
.ref-left{padding:9px!important;gap:7px!important}
.ref-donut{width:220px!important;height:220px!important}
.ref-status .ref-donut.small,.ref-empty-plan .ref-donut.small{width:190px!important;height:190px!important}

.ref-projections{display:grid!important;grid-template-columns:1fr 1fr!important;gap:8px!important;margin-top:0!important}
.ref-projection-card{padding:12px!important;min-width:0!important}
.ref-projection-head{display:flex!important;justify-content:space-between!important;align-items:flex-start!important;gap:12px!important;padding-bottom:10px!important;border-bottom:1px solid rgba(120,153,188,.18)!important}
.ref-projection-head span{display:block!important;font-size:11px!important;font-weight:900!important;letter-spacing:.06em!important;color:#e6edf5!important}
.ref-projection-head strong{display:block!important;margin-top:3px!important;font-size:9px!important;font-weight:600!important;color:#8f9bab!important}
.ref-projection-head>b{font-size:21px!important;color:#62d47a!important;white-space:nowrap!important}
.ref-projection-kpis{display:grid!important;grid-template-columns:repeat(3,minmax(0,1fr))!important;gap:7px!important;margin-top:10px!important}
.ref-projection-kpis>div{background:#0d151e!important;border:1px solid rgba(120,153,188,.16)!important;border-radius:8px!important;padding:9px!important;min-width:0!important}
.ref-projection-kpis span{display:block!important;font-size:9px!important;color:#95a3b3!important}
.ref-projection-kpis strong{display:block!important;margin-top:4px!important;font-size:14px!important;color:#f1f5f9!important;white-space:nowrap!important}
.ref-projection-kpis small{display:block!important;margin-top:4px!important;font-size:8px!important;line-height:1.3!important;color:#758497!important}
.ref-projection-note{margin-top:10px!important;font-size:9px!important;line-height:1.5!important;color:#9aa8b7!important}
.ref-projection-note b{color:#69b8ff!important}

#ref-account-table .ref-table-row[data-account-id]{cursor:pointer!important}
#ref-account-table .ref-table-row[data-account-id]>*{pointer-events:none!important}
#ref-account-table .ref-table-row[data-account-id] .ref-account-link{pointer-events:none!important}
#ref-account-table .ref-table-row[data-account-id]:hover{background:linear-gradient(90deg,rgba(25,140,255,.16),rgba(25,140,255,.03))!important}

#bizhub-account-detail-modal-v255{z-index:999999!important}
#bizhub-account-detail-modal-v255 .bizhub-account-dialog{max-width:980px!important;width:min(980px,94vw)!important;max-height:88vh!important;overflow:auto!important}
#bizhub-account-detail-modal-v255 .bizhub-account-detail-grid{grid-template-columns:repeat(4,minmax(0,1fr))!important}
#bizhub-account-detail-modal-v255 .bizhub-payment-summary{overflow:auto!important}
#bizhub-account-detail-modal-v255 .bizhub-payment-summary table{min-width:760px!important}

@media(max-width:1220px){
  .ref-projections{grid-template-columns:1fr!important}
}
@media(max-width:760px){
  .ref-chart-cell{min-height:265px!important}
  .ref-projection-kpis{grid-template-columns:1fr!important}
  #bizhub-account-detail-modal-v255 .bizhub-account-detail-grid{grid-template-columns:repeat(2,minmax(0,1fr))!important}
}


/* ============================================================
   GURU BUSINESS v255 — Professional account analytics modal
   ============================================================ */
#bizhub-account-detail-modal-v255 .bizhub-account-dialog{width:min(1120px,96vw)!important;max-width:1120px!important;max-height:92vh!important;border-radius:18px!important;background:linear-gradient(160deg,#0b1621,#060c12)!important;border:1px solid rgba(91,145,196,.32)!important;box-shadow:0 36px 120px rgba(0,0,0,.76)!important}
#bizhub-account-detail-modal-v255 .bizhub-account-head{position:sticky!important;top:0!important;z-index:5!important;padding:18px 22px!important;background:linear-gradient(90deg,#0d2133,#101829 52%,#0a121b)!important;border-bottom:1px solid rgba(105,153,198,.24)!important;display:flex!important;align-items:center!important;justify-content:space-between!important}
#bizhub-account-detail-modal-v255 .bizhub-account-head h3{margin:0!important;font-size:22px!important;line-height:1.1!important;color:#f6f9fd!important}
#bizhub-account-detail-modal-v255 .bizhub-account-head p{margin:5px 0 0!important;font-size:12px!important;color:#8fa2b7!important}
#bizhub-account-detail-modal-v255 .bizhub-account-close{width:34px!important;height:34px!important;font-size:22px!important;display:grid!important;place-items:center!important;padding:0!important}
#bizhub-account-detail-modal-v255 .bizhub-account-body{padding:18px 20px 22px!important}
.account-hero-grid{display:grid!important;grid-template-columns:repeat(4,minmax(0,1fr))!important;gap:10px!important;margin-bottom:12px!important}
.account-hero-card{min-height:92px!important;padding:14px 15px!important;border:1px solid rgba(105,151,195,.20)!important;border-radius:12px!important;background:linear-gradient(145deg,#0d1924,#09121a)!important;position:relative!important;overflow:hidden!important}
.account-hero-card:after{content:""!important;position:absolute!important;left:0!important;right:0!important;bottom:0!important;height:2px!important;background:currentColor!important;opacity:.7!important}
.account-hero-card.primary{color:#4aa5ff!important}.account-hero-card.paid{color:#49d976!important}.account-hero-card.outstanding{color:#ff9d35!important}.account-hero-card.plan{color:#a579ff!important}
.account-hero-card span{display:block!important;font-size:10px!important;font-weight:850!important;letter-spacing:.07em!important;text-transform:uppercase!important;color:#93a6b9!important}
.account-hero-card strong{display:block!important;margin-top:7px!important;font-size:22px!important;line-height:1!important;color:#f3f8fd!important}
.account-hero-card small{display:block!important;margin-top:7px!important;font-size:10px!important;color:#8092a5!important}
.account-visual-grid{display:grid!important;grid-template-columns:1fr 1.35fr!important;gap:12px!important;margin-bottom:12px!important}
.account-visual-card,.account-info-panel,.account-forecast-panel,#bizhub-account-detail-modal-v255 .bizhub-payment-summary{background:linear-gradient(150deg,rgba(13,25,36,.98),rgba(7,14,21,.98))!important;border:1px solid rgba(111,151,190,.20)!important;border-radius:12px!important;padding:14px!important}
.account-section-title{display:flex!important;justify-content:space-between!important;align-items:baseline!important;gap:12px!important;padding-bottom:9px!important;margin-bottom:10px!important;border-bottom:1px solid rgba(113,151,188,.16)!important}
.account-section-title>span{font-size:11px!important;font-weight:900!important;letter-spacing:.08em!important;color:#eaf2fb!important}
.account-section-title>small{font-size:9px!important;color:#7890a7!important;text-align:right!important}
.account-progress-viz{min-height:190px!important;display:flex!important;align-items:center!important;justify-content:center!important;gap:28px!important}
.account-detail-donut{width:160px!important;height:160px!important;border-radius:50%!important;display:grid!important;place-items:center!important;position:relative!important;box-shadow:0 12px 32px rgba(0,0,0,.32)!important}
.account-detail-donut:after{content:""!important;position:absolute!important;width:104px!important;height:104px!important;border-radius:50%!important;background:#09121a!important;border:1px solid rgba(124,157,189,.15)!important}
.account-detail-donut>div{position:relative!important;z-index:2!important;text-align:center!important}.account-detail-donut strong{display:block!important;font-size:25px!important;color:#fff!important}.account-detail-donut span{font-size:9px!important;color:#8fa0b2!important;font-weight:850!important;letter-spacing:.08em!important}
.account-viz-legend{min-width:145px!important}.account-viz-legend p{display:grid!important;grid-template-columns:10px 1fr auto!important;gap:7px!important;align-items:center!important;margin:8px 0!important;font-size:11px!important;color:#9aabba!important}.account-viz-legend i{width:8px!important;height:8px!important;border-radius:50%!important}.account-viz-legend i.paid{background:#2fd879!important}.account-viz-legend i.remain{background:#8155da!important}.account-viz-legend b{color:#edf4fb!important;font-size:12px!important}
.account-line-chart{height:190px!important;display:flex!important;flex-direction:column!important;justify-content:center!important}.account-line-svg{width:100%!important;height:150px!important;overflow:visible!important}.account-line-svg line{stroke:rgba(125,158,190,.18)!important;stroke-width:1!important}.account-line-svg path{fill:none!important;stroke:#3d9cff!important;stroke-width:3!important;vector-effect:non-scaling-stroke!important;filter:drop-shadow(0 0 7px rgba(61,156,255,.35))!important}.account-line-svg circle{fill:#46d978!important;stroke:#0a131c!important;stroke-width:2!important;vector-effect:non-scaling-stroke!important}.account-chart-axis{display:grid!important;grid-template-columns:1fr auto 1fr!important;gap:8px!important;align-items:center!important;font-size:9px!important;color:#71869a!important}.account-chart-axis b{text-align:center!important;color:#67b5ff!important;font-size:10px!important}.account-chart-axis span:last-child{text-align:right!important}
.account-info-panel{margin-bottom:12px!important}.account-info-grid{display:grid!important;grid-template-columns:repeat(4,minmax(0,1fr))!important;gap:8px!important}.account-info-grid>div{padding:10px 11px!important;border:1px solid rgba(106,146,184,.13)!important;border-radius:8px!important;background:#09131c!important;min-width:0!important}.account-info-grid span{display:block!important;font-size:9px!important;color:#788da2!important}.account-info-grid strong{display:block!important;margin-top:4px!important;font-size:12px!important;color:#edf4fb!important;overflow-wrap:anywhere!important}
.account-forecast-panel{margin-bottom:12px!important}.account-projection-list{display:grid!important;grid-template-columns:repeat(3,minmax(0,1fr))!important;gap:10px!important}.account-proj-row{padding:11px!important;border:1px solid rgba(109,150,190,.14)!important;border-radius:9px!important;background:#09131c!important}.account-proj-row>span{font-size:10px!important;font-weight:800!important;color:#9badbf!important}.account-proj-track{height:7px!important;background:#1a2733!important;border-radius:999px!important;margin:8px 0!important;overflow:hidden!important}.account-proj-track i{display:block!important;height:100%!important;background:linear-gradient(90deg,#268df4,#41d675)!important;border-radius:999px!important}.account-proj-row strong{display:block!important;font-size:14px!important;color:#f4f8fc!important}.account-proj-row small{display:block!important;margin-top:3px!important;font-size:9px!important;color:#74889b!important}.account-chart-empty{min-height:100px!important;display:grid!important;place-items:center!important;color:#71869a!important;font-size:11px!important;text-align:center!important}
#bizhub-account-detail-modal-v255 .bizhub-payment-summary{overflow:auto!important}#bizhub-account-detail-modal-v255 .bizhub-payment-summary table{min-width:780px!important;width:100%!important;border-collapse:collapse!important}#bizhub-account-detail-modal-v255 .bizhub-payment-summary th{font-size:9px!important;letter-spacing:.06em!important;color:#7790a8!important;text-align:left!important;padding:8px!important;border-bottom:1px solid rgba(116,153,190,.18)!important}#bizhub-account-detail-modal-v255 .bizhub-payment-summary td{font-size:10px!important;color:#d8e3ed!important;padding:9px 8px!important;border-bottom:1px solid rgba(116,153,190,.10)!important}
/* Keep chart panels aligned and projection copy comfortably readable. */
.ref-charts{min-height:340px!important}.ref-chart-cell{min-height:340px!important}.ref-status .ref-donut.small,.ref-empty-plan .ref-donut.small{width:205px!important;height:205px!important}.ref-projections{margin-top:16px!important;gap:12px!important}.ref-projection-card{padding:15px!important}.ref-projection-head span{font-size:12px!important}.ref-projection-head strong{font-size:10px!important}.ref-projection-kpis span{font-size:10px!important}.ref-projection-kpis strong{font-size:16px!important}.ref-projection-kpis small,.ref-projection-note{font-size:9.5px!important}
@media(max-width:800px){.account-hero-grid,.account-info-grid{grid-template-columns:repeat(2,minmax(0,1fr))!important}.account-visual-grid{grid-template-columns:1fr!important}.account-projection-list{grid-template-columns:1fr!important}.account-progress-viz{min-height:170px!important}.account-detail-donut{width:145px!important;height:145px!important}.account-detail-donut:after{width:94px!important;height:94px!important}}

/* ============================================================
   GURU BUSINESS v256 — Bank loan rate + statement reconciliation
   ============================================================ */
.account-loan-panel{margin-bottom:12px!important;background:linear-gradient(150deg,rgba(11,29,43,.98),rgba(7,15,22,.98))!important;border:1px solid rgba(44,150,255,.28)!important;border-radius:12px!important;padding:14px!important}
.account-loan-grid{display:grid!important;grid-template-columns:repeat(3,minmax(0,1fr))!important;gap:10px!important}
.account-loan-grid label{font-size:9px!important;font-weight:800!important;letter-spacing:.03em!important;color:#8fa4b8!important}
.account-loan-grid input{width:100%!important;margin-top:5px!important;min-height:38px!important;background:#07111a!important;border:1px solid rgba(104,151,194,.24)!important;border-radius:8px!important;color:#eff6fd!important;padding:8px 10px!important;font-size:12px!important;font-weight:750!important}
.account-loan-grid input:focus{outline:none!important;border-color:#2d91ef!important;box-shadow:0 0 0 2px rgba(45,145,239,.12)!important}
.account-loan-summary{display:grid!important;grid-template-columns:repeat(3,minmax(0,1fr))!important;gap:8px!important;margin-top:10px!important}
.account-loan-summary span{display:flex!important;justify-content:space-between!important;gap:10px!important;align-items:center!important;padding:9px 10px!important;background:#08131d!important;border:1px solid rgba(102,146,186,.15)!important;border-radius:8px!important;font-size:9px!important;color:#8095aa!important}
.account-loan-summary b{font-size:11px!important;color:#f0f6fb!important;white-space:nowrap!important}
.account-loan-actions{display:flex!important;align-items:center!important;justify-content:space-between!important;gap:14px!important;margin-top:11px!important;padding-top:10px!important;border-top:1px solid rgba(111,151,190,.14)!important}
.account-loan-actions p{margin:0!important;max-width:700px!important;font-size:9px!important;line-height:1.45!important;color:#758a9f!important}
.account-loan-actions .primary{white-space:nowrap!important;min-height:36px!important}
.account-proj-row small{line-height:1.4!important}
@media(max-width:800px){.account-loan-grid,.account-loan-summary{grid-template-columns:1fr!important}.account-loan-actions{align-items:stretch!important;flex-direction:column!important}.account-loan-actions .primary{width:100%!important}}


/* v257 - bank rate controls and live amortization preview */
.account-loan-panel{border-color:rgba(64,164,255,.52)!important;box-shadow:0 10px 32px rgba(0,0,0,.24),inset 0 1px 0 rgba(255,255,255,.025)!important}
.account-loan-panel .account-section-title span{font-size:12px!important;color:#68b9ff!important}
.account-loan-panel .account-section-title small{font-size:10px!important;color:#9dafc0!important}
.account-loan-grid label{font-size:10.5px!important;color:#b3c3d3!important}
.account-loan-grid input{min-height:44px!important;font-size:14px!important;border-color:rgba(104,168,226,.34)!important}
.account-loan-live-summary{grid-template-columns:repeat(3,minmax(0,1fr))!important}
.account-loan-live-summary span{min-height:56px!important;flex-direction:column!important;align-items:flex-start!important;justify-content:center!important;font-size:10px!important}
.account-loan-live-summary b{font-size:14px!important;margin-top:4px!important;color:#f6fbff!important}
.account-loan-actions .primary{background:linear-gradient(135deg,#1f88f5,#1364c5)!important;border-color:#3798ff!important;font-weight:850!important;padding:0 16px!important}
@media(max-width:1000px){.account-loan-live-summary{grid-template-columns:repeat(2,minmax(0,1fr))!important}}
@media(max-width:700px){.account-loan-live-summary{grid-template-columns:1fr!important}}

/* v258: visible bank-loan rate editor on Debt Accounts page */
.debt-loan-editor{margin:0 0 18px;padding:18px 20px;border:1px solid rgba(118,144,176,.22);background:linear-gradient(180deg,rgba(17,25,37,.96),rgba(10,16,25,.96));}
.debt-loan-editor-head{display:flex;align-items:flex-start;justify-content:space-between;gap:16px;margin-bottom:16px}
.debt-loan-editor-head h3{margin:2px 0 3px;font-size:20px;line-height:1.2}.debt-loan-editor-head small{color:#8fa3b8;font-size:13px}.debt-loan-editor-head .kicker{margin:0;color:#57a7ff;font-size:11px;font-weight:800;letter-spacing:.12em}
.debt-loan-editor-grid{display:grid;grid-template-columns:1.4fr repeat(3,minmax(150px,1fr));gap:12px 14px}.debt-loan-editor-grid label{display:flex;flex-direction:column;gap:6px;color:#9fb0c2;font-size:12px;font-weight:700}.debt-loan-editor-grid input,.debt-loan-editor-grid select{width:100%;height:42px;border:1px solid rgba(126,150,180,.26);border-radius:9px;background:#0a111b;color:#f4f8fc;padding:0 11px;font-size:14px;outline:none}.debt-loan-editor-grid input:focus,.debt-loan-editor-grid select:focus{border-color:#4b9dff;box-shadow:0 0 0 3px rgba(75,157,255,.12)}
.debt-loan-editor-results{display:grid;grid-template-columns:repeat(5,1fr);gap:10px;margin-top:15px}.debt-loan-editor-results>div{min-height:78px;padding:12px 13px;border-radius:10px;border:1px solid rgba(126,150,180,.17);background:rgba(8,14,22,.72)}.debt-loan-editor-results span{display:block;color:#8fa3b8;font-size:11px;font-weight:700;margin-bottom:7px}.debt-loan-editor-results strong{display:block;color:#fff;font-size:18px;line-height:1.2}.debt-loan-editor-results>div:nth-child(1) strong{color:#ffb04a}.debt-loan-editor-results>div:nth-child(2) strong{color:#38d784}.debt-loan-editor-results>div:nth-child(4) strong,.debt-loan-editor-results>div:nth-child(5) strong{color:#7eb7ff}
.debt-loan-editor-actions{display:flex;align-items:center;justify-content:space-between;gap:16px;margin-top:14px;padding-top:13px;border-top:1px solid rgba(126,150,180,.14)}#loan-editor-status{color:#9eafc1;font-size:12px;line-height:1.45}.debt-loan-editor-actions .primary{white-space:nowrap;min-width:190px}
#accounts-body tr td:nth-child(2){cursor:pointer}#accounts-body tr td:nth-child(2):hover{color:#67b0ff;text-decoration:underline;text-underline-offset:3px}
@media(max-width:1050px){.debt-loan-editor-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.debt-loan-editor-results{grid-template-columns:repeat(2,1fr)}}
@media(max-width:680px){.debt-loan-editor-head,.debt-loan-editor-actions{align-items:stretch;flex-direction:column}.debt-loan-editor-grid,.debt-loan-editor-results{grid-template-columns:1fr}.debt-loan-editor-actions .primary{width:100%}}


/* v259: dual-currency account and bank-loan presentation */
.account-hero-dual .account-hero-card strong{display:block}
.account-hero-dual .account-hero-card small{display:block;margin-top:3px;color:#9fb0c7;font-weight:600}
.account-hero-dual .account-hero-card em{display:block;margin-top:5px;color:#8fa1b7;font-size:11px;font-style:normal}
.account-viz-legend p{align-items:center}
.account-viz-legend p small{display:block;margin-left:auto;color:#8fa1b7;font-size:10px}
.account-loan-grid label small{display:block;margin-top:5px;color:#7f91a8;font-size:10px}
.account-loan-summary span small{display:block;margin-top:3px;color:#91a3b9;font-size:10px;font-weight:600}
.account-info-grid>div small{display:block;margin-top:4px;color:#8fa1b7;font-size:10px}
.debt-loan-editor-grid label>small{display:inline-block;margin-left:5px;color:#6ebcff;font-size:10px;font-weight:800}
.debt-loan-editor-results>div small{display:block;margin-top:4px;color:#8fa1b7;font-size:10px}
.account-proj-row small{line-height:1.35}

/* ============================================================
   BIZHUB v260 — Property Sale & Debt Reduction Forecast
   ============================================================ */
.pf-heading{align-items:flex-start!important}.pf-sub{margin:4px 0 0;color:#8194a8;font-size:12px}.pf-safe{border-color:rgba(56,189,248,.35)!important;color:#7dd3fc!important;background:rgba(14,116,144,.13)!important}.pf-grid-top,.pf-chart-grid{display:grid;grid-template-columns:1.45fr 1fr;gap:14px;margin-bottom:14px}.pf-input-panel,.pf-reserve-panel{padding:16px!important}.pf-property-grid{display:grid;grid-template-columns:1fr 1fr;gap:12px}.pf-property{padding:12px;border:1px solid rgba(125,154,188,.16);border-radius:11px;background:rgba(5,12,19,.45)}.pf-property>b{display:block;margin-bottom:10px;color:#dbeafe;font-size:12px}.pf-property label,.pf-reserve-panel label{display:block;margin:8px 0;color:#9fb0c2;font-size:11px;font-weight:750}.pf-property input,.pf-reserve-panel input,.pf-reserve-panel select,.pf-custom{width:100%;height:38px;margin-top:5px;padding:0 10px;border:1px solid rgba(123,157,193,.25);border-radius:8px;background:#07111a;color:#f4f8fc;outline:none}.pf-property input:focus,.pf-reserve-panel input:focus,.pf-reserve-panel select:focus,.pf-custom:focus{border-color:#38bdf8;box-shadow:0 0 0 2px rgba(56,189,248,.10)}.pf-reserve-panel label small{display:block;margin-top:5px;color:#71869b;font-size:9px;line-height:1.4}.pf-reserve-panel .primary{width:100%;margin-top:10px}.pf-protect{color:#f9a8d4!important;border-color:rgba(244,114,182,.35)!important;background:rgba(190,24,93,.12)!important}.pf-kpis{grid-template-columns:repeat(5,minmax(0,1fr))!important;margin-bottom:14px!important}.pf-kpis .kpi{min-height:92px!important}.pf-protected-kpi strong{color:#f9a8d4!important}.pf-impact-kpi strong{color:#6ee7b7!important}.pf-chart-wrap{min-height:245px;display:flex;align-items:center;justify-content:center;gap:25px;padding:12px}.pf-donut{width:190px;height:190px;min-width:190px;border-radius:50%;position:relative}.pf-donut:after{content:"";position:absolute;inset:36px;border-radius:50%;background:#0a1119}.pf-donut>div{position:absolute;z-index:2;inset:0;display:grid;place-content:center;text-align:center}.pf-donut strong{font-size:20px;color:#fff}.pf-donut small{font-size:8px;letter-spacing:.12em;color:#8296aa}.pf-legend{min-width:205px}.pf-legend p{display:grid;grid-template-columns:10px 1fr auto;align-items:center;gap:8px;margin:7px 0;font-size:10px;color:#9db0c1}.pf-legend i{width:8px;height:8px;border-radius:50%}.pf-legend b{color:#eaf2f8}.pf-before-after{width:100%;padding:12px 18px}.pf-before-after>div{margin:15px 0}.pf-before-after span{font-size:10px;color:#91a5b8}.pf-before-after strong{display:block;margin:3px 0 7px;font-size:20px;color:#fff}.pf-bar{height:12px;border-radius:99px;overflow:hidden;background:#182431}.pf-bar i{display:block;height:100%;background:linear-gradient(90deg,#a78bfa,#818cf8);border-radius:99px}.pf-bar.after i{background:linear-gradient(90deg,#34d399,#22d3ee)}.pf-before-after em{display:block;margin-top:20px;color:#6ee7b7;font-size:11px;font-style:normal;font-weight:800}.pf-debt-panel{margin-bottom:14px}.pf-debt-panel td strong{color:#6ee7b7}.pf-priority{font-size:10px;padding:4px 7px;border-radius:999px;background:rgba(56,189,248,.10);color:#93c5fd}.pf-custom{height:32px!important;min-width:105px}.pf-note{display:flex;gap:12px;align-items:flex-start;margin-bottom:18px!important;border-color:rgba(250,204,21,.20)!important;background:rgba(113,63,18,.09)!important}.pf-note strong{color:#fde68a;white-space:nowrap}.pf-note p{margin:0;color:#a9b6c3;font-size:11px;line-height:1.5}
@media(max-width:1050px){.pf-kpis{grid-template-columns:repeat(3,1fr)!important}.pf-grid-top,.pf-chart-grid{grid-template-columns:1fr}.pf-property-grid{grid-template-columns:1fr 1fr}}
@media(max-width:700px){.pf-kpis{grid-template-columns:1fr 1fr!important}.pf-property-grid{grid-template-columns:1fr}.pf-chart-wrap{flex-direction:column}.pf-donut{width:165px;height:165px;min-width:165px}.pf-legend{width:100%;min-width:0}}

/* v261 — month-linked repayment plan */
.ref-plan-title{display:flex!important;align-items:center!important;justify-content:space-between!important;gap:10px!important}
.ref-plan-month{display:flex!important;align-items:center!important;gap:6px!important;margin:0!important;font-size:9px!important;color:#8ea2b7!important;font-weight:700!important;letter-spacing:0!important;text-transform:none!important}
.ref-plan-month>span:first-child{white-space:nowrap}
.ref-plan-month-slot{display:inline-flex!important}
#dashboard-month,#distribution-month,#expense-month{min-width:145px;height:34px;border:1px solid rgba(125,154,188,.24);border-radius:8px;background:#07111a;color:#eef6ff;padding:0 9px;font-size:11px;font-weight:700;outline:none}
#dashboard-month:focus,#distribution-month:focus,#expense-month:focus{border-color:#38bdf8;box-shadow:0 0 0 2px rgba(56,189,248,.10)}
.dashboard-month-source{display:none!important}
@media(max-width:700px){.ref-plan-title{align-items:flex-start!important;flex-direction:column!important}.ref-plan-month{width:100%!important;justify-content:space-between!important}#dashboard-month{min-width:150px!important}}

/* v264 global alignment and compact spacing */
#app-shell main{padding:12px 18px 22px!important}.app-header{padding:10px 18px!important;min-height:56px!important}.app-header h1{font-size:20px!important}.tabs{padding:0 14px!important;gap:2px!important}.tab{padding:10px 12px!important;font-size:11px!important}.page>.section-heading{margin:0 0 10px!important}.section-heading h2{font-size:22px!important}.panel{padding:13px!important;margin-bottom:10px!important}.kpi-grid{gap:8px!important;margin-bottom:10px!important}.kpi{padding:11px 12px!important;min-height:78px!important}.kpi strong{font-size:19px!important}.table-wrap th,.table-wrap td{padding:8px 9px!important}.form-row{gap:10px!important}.settings-grid{gap:10px!important}
.pm-sub{margin:3px 0 0;color:#8194a8;font-size:11px}.pm-kpis{grid-template-columns:repeat(4,minmax(0,1fr))!important}.pm-danger strong{color:#fb7185!important}.pm-main-grid{display:grid;grid-template-columns:minmax(0,2fr) minmax(280px,.8fr);gap:10px;margin-bottom:12px}.pm-register,.pm-stuck{margin:0!important}.pm-filters select,.pm-protection input,.pm-protection select,.pm-custom{height:36px;border:1px solid rgba(123,157,193,.25);border-radius:8px;background:#07111a;color:#f4f8fc;padding:0 9px}.pm-property-list{display:grid;gap:8px}.pm-property-card{border:1px solid rgba(125,154,188,.16);border-radius:11px;background:rgba(5,12,19,.45);padding:11px}.pm-property-top{display:flex;justify-content:space-between;gap:12px;align-items:flex-start}.pm-property-top h4{margin:5px 0 2px;font-size:15px}.pm-property-top p{margin:0;color:#8296aa;font-size:10px}.pm-card-actions{display:flex;gap:5px}.pm-card-actions button{padding:6px 9px!important;font-size:10px!important}.pm-status{display:inline-flex;padding:3px 7px;border-radius:999px;font-size:8px;font-weight:900;letter-spacing:.04em;background:rgba(56,189,248,.12);color:#7dd3fc}.pm-status.file_waiting,.pm-status.under_construction{background:rgba(251,146,60,.13);color:#fdba74}.pm-status.sold{background:rgba(52,211,153,.13);color:#6ee7b7}.pm-status.cancelled{background:rgba(248,113,113,.12);color:#fca5a5}.pm-property-values{display:grid;grid-template-columns:repeat(5,minmax(0,1fr));gap:6px;margin-top:9px}.pm-property-values span{padding:7px 8px;border-radius:7px;background:#0b141d;color:#8296aa;font-size:8px}.pm-property-values b{display:block;margin-top:3px;color:#eaf2f8;font-size:11px}.pm-property-bottom{display:flex;justify-content:space-between;align-items:center;margin-top:8px;padding-top:7px;border-top:1px solid rgba(125,154,188,.12);color:#8194a8;font-size:9px}.pm-property-card details{margin-top:7px}.pm-property-card summary{font-size:9px;color:#7dd3fc;cursor:pointer}.pm-payments>div,.pm-stuck-row{display:flex;align-items:center;justify-content:space-between;gap:8px;padding:7px 0;border-bottom:1px solid rgba(125,154,188,.1);font-size:9px}.pm-payments button{border:0;background:transparent;color:#fca5a5;font-size:8px}.pm-stuck-row span{display:flex;flex-direction:column}.pm-stuck-row small{color:#8194a8;margin-top:2px}.pm-stuck-row strong{color:#fb7185}.pm-alert{color:#fb7185!important}.pm-forecast-head{display:flex;justify-content:space-between;align-items:end;margin:14px 0 8px}.pm-forecast-head h3{margin:2px 0 0;font-size:17px}.pm-forecast-grid{display:grid;grid-template-columns:1.4fr .8fr;gap:10px}.pm-sale-list{display:grid;gap:5px}.pm-sale-row{display:grid;grid-template-columns:18px 1fr auto;align-items:center;gap:8px;padding:8px;border:1px solid rgba(125,154,188,.12);border-radius:8px;background:#09121a}.pm-sale-row.active{border-color:rgba(52,211,153,.35);background:rgba(16,185,129,.06)}.pm-sale-row span{display:flex;flex-direction:column}.pm-sale-row small{color:#8194a8;font-size:8px}.pm-sale-row strong{font-size:11px}.pm-protection label{display:block;margin:7px 0;color:#9fb0c2;font-size:10px;font-weight:750}.pm-protection input,.pm-protection select{width:100%;margin-top:4px}.pm-protected{color:#f9a8d4!important}.pm-forecast-kpis{grid-template-columns:repeat(5,minmax(0,1fr))!important}.pm-chart-grid{display:grid;grid-template-columns:1fr 1fr;gap:10px}.pm-chart{min-height:220px;display:flex;align-items:center;justify-content:center;gap:22px}.pm-donut{width:170px;height:170px;border-radius:50%;position:relative;flex:0 0 auto}.pm-donut:after{content:"";position:absolute;inset:32px;border-radius:50%;background:#0a1119}.pm-donut>div{position:absolute;z-index:2;inset:0;display:grid;place-content:center;text-align:center}.pm-donut strong{font-size:17px}.pm-donut small{font-size:7px;color:#8296aa}.pm-legend{min-width:190px}.pm-legend p{display:grid;grid-template-columns:8px 1fr auto;gap:7px;align-items:center;margin:6px 0;font-size:9px}.pm-legend i{width:7px;height:7px;border-radius:50%}.pm-before-after{width:90%}.pm-before-after span{display:block;margin:13px 0;color:#91a5b8;font-size:9px}.pm-before-after strong{display:block;margin:3px 0 6px;color:#fff;font-size:18px}.pm-before-after i{display:block;height:11px;background:#182431;border-radius:99px;overflow:hidden}.pm-before-after i b{display:block;height:100%;background:linear-gradient(90deg,#a78bfa,#818cf8)}.pm-before-after i.after b{background:linear-gradient(90deg,#34d399,#22d3ee)}.pm-before-after em{color:#6ee7b7;font-size:10px;font-style:normal}.pm-custom{width:105px}.empty.compact{padding:18px!important}
@media(max-width:1100px){.pm-main-grid,.pm-forecast-grid,.pm-chart-grid{grid-template-columns:1fr}.pm-kpis,.pm-forecast-kpis{grid-template-columns:repeat(3,1fr)!important}.pm-property-values{grid-template-columns:repeat(3,1fr)}}
@media(max-width:700px){#app-shell main{padding:8px!important}.pm-kpis,.pm-forecast-kpis{grid-template-columns:repeat(2,1fr)!important}.pm-property-top,.pm-property-bottom{flex-direction:column}.pm-property-values{grid-template-columns:repeat(2,1fr)}.pm-chart{flex-direction:column}.pm-card-actions{width:100%}.pm-card-actions button{flex:1}}


/* ============================================================
   v272 — mobile logout accessibility
   Keep Logout inside the header action area instead of a fixed
   top-right overlay. This gives mobile users a reliable touch
   target and prevents overlap with the browser/PWA header.
   ============================================================ */
.header-actions .header-logout-btn{
  position:static!important;
  top:auto!important;
  right:auto!important;
  z-index:auto!important;
  flex:0 0 auto!important;
  min-width:82px!important;
  min-height:38px!important;
  padding:8px 13px!important;
  display:inline-flex!important;
  align-items:center!important;
  justify-content:center!important;
  cursor:pointer!important;
  touch-action:manipulation!important;
  -webkit-tap-highlight-color:transparent!important;
}
@media(max-width:760px){
  /* v273: keep the header action area visible so Logout remains present. */
  .app-header .header-actions{
    display:flex!important;
    visibility:visible!important;
    opacity:1!important;
    align-items:center!important;
    justify-content:flex-end!important;
    flex:0 0 auto!important;
  }
  .app-header{
    display:flex!important;
    align-items:center!important;
    gap:8px!important;
    padding:8px 10px!important;
    min-height:56px!important;
  }
  .app-header>div:first-child{
    min-width:0!important;
    flex:1 1 auto!important;
  }
  .app-header h1{
    font-size:14px!important;
    white-space:nowrap!important;
    overflow:hidden!important;
    text-overflow:ellipsis!important;
  }
  .header-actions{
    flex:0 0 auto!important;
    flex-wrap:nowrap!important;
    gap:6px!important;
    margin-left:auto!important;
  }
  .header-actions .primary[data-action="new-payment"]{
    display:inline-flex!important;
  }
  .header-actions .header-logout-btn{
    min-width:88px!important;
    min-height:40px!important;
    padding:9px 13px!important;
    font-size:12px!important;
    font-weight:750!important;
  }
}

/* =========================================================
   v275 — MOBILE LOGOUT VISIBILITY / TOUCH TARGET FIX
   Keep Logout visible. Move it into the mobile header action
   area instead of hiding the entire header-actions container.
   ========================================================= */
@media (max-width: 760px) {
  #app-shell .app-header .header-actions {
    display: flex !important;
    visibility: visible !important;
    opacity: 1 !important;
    position: static !important;
    align-items: center !important;
    justify-content: flex-end !important;
    flex: 0 0 auto !important;
    flex-wrap: nowrap !important;
    gap: 6px !important;
    margin-left: auto !important;
    overflow: visible !important;
  }

  #app-shell .app-header #logout.header-logout-btn {
    display: inline-flex !important;
    visibility: visible !important;
    opacity: 1 !important;
    position: static !important;
    width: auto !important;
    min-width: 92px !important;
    min-height: 44px !important;
    height: 44px !important;
    padding: 10px 15px !important;
    margin: 0 !important;
    align-items: center !important;
    justify-content: center !important;
    flex: 0 0 auto !important;
    z-index: 60 !important;
    cursor: pointer !important;
    pointer-events: auto !important;
    touch-action: manipulation !important;
    -webkit-tap-highlight-color: transparent !important;
    font-size: 12px !important;
    font-weight: 750 !important;
    line-height: 1 !important;
  }

  /* The restricted Expense dashboard does not need the payment button. */
  #app-shell .app-header .header-actions [data-action="new-payment"] {
    display: inline-flex !important;
  }

  /* Keep the header compact while reserving enough room for Logout. */
  #app-shell .app-header {
    min-height: 60px !important;
    height: auto !important;
    padding: 8px 10px !important;
    gap: 8px !important;
    overflow: visible !important;
  }

  #app-shell .app-header > div:first-child {
    min-width: 0 !important;
    flex: 1 1 auto !important;
  }

  #app-shell .app-header #user-heading {
    max-width: 100% !important;
    white-space: nowrap !important;
    overflow: hidden !important;
    text-overflow: ellipsis !important;
  }
}

/* Restricted mode hides payment but NEVER hides Logout. */
#app-shell .app-header #logout {
  visibility: visible !important;
  pointer-events: auto !important;
}

/* ============================================================
   v276 — LOGOUT RESTORED FOR WEB + MOBILE
   The logout control must remain visible in both desktop web and
   mobile layouts. Desktop uses a fixed top-right action area;
   mobile keeps the actions inside the header for touch access.
   Restricted Expense mode hides ONLY + Payment, never Logout.
   ============================================================ */

/* Desktop / web browser: make the header action group visible. */
@media (min-width: 761px) {
  #app-shell .app-header .header-actions {
    display: flex !important;
    visibility: visible !important;
    opacity: 1 !important;
    position: fixed !important;
    top: 10px !important;
    right: 14px !important;
    z-index: 1000 !important;
    align-items: center !important;
    justify-content: flex-end !important;
    gap: 8px !important;
    flex-wrap: nowrap !important;
    width: auto !important;
    margin: 0 !important;
    overflow: visible !important;
  }

  #app-shell .app-header #logout.header-logout-btn {
    display: inline-flex !important;
    visibility: visible !important;
    opacity: 1 !important;
    position: static !important;
    width: auto !important;
    min-width: 96px !important;
    min-height: 42px !important;
    height: 42px !important;
    padding: 9px 16px !important;
    margin: 0 !important;
    align-items: center !important;
    justify-content: center !important;
    flex: 0 0 auto !important;
    pointer-events: auto !important;
    cursor: pointer !important;
    touch-action: manipulation !important;
    font-size: 12px !important;
    font-weight: 750 !important;
    line-height: 1 !important;
  }
}

/* Mobile: keep Logout inside the visible header action group. */
@media (max-width: 760px) {
  #app-shell .app-header .header-actions {
    display: flex !important;
    visibility: visible !important;
    opacity: 1 !important;
    position: static !important;
    top: auto !important;
    right: auto !important;
    z-index: 1000 !important;
    align-items: center !important;
    justify-content: flex-end !important;
    gap: 6px !important;
    flex-wrap: nowrap !important;
    width: auto !important;
    margin-left: auto !important;
    overflow: visible !important;
  }

  #app-shell .app-header #logout.header-logout-btn {
    display: inline-flex !important;
    visibility: visible !important;
    opacity: 1 !important;
    position: static !important;
    min-width: 92px !important;
    min-height: 44px !important;
    height: 44px !important;
    padding: 10px 15px !important;
    margin: 0 !important;
    align-items: center !important;
    justify-content: center !important;
    flex: 0 0 auto !important;
    pointer-events: auto !important;
    cursor: pointer !important;
    touch-action: manipulation !important;
    -webkit-tap-highlight-color: transparent !important;
    font-size: 12px !important;
    font-weight: 750 !important;
    line-height: 1 !important;
  }
}

/* v277 — only fix the overlapping mobile header controls.
   Restricted Expense mode already hides + Payment via account-sharing.js.
   Do not override that rule here. Keep Logout visible/clickable. */
#app-shell .app-header #logout {
  display: inline-flex !important;
  visibility: visible !important;
  opacity: 1 !important;
  pointer-events: auto !important;
}

@media (max-width: 760px) {
  /* Expense viewer: + Payment must stay hidden so Logout has its own touch area. */
  #app-shell .app-header .header-actions [data-action="new-payment"] {
    display: none !important;
  }

  #app-shell .app-header #logout.header-logout-btn {
    display: inline-flex !important;
    visibility: visible !important;
    pointer-events: auto !important;
    position: static !important;
    flex: 0 0 auto !important;
    min-width: 92px !important;
    width: 92px !important;
    min-height: 44px !important;
    height: 44px !important;
    margin: 0 !important;
  }
}

/* v282 — fix Log out / + Payment overlapping the Debt Dashboard / Debt
   Accounts tabs. A leftover sidebar-layout rule earlier in this file
   (.app-header, .header-logout-btn, .tabs) was still forcing a fixed
   position on those elements, which is what put Log out on top of the
   tabs. This turns that off so the normal header/tabs from earlier in
   this file are the ones actually shown, with no other layout changes. */
#app-shell .app-header{
  position: sticky !important;
  left: auto !important;
  top: 0 !important;
  width: 100% !important;
  height: auto !important;
}
#app-shell .app-header .header-actions{
  display: flex !important;
}
#app-shell .header-logout-btn{
  position: static !important;
  top: auto !important;
  right: auto !important;
}
#app-shell .tabs{
  position: sticky !important;
  left: auto !important;
  top: 61px !important;
  bottom: auto !important;
  width: 100% !important;
  height: auto !important;
  flex-direction: row !important;
}
#app-shell{
  padding-left: 0 !important;
  padding-top: 0 !important;
}
@media (max-width: 760px){
  #app-shell .tabs{ top: 54px !important; }
}

/* === v283 professional report generation === */
#reports .report-control-panel{padding:14px!important}
#reports .report-controls{grid-template-columns:minmax(220px,1.35fr) repeat(3,minmax(145px,.75fr)) auto!important}
#reports .report-controls label{font-size:9px!important;color:#8d9bad!important;text-transform:uppercase!important;letter-spacing:.045em!important}
#reports .report-controls select,#reports .report-controls input{margin-top:5px!important}
#reports .report-output-panel{padding:16px!important}
#reports .report-output-panel .panel-title{padding-bottom:12px!important;border-bottom:1px solid var(--line)!important}
#reports #report-output-title{font-size:16px!important;letter-spacing:-.01em!important}
#reports #report-output-subtitle{margin-top:4px!important}
#reports .report-summary-banner{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:8px;margin:0 0 14px}
#reports .report-summary-banner>div{padding:11px 12px;border:1px solid #202c38;border-radius:8px;background:#0a1016}
#reports .report-summary-banner span{display:block;font-size:8px;text-transform:uppercase;letter-spacing:.06em;color:#718095;margin-bottom:5px}
#reports .report-summary-banner strong{display:block;font-size:13px;color:#f3f6fa}
#reports .report-section{margin-top:14px}
#reports .report-section-heading{display:flex;align-items:baseline;justify-content:space-between;gap:12px;margin:0 0 7px}
#reports .report-section-heading h4{margin:0;font-size:11px;color:#e8edf4}
#reports .report-section-heading span{font-size:8px;color:#718095;text-transform:uppercase;letter-spacing:.05em}
#reports .report-table-shell{border:1px solid #1b2732;border-radius:8px;overflow:auto;background:#090e14}
#reports .report-table{min-width:680px;margin:0!important}
#reports .report-table thead th{position:static!important;background:#0d151d!important;padding:9px 10px!important;font-size:8px!important}
#reports .report-table tbody td{padding:9px 10px!important;font-size:9px!important;vertical-align:middle}
#reports .report-table tbody tr:last-child td{border-bottom:0!important}
#reports .report-status{display:inline-flex;align-items:center;padding:3px 7px;border-radius:999px;border:1px solid #2a3642;background:#111821;color:#aeb9c6;font-size:8px;font-weight:600;white-space:nowrap}
#reports .report-status.paid{border-color:#28533d;background:#0d1b15;color:#7bd5a2}
#reports .report-status.part-paid{border-color:#594b26;background:#19160d;color:#e1c878}
#reports .report-status.not-paid{border-color:#51333a;background:#1a1013;color:#e29aa3}
#reports .report-status.inactive{opacity:.65}
#reports .report-status.active{border-color:#29445d;background:#0d1720;color:#8db9e5}
#reports .report-output-panel{break-inside:auto}
body.report-print-mode #app-shell>.app-header,
body.report-print-mode #app-shell>.tabs,
body.report-print-mode main>.page:not(#reports){display:none!important}
body.report-print-mode #reports{display:block!important;padding:0!important}
body.report-print-mode #reports .section-heading>div:last-child,
body.report-print-mode #reports .report-control-panel,
body.report-print-mode #reports .kpi-grid,
body.report-print-mode #reports #report-empty{display:none!important}
body.report-print-mode #reports .report-output-panel{border:0!important;box-shadow:none!important;background:#fff!important;color:#111!important;padding:0!important}
@media print{
  body{background:#fff!important;color:#111!important}
  #reports .report-output-panel{background:#fff!important;color:#111!important}
  #reports .report-output-panel .panel-title{border-bottom:1px solid #ddd!important}
  #reports #report-output-title{color:#111!important}
  #reports #report-output-subtitle{color:#666!important}
  #reports .report-table-shell{border:1px solid #ddd!important;background:#fff!important}
  #reports .report-table thead th{background:#f2f4f7!important;color:#333!important}
  #reports .report-table tbody td{color:#222!important;border-bottom:1px solid #e3e6ea!important}
  #reports .report-summary-banner>div{background:#fafafa!important;border-color:#ddd!important}
  #reports .report-summary-banner span,#reports .report-section-heading span{color:#666!important}
  #reports .report-summary-banner strong,#reports .report-section-heading h4{color:#111!important}
  #reports .report-status{background:#f7f7f7!important;color:#333!important;border-color:#ccc!important}
}
@media(max-width:1000px){
  #reports .report-controls{grid-template-columns:repeat(2,minmax(0,1fr))!important}
}
@media(max-width:650px){
  #reports .report-controls{grid-template-columns:1fr!important}
  #reports .report-summary-banner{grid-template-columns:1fr!important}
}

/* V4 signed ledger transactions */
.ledger-plus { color:#15803d !important; }
.ledger-minus { color:#b42318 !important; }
#payment-direction { font-weight:700; }