.finance-dashboard .btn{font-size:10px;padding:10px 16px;min-height:40px}
.finance-stats{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:14px;margin-bottom:20px}
.finance-stats .card{padding:23px 20px;display:flex;flex-direction:column;gap:12px;min-width:0}
.finance-stats span{font-size:11px;color:var(--muted)}
.finance-stats strong{font-size:26px;font-weight:700;letter-spacing:-.04em;font-variant-numeric:tabular-nums;overflow-wrap:anywhere}
.finance-stats small{font-size:9px;color:var(--muted-2)}
.finance-stats .card:first-child{background:var(--grad-soft);border-color:#ee9fb82e}
.finance-stats .card:last-child strong{color:var(--brand-2)}
.finance-ledger{padding:24px}
.finance-filters{display:grid;grid-template-columns:1.2fr 1fr 1fr;gap:16px;padding-bottom:22px;border-bottom:1px solid var(--line)}
.finance-filters label{display:flex;flex-direction:column;gap:8px;font-size:10px;color:var(--muted);min-width:0}
.finance-filters .input{height:43px;min-width:0;font-size:12px;padding:10px 12px;border-radius:10px;color-scheme:dark}
.finance-filters .finance-search{grid-column:1/3}
.finance-filter-actions{grid-column:3/4;display:flex;gap:10px;align-items:end;justify-content:flex-end}
.finance-refresh-icon{display:grid;place-items:center;flex:0 0 40px;width:40px;height:40px;padding:0;border:1px solid var(--line);border-radius:10px;color:var(--muted);background:transparent;cursor:pointer;transition:color .15s,border-color .15s,background .15s}
.finance-refresh-icon:hover{color:var(--brand-2);border-color:#ee9fb855;background:#ee9fb80b}
.finance-refresh-icon:disabled{opacity:.4;cursor:wait}
.finance-dashboard #financeMessage{min-height:18px;font-size:12px;margin:14px 0}
.finance-table-wrap{overflow-x:auto}
.finance-table{width:100%;border-collapse:collapse;text-align:left}
.finance-table th{font-size:9px;color:var(--muted-2);font-weight:600;text-transform:uppercase;letter-spacing:.08em;padding:0 16px 14px 0;border-bottom:1px solid var(--line)}
.finance-table td{padding:20px 16px 20px 0;border-bottom:1px solid var(--line);font-size:12px;vertical-align:middle}
.finance-table td:first-child{min-width:180px}
.finance-table td:first-child strong,.finance-table td:first-child span{display:block}
.finance-table td:first-child strong{font-size:12px;font-weight:600;margin-bottom:6px}
.finance-table td:first-child span{font-size:11px;color:var(--muted)}
.finance-table time{color:var(--muted);font-size:11px;white-space:nowrap}
.finance-table th:last-child,.finance-table td:last-child{text-align:right;padding-right:0}
.finance-table .finance-empty{text-align:center!important;color:var(--muted);font-size:12px;padding:54px 14px!important;line-height:1.8}
.finance-amount{font-weight:600;font-variant-numeric:tabular-nums;white-space:nowrap}
.finance-amount.is-in{color:#7bd8ae}.finance-amount.is-out{color:var(--brand-2)}
.finance-pagination{display:flex;justify-content:space-between;align-items:center;gap:12px;margin-top:20px;color:var(--muted);font-size:11px}
.finance-pagination>div{display:flex;align-items:center;gap:13px}
.finance-pagination .btn{min-height:34px;padding:7px 12px;font-size:9px}
.finance-coverage{font-size:11px;color:var(--muted-2);line-height:1.9;padding:18px 4px}
@media(max-width:1100px){.finance-stats{grid-template-columns:repeat(2,minmax(0,1fr))}.finance-filters{grid-template-columns:repeat(2,minmax(0,1fr))}.finance-filters .finance-search{grid-column:1/3}.finance-filter-actions{grid-column:1/3}}
@media(max-width:600px){.finance-heading{align-items:flex-start}.finance-heading h2{font-size:25px}.finance-heading p{font-size:11px}.finance-stats{gap:10px}.finance-stats .card{padding:18px 15px}.finance-stats strong{font-size:23px}.finance-stats span{font-size:10px}.finance-ledger{padding:18px}.finance-filters{gap:12px}.finance-filter-actions>.btn{flex:1}.finance-table{min-width:580px}.finance-pagination{align-items:flex-start;flex-direction:column;gap:14px}.finance-pagination>div{width:100%;justify-content:space-between}}

/* Variant 04: a single compact panel with inline totals. */
.account-glass .finance-overview{padding:28px}
.finance-compact .finance-stats{gap:0;padding-bottom:22px;margin-bottom:26px;border-bottom:1px solid var(--line)}
.account-glass .finance-compact .finance-stats .card{background:none;box-shadow:none;border:0;border-right:1px solid var(--line);border-radius:0;padding:0 24px}
.account-glass .finance-compact .finance-stats .card:first-child{padding-left:0}
.account-glass .finance-compact .finance-stats .card:last-child{border:0}
.finance-compact .finance-stats strong{font-size:28px;font-weight:500}
.finance-compact .finance-stats span{font-size:12px}
.finance-compact .finance-stats small{font-size:11px}
.account-glass .finance-compact .finance-ledger{padding:0;background:none;box-shadow:none;border:0;border-radius:0}
.finance-compact .finance-ledger>h3{font-size:20px;margin:0 0 7px}
.finance-compact .finance-ledger>p.small{margin:0 0 25px;font-size:12px}
.finance-compact .finance-table th{font-size:11px;text-transform:none;letter-spacing:0;font-weight:400}
.finance-compact .finance-table td,.finance-compact .finance-table td:first-child strong{font-size:13px;font-weight:400}
.finance-compact .finance-table td:first-child strong{font-weight:500}
.finance-compact .finance-table td:first-child span,.finance-compact .finance-table time{font-size:12px}
.finance-compact .finance-filters label{font-size:12px}
.finance-compact .btn{font-size:12px}
@media(max-width:1100px){.account-glass .finance-compact .finance-stats .card{border:0;padding:15px 20px}.account-glass .finance-compact .finance-stats .card:nth-child(odd){padding-left:0}}
@media(max-width:600px){.account-glass .finance-overview{padding:20px}.finance-compact .finance-stats strong{font-size:24px}.finance-compact .finance-stats{padding-bottom:16px;margin-bottom:22px}}

.finance-filter-disclosure{margin-top:20px}
.finance-filter-disclosure>summary{display:flex;align-items:center;gap:12px;list-style:none;width:fit-content;padding:11px 16px;border:1px solid var(--line);border-radius:11px;background:#ffffff03;color:var(--muted);font-size:13px;cursor:pointer;user-select:none}
.finance-filter-disclosure>summary::-webkit-details-marker{display:none}
.finance-filter-disclosure>summary:hover{color:var(--text);background:#b58ad310}
.finance-filter-disclosure>summary:focus-visible{outline:2px solid var(--brand-2);outline-offset:3px}
.finance-filter-disclosure>summary svg{transition:transform .2s}
.finance-filter-disclosure[open]>summary svg{transform:rotate(180deg)}
.finance-filter-disclosure .finance-filters{margin-top:20px}

.account-glass #financeBalance{color:var(--text);background:none;-webkit-text-fill-color:currentColor}

.finance-compact .finance-ledger{display:flow-root}
.finance-compact .finance-ledger>h3{float:left;margin:10px 20px 20px 0}
.finance-filter-disclosure{margin-top:0}
.finance-filter-disclosure>summary{margin-left:auto}
.finance-filter-disclosure .finance-filters{clear:both}
.finance-compact #financeMessage{clear:both}

/* Keep the desktop finance panel stable while its history scrolls inside. */
@media(min-width:801px){
 .account-glass .finance-overview{height:calc(100dvh - 64px);min-height:0;display:flex;flex-direction:column;overflow:hidden}
 .finance-compact .finance-stats{flex:none}
 .account-glass .finance-compact .finance-ledger{flex:1;min-height:0;overflow-y:auto;overscroll-behavior:contain;scrollbar-width:thin;scrollbar-color:#a277b850 transparent;padding-right:4px}
}

.finance-ledger-toolbar{display:flow-root;flex:none}
.finance-compact .finance-ledger-toolbar>h3{float:left;font-size:20px;margin:10px 20px 20px 0}
.finance-pagination{justify-content:flex-end}
.finance-pagination [hidden]{display:none!important}
@media(min-width:801px){
 .account-glass .finance-compact .finance-ledger{display:flex;flex-direction:column}
 .finance-compact .finance-table-wrap{flex:1;min-height:0;overflow:auto}
 .finance-compact .finance-table{height:auto}
 .finance-compact .finance-pagination{flex:none;margin-top:20px}
 .finance-compact .finance-pagination>div{margin-left:auto}
}

@media(min-width:801px){
 .account-glass .main:has(> .finance-dashboard.is-active){padding-top:0;padding-bottom:0}
 .account-glass .finance-overview{height:calc(100dvh - 48px)}
}
@media(min-width:801px) and (max-width:1200px){
 .account-glass .finance-overview{height:calc(100dvh - 40px)}
}