/* Requested card color uses the existing Masar blue, peach and mint families. */
.home-stat-grid .home-stat.blue{background:#e8f0ff;border-color:#c7d9f5;color:#193f79}.home-stat-grid .home-stat.peach{background:#ffeedf;border-color:#ebd4bf;color:#694024}.home-stat-grid .home-stat.mint{background:#e1f2e9;border-color:#c1decf;color:#21573f}
.home-stat-grid .home-stat.blue .home-stat-foot{color:#405d85}.home-stat-grid .home-stat.peach .home-stat-foot{color:#76533a}.home-stat-grid .home-stat.mint .home-stat-foot{color:#3b6551}
.home-stat-grid .home-stat.blue .home-stat-icon{background:#d2e2ff;color:#194d99}.home-stat-grid .home-stat.peach .home-stat-icon{background:#f6d9bf;color:#714525}.home-stat-grid .home-stat.mint .home-stat-icon{background:#c7e6d6;color:#225d42}
.home-stat-grid .home-stat:hover{filter:brightness(.98)}
.finance-workspace{--finance-rose:#a8374a;--finance-rose-soft:#fbeaf0;--finance-amber:#85561e;--finance-amber-soft:#fff1d9;--finance-green:#256449;--finance-slate:#53647b}
.finance-tabs{display:flex;gap:6px;padding:6px;background:#e7edf8;border-radius:12px;margin-bottom:14px;overflow-x:auto;scrollbar-width:thin;scrollbar-color:#9eafc8 #e7edf8}
.finance-tabs button{border:0;background:transparent;box-shadow:none;min-height:44px;padding:9px 19px;font-size:14px;white-space:nowrap;color:#425975;flex:1}
.finance-tabs button[aria-selected=true]{background:#fff;color:var(--primary);font-weight:700}.finance-tabs button:focus-visible{outline:3px solid var(--primary);outline-offset:-3px}
.finance-panel{background:#fff;border:1px solid var(--line);border-radius:14px;padding:24px;min-width:0}
.finance-date-context{display:flex;align-items:center;gap:7px;margin:0 0 21px;color:var(--muted);font-size:13px}.finance-date-context .ico{width:17px;height:17px;color:var(--primary)}
.finance-metrics{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));margin:0 0 28px;gap:20px;padding-bottom:24px;border-bottom:1px solid var(--line)}
.finance-metrics>div{min-width:0}.finance-metrics dt{font-size:14px;color:#425975;line-height:1.7}.finance-metrics dd{font-size:27px;font-weight:700;margin:10px 0 8px;color:var(--ink);font-variant-numeric:tabular-nums;overflow-wrap:anywhere}.finance-metrics small{font-size:12px;color:var(--muted);line-height:1.8;display:block}
.finance-chart,.finance-debt-chart{margin:0}.finance-chart figcaption h3,.finance-debt-chart h3,.finance-list-heading h3{font-size:17px;margin:0 0 5px}.finance-chart figcaption p,.finance-debt-chart p{font-size:13px;color:var(--muted);margin:0;line-height:1.8}
.finance-bars{display:grid;grid-template-columns:repeat(7,minmax(0,1fr));gap:14px;height:230px;margin-top:25px;position:relative;direction:ltr;isolation:isolate}
.finance-bar-button{display:flex;flex-direction:column;align-items:center;justify-content:flex-end;gap:8px;min-width:0;background:none;border:0;box-shadow:none;border-radius:8px;padding:5px;color:#35516f}
.finance-bar-button:hover{background:#edf3ff;border:0}.finance-bar-button.selected{background:#f1f5ff}.finance-bar-button:focus-visible{outline:3px solid var(--primary);outline-offset:1px}
.finance-bar-value{font-size:13px;font-weight:700;font-variant-numeric:tabular-nums;direction:rtl;white-space:nowrap}.finance-bar-track{height:135px;width:100%;max-width:48px;display:flex;align-items:flex-end;justify-content:center;border-bottom:2px solid #bfcee4}.finance-bar-fill{width:100%;background:#5b88c5;border-radius:5px 5px 0 0;min-height:0}.finance-bar-button.selected .finance-bar-fill{background:var(--primary)}.finance-bar-date{font-size:14px;font-weight:700}.finance-bar-date small{display:block;font-size:11px;font-weight:400;line-height:1.6}
.finance-zero-line{display:none}.finance-bottom-actions{display:flex;justify-content:space-between;gap:12px;flex-wrap:wrap;margin-top:15px;padding-top:14px;border-top:1px solid var(--line)}
.finance-text-action{border:0;background:none;padding:7px 0;box-shadow:none;color:var(--primary);font-size:13px;min-height:42px;display:inline-flex;align-items:center;gap:5px;white-space:normal;text-align:start}.finance-text-action:hover{background:transparent}.finance-text-action .ico{width:16px;height:16px}
.finance-empty-note{font-size:14px;line-height:1.9;color:#586a80;padding:20px 0;margin:0}.finance-empty-note h3{font-size:17px;margin:0 0 6px}.finance-empty-note p{margin:0}
.finance-data-note{font-size:12px;line-height:1.9;color:var(--muted);margin:15px 0 0}
.finance-debt-bars{display:grid;gap:11px;margin-top:20px}.finance-debt-bar{--debt-color:#53647b;display:grid;gap:9px;padding:10px 0;border:0;border-radius:6px;background:none;box-shadow:none;text-align:start;color:var(--ink);width:100%;min-height:62px}.finance-debt-bar.overdue{--debt-color:#a8374a}.finance-debt-bar.today{--debt-color:#a07327}.finance-debt-bar.upcoming{--debt-color:#3975cc}.finance-debt-bar:hover,.finance-debt-bar[aria-pressed=true]{background:#f4f7fc}.finance-debt-bar:focus-visible{outline:3px solid var(--primary);outline-offset:3px}.finance-debt-label{display:flex;justify-content:space-between;align-items:center;gap:12px;font-size:13px}.finance-debt-label strong{font-weight:600;color:var(--debt-color)}.finance-debt-label>span{color:#53647b}.finance-debt-track{display:block;height:10px;background:#edf1f7;border-radius:4px;overflow:hidden}.finance-debt-track>span{display:block;height:100%;background:var(--debt-color);border-radius:4px}
.finance-list-heading{display:flex;justify-content:space-between;align-items:center;gap:10px;margin:25px 0 10px;padding-top:15px;border-top:1px solid var(--line)}
.finance-debt-row{display:grid;grid-template-columns:minmax(150px,1fr) minmax(160px,1fr) auto;gap:18px;align-items:center;border-bottom:1px solid var(--line);padding:16px 0;font-size:14px}.finance-debt-row:last-child{border:0}.finance-debt-row a{color:var(--ink);font-weight:700;text-decoration:none;line-height:1.7}.finance-debt-row a:hover{text-decoration:underline}.finance-debt-row small{display:block;margin-top:4px;color:var(--muted);font-size:12px}.finance-debt-amount{font-weight:700;font-variant-numeric:tabular-nums;display:grid;gap:7px;justify-items:start}.finance-state{font-size:11px;font-weight:500;line-height:1.7;padding:4px 7px;display:inline-block;border-radius:6px;background:#edf1f7;color:#53647b}.finance-state.overdue{color:var(--finance-rose);background:var(--finance-rose-soft)}.finance-state.today{color:var(--finance-amber);background:var(--finance-amber-soft)}.finance-state.upcoming{color:#255b9d;background:#edf3ff}.finance-state.received{color:var(--finance-green);background:#e5f3ed;margin-top:7px}
.finance-row-actions{display:flex;gap:7px;flex-wrap:wrap}.finance-row-actions button{font-size:12px;min-height:42px;padding:8px 11px}
.finance-ledger-filters{display:grid;grid-template-columns:1.3fr 1fr 1fr 1fr;gap:13px}.finance-ledger-filters .field{font-size:13px;margin:0}.finance-ledger-filters input,.finance-ledger-filters select{min-width:0}.finance-ledger-summary{display:flex;justify-content:space-between;align-items:center;gap:12px;margin:19px 0 3px;font-size:14px}.finance-ledger-row{display:flex;align-items:center;gap:15px;padding:18px 0;border-bottom:1px solid var(--line);font-size:14px}.finance-ledger-row:last-child{border:0}.finance-ledger-symbol{color:var(--finance-green);background:#e5f3ed;width:37px;height:37px;border-radius:10px;display:grid;place-items:center;flex-shrink:0}.finance-ledger-row>div:first-of-type{flex:1;min-width:0}.finance-ledger-row small{display:block;font-size:12px;color:var(--muted);margin-top:5px;line-height:1.8}.finance-ledger-amount{text-align:end;font-weight:700;font-variant-numeric:tabular-nums}.finance-ledger-amount small{font-weight:400}.finance-profile-deadline{display:flex;justify-content:space-between;align-items:center;gap:16px;padding:18px 0;border-top:1px solid var(--line);margin-top:20px;font-size:14px}
@media(max-width:1050px){.finance-ledger-filters{grid-template-columns:repeat(2,minmax(0,1fr))}.finance-debt-row{grid-template-columns:1fr 1fr}.finance-row-actions{grid-column:1/-1}}
@media(max-width:760px){.finance-panel{padding:17px}.finance-tabs{gap:3px}.finance-tabs button{font-size:13px;padding:9px 12px;flex:0 0 auto}.finance-metrics{gap:16px 12px;grid-template-columns:repeat(2,minmax(0,1fr))}.finance-metrics>div:first-child{grid-column:1/-1}.finance-metrics dd{font-size:24px;margin:7px 0}.finance-metrics dt{font-size:13px}.finance-bars{gap:3px;height:218px}.finance-bar-value{font-size:11px}.finance-bar-button{padding:3px;gap:7px}.finance-bar-track{height:126px;max-width:28px}.finance-bar-date small{font-size:10px}.finance-debt-label{align-items:start;flex-direction:column;gap:3px}.finance-debt-row{gap:11px;grid-template-columns:1fr 1fr}.finance-debt-amount{font-size:14px}.finance-debt-row a{font-size:14px}.finance-row-actions button{flex:1}.finance-ledger-filters{gap:13px 10px}.finance-ledger-filters .field:first-child{grid-column:1/-1}.finance-ledger-row{gap:10px;flex-wrap:wrap}.finance-ledger-symbol{width:30px;height:30px}.finance-ledger-amount{flex-basis:100%;text-align:start;padding-inline-start:40px}.finance-date-context{font-size:12px}.finance-profile-deadline{align-items:start;flex-direction:column}}
.home-compact .finance-panel{padding:16px}.home-compact .finance-tabs button{flex:0 0 auto;font-size:13px;padding:9px 12px}.home-compact .finance-metrics{grid-template-columns:repeat(2,minmax(0,1fr))}.home-compact .finance-metrics>div:first-child{grid-column:1/-1}.home-compact .finance-metrics dd{font-size:24px}.home-compact .finance-bars{gap:3px}.home-compact .finance-bar-value{font-size:11px}.home-compact .finance-debt-row{grid-template-columns:1fr 1fr;gap:12px}.home-compact .finance-row-actions{grid-column:1/-1}.home-compact .finance-ledger-filters{grid-template-columns:repeat(2,minmax(0,1fr))}.home-compact .finance-ledger-filters .field:first-child{grid-column:1/-1}.home-compact .finance-ledger-row{flex-wrap:wrap}.home-compact .finance-ledger-amount{flex-basis:100%;text-align:start;padding-inline-start:45px}

@media(max-width:760px){.finance-ledger-filters .field:nth-child(2){grid-column:1/-1}}
.home-compact .finance-ledger-filters .field:nth-child(2){grid-column:1/-1}

.finance-demo-note{margin:0 0 14px;font-size:12px;line-height:1.8;color:#405d85}.finance-demo-note strong{color:#193f79;font-weight:600}.accounts-ledger{margin-top:28px}

/* Keep the unit attached to its metric at every screen width. */
.finance-metrics dd{display:flex;align-items:baseline;flex-wrap:wrap;gap:5px 8px;line-height:1.5}
.finance-metric-unit{font-size:15px;font-weight:500;color:var(--ink);line-height:1.6}

/* Explicitly requested metric highlights, shared by both financial tabs. */
.finance-metrics{gap:12px}
.finance-metrics>.finance-metric{--metric-bg:var(--bg);--metric-ink:var(--ink);padding:16px;border-radius:12px;background:var(--metric-bg);color:var(--metric-ink)}
.finance-metric.received{--metric-bg:var(--present-row,#eef8f3);--metric-ink:var(--good)}
.finance-metric.payers{--metric-bg:var(--primary-soft);--metric-ink:#193f79}
.finance-metric.payments{--metric-bg:#f0ecfb;--metric-ink:#51417e}
.finance-metric.overdue{--metric-bg:var(--finance-rose-soft);--metric-ink:var(--finance-rose)}
.finance-metric.outstanding{--metric-bg:var(--peach-soft,#fff0e6);--metric-ink:#694024}
.finance-metric.undated{--metric-bg:#edf1f7;--metric-ink:#425975}
.finance-metric dt{font-weight:700;color:var(--metric-ink)}
.finance-metric dd,.finance-metric .finance-metric-unit,.finance-metric small{color:var(--metric-ink)}
@media(max-width:760px){.finance-metrics>.finance-metric{padding:14px 12px}.finance-metric dt{min-height:44px;line-height:1.7}.finance-metric:first-child dt{min-height:0}.finance-metric-unit{font-size:14px}}
.home-compact .finance-metric dt{min-height:44px;line-height:1.7}.home-compact .finance-metric:first-child dt{min-height:0}