.ex-metrics{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:14px;margin:16px 0 22px}.ex-metric{padding:22px;display:flex;flex-direction:column;gap:12px;min-width:0}.ex-metric>span{font-weight:650}.ex-metric strong{font-size:clamp(20px,2vw,30px);overflow-wrap:anywhere;line-height:1.3}.ex-metric strong small{font-size:12px}.ex-metric>small{opacity:.8}.ex-primary{background:#087950!important;color:#fff!important;border-color:#087950!important}.ex-forms{display:grid;grid-template-columns:1fr 1fr;gap:20px}.ex-forms form label{display:flex;flex-direction:column;gap:7px;font-weight:600}.ex-forms input,.ex-year select,.ex-history select{width:100%;min-height:42px;padding:9px 12px;border:1px solid #cbded5;border-radius:10px;font:inherit;background:var(--card,#fff);color:inherit}.ex-forms button{min-height:44px}.ex-history{margin-top:22px}.ex-history .card-head{flex-wrap:wrap;gap:14px}.ex-year{min-width:120px;display:grid;gap:5px;font-size:12px}.ex-table-wrap{overflow-x:auto}.ex-history table{width:100%;border-collapse:collapse;font-size:13px}.ex-history th{text-align:left;background:#eef7f2;font-size:11px;text-transform:uppercase;letter-spacing:.04em;color:#235f46}.ex-history th,.ex-history td{padding:14px 10px;border-bottom:1px solid #e1ebe5}.ex-history td small{display:block;margin-top:4px}.ex-reference{overflow-wrap:anywhere;max-width:200px}.ex-amount{white-space:nowrap;font-weight:700}.ex-tag{display:inline-block;padding:5px 9px;background:#e5f5ec;color:#126844;border-radius:7px;white-space:nowrap}.ex-tag.sent{background:#fff2df;color:#945100}.ex-tag.fund{background:#edf0fb;color:#425780}.ex-pagination{display:flex;align-items:center;justify-content:space-between;gap:12px;padding-top:16px;font-size:12px}.ex-empty{text-align:center;padding:35px!important;color:#64796f}#exchangeStatus:not(:empty){padding:12px;background:#fff5df;border-radius:10px;color:#6e501b}#exchangeCashNotice{padding-bottom:16px}#exchangeCashNotice p{margin-bottom:12px}.member-account-shell[data-theme=dark] .ex-history th{background:#20372e;color:#ceebdf}.member-account-shell[data-theme=dark] .ex-forms input,.member-account-shell[data-theme=dark] .ex-year select,.member-account-shell[data-theme=dark] .ex-history select{background:#182a23;border-color:#385447;color:#edf9f3}@media(max-width:1000px){.ex-metrics{grid-template-columns:repeat(2,minmax(0,1fr))}}@media(max-width:600px){.ex-forms{grid-template-columns:1fr}.ex-metrics{gap:9px;margin-top:8px}.ex-metric{padding:14px;gap:8px}.ex-metric strong{font-size:20px}.ex-metric>span,.ex-metric>small{font-size:11px}.ex-history .card-body{padding:12px}.ex-history td,.ex-history th{padding:10px 8px}.ex-year{min-width:100px}.ex-history .card-head label{width:100%}}
/* A compact Platinum summary and a downloadable member transfer receipt. */
.dashboard-balance-row.has-exchange-wallet{grid-template-columns:repeat(4,minmax(0,1fr))}
.transfer-receipt-dialog{box-sizing:border-box;width:min(440px,calc(100vw - 20px));max-width:none;max-height:calc(100dvh - 20px);margin:auto;padding:0;border:1px solid #d4e5db;border-radius:12px;background:#fff;color:#193d2d;box-shadow:0 18px 60px #07392340;overflow:auto;overscroll-behavior:contain;font:13px/1.4 Inter,ui-sans-serif,system-ui,sans-serif}
.transfer-receipt-dialog::backdrop{background:#143d3266}
.transfer-receipt{padding:16px 16px 12px}
.transfer-receipt header img{width:180px;height:29px;object-fit:contain;display:block;margin:0 0 14px}
.transfer-receipt-heading{display:flex;align-items:center;justify-content:space-between;gap:8px;margin-bottom:12px}
.transfer-receipt-heading h2{font-size:20px;line-height:1.2;margin:0;color:#174d36;font-weight:750}
.transfer-receipt-status{flex-shrink:0;font-size:11px;font-weight:650;padding:5px 7px;border-radius:6px;background:#e9f6ee;color:#08764e}
.transfer-receipt-amount{padding:12px 14px;background:#edf8f2;border-radius:8px;display:grid;gap:3px;overflow-wrap:anywhere}
.transfer-receipt-amount>span{color:#496c5b;font-size:12px}.transfer-receipt-amount>strong{font-size:28px;line-height:1.2;font-weight:750;color:#08764e}.transfer-receipt-amount small{font-size:15px;font-weight:650}
.transfer-receipt-meta{margin:12px 0;padding:0;display:grid;gap:8px;font-size:12px}
.transfer-receipt-meta>div{display:grid;grid-template-columns:80px minmax(0,1fr);gap:8px}.transfer-receipt-meta dt{color:#607065}.transfer-receipt-meta dd{margin:0;font-weight:600;overflow-wrap:anywhere;text-align:right}
.transfer-receipt-table{display:table;width:100%;min-width:0;table-layout:fixed;border-collapse:collapse;font-size:12px;text-align:left;margin:0}
.transfer-receipt-table thead{display:table-header-group}.transfer-receipt-table tbody{display:table-row-group}.transfer-receipt-table tr{display:table-row;background:transparent}
.transfer-receipt-table th,.transfer-receipt-table td{display:table-cell;padding:9px 7px;vertical-align:top;border:0;border-bottom:1px solid #e1ebe5;overflow-wrap:anywhere;white-space:normal;text-align:left;line-height:1.4}
.transfer-receipt-table thead th{background:#edf5f0;color:#23583e;font-weight:700}.transfer-receipt-table tbody th{font-weight:500;color:#607065}.transfer-receipt-table tbody tr:first-child td{font-weight:650}
.transfer-receipt-note{display:grid;grid-template-columns:40px minmax(0,1fr);gap:8px;font-size:12px;overflow-wrap:anywhere;margin:10px 0 0;color:#596c61}
.transfer-receipt-actions{display:flex;gap:8px;padding:0 16px 16px}.transfer-receipt-actions .btn{flex:1;min-width:0;min-height:44px;padding:8px 12px;border-radius:8px;font-size:13px}.transfer-receipt-actions .primary{background:#087950;border-color:#087950;color:#fff}
.transfer-receipt-error:empty{display:none}.transfer-receipt-error{margin:0;padding:0 16px 12px;color:#a52a2a;font-size:12px}
@media(max-width:1100px){.dashboard-balance-row.has-exchange-wallet{grid-template-columns:repeat(2,minmax(0,1fr))}}
@media(max-width:360px){.transfer-receipt{padding:12px 12px 10px}.transfer-receipt-heading h2{font-size:18px}.transfer-receipt-table th,.transfer-receipt-table td{padding:8px 5px}.transfer-receipt-actions{padding:0 12px 12px}.transfer-receipt-meta>div{grid-template-columns:70px minmax(0,1fr)}}

/* Cash ledger stays a horizontal table on small screens. */
.cash-history-card .card-body{padding:18px}.cash-history-tools{display:flex;align-items:center;justify-content:space-between;gap:12px;margin-bottom:16px;font-size:12px;flex-wrap:wrap}.cash-history-tools label{display:flex;align-items:center;gap:8px}.cash-history-tools select{padding:9px 12px;border:1px solid #cbded5;border-radius:8px;background:#fff;font:inherit;color:#23583e}.cash-history-scroll{overflow-x:auto;max-width:100%;-webkit-overflow-scrolling:touch}.cash-history-table{display:table!important;width:100%;min-width:1000px;border-collapse:collapse;font-size:12px}.cash-history-table thead{display:table-header-group!important}.cash-history-table tbody{display:table-row-group!important}.cash-history-table tr{display:table-row!important}.cash-history-table th,.cash-history-table td{display:table-cell!important;text-align:left;padding:14px 10px;border:0;border-bottom:1px solid #e1ebe5;vertical-align:middle}.cash-history-table td:before{display:none!important}.cash-history-table th{font-size:11px;background:#f0f6f2;color:#52735f;white-space:nowrap}.cash-history-table td:first-child{white-space:nowrap}.cash-history-table small{display:block;margin-top:4px;color:#64796f;font-size:11px}.cash-history-table strong{font-weight:650}.cash-amount{white-space:nowrap;font-weight:650}.cash-reference{overflow-wrap:anywhere;max-width:210px;font-size:10px}.cash-history-card .ex-pagination{font-size:11px}.transfer-receipt-details{margin:0;display:grid;font-size:12px}.transfer-receipt-details>div{display:grid;grid-template-columns:95px minmax(0,1fr);gap:8px;padding:4px 0;border-bottom:1px solid #e1ebe5}.transfer-receipt-details dt{color:#607065}.transfer-receipt-details dd{margin:0;text-align:right;overflow-wrap:anywhere;font-weight:600}
@media(max-width:600px){.cash-history-card .card-body{padding:12px}.cash-history-tools{margin-bottom:12px}.cash-history-table th,.cash-history-table td{padding:11px 8px}}

/* Short display references preserve the full immutable identifier for support. */
.transaction-reference{display:inline-flex;align-items:center;gap:6px;border:1px solid #d9e7df;border-radius:6px;background:#f4f8f5;color:#35624c;padding:5px 7px;font:600 11px/1.25 ui-monospace,SFMono-Regular,Consolas,monospace;white-space:nowrap;cursor:pointer;max-width:100%}.transaction-reference:hover{background:#e8f3ed;border-color:#8bb8a0}.transaction-reference:focus-visible{outline:2px solid #087950;outline-offset:2px}.transaction-reference svg{width:13px;height:13px;flex-shrink:0}.transaction-reference .reference-copy-status{font:500 10px/1.2 system-ui;white-space:normal}.reference-copy-status:empty{display:none}.reference-manual-copy{display:block;max-width:100%;width:100%;font-size:11px;margin-top:5px}.cash-reference{max-width:180px}.cash-history-table{min-width:940px}.ex-reference{display:inline-block}
.transfer-receipt-dialog{width:min(450px,calc(100vw - 20px));border:1px solid #dbe8df;border-top:4px solid #e6a327;border-radius:15px;box-shadow:0 24px 72px #0b342c42}.transfer-receipt{padding:16px 16px 10px}.transfer-receipt header img{margin-bottom:11px}.transfer-receipt-heading{margin-bottom:11px}.transfer-receipt-heading h2{font-size:19px;letter-spacing:-.3px}.transfer-receipt-status{border:1px solid #d5eadc;border-radius:20px;padding:4px 8px;font-size:10px}.transfer-receipt-amount{background:linear-gradient(115deg,#07583f,#108363);border-radius:10px;padding:12px 14px;border:1px solid #0b7153}.transfer-receipt-amount>span{color:#d6eee4;font-size:11px}.transfer-receipt-amount>strong{color:#fff;font-size:30px;letter-spacing:-.5px}.transfer-receipt-amount small{color:#d6eee4;font-size:13px;letter-spacing:0}.transfer-receipt-meta{margin:10px 0;gap:6px;align-items:center}.transfer-receipt-meta>div{align-items:center}.transfer-receipt-details>div{padding:4px 0;border-bottom-color:#edf1ee}.transfer-receipt-details .receipt-package-line{background:#f0f7f2;border-radius:5px;padding:5px 6px;margin:2px -6px}.receipt-package-line dd{color:#08764e}.receipt-balance-summary{display:grid;grid-template-columns:1fr 1fr;gap:8px;margin-top:10px}.receipt-balance-summary>div{padding:8px 10px;background:#f4f7f5;border:1px solid #e4ece7;border-radius:7px}.receipt-balance-summary>div:last-child{background:#edf7f0;border-color:#d7eadd}.receipt-balance-summary span{display:block;font-size:10px;color:#62766a}.receipt-balance-summary strong{display:block;margin-top:2px;font-size:14px;color:#174f36;overflow-wrap:anywhere}.transfer-receipt-actions{padding-top:3px}.transfer-receipt-actions .primary{box-shadow:0 4px 10px #08795018}.transfer-receipt-note{font-size:11px}
@media(max-width:360px){.transfer-receipt{padding:12px 12px 8px}.transfer-receipt header img{width:165px;height:26px;margin-bottom:9px}.transfer-receipt-heading{margin-bottom:9px}.transfer-receipt-heading h2{font-size:17px}.transfer-receipt-meta{font-size:11px}.transfer-receipt-details{font-size:11px}.transfer-receipt-details>div{padding:3px 0;grid-template-columns:85px minmax(0,1fr)}.receipt-balance-summary{margin-top:8px}.receipt-balance-summary>div{padding:7px 8px}.receipt-balance-summary strong{font-size:13px}.transfer-receipt-actions .btn{min-height:42px}}
/* Compact wallet statements: one selected wallet and four essential columns. */
#page-transactions>.heading,.cash-history-card>.card-head:empty{display:none}
#page-transactions{padding-top:0}.cash-history-card .card-body{padding:12px 16px}.cash-history-table{min-width:590px;font-size:12px}.cash-history-table th,.cash-history-table td{padding:10px 12px}.cash-history-table th:first-child{width:180px}.cash-history-table th:nth-child(3){width:150px}.cash-history-table th:last-child{width:70px}.cash-history-table td small{margin-top:3px}.wallet-direction{font-size:10px;font-weight:500}.wallet-direction.received{color:#08784e}.wallet-direction.paid{color:#946127}.wallet-history-tabs{display:flex;gap:6px;margin-bottom:12px;overflow-x:auto}.wallet-history-tabs button{white-space:nowrap;padding:8px 12px;border:1px solid #cfe2d8;background:#fff;border-radius:7px;color:#315b49;font:600 12px inherit;cursor:pointer}.wallet-history-tabs button.active{background:#087950;color:#fff;border-color:#087950}.wallet-statement-heading{display:flex;align-items:center;justify-content:space-between;gap:10px;margin:0 0 10px}.wallet-statement-heading h2{font-size:17px;margin:0}.wallet-statement-heading>span{font-size:12px}.wallet-history-filters{display:flex;align-items:end;gap:8px;margin:0 0 12px;flex-wrap:wrap}.wallet-history-filters label{display:flex;flex-direction:column;gap:4px;font-size:11px;color:#486755}.wallet-history-filters input,.wallet-history-filters select{height:35px;padding:6px 9px;border:1px solid #cedfd5;border-radius:6px;background:#fff;color:#234a38;font:12px system-ui;min-width:130px}.wallet-history-filters .btn{height:35px}.cash-history-card .ex-pagination{padding-top:10px;margin-top:0}.dashboard-balance-row{grid-template-columns:repeat(2,minmax(0,1fr))}.dashboard-balance-row.has-exchange-wallet{grid-template-columns:repeat(3,minmax(0,1fr))}#incomeWalletHub .income-withdraw-card{max-width:700px;margin-top:12px}#incomeWalletHub .income-withdraw-card .card-head,#incomeWalletHub .income-withdraw-card .card-body{padding:12px 16px}
@media(max-width:600px){.cash-history-card .card-body{padding:10px}.wallet-history-tabs{gap:4px}.wallet-history-tabs button{padding:7px 9px;font-size:11px}.wallet-statement-heading{align-items:start}.wallet-statement-heading h2{font-size:15px}.wallet-statement-heading>span{font-size:11px;white-space:nowrap}.wallet-history-filters{display:grid;grid-template-columns:1fr 1fr auto;gap:6px}.wallet-history-filters label{min-width:0}.wallet-history-filters label:first-child{grid-column:1}.wallet-history-filters label:nth-child(2){grid-column:2 / 4}.wallet-history-filters input,.wallet-history-filters select{min-width:0;width:100%;box-sizing:border-box}.wallet-history-filters label:nth-child(3){grid-column:1}.wallet-history-filters .btn{padding:6px 12px}.cash-history-table th,.cash-history-table td{padding:9px 10px}.dashboard-balance-row,.dashboard-balance-row.has-exchange-wallet{grid-template-columns:repeat(2,minmax(0,1fr))}}

.wallet-history-filters [hidden]{display:none!important}

@media(max-width:600px){.wallet-history-filters{grid-template-columns:repeat(6,minmax(0,1fr))}.wallet-history-filters label:first-child{grid-column:1 / span 3}.wallet-history-filters label:nth-child(2){grid-column:4 / span 3}.wallet-history-filters label:nth-child(3){grid-column:1 / span 3}.wallet-history-filters button[type=submit]{grid-column:4 / span 2}.wallet-history-filters [data-wallet-clear]{grid-column:6;padding:6px 3px}}

/* One-row wallet toolbar and the same ledger columns at every screen size. */
.wallet-history-tabs[hidden]{display:none}
.wallet-date-short{display:none}
.wallet-balance-column{font-variant-numeric:tabular-nums}
#memberAccountShell #mioHistory.member-wallet-statement .wallet-history-filters{display:flex;flex-wrap:nowrap;align-items:center;gap:8px;margin:0 0 10px;position:relative}
#memberAccountShell #mioHistory.member-wallet-statement .wallet-history-filters label{display:flex;flex-direction:row;align-items:center;gap:6px;margin:0;min-width:0;font-size:11px}
#memberAccountShell #mioHistory.member-wallet-statement .wallet-history-filters :is(input,select){width:auto;min-width:0;min-height:34px;height:34px;padding:5px 7px;font-size:12px}
#memberAccountShell #mioHistory.member-wallet-statement .wallet-picker{flex:0 1 200px}
#memberAccountShell #mioHistory.member-wallet-statement .wallet-picker select{width:100%}
.wallet-control-label{display:none}
.wallet-filter-menu{margin-left:auto}
.wallet-filter-menu summary{display:flex;align-items:center;justify-content:center;gap:5px;cursor:pointer;list-style:none;background:#087950;color:#fff;border-radius:6px;height:34px;padding:0 10px;font-size:12px;box-sizing:border-box}
.wallet-filter-menu summary::-webkit-details-marker{display:none}
.wallet-filter-menu summary:focus-visible{outline:2px solid #f8a51b;outline-offset:2px}
.wallet-filter-panel{position:absolute;right:0;top:calc(100% + 5px);z-index:20;display:flex;align-items:end;gap:6px;padding:12px;border:1px solid #cedfd5;border-radius:8px;background:#fff;box-shadow:0 8px 24px #123a2926;max-width:100%;box-sizing:border-box}
#memberAccountShell #mioHistory.member-wallet-statement .wallet-filter-panel .wallet-activity{flex-direction:column;align-items:stretch}
#memberAccountShell #mioHistory.member-wallet-statement .wallet-filter-panel .btn{min-height:34px;height:34px;padding:5px 8px;font-size:11px}
#memberAccountShell #mioHistory.member-wallet-statement .cash-history-scroll{width:100%;max-width:100%;overflow-x:auto;overscroll-behavior-x:contain;scrollbar-width:auto;-webkit-overflow-scrolling:touch}
#memberAccountShell #mioHistory.member-wallet-statement .cash-history-table{min-width:880px;width:100%;table-layout:auto}
#memberAccountShell #mioHistory.member-wallet-statement .cash-history-table :is(th,td){white-space:nowrap;overflow-wrap:normal;word-break:normal;padding:9px 12px;line-height:1.35;font-size:12px}
#memberAccountShell #mioHistory.member-wallet-statement .cash-history-table th{width:auto}
#memberAccountShell #mioHistory.member-wallet-statement .cash-history-table th:nth-child(2){width:30%}
#memberAccountShell #mioHistory.member-wallet-statement .cash-history-table .btn{min-width:40px;min-height:30px;white-space:nowrap;padding:4px 7px;font-size:11px}
@media(max-width:760px){
 #memberAccountShell #page-transactions .cash-history-card .card-body{padding:8px}
 #memberAccountShell #mioHistory.member-wallet-statement .wallet-history-filters{gap:5px}
 #memberAccountShell #mioHistory.member-wallet-statement .wallet-picker{flex:1;min-width:0}
 #memberAccountShell #mioHistory.member-wallet-statement .wallet-history-filters .wallet-picker select{font-size:11px;padding:4px 2px;height:34px}
 #memberAccountShell #mioHistory.member-wallet-statement .wallet-history-filters :is(.wallet-from,.wallet-to){position:relative;flex:0 0 47px;height:34px;display:flex;flex-direction:column;justify-content:center;gap:0;border:1px solid #cedfd5;border-radius:6px;background:#fff;font-size:11px;box-sizing:border-box}
 #memberAccountShell #mioHistory.member-wallet-statement .wallet-history-filters .wallet-date-input{position:absolute;inset:0;opacity:0;width:100%;height:100%;cursor:pointer}
 #memberAccountShell #mioHistory .wallet-date-input::-webkit-calendar-picker-indicator{position:absolute;inset:0;width:auto;height:auto;cursor:pointer}
 #memberAccountShell #mioHistory.member-wallet-statement :is(.wallet-from,.wallet-to):focus-within{outline:2px solid #087950;outline-offset:1px}
 .wallet-date-short{display:block;font-size:9px;line-height:11px;color:#486755}
 .wallet-date-short:empty{display:none}
 .wallet-filter-menu{flex:0 0 30px;margin-left:0}
 .wallet-filter-menu summary{width:30px;padding:0}
 .wallet-filter-menu summary span{display:none}
 #memberAccountShell #mioHistory.member-wallet-statement .wallet-statement-heading{gap:4px;align-items:center;margin-bottom:8px}
 #memberAccountShell #mioHistory.member-wallet-statement .wallet-statement-heading h2{font-size:14px}
 #memberAccountShell #mioHistory.member-wallet-statement .cash-history-table{min-width:880px}
 #memberAccountShell #mioHistory.member-wallet-statement .cash-history-table :is(th,td){padding:8px 10px;font-size:11px}
}