.balance-topup-dialog{box-sizing:border-box;width:440px;max-width:calc(100vw - 32px);max-height:calc(100dvh - 32px);margin:auto;padding:24px;border:1px solid #dce3ef;border-radius:14px;background:#fff;color:#1b273c;box-shadow:0 24px 80px #14223d30;overflow:auto;font-family:inherit}
.balance-topup-dialog::backdrop{background:#14223d66}
.balance-topup-heading{display:flex;align-items:center;justify-content:space-between;gap:12px}
.balance-topup-heading h2{margin:0;font-size:20px;line-height:1.4;font-weight:650;letter-spacing:0}
.balance-topup-heading button{display:grid;place-items:center;flex-shrink:0;width:36px;height:36px;padding:0;border:0;border-radius:6px;background:#f1f4f9;color:#53647e;font:24px/1 sans-serif;cursor:pointer}
.balance-topup-dialog p{margin:10px 0 20px;color:#65718a;font-size:13px;line-height:1.7}
.balance-topup-options{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:14px}
.balance-topup-options a{display:flex;flex-direction:column;align-items:center;gap:10px;padding:22px 12px;border:1px solid #ccd8eb;border-radius:10px;background:#f6f8fd;color:#254d91;text-decoration:none}
.balance-topup-options strong{font-size:30px;line-height:1.2;font-weight:650}
.balance-topup-options span{font-size:13px;line-height:1.5}
.balance-topup-options a:hover{background:#eaf0fa;border-color:#254d91}
.balance-topup-dialog :focus-visible{outline:2px solid #254d91;outline-offset:3px}
.balance-topup-dialog .balance-topup-note{margin:18px 0 0;font-size:12px}
@media(max-width:480px){.balance-topup-dialog{padding:20px}.balance-topup-heading h2{font-size:18px}.balance-topup-options{gap:12px}}

/* USDT recharge is an additional wallet card; CDK redemption remains available
   when the USDT switch is off. Keep the payment card usable on narrow/low screens. */
.wallet-grid{grid-template-columns:minmax(230px,.8fr) minmax(320px,1.35fr) minmax(260px,1fr)}
.usdt-topup-surface{min-width:0}
.usdt-status{display:inline-flex;align-items:center;min-height:24px;padding:0 9px;border:1px solid #344158;color:#9ba8ba;background:#111e35;font-size:11px;white-space:nowrap}
.usdt-status[data-state="active"]{border-color:rgba(63,190,132,.5);color:#a6f2c9;background:rgba(26,117,77,.25)}
.usdt-status[data-state="disabled"]{border-color:rgba(244,160,90,.45);color:#ffd5ad;background:rgba(129,75,28,.25)}
.usdt-disabled{margin-bottom:14px;border-left-color:#e7a15e}
.usdt-amount-mode{display:inline-flex;flex-wrap:wrap;gap:6px;margin:0 0 8px}.usdt-amount-mode .button{min-height:30px}.usdt-amount-mode .button.active{color:#fff;border-color:#4f83f4;background:#2867ee}.usdt-amount-row{display:grid;gap:9px}.usdt-presets{display:flex;flex-wrap:wrap;gap:7px}.usdt-presets .button.active{color:#fff;border-color:#4f83f4;background:#2867ee}.usdt-input-wrap{position:relative;display:flex;align-items:center}.usdt-input-wrap .input{padding-right:76px}.usdt-input-wrap>span{position:absolute;right:13px;color:#63738c;font-size:12px;font-weight:650;pointer-events:none}.usdt-amount-help{color:#63738c;font-size:11px;line-height:1.5}.usdt-quote-summary{display:grid;grid-template-columns:auto auto;align-items:center;gap:4px 12px;margin:12px 0;padding:13px 14px;border-left:3px solid #54657e;background:#111e35}.usdt-quote-summary span,.usdt-quote-summary small{color:#9ba8ba}.usdt-quote-summary strong{justify-self:end;color:#fff;font-size:18px;text-align:right}.usdt-quote-summary small{grid-column:1/-1;line-height:1.5}
.usdt-payment{display:grid;gap:12px;margin-top:14px;padding-top:15px;border-top:1px solid #2b384e}.usdt-payment-grid{display:grid;grid-template-columns:1fr 1fr;gap:10px}.usdt-payment-grid>div{display:grid;gap:5px;min-width:0;padding:11px;background:#111e35}.usdt-payment-grid strong{color:#fff;font-size:18px;overflow-wrap:anywhere}.usdt-payment-grid .button{justify-self:start}.usdt-address-box{display:grid;gap:7px;padding:12px;border:1px solid #344158;background:#0b1220}.usdt-address-box code{color:#c9d8ff;font-size:12px;line-height:1.5;overflow-wrap:anywhere;user-select:all}.usdt-address-box .button{justify-self:start}.usdt-qr{width:min(190px,100%);aspect-ratio:1;padding:7px;background:#fff;object-fit:contain}.usdt-order-state{padding:11px 12px;border-left:3px solid #4f83f4;color:#c2ccda;background:#111e35;font-size:12px;line-height:1.6}.usdt-order-history{margin-top:18px}.usdt-order-history h3{margin:0 0 9px;font-size:14px}.usdt-order-history .table-wrap{max-height:230px;overflow:auto}.usdt-order-history table{min-width:480px}
@media(max-width:1120px){.wallet-grid{grid-template-columns:1fr 1fr}.wallet-grid>:last-child{grid-column:1/-1}}
@media(max-width:650px){.wallet-grid{grid-template-columns:1fr}.wallet-grid>:last-child{grid-column:auto}.usdt-payment-grid{grid-template-columns:1fr}.usdt-status{font-size:10px}}

.balance-topup-standalone{padding-top:4px}
.balance-topup-page-head{display:flex;align-items:flex-start;justify-content:space-between;gap:24px;margin-bottom:22px}
.balance-topup-page-head>div>span{color:#63738c;font-size:11px;letter-spacing:.14em}
.balance-topup-page-head h1{margin:7px 0 6px;color:#23334b;font-size:30px;line-height:1.2;letter-spacing:-.02em}
.balance-topup-page-head p{margin:0;color:#63738c;font-size:13px}
.balance-topup-page-balance{display:flex;align-items:center;gap:16px;margin-bottom:20px;padding:17px 20px;border:1px solid #dfe5ef;border-radius:9px;background:#f7f9fd;color:#63738c;font-size:12px}
.balance-topup-page-balance strong{color:#1f3e70;font-size:25px;line-height:1}
.balance-topup-page-balance a{margin-left:auto;color:#254d91;font-size:12px;text-decoration:none}
.balance-topup-methods{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:18px;align-items:stretch}
.balance-topup-method{padding:22px;min-width:0}
.balance-topup-method-kicker{display:flex;align-items:center;justify-content:space-between;gap:12px;margin:-4px 0 12px;color:#31558d;font-size:11px;letter-spacing:.08em;text-transform:uppercase}
.balance-topup-method-kicker b{padding:5px 8px;border:1px solid #c7d9f8;border-radius:999px;background:#eef4ff;color:#2867c9;font-size:10px;letter-spacing:0;text-transform:none}
.balance-topup-usdt-method{display:flex;flex-direction:column;background:linear-gradient(155deg,#f9fbff 0%,#fff 58%);border-color:#cddcf3}
.balance-topup-usdt-method #usdt-topup-panel{display:flex;flex:1;flex-direction:column}
.balance-topup-usdt-method .usdt-order-history{margin-top:auto;padding-top:18px}
.balance-topup-method h2{font-size:19px!important}
.balance-topup-mobile-nav{display:none}
.balance-topup-method{scroll-margin-top:12px}
.balance-topup-page-head{margin-bottom:16px}
.balance-topup-page-balance{margin-bottom:16px;padding:14px 20px}
.balance-topup-method .portal-surface-head{margin-bottom:10px}
.balance-topup-method .portal-surface-head>div>span{display:none}
.balance-topup-method .usdt-customer-copy{margin:0 0 16px;max-width:none}
.balance-topup-method .balance-topup-options-page a{flex-direction:row;justify-content:space-between;padding:15px 16px}
.balance-topup-method .balance-topup-options-page strong{font-size:25px}
.balance-topup-method .balance-topup-network{display:none}
.balance-topup-method .balance-topup-options-page{margin-top:12px}
.balance-topup-method .balance-topup-subsection{margin-top:13px;padding-top:13px}
.usdt-history-details{margin-top:15px;border-top:1px solid #e5eaf2;padding-top:12px;color:#63738c;font-size:12px}
.usdt-history-details summary{cursor:pointer}.usdt-history-details:not(:has(tbody tr)){display:none}
.usdt-history-details h3{display:none}
.usdt-history-details+.button{margin-top:12px}
.usdt-history-details table{min-width:460px}
.balance-topup-subsection{margin-top:17px;padding-top:16px;border-top:1px solid #e5eaf2}
.balance-topup-subhead{display:flex;align-items:baseline;justify-content:space-between;gap:12px;margin-bottom:10px}
.balance-topup-subhead strong{color:#23334b;font-size:13px}.balance-topup-subhead small{color:#77869c;font-size:11px;text-align:right}
.balance-topup-options-page{margin-top:17px}
.balance-topup-options-page a{background:#f7f9fd;border-color:#d5deed}
.balance-topup-network{display:grid;grid-template-columns:auto 1fr;align-items:center;gap:6px 10px;margin-top:14px;font-size:13px}
.balance-topup-network>span{color:#63738c;font-size:12px}
.balance-topup-network>small{grid-column:1/-1;color:#63738c;line-height:1.6}
.balance-topup-note{margin:15px 0 0;color:#6d7d95;font-size:12px;line-height:1.7}
.balance-topup-status{min-height:20px;margin:12px 0 0;color:#2f6d58;font-size:12px}
.balance-topup-usdt-host{min-width:0}
.balance-topup-usdt-host>.usdt-topup-surface{height:100%;margin:0}
.balance-topup-usdt-host .usdt-topup-surface{background:transparent;color:#1b273c;border:0}
.balance-topup-usdt-host .usdt-topup-surface h2,.balance-topup-usdt-host .usdt-topup-surface label{color:#23334b}
.balance-topup-usdt-host .usdt-topup-surface .muted{color:#63738c}
.balance-topup-usdt-host .usdt-topup-surface .usdt-status{border-color:#d6dfed;color:#63738c;background:#f4f7fc}
.balance-topup-usdt-host .usdt-order-history h3{color:#23334b}
.balance-topup-usdt-host .usdt-quote-summary,.balance-topup-usdt-host .usdt-payment-grid>div,.balance-topup-usdt-host .usdt-address-box,.balance-topup-usdt-host .usdt-order-state{background:#f4f7fc;border-color:#d6dfed;color:#23334b}
.balance-topup-usdt-host .usdt-quote-summary strong,.balance-topup-usdt-host .usdt-payment-grid strong,.balance-topup-usdt-host .usdt-address-box code{color:#254d91}
.balance-topup-usdt-host .usdt-quote-summary span,.balance-topup-usdt-host .usdt-quote-summary small{color:#63738c}
.balance-topup-usdt-host .usdt-payment{border-color:#d6dfed}
.balance-topup-usdt-host .balance-topup-method{height:100%}
.usdt-customer-copy{max-width:42ch;line-height:1.7}
.usdt-dialog-head{display:flex;align-items:center;justify-content:space-between;gap:16px;margin-bottom:12px}.usdt-dialog-head h2{margin:0;color:#23334b;font-size:19px}.usdt-dialog-close{flex:none;width:32px;height:32px;border:0;border-radius:6px;background:#eef2f8;color:#53647e;font-size:24px;line-height:1;cursor:pointer}.usdt-dialog-close:hover{background:#e3eaf5}
#usdt-payment-dialog{box-sizing:border-box;width:min(620px,calc(100vw - 24px));max-width:620px;max-height:calc(100dvh - 24px);margin:auto;padding:18px;border:1px solid #cbd9ec;border-radius:8px;background:#fff;color:#1b273c;box-shadow:0 26px 90px #12244645;overflow:auto;letter-spacing:0}#usdt-payment-dialog::backdrop{background:#10213e80;backdrop-filter:blur(3px)}
#usdt-payment-dialog .usdt-payment{display:grid;margin:0;padding:0;border:0;gap:10px}.usdt-payment-summary{display:grid;grid-template-columns:1fr 1fr;gap:10px}.usdt-payment-credit,.usdt-countdown-row{display:flex;align-items:center;justify-content:space-between;gap:8px;padding:10px 12px;border-radius:6px;font-size:12px}.usdt-payment-credit{border:1px solid #d3e2fa;background:#edf5ff}.usdt-payment-credit strong{color:#1f56a7;font-size:20px}.usdt-countdown-row{background:#fff7e8;color:#8d5a14}.usdt-countdown-row strong{font-variant-numeric:tabular-nums;font-size:18px}
.usdt-payment-body{display:grid;grid-template-columns:180px minmax(0,1fr);align-items:start;gap:10px 16px}.usdt-qr-wrap{grid-row:span 2;display:grid;place-items:center;min-height:180px;padding:0;background:#fff}.usdt-qr{box-sizing:border-box;display:grid;place-items:center;width:180px;height:180px;aspect-ratio:1;padding:0;background:#fff}.usdt-qr svg{display:block;width:100%;height:100%}
#usdt-payment-dialog .usdt-payment-grid{grid-template-columns:1fr;gap:8px}#usdt-payment-dialog .usdt-payment-grid>div{padding:0;background:none;gap:3px}#usdt-payment-dialog .usdt-payment-grid>div:first-child{grid-template-columns:1fr auto;align-items:center}#usdt-payment-dialog .usdt-payment-grid>div:first-child>span{grid-column:1/-1}#usdt-payment-dialog .usdt-payment-grid strong{font-size:18px}#usdt-payment-dialog #usdt-payment-network{font-size:13px;line-height:1.5}#usdt-payment-dialog .usdt-address-box{grid-column:2;grid-template-columns:1fr auto;gap:4px 8px;padding:8px;border-radius:6px}#usdt-payment-dialog .usdt-address-box>span,#usdt-payment-dialog .usdt-address-box code{grid-column:1/-1}#usdt-payment-dialog .usdt-address-box .button{grid-column:2}
#usdt-payment-dialog .button.sm{padding:7px 10px;min-height:32px;font-size:12px;white-space:normal}#usdt-payment-dialog p{margin:0}#usdt-payment-deadline{font-size:11px;line-height:1.5}#usdt-payment-dialog .usdt-order-state{padding:8px 10px;line-height:1.5}.usdt-payment-notice{font-size:12px;line-height:1.5;color:#8d5a14}.usdt-payment-sync{min-height:30px;margin:0;color:#53647e;font-size:11px;line-height:1.4;text-align:center}.usdt-dialog-actions{display:flex;justify-content:space-between;gap:10px}.usdt-dialog-actions .button{flex:1}
.usdt-current-order{display:flex;align-items:center;justify-content:space-between;gap:12px;margin-top:14px;padding:12px 0;border-top:1px solid #d6dfed;border-bottom:1px solid #d6dfed}.usdt-current-order>div{display:grid;grid-template-columns:auto auto;align-items:center;gap:4px 10px;min-width:0}.usdt-current-order span{font-size:12px;color:#8d5a14}.usdt-current-order strong{font-size:16px;color:#23334b}.usdt-current-order small{grid-column:1/-1;color:#63738c;font-size:11px;overflow-wrap:anywhere}.usdt-current-order .button{flex:none}.usdt-current-order[data-status=CREDITED] span,.usdt-current-order[data-status=COMPLETED] span{color:#2f8061}.usdt-order-history [data-usdt-order]{white-space:nowrap}.usdt-order-history .table-wrap table{min-width:460px}
@media(max-width:600px){#usdt-payment-dialog{padding:14px}.usdt-payment-summary{gap:8px}.usdt-payment-credit,.usdt-countdown-row{display:grid;justify-content:start;gap:3px;padding:8px 10px}.usdt-payment-body{grid-template-columns:144px minmax(0,1fr);gap:10px}.usdt-qr-wrap{grid-row:auto;min-height:144px}.usdt-qr{width:144px;height:144px}#usdt-payment-dialog .usdt-payment-grid>div:first-child{grid-template-columns:1fr}#usdt-payment-dialog .usdt-payment-grid strong{font-size:17px}#usdt-payment-dialog .usdt-address-box{grid-column:1/-1;grid-template-columns:1fr auto;align-items:center}#usdt-payment-dialog .usdt-address-box>span{grid-column:1}#usdt-payment-dialog .usdt-address-box code{grid-column:1/-1;grid-row:2}#usdt-payment-dialog .usdt-address-box .button{grid-column:2;grid-row:1}#usdt-payment-dialog .usdt-dialog-actions{display:flex}.usdt-current-order{gap:8px}.usdt-current-order>div{grid-template-columns:1fr}}
@media(max-width:350px){.usdt-payment-body{grid-template-columns:128px minmax(0,1fr)}.usdt-qr-wrap{min-height:128px}.usdt-qr{width:128px;height:128px}}
.balance-history-toolbar{display:flex;flex-wrap:wrap;align-items:center;gap:8px;margin:0 0 14px}
.balance-history-toolbar [data-ledger-filter].active{color:#fff;background:#254d91;border-color:#254d91}
.balance-history-toolbar [data-ledger-refresh]{margin-left:auto}
.balance-history-surface{padding:0 22px 22px}
.balance-history-surface .portal-surface-head{margin:0 -22px 8px;padding:18px 22px;border-bottom:1px solid #e5eaf2}
.balance-history-type{display:inline-flex;padding:4px 8px;border-radius:5px;background:#edf2fc;color:#31558d;font-size:11px;white-space:nowrap}
.balance-history-amount{color:#2f8061;font-weight:650;white-space:nowrap}
.balance-history-surface .empty{padding:40px 10px;color:#63738c;text-align:center}
.balance-topup-standalone .table-wrap{overflow:auto}
.balance-topup-standalone table{min-width:640px}
.balance-topup-standalone.hidden,.balance-topup-standalone[hidden]{display:none!important}
#balance-history-status{min-height:22px;margin:12px 0;color:#63738c;font-size:12px;overflow-wrap:anywhere}
#balance-history-status[data-state=error],.balance-topup-status[data-state=error],.balance-history-amount.negative{color:#b33346}
#balance-history-pagination{display:flex;align-items:center;justify-content:space-between;gap:12px;flex-wrap:wrap;border-top:1px solid #e5eaf2;padding-top:14px;color:#63738c;font-size:12px}
#balance-history-pagination .actions{display:flex;gap:8px}
@media(max-width:900px){.balance-topup-methods{grid-template-columns:1fr}.balance-topup-usdt-host{grid-column:auto}.balance-topup-page-head{margin-bottom:18px}}
@media(max-width:600px){.balance-topup-page-head{align-items:flex-start;gap:12px}.balance-topup-page-head h1{font-size:25px}.balance-topup-page-head p{font-size:11px}.balance-topup-page-head .button{flex:0 0 auto}.balance-topup-page-balance{gap:10px;padding:15px;flex-wrap:wrap}.balance-topup-page-balance strong{font-size:23px}.balance-topup-page-balance a{width:100%;margin-left:0}.balance-topup-method{padding:17px}.balance-topup-subhead{display:grid;gap:4px}.balance-topup-subhead small{text-align:left}.balance-history-surface{padding:0 16px 16px}.balance-history-surface .portal-surface-head{margin:0 -16px 8px;padding:16px}.balance-history-toolbar [data-ledger-refresh]{margin-left:0}#usdt-payment-dialog{padding:18px}.usdt-dialog-head h2{font-size:19px}.usdt-dialog-actions{display:grid}.usdt-dialog-actions .button{width:100%}}
@media(max-width:900px){.balance-topup-mobile-nav{display:grid;grid-template-columns:1fr 1fr;gap:10px;margin-bottom:14px}.balance-topup-mobile-nav button{padding:12px;border:1px solid #ccd8eb;border-radius:7px;background:#fff;color:#254d91;font-family:inherit;font-size:13px;font-weight:600;line-height:1.4;cursor:pointer}}
@media(max-width:600px) and (max-height:650px){#usdt-payment-dialog{padding:12px}#usdt-payment-dialog .usdt-payment{gap:4px}.usdt-dialog-head{margin-bottom:8px}.usdt-payment-credit,.usdt-countdown-row{padding:6px 8px}#usdt-payment-dialog .usdt-payment-grid{gap:5px}#usdt-payment-dialog .usdt-order-state{padding:6px 8px}.usdt-payment-body{gap:6px 10px}}

.usdt-presets .button{display:flex;flex-wrap:wrap;align-items:baseline;justify-content:center;gap:3px 7px}.usdt-presets small{font-size:11px;font-weight:400;color:#63738c}.usdt-quote-summary strong{font-size:16px!important;line-height:1.65;overflow-wrap:anywhere}

.portal-refresh .usdt-presets{display:grid;grid-template-columns:repeat(3,minmax(0,1fr))}
.portal-refresh .usdt-presets .button{align-content:center;padding:9px 6px;min-height:48px}
.portal-refresh .usdt-amount-mode .button.active,.portal-refresh .usdt-presets .button.active{background:#edf4ff;color:#254d91;border-color:#608bc8;box-shadow:inset 0 0 0 1px #608bc8}
@media(max-width:600px){.portal-refresh .usdt-presets .button{flex-direction:column;align-items:center;gap:2px}.usdt-quote-summary{grid-template-columns:1fr}.usdt-quote-summary strong{justify-self:start;text-align:left}}

.usdt-payment-details{display:grid;gap:10px}
#usdt-payment-dialog.usdt-payment-complete{width:min(440px,calc(100vw - 24px));padding:22px;border-radius:14px}
.usdt-payment-complete .usdt-dialog-head{margin-bottom:0}
.usdt-payment-complete .usdt-dialog-head h2{font-size:14px;color:#63738c;font-weight:500}
.usdt-payment-success{display:flex;flex-direction:column;align-items:center;padding:16px 0 24px;text-align:center}
.usdt-success-mark{display:grid;place-items:center;width:68px;height:68px;margin-bottom:18px;border-radius:50%;background:#e6f6ed;color:#248352}
.usdt-success-mark svg{width:36px;height:36px}
#usdt-success-title{margin:0 0 22px;color:#207849;font-size:28px;line-height:1.25;font-weight:700;letter-spacing:0}
#usdt-payment-dialog .usdt-success-label{color:#63738c;font-size:13px}
#usdt-success-amount{margin:6px 0 12px;color:#1b273c;font-size:42px;line-height:1.2;font-weight:700;font-variant-numeric:tabular-nums;overflow-wrap:anywhere;max-width:100%}
#usdt-payment-dialog .usdt-success-note{color:#63738c;font-size:13px;line-height:1.7}
#usdt-payment-dialog.usdt-payment-complete #usdt-dismiss-payment{min-height:46px;border:1px solid #248352;border-radius:7px;background:#248352;color:#fff;font-size:15px;font-weight:600}
#usdt-payment-dialog.usdt-payment-complete #usdt-dismiss-payment:hover{background:#1d6c43;border-color:#1d6c43}
#usdt-payment-dialog :focus-visible{outline:3px solid #6a9edb;outline-offset:3px}
@media(max-width:350px){#usdt-payment-dialog.usdt-payment-complete{padding:18px}#usdt-success-title{font-size:25px}#usdt-success-amount{font-size:36px}}
