.payment-recharge-form,.payment-order-list{gap:16px;display:grid}.payment-recharge-form label{gap:8px;max-width:360px;display:grid}.payment-recharge-form input{border:1px solid var(--border,#d7dbe5);background:var(--surface,#fff);color:inherit;border-radius:10px;padding:12px}.payment-preset-grid{grid-template-columns:repeat(4,minmax(0,1fr));gap:10px;max-width:600px;display:grid}.payment-package strong{font-size:2rem}.payment-order-card{border:1px solid var(--border,#d7dbe5);overflow-wrap:anywhere;border-radius:14px;margin:12px 0;padding:18px}.payment-order-card header,.b-channel-header{flex-wrap:wrap;justify-content:space-between;align-items:center;gap:16px;display:flex}.payment-order-card p{margin:12px 0}.payment-actions{flex-wrap:wrap;gap:10px;display:flex}.app-shell .payment-recharge-form input{color:#eef2f5;background-color:#182128}.app-shell .payment-recharge-form :is(button,input):focus-visible,.app-shell .payment-actions :is(button,a):focus-visible,.app-shell .payment-order-card button:focus-visible,.app-shell .safe-closed-panel button:focus-visible,.app-shell .main-content>.section-card a.button[href="/app/wallet"]:focus-visible{outline-offset:3px;outline:2px solid #c4ced4}.app-shell .wallet-center-page>.section-card:has(~.wallet-legacy-redemption)>button:focus-visible{outline-offset:3px;outline:2px solid #c4ced4}.app-shell .section-card:has(>.payment-order-card)>button:focus-visible{outline-offset:3px;outline:2px solid #c4ced4}.wallet-legacy-redemption{margin:24px 0}.wallet-legacy-redemption>summary{cursor:pointer;padding:12px}.b-channel-page{gap:24px;max-width:1280px;margin:0 auto;padding:32px 24px 64px;display:grid}.b-channel-header h1{margin:8px 0}.b-channel-code{flex-wrap:wrap;align-items:center;gap:20px;display:flex}.b-channel-code code{overflow-wrap:anywhere;font-size:1.4rem}.b-channel-metrics{grid-template-columns:repeat(auto-fit,minmax(220px,1fr));gap:14px;display:grid}.b-channel-metrics article{border:1px solid var(--border,#d7dbe5);background:var(--surface,#fff);border-radius:14px;gap:12px;padding:20px;display:grid}.b-channel-metrics strong{font-size:1.3rem}.b-channel-table-scroll{overflow-x:auto}.b-channel-page>*,.b-channel-page .b-channel-table-scroll{min-width:0;max-width:100%}.b-channel-table-scroll>.payment-data-table{min-width:700px}.payment-data-table{border-collapse:collapse;width:100%;font-size:.875rem}.payment-data-table th,.payment-data-table td{border-bottom:1px solid var(--border,#d7dbe5);text-align:left;vertical-align:top;padding:14px 12px}.payment-data-table small{overflow-wrap:anywhere;max-width:180px;margin-top:5px;display:block}@media (max-width:640px){.payment-preset-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.b-channel-page{padding:20px 14px 40px}.b-channel-metrics{grid-template-columns:repeat(2,minmax(0,1fr))}.b-channel-metrics article{padding:14px}}
