/* Account wallet: two primary balances, focused top-up and a personal library. */
.commerce-card{margin-top:24px;padding:26px;border:1px solid #3b3a35;border-radius:14px;background:#1a1d1e;scroll-margin-top:22px}
.commerce-heading{display:flex;align-items:center;justify-content:space-between;gap:16px;margin-bottom:21px}.commerce-heading h2{font-size:21px;font-weight:600;margin:0;color:#ece7df}.commerce-heading>.account-button{min-height:35px;padding:7px 12px;font-size:10px;background:#242829;border-color:#414749;color:#b5bdbf}
.commerce-balances{display:grid;grid-template-columns:1fr 1fr;gap:16px}.commerce-stat{min-width:0;padding:23px 24px;border:1px solid #494039;border-radius:11px;background:#24211d}.commerce-stat.is-primary{background:radial-gradient(ellipse at 100% 0,#80502e33,transparent 70%),#2b231c;border-color:#765336}.commerce-stat.is-income{background:linear-gradient(125deg,#222e29,#1c2422);border-color:#3e5549}.commerce-stat>span{display:block;font-size:12px;color:#cfb49c}.commerce-stat strong{display:block;margin-top:11px;font-size:34px;font-weight:600;letter-spacing:-.6px;line-height:1.35;color:#f6c49b;font-variant-numeric:tabular-nums;overflow-wrap:anywhere}.commerce-stat small{display:block;font-size:10px;color:#a58e7b;margin-top:10px}.commerce-stat.is-income>span{color:#acc7b7}.commerce-stat.is-income strong{color:#d0e7d9}.commerce-stat.is-income small{color:#86a494}
.commerce-balance-details{margin:15px 0 22px;border-bottom:1px solid #343a3b;padding:0 0 14px}.commerce-balance-details>summary{display:flex;align-items:center;gap:13px;font-size:11px;color:#d3c6b7;cursor:pointer;list-style:none;padding:4px 0}.commerce-balance-details>summary::-webkit-details-marker{display:none}.commerce-balance-details>summary>span{color:#7f8a8e;font-size:10px}.commerce-balance-details>summary:after{content:'⌄';margin-left:auto;font-size:15px;color:#9b9186;transition:transform .15s}.commerce-balance-details[open]>summary:after{transform:rotate(180deg)}.commerce-detail-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:15px 22px;margin:19px 0 0}.commerce-detail-grid>div{display:flex;justify-content:space-between;gap:10px;font-size:11px;line-height:1.8}.commerce-detail-grid dt{color:#8f9a9e}.commerce-detail-grid dd{margin:0;color:#d9c9b9;white-space:nowrap;font-variant-numeric:tabular-nums}.commerce-help{font-size:11px;color:#9fa7a8;line-height:1.9;margin:12px 0}.commerce-help.is-error{color:#ffc0aa}
.commerce-forms{display:block}.commerce-form{margin:0;min-width:0}.commerce-form h3{font-size:17px;font-weight:550;margin:0 0 14px;color:#e4dace}.commerce-form-heading{display:flex;align-items:center;justify-content:space-between;gap:14px;grid-column:1/-1;margin-bottom:2px}.commerce-form-heading h3{margin:0}.commerce-form-heading>span{font-size:10px;color:#a99b8c}.commerce-recharge{display:grid;grid-template-columns:minmax(0,1.2fr) minmax(0,.8fr);gap:21px 27px;padding:22px;background:#15191a;border:1px solid #363c3d;border-radius:11px}.commerce-amount-area,.commerce-payment-options{min-width:0}.commerce-payment-options{padding-left:26px;border-left:1px solid #343a3b}.commerce-amount-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:10px}.commerce-amount-option{display:flex;align-items:baseline;justify-content:center;gap:5px;min-height:74px;border:1px solid #414644;border-radius:8px;background:#222726;color:#d6dcda;font:inherit;cursor:pointer;position:relative}.commerce-amount-option strong{font-size:26px;font-weight:550;font-variant-numeric:tabular-nums}.commerce-amount-option>span{font-size:11px;color:#98a39e}.commerce-amount-option[aria-pressed=true]{border-color:#c58a56;background:#423020;color:#ffd6ac;box-shadow:inset 0 0 0 1px #c58a5644}.commerce-amount-option[aria-pressed=true]>span{color:#d5ac87}.commerce-amount-option[aria-pressed=true]:after{content:'✓';position:absolute;right:7px;top:3px;color:#eab482;font-size:10px}.commerce-amount-option:disabled{opacity:.32;cursor:not-allowed}.commerce-custom-toggle{margin-top:13px;border:0;padding:5px 0;background:none;color:#b4aaa0;font:inherit;font-size:11px;text-decoration:underline;text-underline-offset:4px;cursor:pointer}.commerce-custom-toggle[aria-pressed=true]{color:#ffc08e}.commerce-custom-area{margin-top:4px}.commerce-recharge-range{margin:13px 0 0;color:#7f8c90;font-size:10px;line-height:1.8}.commerce-amount-note{margin:8px 0 0;color:#b4c4b9;font-size:11px;line-height:1.8}.commerce-amount-note.is-error{color:#e9ad8f}
.commerce-field{display:block;margin:0 0 15px;color:#b8c3c6;font-size:11px}.commerce-field>span{display:block;margin-bottom:8px}.commerce-field input,.commerce-field select{width:100%;min-width:0;min-height:43px;padding:10px 12px;background:#202728;color:#e9ecec;border:1px solid #435054;border-radius:7px;font:inherit}.commerce-field input::placeholder{color:#76868c}.commerce-payment-options>.account-button{width:100%;min-height:43px;margin-top:10px}.commerce-custom-area .commerce-field{margin:8px 0 0}.commerce-withdraw-panel{margin-top:15px;border:1px solid #37453e;border-radius:9px;background:#1b2320}.commerce-withdraw-panel>summary{display:flex;align-items:center;justify-content:space-between;gap:15px;padding:16px 18px;list-style:none;cursor:pointer}.commerce-withdraw-panel>summary::-webkit-details-marker{display:none}.commerce-withdraw-panel>summary>strong{font-size:12px;font-weight:500;color:#c6d8cd}.commerce-withdraw-panel>summary>span{font-size:11px;color:#8baa99;margin-left:auto}.commerce-withdraw-panel>summary:after{content:'⌄';font-size:15px;color:#8baa99}.commerce-withdraw-panel[open]>summary:after{transform:rotate(180deg)}.commerce-withdraw-panel>.commerce-form{padding:7px 20px 21px;border-top:1px solid #354039}.commerce-withdraw-panel .commerce-form h3{display:none}.commerce-withdraw-panel .commerce-field{max-width:620px}.commerce-withdraw-panel .account-button{min-width:150px}
.commerce-history{margin-top:27px;padding-top:1px;scroll-margin-top:22px}.commerce-tabs{display:flex;gap:5px;overflow-x:auto;padding:5px;border:1px solid #343c3e;border-radius:8px;background:#151a1c;margin:0 0 18px}.commerce-tabs>.account-button{flex:1;white-space:nowrap;min-height:37px;padding:8px 13px;border:0;background:transparent;color:#8f9ea4;font-size:11px;font-weight:500}.commerce-tabs button[aria-pressed=true]{background:#35342e;color:#f0c8a6}.commerce-records{overflow-x:auto}.commerce-empty{padding:32px 17px;border:1px dashed #3d494e;border-radius:8px;font-size:12px;color:#92a1a8;line-height:1.9;text-align:center;margin:0}.commerce-table{width:100%;border-collapse:collapse;font-size:11px;line-height:1.8;text-align:left}.commerce-table th{font-weight:500;color:#899bA2;background:#1c2427}.commerce-table th,.commerce-table td{padding:13px 10px;border-bottom:1px solid #303c42;vertical-align:top;overflow-wrap:anywhere}.commerce-table td:first-child{max-width:200px}.commerce-table td:nth-child(2){white-space:nowrap;color:#d8beA5;font-variant-numeric:tabular-nums}.commerce-table small{display:block;color:#86999f}.commerce-table .account-button{font-size:10px;white-space:nowrap;padding:7px 10px;min-height:35px}.commerce-pagination{display:flex;justify-content:space-between;align-items:center;gap:10px;padding-top:17px;font-size:10px;color:#83969f}.commerce-pagination>.account-button{min-height:34px;font-size:10px;padding:7px 11px;background:#222c31;border-color:#3b4b53;color:#b9c6cd}
.commerce-purchase-list{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:12px}.commerce-purchase-card{display:grid;grid-template-columns:33px minmax(0,1fr);align-items:start;gap:12px;padding:18px;border:1px solid #354248;border-radius:9px;background:#1c2428;min-width:0}.commerce-purchase-mark{width:33px;height:39px;display:grid;place-items:center;border:1px solid #69523e;border-radius:7px;color:#e9b889;background:#392c21;font-size:13px}.commerce-purchase-info{grid-column:2;min-width:0}.commerce-purchase-info h3{font-size:13px;font-weight:500;line-height:1.8;color:#d7e0e4;margin:0 0 7px;overflow-wrap:anywhere}.commerce-purchase-info p{font-size:10px;color:#8b9da5;line-height:1.8;margin:0 0 6px}.commerce-purchase-state{font-size:9px;color:#94b8a2;line-height:1.8}.commerce-purchase-state.is-unavailable{color:#b89a85}.commerce-purchase-card>.account-button{grid-column:2;justify-self:start;margin-left:0;min-height:33px;padding:6px 11px;font-size:10px;background:#2b373b;border-color:#46565c;color:#d4ddd9}
.commerce-status{padding:12px 14px;border:1px solid #786044;border-radius:7px;background:#332b20;color:#ecc7a4;font-size:12px;line-height:1.8;overflow-wrap:anywhere;margin:0 0 18px}.commerce-status.is-error{color:#ffc0aa}.purchase-error{margin:12px 0;color:#ffc0aa;font-size:12px;line-height:1.8}.preview-unlock{cursor:pointer}.preview-ended-actions .preview-unlock[disabled]{opacity:.6;cursor:wait}
@media(max-width:900px){.commerce-detail-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.commerce-recharge{gap:19px;grid-template-columns:minmax(0,1fr) minmax(0,.85fr)}.commerce-payment-options{padding-left:18px}.commerce-amount-option{min-height:69px}}
@media(max-width:680px){.commerce-card{padding:20px 16px}.commerce-heading h2{font-size:19px}.commerce-heading>.account-button{font-size:9px;padding:7px 9px}.commerce-balances{gap:10px}.commerce-stat{padding:18px 15px}.commerce-stat strong{font-size:27px}.commerce-stat>span{font-size:11px}.commerce-stat small{font-size:9px;line-height:1.8}.commerce-recharge{grid-template-columns:1fr;padding:18px;gap:17px}.commerce-payment-options{padding:18px 0 0;border-left:0;border-top:1px solid #343a3b}.commerce-detail-grid{grid-template-columns:1fr;gap:10px}.commerce-amount-grid{gap:9px}.commerce-amount-option{min-height:72px}.commerce-tabs>.account-button{font-size:10px;padding:7px 12px;min-height:39px}.commerce-purchase-list{grid-template-columns:1fr}.commerce-table{min-width:520px}.commerce-field input,.commerce-field select{font-size:16px}.commerce-withdraw-panel>summary{padding:15px}.commerce-balance-details>summary>span{font-size:9px}.commerce-withdraw-panel>.commerce-form{padding:5px 15px 19px}}
@media(max-width:380px){.commerce-card{padding:18px 12px}.commerce-stat{padding:15px 11px}.commerce-stat strong{font-size:24px}.commerce-stat small{font-size:8px}.commerce-recharge{padding:15px}.commerce-amount-option strong{font-size:24px}.commerce-tabs>.account-button{font-size:9px;padding-inline:9px}.commerce-balance-details>summary{gap:9px}}