/* Emerald wallet: a clear payment flow with gold details. */
#shopDialog{width:min(94vw,420px);max-height:86svh;padding:18px;background:linear-gradient(155deg,#164b39,#082b25);border:2px solid #d6b357;border-radius:18px;color:#efffe9;font-family:Arial,sans-serif;overflow-x:hidden;scroll-padding-top:78px}
#shopDialog .sheet-heading{position:sticky;top:-18px;z-index:12;align-items:center;margin:-18px -18px 14px;padding:16px 18px 13px;background:#103e30;border-bottom:1px solid #d0b16555;box-shadow:0 3px 10px #0003}
#shopDialog .sheet-heading small{font:800 8px Arial;color:#abd5be;letter-spacing:1.8px}#shopDialog .sheet-heading h2{font:800 22px Arial;color:#ffe399;margin:4px 0 0}
#shopDialog #closeShop{flex-shrink:0;width:34px;min-height:34px;padding:3px;border-radius:8px;font:800 24px Arial}
#shopDialog .shop-balance{display:flex;align-items:center;gap:10px;padding:12px 14px;margin:0 0 14px;border:1px solid #8bdb9e66;border-radius:12px;background:linear-gradient(110deg,#266348,#1b4837);text-shadow:none}
#shopDialog .shop-balance>div{display:flex;flex:1;min-width:0;flex-direction:column;gap:4px}#shopDialog .shop-balance small{font:800 8px Arial;letter-spacing:1px;color:#d1e7c9}#shopDialog #shopBalance{font:800 25px/1.1 Arial;color:#b5ffb7;text-shadow:none}#shopDialog .balance-unit{font:600 10px Arial;color:#c0eac4}
#shopDialog button{min-height:42px;padding:10px 12px;border-radius:9px!important;font:800 12px Arial;line-height:1.35;border:1px solid #ffedb1!important;box-shadow:inset 0 2px #fff3,0 3px #776022;background:linear-gradient(#ffe6a0,#dfbb5a)!important;color:#304023!important;white-space:normal}
#shopDialog button:active{transform:translateY(1px)}#shopDialog button:disabled{opacity:.45}#shopDialog h3{font:800 17px/1.3 Arial;color:#ffedb1;margin:0 0 13px}#shopDialog p{font:12px/1.5 Arial;color:#cbe4d4;overflow-wrap:anywhere}
#shopDialog .recharge-tabs{display:grid;grid-template-columns:1fr 1fr;gap:5px;padding:4px;border:1px solid #78b89b55;border-radius:11px;background:#092b23;margin-bottom:16px}
#shopDialog .recharge-tabs>button{min-height:36px;background:transparent!important;color:#c5ddcb!important;border:0!important;box-shadow:none;border-radius:7px!important}
#shopDialog .recharge-tabs>button[aria-selected=true]{background:linear-gradient(#b4ef91,#75ce89)!important;color:#0a3e27!important;box-shadow:0 2px #12442b}
.recharge-steps{display:flex;justify-content:space-between;gap:5px;padding:0;list-style:none;margin:0 0 15px}.recharge-steps li{display:flex;align-items:center;gap:5px;font:700 9px Arial;color:#809d8e}.recharge-steps b,.step-number{display:inline-grid;place-items:center;width:20px;height:20px;border-radius:50%;background:#143b2d;border:1px solid #5a7965;color:#b0c7b6;font:800 10px Arial}.recharge-steps .active{color:#ffe18a}.recharge-steps .active b{background:#e9c766;color:#385029;border-color:#ffedb3}.recharge-steps .done{color:#9feaaf}.recharge-steps .done b{background:#358357;border-color:#93dba9;color:#e9ffdf}
#shopDialog #rechargeForm{padding:17px;margin:0 0 15px;border:1px solid #96cba866;border-radius:13px;background:#123c2e}
#shopDialog label{font:600 11px Arial;color:#d6e7da}#shopDialog label>small{font-size:10px;font-weight:400;color:#a2c8b5}
#shopDialog .recharge-money{display:flex;align-items:center;border:1px solid #e6ca76;border-radius:10px;padding:0 12px;background:#092b22;margin:9px 0 12px}
#shopDialog .recharge-money>span{color:#ffe294;font:800 23px Arial}#shopDialog #rechargeAmount{min-width:0;background:transparent;border:0;box-shadow:none;font:800 27px Arial;color:#ffeaa6;margin:0;padding:12px 8px;width:100%}
#shopDialog .quick-amounts{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:7px}
#shopDialog .quick-amounts button{min-height:34px;padding:7px;font-size:11px;border-color:#86bb9855!important;background:#22543e!important;color:#dbeecd!important;box-shadow:none}
#shopDialog .quick-amounts button.selected{border-color:#ffe69b!important;background:#665b2c!important;color:#ffe496!important}
#shopDialog .recharge-summary{color:#c6f6c1;font-weight:700;margin:13px 0 5px;font-size:11px}#shopDialog .recharge-limit{font-size:10px;margin:0 0 14px;color:#adc4af}#shopDialog #prepareRecharge{width:100%}
.transfer-card{border:2px solid #d5b65b;border-radius:14px;padding:16px;margin:0 0 17px;background:linear-gradient(140deg,#235238,#123a2c);box-shadow:0 5px #071f1880}
#shopDialog .transfer-card h3{margin-bottom:13px}.transfer-amount{padding:12px 0 16px;display:flex;flex-direction:column;align-items:center;gap:6px;border-bottom:1px solid #d9c98744;margin-bottom:15px}.transfer-amount>small{font:800 9px Arial;letter-spacing:1px;color:#ddce9b}.transfer-amount>strong{font:900 34px/1.1 Arial;color:#ffe287;text-shadow:0 2px #533b15}.transfer-amount>span{font:700 11px Arial;color:#c1efc3}
.payment-destination{padding:12px;background:#092b21;border:1px solid #8cad7955;border-radius:10px}.payment-field{display:flex;flex-direction:column;gap:6px;overflow-wrap:anywhere}.payment-field+.payment-field{border-top:1px solid #96b99533;padding-top:13px;margin-top:13px}.payment-field small{font:800 8px Arial;letter-spacing:1px;color:#aecab5}.payment-field b{font:700 14px/1.4 Arial;color:#f1ffe4;user-select:text}.payment-field .transfer-alias{font:800 23px/1.2 Arial;color:#ffe695;overflow-wrap:anywhere}
.payment-copy-actions{display:grid;grid-template-columns:1fr 1fr;gap:8px;margin-top:12px}#shopDialog .payment-copy-actions button{font-size:11px;padding:8px;min-height:40px}#shopDialog .copy-status{min-height:0;font-size:10px;color:#b7f9c4;margin:7px 0}.copy-status:empty{display:none}#shopDialog .transfer-note{font-size:11px;margin:11px 0;color:#d6e3cb}#shopDialog .transfer-card>button{min-height:32px;box-shadow:none;border:1px solid #77a98766!important;background:transparent!important;color:#b6d9c2!important;width:100%;padding:7px;font-size:10px}
#shopDialog #orderForm{padding:16px;border-radius:13px;border:1px solid #93caa966;background:#123c2e;margin-bottom:16px}#shopDialog .receipt-help{font-size:11px;margin:0 0 12px}
#shopDialog .receipt-picker{position:relative;display:flex;flex-direction:column;align-items:center;gap:6px;padding:17px 10px;border:2px dashed #cdb564;border-radius:11px;background:#092e23;text-align:center;cursor:pointer;overflow:hidden}
.receipt-picker>span{font:700 24px Arial;color:#ffe38b}.receipt-picker b{font:800 13px Arial;color:#ffe9a3}#shopDialog .receipt-picker small{font:400 9px Arial;color:#b5ceb8}
#shopDialog #receiptFile{position:absolute;inset:0;opacity:0;width:100%;height:100%;margin:0;padding:0;cursor:pointer}
.receipt-picker:focus-within{outline:2px solid #e7ffd7;outline-offset:3px}#shopDialog #receiptPreview{width:100%;max-height:160px;object-fit:contain;border:1px solid #80bd9755;margin:10px 0;border-radius:8px;background:#082b20}#shopDialog #receiptStatus{font-size:10px;color:#aff3be;margin:9px 0 15px}
#shopDialog #transferReference{font:12px Arial;min-height:40px;padding:10px;border-color:#99b39177;background:#092c22;margin:7px 0 13px}#shopDialog #submitOrder{width:100%;background:linear-gradient(#a8ed8c,#61c789)!important;color:#103c26!important;box-shadow:0 3px #245c3a;border-color:#d2ffbe!important}#shopDialog .manual-credit-note{font-size:10px;text-align:center;margin:12px 0 0;color:#a9c6b0}
#shopDialog .wallet-feedback{padding:12px;border:1px solid #f3c277;border-radius:10px;background:#503622;color:#ffe2b0;font:700 12px/1.5 Arial;margin:12px 0}#shopDialog .wallet-feedback.success{background:#20563a;color:#dcffe2;border-color:#90eaa7}#shopDialog .wallet-feedback[hidden]{display:none}
#shopDialog .wallet-cosmetics{margin:16px 0 4px;border-top:1px solid #8bac7b44;padding-top:10px}#shopDialog .wallet-cosmetics summary{font:500 11px Arial;color:#a6c1ad}
.history-heading{display:flex;align-items:center;justify-content:space-between;gap:8px;margin-bottom:10px}#shopDialog .history-heading h3{margin:0}#shopDialog #refreshRecharges{min-height:30px;padding:6px 9px;font-size:10px;background:#225039!important;color:#d5f1d0!important;border-color:#8ba67a66!important;box-shadow:none}
#shopDialog #rechargeHistoryFilter{width:100%;min-height:37px;padding:9px;border:1px solid #84b09477;border-radius:8px;background:#082c21;color:#e0efd8;font:600 11px Arial}#shopDialog .history-updated{font-size:9px;margin:8px 0 13px;color:#a6c2ad}
.recharge-history-card{padding:14px;margin-bottom:11px;border:1px solid #7fac8c77;border-radius:12px;background:linear-gradient(120deg,#204a35,#12382b);overflow-wrap:anywhere;border-left:3px solid #a9c48f}.recharge-history-top{display:flex;align-items:center;justify-content:space-between;gap:8px;margin-bottom:5px}.recharge-history-top>strong{font:800 21px Arial;color:#ffe292}.recharge-status{font:800 8px Arial;text-transform:uppercase;letter-spacing:.3px;padding:5px 7px;border-radius:6px;background:#557a5533;color:#d0e4ba;border:1px solid #97ac7377;flex-shrink:0}.history-coins{display:block;font:700 10px Arial;color:#bddcbf;margin-bottom:8px}.history-date{display:block;font:400 9px Arial;color:#acc6b5}#shopDialog .recharge-history-card>p{font:11px/1.4 Arial;margin:9px 0;color:#d1e5d2}
.status-approved{border-left-color:#7ce597}.status-approved .recharge-status{background:#31744966;color:#a6f5b9;border-color:#70bf87}.status-pending{border-left-color:#f0c662}.status-pending .recharge-status{background:#9c783f44;color:#ffe293;border-color:#d4b671}.status-rejected{border-left-color:#e98d77}.status-rejected .recharge-status{background:#7c443a55;color:#ffc2b0;border-color:#ae7565}.status-superseded{opacity:.72}
#shopDialog .history-details{border-top:1px solid #b1c29233;padding-top:9px;margin:10px 0 0}#shopDialog .history-details summary{font:700 10px Arial;color:#d9cf9c}#shopDialog .history-details .receipt-image{max-height:200px;margin:10px 0}#shopDialog .recharge-history-card>button{width:100%;margin-top:12px;min-height:35px;font-size:10px}
.history-empty{text-align:center;border:1px dashed #95b18a66;border-radius:12px;padding:25px 15px;background:#173d2e}.history-empty>span{font:800 32px Arial;color:#c9af5f}#shopDialog .history-empty h3{font-size:14px;margin:10px 0 5px}#shopDialog .history-empty p{font-size:11px;margin:0}
@media(max-width:360px){#shopDialog{padding:14px}#shopDialog .sheet-heading{top:-14px;margin:-14px -14px 12px;padding:13px 14px}.recharge-steps li{font-size:8px}.recharge-history-top>strong{font-size:18px}.transfer-amount>strong{font-size:30px}}
/* Recharge requests and compact payment/review popups. */
#adminDialog{width:min(94vw,460px);max-height:86svh;background:linear-gradient(#154733,#092d25);border:2px solid #e0bc60;border-radius:16px;padding:18px;font-family:Arial;color:#f1ffe9;overflow-x:hidden}
#adminDialog .sheet-heading h2{font:800 23px Arial;color:#ffe39b}
#adminDialog h3{font:800 19px/1.3 Arial;color:#ffe39b}
#adminDialog p,#adminDialog label{font:15px/1.5 Arial;color:#d5e9da}
#adminDialog button{min-height:46px;font:800 15px/1.4 Arial;padding:10px;border-radius:9px;white-space:normal}
.admin-orders-heading{display:flex;flex-wrap:wrap;gap:8px;align-items:center;justify-content:space-between;margin-bottom:12px}.admin-orders-heading h3{margin:0}.admin-orders-heading>span{font:700 13px Arial;color:#ffdf87;background:#625325;padding:7px;border-radius:6px}
#adminOrderFilter{width:100%;padding:12px;min-height:46px;background:#082e23;border:1px solid #b7b77b;border-radius:8px;color:#f5edc6;font:16px Arial;margin-bottom:12px}
.admin-recharge-card{padding:14px;margin-bottom:12px;background:#174935;border:1px solid #91b68a;border-left:4px solid #e7c669;border-radius:11px;overflow-wrap:anywhere}.admin-recharge-top{display:flex;gap:8px;justify-content:space-between;align-items:center}.admin-recharge-top>b{font:800 17px Arial}.admin-recharge-top .recharge-status{font-size:10px;text-transform:none}
.admin-recharge-amount{display:block;font:800 27px Arial;color:#ffe294;margin:12px 0 3px}#adminDialog .admin-recharge-coins{margin:0 0 9px;color:#c8f2bd;font-weight:700}.admin-recharge-date{font:13px Arial;color:#b6d0bc}
.admin-recharge-card details{border-top:1px solid #b2cba633;margin-top:12px;padding-top:8px}.admin-recharge-card summary,.admin-payment-settings>summary{font:700 15px/1.5 Arial;color:#f3e7b0;cursor:pointer;min-height:44px;align-content:center}.admin-recharge-actions{display:grid;grid-template-columns:2fr 1fr;gap:8px;margin-top:12px}#adminDialog .admin-recharge-actions button:first-child{background:#9be59b;color:#123c24}#adminDialog .admin-recharge-actions button:last-child{background:#514335;color:#ffe1b3}
.admin-recharges{padding-bottom:18px;margin-bottom:18px;border-bottom:1px solid #aac49a44}.admin-payment-settings{padding:12px;margin-top:20px;background:#123a2c;border:1px solid #adc49555;border-radius:10px}
.wallet-popup{width:min(94vw,410px);max-height:86svh;overflow:auto;background:linear-gradient(#1b523b,#092c24);border:2px solid #e4c16a;border-radius:16px;padding:18px;color:#f3ffe8;font-family:Arial}
.wallet-popup::backdrop{background:#031711b8}.wallet-popup h2{font:800 22px Arial;color:#ffe39b;margin:0}.wallet-popup h3{font:800 19px Arial;color:#ffe9b0}.wallet-popup p{font:15px/1.5 Arial;color:#d4ebd8;overflow-wrap:anywhere}.wallet-popup button{min-height:46px;padding:11px;font:800 15px Arial;background:linear-gradient(#ffe4a0,#d7b353);color:#173c26;border-radius:9px;white-space:normal}
.wallet-popup .sheet-heading{display:flex;justify-content:space-between;align-items:center;gap:12px;margin-bottom:16px}.wallet-popup .sheet-heading button{width:44px;flex-shrink:0;font-size:24px;padding:5px}
#transferDialog .transfer-card{padding:14px;margin-bottom:16px}#transferDialog .transfer-card h3{font-size:17px}#transferDialog .payment-field small{font-size:11px}#transferDialog .payment-field b{font-size:17px}#transferDialog .payment-field .transfer-alias{font-size:25px}#transferDialog .transfer-amount>span{font-size:15px}#transferDialog .transfer-amount>small{font-size:11px}#transferDialog .transfer-card>button{width:100%;background:transparent;color:#d6eccd;border:1px solid #9fc0a6;margin-top:10px}#continueReceipt{width:100%;background:#a5e494}.review-recharge-amount{display:block;font:800 32px Arial;color:#ffe08c}.review-payment-check{display:flex;align-items:flex-start;gap:10px;font:15px/1.5 Arial;padding:14px 0}.review-payment-check input{width:22px;height:22px;flex-shrink:0;accent-color:#88de96}#confirmReviewRecharge,#cancelReviewRecharge{width:100%;margin-top:10px}#cancelReviewRecharge{background:#1b4a37;color:#d6eacb;border:1px solid #8bb79b}.wallet-popup button:disabled{opacity:.45}#reviewRechargeError{color:#ffcaaf}.wallet-popup [hidden]{display:none!important}
#walletNotice{position:fixed;top:calc(14px + env(safe-area-inset-top));left:50%;transform:translateX(-50%);width:min(calc(100vw - 24px),420px);z-index:9999;display:flex;align-items:flex-start;gap:12px;padding:16px;background:#154b34;color:#f1ffe8;border:2px solid #e9cb74;border-radius:13px;box-shadow:0 8px 28px #0008;font-family:Arial}
#walletNotice[hidden]{display:none!important}#walletNotice .wallet-notice-icon{display:grid;place-items:center;flex-shrink:0;width:32px;height:32px;border-radius:50%;background:#f0cb66;border:2px solid #ffecb1;color:#694414;font:800 23px Arial}#walletNotice>div{flex:1;min-width:0}#walletNotice strong{font:800 17px/1.3 Arial;color:#ffea9e}#walletNotice p{font:15px/1.5 Arial;color:#e2f7dd;margin:6px 0 0}#walletNotice button{min-height:36px;width:36px;flex-shrink:0;border-radius:8px;padding:2px;background:#266647!important;color:#fff0bf!important;font:700 25px Arial;border:1px solid #a3c890!important;box-shadow:none}
/* One payment window, one visible step, with a real file input. */
#transferDialog[data-step=transfer] #orderForm,#transferDialog[data-step=transfer] #receiptStepSummary{display:none!important}
#transferDialog[data-step=receipt] #paymentInstructions,#transferDialog[data-step=receipt] #continueReceipt{display:none!important}
#transferDialog #orderForm{padding:0;margin:14px 0 0;border:0;background:none}
#transferDialog #orderForm h3{margin:0 0 10px}
#transferDialog .receipt-picker{position:relative;display:flex;flex-direction:column;align-items:center;gap:7px;padding:20px 12px;border:2px dashed #e2c371;border-radius:10px;background:#0b3026;cursor:pointer;text-align:center;overflow:hidden;font:16px/1.4 Arial;color:#ffe9a2}
#transferDialog .receipt-picker b{font-size:18px}#transferDialog .receipt-picker small{font-size:13px;color:#c8dfcc}
#transferDialog #receiptFile{position:absolute;inset:0;width:100%;height:100%;opacity:0;margin:0;padding:0;cursor:pointer}
#transferDialog .receipt-picker:focus-within{outline:3px solid #ffe391;outline-offset:3px}
#transferDialog #receiptPreview{display:block;width:100%;max-height:200px;object-fit:contain;background:#08291f;border-radius:8px;margin:12px 0}
#transferDialog #receiptStatus{font-size:15px;color:#baf3b7}
#transferDialog #orderForm>label:not(.receipt-picker){display:block;font:16px/1.4 Arial;color:#e5f3dc;margin:14px 0 7px}
#transferDialog #transferReference{width:100%;padding:13px;background:#082e23;border:1px solid #a1b997;border-radius:8px;color:#effbdc;font:16px Arial;min-height:46px}
#transferDialog #submitOrder{width:100%;margin:16px 0 0;background:#a0e29a}
#transferDialog #receiptStepSummary{background:#0b3428;border:1px solid #c3bd7355;padding:12px;border-radius:9px}
#receiptStepSummary>strong{font:800 25px Arial;color:#ffe393}#receiptStepSummary p{margin:6px 0 0;font-size:15px}
#transferDialog #backToTransfer{width:100%;margin-top:12px;background:#1b4936;color:#ebf5db;border:1px solid #9bbe9c}
#transferPopupError{padding:12px;border:1px solid #ebb887;border-radius:8px;background:#573e2f;color:#ffe0bb!important}
#walletNotice{top:auto;bottom:calc(14px + env(safe-area-inset-bottom))}
dialog #walletNotice{position:static;inset:auto;transform:none;width:100%;margin:12px 0;padding:12px;box-shadow:none}
/* Withdrawals: a sober white bank-transfer form. */
#withdrawDialog{color-scheme:light;width:min(94vw,420px);max-height:86svh;padding:20px;border:1px solid #d5dce4;border-radius:15px;background:#fff;color:#1e293b;font-family:Arial;overflow-x:hidden}
#withdrawDialog::backdrop{background:#0f172a99}
#withdrawDialog .sheet-heading h2{font:800 24px Arial;color:#162536;margin:0}
#withdrawDialog p{font:15px/1.5 Arial;color:#526174}
#withdrawDialog h3{font:800 19px Arial;color:#162536;margin-top:24px}
#withdrawDialog label{display:block;font:700 16px Arial;color:#334155;margin:18px 0 8px}
#withdrawDialog input{width:100%;min-height:50px;border:1px solid #9aaabd;border-radius:9px;background:#fff;color:#1e293b;font:700 20px Arial;padding:12px}
#withdrawDialog .money-input{display:flex;align-items:center;gap:8px;padding:0 12px;border:1px solid #9aaabd;border-radius:9px;background:#fff;color:#334155}
#withdrawDialog .money-input>span{font:700 22px Arial}
#withdrawDialog .money-input input{border:0;padding:12px 0;min-width:0;background:none}
#withdrawDialog #withdrawAvailable{padding:14px;background:#f0f6f2;border:1px solid #bfd7c7;border-radius:10px;font:800 19px Arial;color:#246044}
#withdrawDialog #withdrawAccount{padding:14px;background:#f6f8fb;border:1px solid #d8e0e8;border-radius:10px;color:#243b53;font-weight:700;overflow-wrap:anywhere;user-select:text}
#withdrawDialog #withdrawAmountSummary{font-weight:700;color:#243b53}
#withdrawDialog button{min-height:46px;padding:12px;font:700 16px Arial;border-radius:9px;background:#edf2f7!important;color:#334155!important;border:1px solid #b9c6d4!important;box-shadow:none}
#withdrawDialog #requestWithdraw{width:100%;margin-top:12px;background:#206445!important;color:#fff!important;border-color:#206445!important}
#withdrawDialog #closeWithdraw{width:44px;font-size:24px;padding:5px}
#withdrawDialog .withdraw-feedback{background:#edf3f8;color:#29435b;border:1px solid #bdd0df;box-shadow:none}
#withdrawDialog .feedback-success{background:#edf8f0;color:#245e3e;border-color:#93c9a5}
#withdrawDialog .feedback-error{background:#fff2ee;color:#943d2b;border-color:#e0af9f}
#withdrawDialog .order-row{padding:14px;border:1px solid #d4dee7;border-radius:10px;margin-top:12px;background:#f8fafc;color:#253b53;font:15px/1.5 Arial}
#withdrawDialog .order-row small{font:12px Arial;color:#65758a;overflow-wrap:anywhere}
#withdrawDialog #withdrawError{color:#a23b31}
#withdrawDialog #stepGuideHint{background:#fff8e2;color:#644911;border-color:#d9b756}
/* White recharge wallet and transfer window, matching withdrawals. */
#shopDialog,#transferDialog{color-scheme:light;background:#fff;color:#1e293b;border:1px solid #d5dce4;box-shadow:0 14px 45px #0005}
#shopDialog .sheet-heading{background:#fff;border-bottom:1px solid #dce4ec;box-shadow:none}
#shopDialog .sheet-heading small{color:#64748b}#shopDialog .sheet-heading h2,#shopDialog h3,#transferDialog h2,#transferDialog h3{color:#1e354a}
#shopDialog p,#shopDialog label,#transferDialog p,#transferDialog label{color:#536478}
#shopDialog button,#transferDialog button{background:#edf2f7!important;color:#334155!important;border:1px solid #b9c6d4!important;box-shadow:none}
#shopDialog .shop-balance{background:#f0f6f2;border-color:#bfd7c7}#shopDialog #shopBalance{color:#246044}#shopDialog .shop-balance small,#shopDialog .balance-unit{color:#496756}
#shopDialog .recharge-tabs{background:#f4f7fa;border-color:#d5dee7}#shopDialog .recharge-tabs>button{color:#526174!important}#shopDialog .recharge-tabs>button[aria-selected=true]{background:#e1eee6!important;color:#245c3d!important;box-shadow:none}
#shopDialog #rechargeForm,#transferDialog #receiptStepSummary{background:#f8fafc;border:1px solid #d5dee7}
#shopDialog .recharge-money{background:#fff;border-color:#9aabbc}#shopDialog .recharge-money>span,#shopDialog #rechargeAmount{color:#253d52}
#shopDialog .quick-amounts button{background:#fff!important;color:#3a5267!important;border-color:#c0cdd8!important}#shopDialog .quick-amounts button.selected{background:#e4f1e8!important;border-color:#7da68a!important;color:#246044!important}
#shopDialog #prepareRecharge,#transferDialog #continueReceipt,#transferDialog #submitOrder{background:#206445!important;color:#fff!important;border-color:#206445!important}
#shopDialog .recharge-summary,#shopDialog .recharge-limit,#shopDialog .history-updated,#shopDialog .wallet-cosmetics summary{color:#596d7b}
#transferDialog .transfer-card{background:#f8fafc;border:1px solid #cad6df;box-shadow:none}
#transferDialog .transfer-amount{border-color:#d5dfe7}#transferDialog .transfer-amount>strong,#transferDialog #receiptStepSummary>strong{color:#245c3f;text-shadow:none}#transferDialog .transfer-amount>small,#transferDialog .transfer-amount>span{color:#526779}
#transferDialog .payment-destination{background:#fff;border-color:#d2dce5}#transferDialog .payment-field+.payment-field{border-color:#dce4eb}#transferDialog .payment-field small{color:#61768a}#transferDialog .payment-field b,#transferDialog .payment-field .transfer-alias{color:#243d52}
#transferDialog .receipt-picker{background:#f7fafc;border-color:#8da8ba;color:#294b62}#transferDialog .receipt-picker small{color:#64778a}#transferDialog #receiptStatus{color:#296645}#transferDialog #receiptPreview{background:#f0f4f7}
#transferDialog #transferReference{background:#fff;color:#243b53;border-color:#9daebb}
#shopDialog .recharge-history-card{background:#f8fafc;border:1px solid #d4dee7;border-left:4px solid #8ca7bc}#shopDialog .recharge-history-top>strong{color:#243d52}#shopDialog .history-coins,#shopDialog .history-date{color:#5d7281}#shopDialog .recharge-status{background:#edf2f7;color:#4b6376;border-color:#b7c9d5}
#shopDialog .status-approved{border-left-color:#56a476}#shopDialog .status-approved .recharge-status{background:#e5f4e9;color:#296543;border-color:#95c7a5}#shopDialog .status-pending{border-left-color:#d4a047}#shopDialog .status-pending .recharge-status{background:#fff7df;color:#876326;border-color:#d8bd82}#shopDialog .status-rejected .recharge-status{background:#fff0eb;color:#963f2e;border-color:#d9ac9d}
#shopDialog #rechargeHistoryFilter{background:#fff;color:#334b5e;border-color:#aabcc9}#shopDialog #refreshRecharges{background:#edf2f7!important;color:#334b5e!important;border-color:#bdcbd6!important}#shopDialog .history-details{border-color:#d8e1e8}#shopDialog .history-details summary{color:#496479}#shopDialog .history-empty{background:#f8fafc;border-color:#b6c8d4}
#shopDialog .wallet-feedback,#transferDialog #transferPopupError{background:#fff3ea;color:#914c2d!important;border-color:#dfb896}#shopDialog .wallet-feedback.success{background:#eef8f0;color:#296543!important;border-color:#96c7a5}
#shopDialog #stepGuideHint,#transferDialog #stepGuideHint{background:#fff8e2;color:#644911;border-color:#d9b756}
#shopDialog .recharge-history-card>p,#shopDialog .history-empty p,#shopDialog .manual-credit-note{color:#536b7b}
#shopDialog .recharge-steps li{color:#6b7e8e}#shopDialog .recharge-steps .active{color:#246044}#shopDialog .recharge-steps b{background:#edf2f7;color:#506b7b;border-color:#b2c3cf}#shopDialog .recharge-steps .active b{background:#dff1e4;color:#245c3f;border-color:#88ad95}#shopDialog .recharge-steps .done{color:#246044}
#shopDialog .shop-item{background:#f8fafc;border-color:#cedae3}#shopDialog .shop-item h3{color:#243d52}
/* Owner workspace: neutral surfaces and clear financial data. */
#adminDialog{width:min(94vw,760px);max-width:760px;background:#f5f7fa;color:#172838;border:1px solid #d4dde5;border-radius:18px;padding:20px;box-shadow:0 18px 70px #0005}
#adminDialog .sheet-heading{position:sticky;top:-20px;z-index:2;background:#f5f7fa;padding:18px 0 14px;margin-top:-18px;border-bottom:1px solid #dbe2e9;align-items:center}
#adminDialog .sheet-heading small{font:700 11px Arial;letter-spacing:1px;color:#64748b}
#adminDialog .sheet-heading h2{font:800 27px/1.3 Arial;color:#172838;margin:4px 0}
#adminDialog h3{color:#172838;margin:22px 0 12px;font:800 20px/1.4 Arial}
#adminDialog p,#adminDialog label{color:#475569;font:15px/1.6 Arial}
#adminDialog b,#adminDialog strong{color:#172838}
#adminDialog small,#adminDialog .admin-recharge-date{color:#64748b;font:13px/1.5 Arial}
#adminDialog input:not([type=checkbox]),#adminDialog select{width:100%;min-height:48px;background:#fff;color:#172838;border:1px solid #bdcbd7;border-radius:9px;font:16px Arial;padding:12px;box-sizing:border-box}
#adminDialog button{background:#fff!important;color:#263c50!important;border:1px solid #c4d0da!important;box-shadow:none!important;min-height:46px;font:700 15px/1.4 Arial;letter-spacing:0;text-shadow:none}
#adminDialog button:hover{background:#eef3f7!important}
#adminDialog button:disabled{opacity:.5}
#adminDialog .sheet-heading>button{width:44px;min-width:44px;font-size:26px}
#adminDialog .admin-recharge-card,#adminDialog .order-row,#adminDialog .admin-stats article,#adminDialog .admin-payment-settings{background:#fff;border:1px solid #dbe3ea;border-radius:12px;padding:16px;margin-bottom:12px;box-shadow:0 2px 5px #1e293b05}
#adminDialog .admin-recharge-card.status-pending{border-left:4px solid #16845d}
#adminDialog .admin-recharge-amount{color:#172838;font-size:29px}
#adminDialog .admin-recharge-coins{color:#475569}
#adminDialog .admin-recharge-card details{border-top:1px solid #e1e7ec}
#adminDialog summary{color:#30475b;min-height:44px;font:700 15px/1.5 Arial;align-content:center}
#adminDialog .recharge-status,#adminPendingCount{background:#e7f3ee;color:#176146;border:1px solid #c4e4d6;white-space:normal;font:700 12px Arial}
#adminDialog .status-rejected .recharge-status{background:#fff0f0;color:#993d3d;border-color:#f1d0d0}
#adminDialog .status-awaiting_payment .recharge-status{background:#f0f3f6;color:#556474;border-color:#d8e0e7}
#adminDialog .admin-orders-heading h3{margin:0}
#adminDialog .admin-recharges,#adminWithdrawals{border-color:#dbe3ea;padding-bottom:16px}
#adminDialog .admin-stats{gap:10px;margin:18px 0}
#adminDialog .admin-stats strong{color:#173e58;font:800 23px/1.4 Arial;margin-top:6px}
#adminDialog .admin-recharge-actions button:first-child,#adminDialog #adminWithdrawals button:nth-of-type(2),#adminDialog #savePaymentConfig{background:#157a54!important;color:#fff!important;border-color:#157a54!important}
#adminDialog .admin-recharge-actions button:last-child,#adminDialog #adminWithdrawals button:nth-of-type(3){background:#fff5f5!important;color:#a43a3a!important;border-color:#edcccc!important}
#adminDialog .payment-alias{color:#203f58!important;background:#f1f5f9;padding:12px;border-radius:8px;font:700 17px/1.5 Arial!important;user-select:text}
#adminDialog #adminError,#adminDialog #adminOverviewStatus{color:#405a70}
#adminDialog button:focus-visible,#adminDialog input:focus-visible,#adminDialog select:focus-visible,#adminDialog summary:focus-visible{outline:3px solid #2195c4;outline-offset:2px}
#payoutDialog{background:#fff;color:#172838;border:1px solid #d4dde5;border-radius:18px;padding:22px;font-family:Arial}
#payoutDialog h2,#payoutDialog h3{color:#172838}#payoutDialog p{color:#475569;font:16px/1.6 Arial}
#payoutDetails{display:flex;flex-direction:column;gap:8px;padding:18px;background:#f3f6f9;border:1px solid #dbe3ea;border-radius:12px;margin:14px 0}
#payoutDetails small{font:700 11px Arial;letter-spacing:1px;color:#64748b}#payoutDetails h3{margin:0;font:700 20px Arial}.payout-amount{font:800 32px Arial;color:#172838;margin:5px 0 12px}.payout-destination{font:700 19px Arial;overflow-wrap:anywhere;user-select:text}
#payoutDialog button{background:#f4f7fa!important;color:#284052!important;border:1px solid #c8d3dd;min-height:48px;font:700 16px Arial;box-shadow:none;text-shadow:none}
#payoutDialog #confirmPayout{background:#157a54!important;color:#fff!important;border-color:#157a54;width:100%;margin:12px 0}
#payoutDialog #cancelPayout{width:100%}#payoutDialog #payoutError{color:#a43a3a}
@media(max-width:420px){#adminDialog{padding:15px}#adminDialog .sheet-heading{top:-15px}#adminDialog .admin-stats strong{font-size:20px}.admin-recharge-top{flex-wrap:wrap}.admin-recharge-actions{grid-template-columns:1fr}}