/* Finance only: reuse existing Premium surfaces, colors and controls. */
.finance-toolbar{display:flex;flex-wrap:wrap;align-items:end;gap:12px;margin:20px 0}
.finance-toolbar .filter-tabs{display:flex;gap:6px;flex-wrap:wrap}
.finance-toolbar label{display:grid;gap:6px;font-size:14px;max-width:100%}
.finance-toolbar input{min-height:44px;max-width:100%;min-width:0}
.finance-toolbar [aria-pressed=true]{border-color:var(--gold);color:var(--gold)}
.finance-stats{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:14px;margin-bottom:16px}
.finance-stats h2{font-size:16px;margin-bottom:12px}
.finance-amount{display:block;font-size:clamp(20px,2.2vw,28px);color:var(--gold);overflow-wrap:anywhere}
.finance-row{display:flex;align-items:center;justify-content:space-between;gap:14px;padding:16px 0;border-bottom:1px solid var(--line);min-width:0}
.finance-row>div{min-width:0;overflow-wrap:anywhere}
.finance-row p{font-size:14px;margin:6px 0}
.finance-row strong{font-size:16px}
.finance-actions{display:flex;flex-wrap:wrap;gap:8px}
.finance-row button,.finance-toolbar button{min-height:44px;font-size:14px}
@media(max-width:600px){.finance-stats{grid-template-columns:1fr;gap:10px}.finance-stats .settings-card{padding:16px}.finance-row{flex-wrap:wrap}.finance-actions{width:100%}.finance-toolbar{align-items:stretch}.finance-toolbar>label{width:100%}}

/* Direct home entry; existing mobile navigation and finance logic unchanged. */
.home-finances{display:flex;align-items:center;gap:12px;width:100%;min-height:64px;margin:0 0 16px;text-align:left;padding:12px 16px}
.home-finances>span{flex:1;min-width:0}
.home-finances strong{display:block;color:var(--gold);font-size:16px}
.home-finances small{display:block;color:var(--muted);font-size:14px;white-space:normal}
.home-finances>.icon{color:var(--gold);flex-shrink:0}
/* Read-only financial dashboard chart; no external library or animations. */
.finance-chart{margin:18px 0}
.finance-chart-heading{display:flex;justify-content:space-between;align-items:flex-start;flex-wrap:wrap;gap:12px;margin-bottom:20px}
.finance-chart-heading h2{margin:0 0 6px;font-size:19px}
.finance-chart-range{margin:0;color:var(--muted);font-size:14px}
.finance-chart-key{display:inline-flex;align-items:center;gap:8px;color:var(--gold-light);font-size:13px;white-space:nowrap}
.finance-chart-key:before{content:'';width:9px;height:9px;border-radius:2px;background:var(--gold)}
.finance-chart-scale{display:flex;justify-content:space-between;gap:12px;font-size:12px;color:var(--muted);margin-bottom:10px}
.finance-chart-grid{display:grid;grid-template-columns:repeat(7,minmax(0,1fr));gap:10px}
.finance-chart-grid.day{grid-template-columns:1fr}.finance-chart-grid.month{grid-template-columns:repeat(var(--finance-columns,5),minmax(0,1fr))}.finance-chart-grid.year{grid-template-columns:repeat(12,minmax(0,1fr))}
.finance-chart-column{min-width:0;text-align:center}
.finance-income-track{height:180px;display:flex;align-items:flex-end;justify-content:center;border-bottom:1px solid var(--line);background:repeating-linear-gradient(to top,transparent 0,transparent calc(33.333% - 1px),var(--line) calc(33.333% - 1px),var(--line) 33.333%)}
.finance-income-bar{display:block;width:62%;max-width:48px;background:linear-gradient(to top,var(--gold),var(--gold-light));border-radius:5px 5px 0 0}
.finance-chart-label{display:block;margin-top:10px;font-size:13px;color:var(--ink);white-space:nowrap;line-height:1.5}
.finance-chart-note{margin-top:18px}.finance-chart-empty{font-size:14px;color:var(--muted);padding:12px 14px;background:var(--card-deep);border:1px solid var(--line);border-radius:10px}
.finance-chart-details{border-top:1px solid var(--line);padding-top:12px;margin-top:14px}
.finance-chart-details summary{font-size:14px;cursor:pointer;padding:8px 0;min-height:44px;color:var(--gold-light)}
.finance-chart-values{width:100%;border-collapse:collapse;font-size:14px;margin-top:10px}
.finance-chart-values th,.finance-chart-values td{padding:12px 4px;border-bottom:1px solid var(--line);text-align:left;overflow-wrap:anywhere}
.finance-chart-values td,.finance-chart-values thead th:last-child{text-align:right}
.finance-chart-values th{font-weight:500}.finance-chart-values small{display:block;font-size:12px;color:var(--muted);font-weight:400}
@media(max-width:600px){.finance-chart{padding:18px 14px}.finance-chart-grid{gap:5px}.finance-chart-grid.year{grid-template-columns:repeat(6,minmax(0,1fr));row-gap:22px}.finance-income-track{height:140px}.finance-chart-label{font-size:12px}.finance-chart-scale{font-size:12px}.finance-chart-heading h2{font-size:18px}}