/* Customer finance references. All selectors are scoped to the two route classes. */
body:is(.wallet-showcase,.transactions-showcase) .page-content > .page-intro { align-items:center; gap:22px; padding:0 0 18px; margin-bottom:0; }
body:is(.wallet-showcase,.transactions-showcase) .finance-showcase-title-icon { display:inline-grid; place-items:center; width:38px; height:38px; flex:none; color:var(--night-blue,#5e7fda); background:linear-gradient(140deg,var(--night-soft,#f7f9ff),var(--night-tint-blue,#e8edff)); border:1px solid var(--night-line,#dbe4fb); border-radius:11px; }
body:is(.wallet-showcase,.transactions-showcase) .finance-showcase-title-icon svg { width:22px; height:22px; }
body:is(.wallet-showcase,.transactions-showcase) .finance-showcase-title-art { position:relative; display:block; flex:0 0 88px; width:88px; height:62px; margin-left:auto; pointer-events:none; }
body:is(.wallet-showcase,.transactions-showcase) .finance-showcase-title-art i { position:absolute; display:block; width:55px; height:39px; border:1px solid #ffffffb3; border-radius:7px; }
body:is(.wallet-showcase,.transactions-showcase) .finance-showcase-title-art i:first-child { left:25px; top:4px; transform:rotate(11deg); background:linear-gradient(130deg,var(--night-tint-blue,#d4dcff),var(--night-raised,#b3c3f3)); }
body:is(.wallet-showcase,.transactions-showcase) .finance-showcase-title-art i:nth-child(2) { left:9px; top:17px; transform:rotate(-7deg); background:linear-gradient(145deg,var(--night-raised,#7da1ed),#5c7ed8); box-shadow:0 5px 12px #5170ba22; }
body:is(.wallet-showcase,.transactions-showcase) .finance-showcase-title-art i:nth-child(2)::after { content:''; position:absolute; left:8px; top:10px; width:13px; height:9px; border-radius:2px; background:var(--night-raised,#e6d899); }
body:is(.wallet-showcase,.transactions-showcase) .finance-showcase-title-art b { position:absolute; right:16px; bottom:10px; width:27px; height:27px; border:2px solid var(--night-line,#f5f8ff); border-radius:50%; background:var(--night-raised,#acd5c0); box-shadow:0 2px 5px #51715a10; }
body:is(.wallet-showcase,.transactions-showcase) .finance-showcase-title-art b::after { content:''; position:absolute; left:7px; top:5px; width:7px; height:11px; border:solid var(--night-line,#fff); border-width:0 2px 2px 0; transform:rotate(42deg); }
body.transactions-showcase .finance-showcase-title-art i:first-child { left:32px; top:1px; width:38px; height:50px; border-radius:6px; }
body.transactions-showcase .finance-showcase-title-art i:nth-child(2) { left:19px; top:10px; width:38px; height:50px; border-radius:6px; background:linear-gradient(145deg,var(--night-panel,#f9fbff),var(--night-tint-blue,#e7edfd)); }
body.transactions-showcase .finance-showcase-title-art i:nth-child(2)::after { left:8px; top:12px; width:21px; height:3px; background:var(--night-raised,#aec0ee); box-shadow:0 8px #bdcbef,0 16px #bdcbef; }
body:is(.wallet-showcase,.transactions-showcase) .finance-page { gap:18px; min-width:0; }
body:is(.wallet-showcase,.transactions-showcase) .finance-page .panel { min-width:0; border:1px solid var(--night-line,#dce5f4); border-radius:14px; background:var(--night-panel,#fff); box-shadow:0 8px 25px #405a9f08; }
body:is(.wallet-showcase,.transactions-showcase) .finance-page .panel-head { padding:16px 20px; border-bottom:1px solid var(--night-line,#e6edf8); }
body:is(.wallet-showcase,.transactions-showcase) .finance-page .panel-head h2 { font-size:15px; line-height:22px; font-weight:600; color:var(--night-ink,#3a5276); }
body:is(.wallet-showcase,.transactions-showcase) .finance-page .field > span:first-child { color:var(--night-muted,#526987); font-size:12px; font-weight:400; margin-bottom:7px; }
body:is(.wallet-showcase,.transactions-showcase) .finance-page :is(input:not([type="radio"]),select) { min-height:36px; height:36px; padding:7px 10px; border:1px solid var(--night-line,#dce5f3); border-radius:7px; background:var(--night-panel,#fff); color:var(--night-muted,#576e91); font-size:13px; }
body:is(.wallet-showcase,.transactions-showcase) .finance-page :is(input,select):focus { border-color:var(--night-line,#98b0e7); outline-color:var(--night-line,#d7e4ff); }
body:is(.wallet-showcase,.transactions-showcase) .finance-page .btn { min-height:34px; padding:6px 12px; border-color:var(--night-line,#dde6f4); border-radius:7px; font-size:12px; color:var(--night-muted,#526987); background:var(--night-panel,#fff); }
body:is(.wallet-showcase,.transactions-showcase) .finance-page .btn-primary { color:#fff; border-color:var(--night-line,#2457f5); background:#2457f5; box-shadow:0 2px 6px #5474c810; }
body:is(.wallet-showcase,.transactions-showcase) .finance-page .btn-primary:hover { border-color:#1747da; background:#1747da; }
body:is(.wallet-showcase,.transactions-showcase) .finance-page .btn:disabled { opacity:1; color:var(--night-muted,#a1acc0); border-color:var(--night-line,#e5ebf6); background:var(--night-panel,#f8faff); }
body:is(.wallet-showcase,.transactions-showcase) .finance-page .table-wrap { min-width:0; border:0; border-radius:0; overflow-x:auto; scrollbar-width:thin; overscroll-behavior-x:contain; }
body:is(.wallet-showcase,.transactions-showcase) .finance-page .table-wrap table { margin:0; width:100%; }
body:is(.wallet-showcase,.transactions-showcase) .finance-page th { padding:10px 12px; font-size:12px; line-height:19px; color:var(--night-muted,#526987); font-weight:500; white-space:nowrap; background:var(--night-tint-blue,#eef3fe); border-bottom:1px solid var(--night-line,#e0e8f8); }
body:is(.wallet-showcase,.transactions-showcase) .finance-page td { padding:8px 12px; height:54px; font-size:13px; color:var(--night-ink,#263e67); background:var(--night-panel,#fff); border-bottom:1px solid var(--night-line,#edf1f8); vertical-align:middle; font-variant-numeric:tabular-nums; }
body:is(.wallet-showcase,.transactions-showcase) .finance-page tbody tr:nth-child(even) td { background:var(--night-panel,#f9fbff); }
body:is(.wallet-showcase,.transactions-showcase) .finance-page tbody tr:hover td { background:var(--night-tint-blue,#f0f5ff); }
body:is(.wallet-showcase,.transactions-showcase) .finance-page :is(th,td):first-child { padding-left:20px; }
body:is(.wallet-showcase,.transactions-showcase) .finance-page :is(th,td):last-child { padding-right:20px; }
body:is(.wallet-showcase,.transactions-showcase) .finance-sort-heading { gap:7px; color:inherit; font-size:12px; font-weight:500; }
body:is(.wallet-showcase,.transactions-showcase) .finance-sort-arrows { color:var(--night-muted,#526987); }
body:is(.wallet-showcase,.transactions-showcase) .finance-sort-arrows .is-active { color:var(--night-muted,#526987); }
body:is(.wallet-showcase,.transactions-showcase) .finance-page .badge { padding:3px 7px; border-radius:5px; font-size:12px; line-height:17px; font-weight:400; }
body:is(.wallet-showcase,.transactions-showcase) .finance-page .badge.success { color:var(--night-green,#127658); background:var(--night-tint-green,#ebf6ef); border-color:var(--night-line,#dceee3); }
body:is(.wallet-showcase,.transactions-showcase) .finance-page .badge.danger { color:var(--night-rose,#a04d32); background:var(--night-tint-amber,#fff1e9); border-color:var(--night-line,#f4e1d4); }
body:is(.wallet-showcase,.transactions-showcase) .finance-page .badge.warning { color:var(--night-amber,#936219); background:var(--night-tint-amber,#fff7e9); border-color:var(--night-line,#eee4cf); }
body:is(.wallet-showcase,.transactions-showcase) .finance-pagination { display:flex; flex-direction:row; align-items:center; flex-wrap:nowrap; justify-content:space-between; gap:20px; min-width:0; padding:12px 20px; margin:0; border-top:1px solid var(--night-line,#e7edf8); color:var(--night-muted,#526987); background:var(--night-panel,#fcfdff); overflow-x:auto; scrollbar-width:thin; }
body:is(.wallet-showcase,.transactions-showcase) .finance-pagination > span { white-space:nowrap; font-size:12px; }
body:is(.wallet-showcase,.transactions-showcase) .finance-pagination > div { flex-shrink:0; display:flex; flex-wrap:nowrap; align-items:center; gap:9px; }
body:is(.wallet-showcase,.transactions-showcase) .finance-page-size { display:inline-flex; flex-wrap:nowrap; align-items:center; gap:6px; font-size:12px; white-space:nowrap; }
body:is(.wallet-showcase,.transactions-showcase) .finance-page-size select { width:62px; min-height:30px; height:30px; padding:4px 6px; font-size:12px; }
body:is(.wallet-showcase,.transactions-showcase) .finance-pagination .btn { min-height:30px; height:30px; padding:4px 9px; }
body:is(.wallet-showcase,.transactions-showcase) .finance-page-count { color:var(--night-muted,#526987); font-size:12px; }

/* Wallet: the account bar, funding tools and ledger share a single white surface. */
body.wallet-showcase .finance-wallet-center .finance-wallet-workspace { padding:0; overflow:hidden; }
body.wallet-showcase .finance-wallet-center .finance-wallet-summary { display:flex; align-items:center; justify-content:space-between; gap:20px; min-height:78px; padding:19px 22px; background:linear-gradient(110deg,var(--night-soft,#f7faff),var(--night-panel,#fff) 58%); border-bottom:1px solid var(--night-line,#e6edf8); }
body.wallet-showcase .finance-wallet-center .finance-wallet-balance { display:flex; align-items:center; flex-wrap:nowrap; gap:14px; }
body.wallet-showcase .finance-wallet-center .finance-wallet-balance > span:first-child { flex-basis:auto; color:var(--night-muted,#526987); font-size:13px; }
body.wallet-showcase .finance-wallet-center .finance-wallet-balance > strong { font-size:29px; line-height:36px; font-weight:600; color:var(--night-blue,#3d5f9b); letter-spacing:-.6px; font-variant-numeric:tabular-nums; }
body.wallet-showcase .finance-wallet-center .finance-available-dot { font-size:11px; color:var(--night-green,#127658); gap:5px; }
body.wallet-showcase .finance-wallet-center .finance-available-dot::before { width:5px; height:5px; background:#79b79c; }
body.wallet-showcase .finance-wallet-center .finance-wallet-actions { display:flex; align-items:center; gap:9px; flex-wrap:wrap; }
body.wallet-showcase .finance-wallet-center .finance-wallet-actions .btn { min-height:35px; }
body.wallet-showcase .finance-wallet-center .finance-wallet-withdraw { color:var(--night-cyan,#216d70); background:var(--night-tint-green,#eff8f6); border-color:var(--night-line,#d8eae8); }
body.wallet-showcase .finance-wallet-center .finance-wallet-text-link { color:var(--night-muted,#526987); font-size:12px; min-height:34px; margin-left:3px; }
body.wallet-showcase .finance-wallet-center .finance-wallet-top { display:grid; grid-template-columns:minmax(0,1.55fr) minmax(280px,1fr); align-items:stretch; }
body.wallet-showcase .finance-wallet-center .finance-wallet-recharge,body.wallet-showcase .finance-wallet-center .finance-wallet-recent { min-width:0; padding:20px 22px; }
body.wallet-showcase .finance-wallet-center .finance-wallet-recent { border-left:1px solid var(--night-line,#e6edf8); background:linear-gradient(140deg,var(--night-panel,#fff),var(--night-panel,#fcfdff)); }
body.wallet-showcase .finance-wallet-center .finance-wallet-section-head { margin-bottom:15px; }
body.wallet-showcase .finance-wallet-center .finance-wallet-section-head h2 { color:var(--night-ink,#3b557b); font-size:14px; line-height:20px; font-weight:600; }
body.wallet-showcase .finance-wallet-center .finance-wallet-section-head > span { color:var(--night-muted,#526987); font-size:12px; }
body.wallet-showcase .finance-wallet-center .finance-wallet-section-head > a { color:var(--night-muted,#526987); font-size:12px; }
body.wallet-showcase .finance-wallet-center .finance-wallet-recharge-fields { grid-template-columns:minmax(0,1fr) minmax(0,1.08fr); gap:18px; }
body.wallet-showcase .finance-wallet-center .finance-wallet-step { width:17px; height:17px; color:var(--night-muted,#526987); background:var(--night-tint-blue,#edf3ff); font-size:11px; }
body.wallet-showcase .finance-wallet-center .finance-wallet-amount-input > input { height:40px; min-height:40px; padding-left:46px; font-size:14px; }
body.wallet-showcase .finance-wallet-center .finance-wallet-amount-input > span { color:var(--night-muted,#526987); font-size:12px; }
body.wallet-showcase .finance-wallet-center .finance-quick-amounts .btn { min-height:33px; height:33px; padding:6px 4px; font-size:12px; background:var(--night-soft,#f6f9ff); border-color:var(--night-line,#e2e9f7); }
body.wallet-showcase .finance-wallet-center .finance-quick-amounts .btn.active { color:var(--night-blue,#2457f5); background:var(--night-tint-blue,#eaf1ff); border-color:var(--night-line,#c7d7f7); }
body.wallet-showcase .finance-wallet-center .finance-network { gap:8px; }
body.wallet-showcase .finance-wallet-center .finance-network legend { color:var(--night-muted,#526987); font-size:12px; }
body.wallet-showcase .finance-wallet-center .finance-network-choice { min-height:83px; padding:10px 9px; border-color:var(--night-line,#e0e8f5); border-radius:8px; background:var(--night-panel,#fff); }
body.wallet-showcase .finance-wallet-center .finance-network-choice:has(input:checked) { background:var(--night-tint-blue,#f0f5ff); border-color:var(--night-line,#b3c8f3); box-shadow:none; }
body.wallet-showcase .finance-wallet-center .finance-network-choice input { accent-color:var(--night-blue,#6c8ddd); }
body.wallet-showcase .finance-wallet-center .finance-network-choice > span { display:grid; gap:4px; }
body.wallet-showcase .finance-wallet-center .finance-network-choice strong { color:var(--night-muted,#526987); font-size:12px; font-weight:500; }
body.wallet-showcase .finance-wallet-center .finance-network-choice small { color:var(--night-muted,#526987); font-size:12px; }
body.wallet-showcase .finance-wallet-center .finance-wallet-preview-row { margin-top:2px; gap:10px; }
body.wallet-showcase .finance-wallet-center .finance-wallet-preview-row > span { color:var(--night-muted,#526987); font-size:12px; }
body.wallet-showcase .finance-wallet-center .finance-recharge-submit { min-height:36px; padding:7px 12px; font-size:12px; }
body.wallet-showcase .finance-wallet-center .finance-wallet-deposit { min-height:58px; padding:10px 0; border-bottom-color:var(--night-line,#ebeff8); }
body.wallet-showcase .finance-wallet-center .finance-wallet-deposit strong { color:var(--night-muted,#526987); font-size:16px; line-height:20px; font-weight:600; }
body.wallet-showcase .finance-wallet-center .finance-wallet-deposit small { color:var(--night-muted,#526987); font-size:12px; }
body.wallet-showcase .finance-wallet-center .finance-wallet-deposit-arrow { color:var(--night-muted,#a0afc6); }
body.wallet-showcase .finance-wallet-center .finance-wallet-ledger { padding:18px 0 0; border-top:1px solid var(--night-line,#e6edf8); }
body.wallet-showcase .finance-wallet-center .finance-wallet-ledger > .finance-wallet-section-head { padding:0 22px; margin-bottom:14px; }
body.wallet-showcase .finance-wallet-center .finance-ledger-filter { grid-template-columns:minmax(110px,.8fr) minmax(140px,1.1fr) minmax(132px,1fr) minmax(132px,1fr) auto; gap:12px; align-items:end; padding:0 22px; margin:0 0 17px; }
body.wallet-showcase .finance-wallet-center .finance-ledger-filter .finance-filter-actions { grid-column:auto; gap:8px; }
body.wallet-showcase .finance-wallet-center [data-fin-table="ledger"] table { min-width:780px; }
body.wallet-showcase .finance-amount { color:var(--night-muted,#526987); font-size:13px; font-weight:500; }
body.wallet-showcase .finance-amount.finance-positive { color:var(--night-green,#127658); }

/* Transactions: full-width metric row above a continuous records panel. */
body.transactions-showcase .finance-transactions { display:grid; grid-template-columns:minmax(0,1fr); gap:18px; }
body.transactions-showcase .finance-transaction-overview { display:grid; grid-template-columns:repeat(4,minmax(0,1fr)); gap:14px; width:100%; margin:0; padding:0; }
body.transactions-showcase .finance-transaction-stat { --fin-stat-color:var(--night-blue,#6685d9); --fin-stat-bg:var(--night-tint-blue,#ecf2ff); --fin-stat-border:var(--night-line,#dde7fc); display:flex; align-items:center; gap:16px; min-width:0; padding:18px 20px; border:1px solid var(--fin-stat-border); border-radius:12px; background:var(--fin-stat-bg); }
body.transactions-showcase .finance-transaction-stat[data-fin-stat-tone="green"] { --fin-stat-color:var(--night-muted,#5fa08b); --fin-stat-bg:var(--night-tint-green,#edf8f2); --fin-stat-border:var(--night-line,#dfede5); }
body.transactions-showcase .finance-transaction-stat[data-fin-stat-tone="amber"] { --fin-stat-color:var(--night-amber,#c59c60); --fin-stat-bg:var(--night-tint-amber,#fff7eb); --fin-stat-border:var(--night-line,#f2e7d6); }
body.transactions-showcase .finance-transaction-stat[data-fin-stat-tone="purple"] { --fin-stat-color:var(--night-blue,#8d7bc5); --fin-stat-bg:var(--night-tint-blue,#f2eefb); --fin-stat-border:var(--night-line,#e7e0f6); }
body.transactions-showcase .finance-transaction-stat-icon { display:grid; place-items:center; width:38px; height:40px; flex:0 0 38px; color:var(--fin-stat-color); }
body.transactions-showcase .finance-transaction-stat-icon svg { width:31px; height:31px; }
body.transactions-showcase .finance-transaction-stat-copy { display:grid; gap:7px; min-width:0; }
body.transactions-showcase .finance-transaction-stat-copy > span { color:var(--night-muted,#526987); font-size:13px; line-height:17px; }
body.transactions-showcase .finance-transaction-stat-copy > strong { color:var(--night-ink,#3f5574); font-size:27px; line-height:29px; font-weight:600; letter-spacing:-.5px; font-variant-numeric:tabular-nums; white-space:nowrap; }
body.transactions-showcase .finance-transaction-stat-copy > .finance-transaction-stat-money { font-size:24px; }
body.transactions-showcase .finance-transaction-stat-copy strong small { color:var(--night-muted,#526987); font-size:11px; font-weight:400; margin-left:6px; letter-spacing:0; }
body.transactions-showcase .finance-records-panel { overflow:hidden; }
body.transactions-showcase .finance-page .finance-records-panel > .panel-body { padding:0; }
body.transactions-showcase .finance-page .finance-records-panel > .panel-head { padding:16px 20px; }
body.transactions-showcase .finance-page [data-fin-export] { min-height:32px; height:32px; padding:5px 12px; color:var(--night-muted,#526987); background:var(--night-soft,#f4f7ff); border-color:var(--night-line,#dce6f7); }
body.transactions-showcase .finance-transaction-filter { display:grid; grid-template-columns:minmax(180px,1.5fr) minmax(92px,.75fr) minmax(92px,.75fr) repeat(2,minmax(132px,1fr)) auto; gap:12px; align-items:end; padding:17px 20px; margin:0; border-bottom:1px solid var(--night-line,#e6ecf8); }
body.transactions-showcase .finance-transaction-filter .field,body.transactions-showcase .finance-transaction-filter .field:first-child,body.transactions-showcase .finance-transaction-filter .finance-filter-actions { grid-column:auto; margin:0; }
body.transactions-showcase .finance-filter-actions { display:flex; flex-wrap:nowrap; align-items:end; gap:8px; }
body.transactions-showcase .finance-transactions .table-wrap table { min-width:1040px; }
body.transactions-showcase .finance-transactions td { white-space:nowrap; }
body.transactions-showcase .finance-transactions td:first-child { color:var(--night-muted,#526987); font-size:12px; }
body.transactions-showcase .finance-transactions .finance-row-sub { display:block; margin-top:3px; color:var(--night-muted,#526987); font-size:12px; line-height:17px; font-weight:400; }
body.transactions-showcase .finance-transactions td a.finance-card-number { font-size:13px; color:var(--night-muted,#526987)!important; font-weight:400; letter-spacing:0; line-height:20px; }
body.transactions-showcase .finance-transactions .finance-row-sub span { margin-left:6px; }
body.transactions-showcase .finance-transactions td:nth-child(5) { color:var(--night-muted,#526987); font-weight:500; }
body.transactions-showcase .finance-transaction-type { display:inline-block; padding:3px 7px; color:var(--night-blue,#315fab); background:var(--night-tint-blue,#edf3fd); border:1px solid var(--night-line,#e0e9f8); border-radius:5px; font-size:12px; line-height:16px; }
body.transactions-showcase .finance-transactions td:last-child { color:var(--night-muted,#526987); font-size:12px; }

@media(max-width:1200px) {
 body.transactions-showcase .finance-transaction-filter { grid-template-columns:repeat(3,minmax(0,1fr)); }
 body.transactions-showcase .finance-transaction-stat { padding:15px; gap:10px; }
 body.transactions-showcase .finance-transaction-stat-icon { width:30px; flex-basis:30px; }
 body.transactions-showcase .finance-transaction-stat-copy > strong { font-size:24px; }
 body.transactions-showcase .finance-transaction-stat-copy > .finance-transaction-stat-money { font-size:21px; }
 body.wallet-showcase .finance-wallet-center .finance-wallet-summary { flex-wrap:wrap; gap:12px; }
 body.wallet-showcase .finance-wallet-center .finance-wallet-recharge-fields { grid-template-columns:minmax(0,1fr); gap:12px; }
 body.wallet-showcase .finance-wallet-center .finance-network-choice { min-height:57px; }
 body.wallet-showcase .finance-wallet-center .finance-ledger-filter { grid-template-columns:repeat(2,minmax(0,1fr)); }
 body.wallet-showcase .finance-wallet-center .finance-ledger-filter .finance-filter-actions { grid-column:1/-1; }
}
@media(max-width:900px) {
 body.wallet-showcase .finance-wallet-center .finance-wallet-top { grid-template-columns:minmax(0,1fr); }
 body.wallet-showcase .finance-wallet-center .finance-wallet-recent { border-left:0; border-top:1px solid var(--night-line,#e6edf8); }
 body.wallet-showcase .finance-wallet-center .finance-wallet-recharge-fields { grid-template-columns:minmax(0,1fr) minmax(0,1.08fr); }
 body.wallet-showcase .finance-wallet-center .finance-network-choice { min-height:83px; }
 body.transactions-showcase .finance-transaction-overview { grid-template-columns:repeat(2,minmax(0,1fr)); gap:10px; }
}
@media(max-width:620px) {
 body:is(.wallet-showcase,.transactions-showcase) .page-content > .page-intro { gap:15px; }
 body:is(.wallet-showcase,.transactions-showcase) .finance-showcase-title-art { width:70px; flex-basis:70px; }
 body:is(.wallet-showcase,.transactions-showcase) .finance-page .btn,body:is(.wallet-showcase,.transactions-showcase) .finance-page :is(input:not([type="radio"]),select) { min-height:40px; }
 body:is(.wallet-showcase,.transactions-showcase) .finance-pagination { padding:12px 16px; gap:15px; }
 body:is(.wallet-showcase,.transactions-showcase) .finance-pagination .btn,body:is(.wallet-showcase,.transactions-showcase) .finance-page-size select { min-height:32px; height:32px; }
 body.wallet-showcase .finance-wallet-center .finance-wallet-summary { padding:17px 16px; align-items:flex-start; }
 body.wallet-showcase .finance-wallet-center .finance-wallet-balance { width:100%; flex-wrap:wrap; gap:7px 12px; }
 body.wallet-showcase .finance-wallet-center .finance-wallet-balance > span:first-child { flex-basis:100%; }
 body.wallet-showcase .finance-wallet-center .finance-wallet-balance > strong { font-size:29px; }
 body.wallet-showcase .finance-wallet-center .finance-wallet-actions { justify-content:flex-start; gap:8px; }
 body.wallet-showcase .finance-wallet-center .finance-wallet-text-link { margin-left:0; }
 body.wallet-showcase .finance-wallet-center .finance-wallet-recharge,body.wallet-showcase .finance-wallet-center .finance-wallet-recent { padding:18px 16px; }
 body.wallet-showcase .finance-wallet-center .finance-wallet-recharge-fields { grid-template-columns:minmax(0,1fr); gap:15px; }
 body.wallet-showcase .finance-wallet-center .finance-network-choice { min-height:60px; }
 body.wallet-showcase .finance-wallet-center .finance-quick-amounts .btn { min-height:36px; height:36px; }
 body.wallet-showcase .finance-wallet-center .finance-wallet-preview-row { flex-wrap:wrap; }
 body.wallet-showcase .finance-wallet-center .finance-wallet-ledger > .finance-wallet-section-head { padding-inline:16px; }
 body.wallet-showcase .finance-wallet-center .finance-ledger-filter { padding-inline:16px; }
 body.transactions-showcase .finance-transaction-stat { padding:12px; gap:9px; }
 body.transactions-showcase .finance-transaction-stat-icon { width:25px; height:30px; flex-basis:25px; }
 body.transactions-showcase .finance-transaction-stat-icon svg { width:24px; height:24px; }
 body.transactions-showcase .finance-transaction-stat-copy > span { font-size:12px; }
 body.transactions-showcase .finance-transaction-stat-copy > strong { font-size:23px; }
 body.transactions-showcase .finance-transaction-stat-copy > .finance-transaction-stat-money { font-size:19px; }
 body.transactions-showcase .finance-transaction-stat-copy strong small { font-size:11px; margin-left:4px; }
 body.transactions-showcase .finance-page .finance-records-panel > .panel-head { padding:15px 16px; }
 body.transactions-showcase .finance-transaction-filter { grid-template-columns:repeat(2,minmax(0,1fr)); gap:12px; padding:16px; }
 body.transactions-showcase .finance-transaction-filter .field:first-child { grid-column:1/-1; }
 body.transactions-showcase .finance-transaction-filter .finance-filter-actions { grid-column:1/-1; justify-content:flex-end; }
}