.wallet-balance-main { display:flex; align-items:center; justify-content:space-between; gap:16px; min-width:0; }
.wallet-balance-main > b { min-width:0; overflow-wrap:anywhere; }
.wallet-recharge-entry { flex:none; display:inline-flex; align-items:center; justify-content:center; gap:6px; min-height:36px; padding:0 14px; color:#f9fee9; background:#b1d928; border:1px solid #d3f65c; border-radius:9px; font-size:12px; font-weight:600; }
.wallet-recharge-entry:hover { background:#c5ed3a; }
.recharge-entry-dot { width:6px; height:6px; border-radius:50%; background:currentColor; }
.modal-card.wallet-recharge-dialog { width:min(680px,calc(100vw - 32px)); max-height:calc(100dvh - 32px); display:flex; flex-direction:column; padding:0; overflow:hidden; }
.wallet-recharge-dialog > .modal-head { position:relative; flex:none; inset:auto; margin:0; padding:22px 24px 18px; border-bottom:1px solid var(--oa-border,#454545); background:inherit; }
.wallet-recharge-dialog > .modal-head::before { content:none; }
.wallet-recharge-dialog > .modal-head .icon-btn { width:40px; height:40px; min-width:40px; flex:none; display:grid; place-items:center; }
.wallet-recharge-dialog > .modal-head h2 { margin:6px 0; }
.wallet-recharge-dialog > .modal-head p { margin:0; }
.wallet-recharge-body { min-height:0; overflow:auto; overscroll-behavior:contain; padding:22px 24px; }
.recharge-label { display:block; font-size:14px; font-weight:600; margin-bottom:10px; }
.recharge-presets { display:grid; grid-template-columns:repeat(3,minmax(0,1fr)); gap:10px; margin-bottom:18px; }
.recharge-presets button { min-height:48px; padding:8px; border:1px solid var(--oa-border,#454545); border-radius:10px; color:var(--oa-text,#f4f4f5); background:var(--oa-panel-2,#171717); font-size:14px; }
.recharge-presets button.active { color:#f9fee9; background:#94b621; border-color:#e1fa8b; }
.recharge-field { display:flex; flex-direction:column; gap:8px; margin-block:14px; min-width:0; font-size:13px; }
.recharge-field :is(input,textarea,select) { box-sizing:border-box; width:100%; min-width:0; min-height:38px; padding:9px 10px; border:1px solid var(--oa-border,#454545); border-radius:9px; background:var(--oa-panel-2,#171717); color:var(--oa-text,#f4f4f5); font:inherit; }
.recharge-field :is(input,textarea,select):focus-visible { outline:2px solid #d3f65c; outline-offset:2px; }
.recharge-muted { color:var(--oa-muted,#aaa); font-size:12px; line-height:1.65; }
.recharge-error { color:#fda4af; font-size:13px; line-height:1.6; }
.recharge-status { color:#edfdb5; font-size:13px; line-height:1.6; }
.recharge-actions { display:flex; flex-wrap:wrap; justify-content:flex-end; align-items:center; gap:10px; margin-block:16px 0; }
.recharge-actions :is(button,.primary-action,.secondary-action) { min-height:38px; width:auto; flex:none; }
.recharge-own-history { margin-top:24px; padding-top:18px; border-top:1px solid var(--oa-border,#454545); }
.recharge-own-history h3 { margin:0 0 12px; font-size:14px; }
.recharge-own-history article { display:flex; align-items:center; justify-content:space-between; gap:14px; padding:12px 0; border-bottom:1px solid var(--oa-border,#454545); }
.recharge-own-history article > div { display:flex; flex-direction:column; gap:5px; min-width:0; }
.recharge-own-history :is(small,time),.recharge-inbox-list time { color:var(--oa-muted,#aaa); font-size:11px; }
.recharge-own-history article p { margin:0; font-size:12px; }
.recharge-notice-section { padding-bottom:20px; margin-bottom:18px; border-bottom:1px solid var(--oa-border,#454545); }
.recharge-notice-head { display:flex; align-items:center; justify-content:space-between; gap:12px; margin-bottom:12px; }
.recharge-notice-head h3 { margin:0; font-size:15px; }
.recharge-inbox-list { display:grid; gap:14px; }
.recharge-inbox-list article { border:1px solid var(--oa-border,#454545); border-radius:12px; padding:16px; min-width:0; }
.recharge-inbox-list article > header { display:flex; flex-wrap:wrap; justify-content:space-between; align-items:center; gap:8px; }
.recharge-inbox-list article > header > span { color:var(--oa-muted,#aaa); font-size:12px; }
.recharge-inbox-list article p { overflow-wrap:anywhere; }
html[data-theme=light] .wallet-recharge-entry { color:white; background:#b1d928; border-color:#c5ed3a; }
html[data-theme=light] .recharge-presets button.active { color:#94b621; background:#f9fee9; border-color:#c5ed3a; }
html[data-theme=light] .recharge-error { color:#b91c1c; }
html[data-theme=light] .recharge-status { color:#b1d928; }
@media(max-width:520px) {
 .recharge-presets { grid-template-columns:repeat(2,minmax(0,1fr)); }
 .wallet-recharge-dialog > .modal-head { padding:16px; }
 .wallet-recharge-body { padding:16px; }
 .wallet-balance-main { gap:10px; }
 .wallet-recharge-entry { padding:0 10px; }
 .recharge-actions { justify-content:flex-start; }
}
.wallet-recharge-dialog :is(.recharge-label,.recharge-field),.recharge-notice-section :is(h3,article > p:not(.recharge-muted,.recharge-status)) { color:var(--oa-text,#f4f4f5); }