/* HF Dark Mode Core - Wallet module */
html.hf-dark-mode :where(.wps-wallet, .wps_wsfw_wallet, .wps-wallet-wrapper, .wps_wsfw_wallet_wrapper, .wallet-wrapper, .wallet-content, .wps_wcb_wallet, .wps_wsfw_main_wrapper, .wps_wsfw_content),
html.xkvt-site-dark :where(.wps-wallet, .wps_wsfw_wallet, .wps-wallet-wrapper, .wps_wsfw_wallet_wrapper, .wallet-wrapper, .wallet-content, .wps_wcb_wallet, .wps_wsfw_main_wrapper, .wps_wsfw_content),
body.hf-dark-mode :where(.wps-wallet, .wps_wsfw_wallet, .wps-wallet-wrapper, .wps_wsfw_wallet_wrapper, .wallet-wrapper, .wallet-content, .wps_wcb_wallet, .wps_wsfw_main_wrapper, .wps_wsfw_content),
body.xkvt-site-dark :where(.wps-wallet, .wps_wsfw_wallet, .wps-wallet-wrapper, .wps_wsfw_wallet_wrapper, .wallet-wrapper, .wallet-content, .wps_wcb_wallet, .wps_wsfw_main_wrapper, .wps_wsfw_content) {
    background: transparent !important;
    color: var(--hf-dm-text) !important;
}

html.hf-dark-mode :where(.wps-wallet-card, .wps_wsfw_wallet_card, .wallet-card, .wps_wsfw_account_wrapper, .wps_wsfw_form_wrapper, .wps_wsfw_wallet_balance, .wps_wsfw_wallet_transaction, .wps_wsfw_wallet_action, .wps_wsfw_wallet_action_container, .wps_wsfw_wallet_action_wrap, .wps_wsfw_wallet_recharge, .wps_wsfw_wallet_transfer, .wps_wsfw_wallet_withdrawal, .wps_wsfw_amount_wrapper),
html.xkvt-site-dark :where(.wps-wallet-card, .wps_wsfw_wallet_card, .wallet-card, .wps_wsfw_account_wrapper, .wps_wsfw_form_wrapper, .wps_wsfw_wallet_balance, .wps_wsfw_wallet_transaction, .wps_wsfw_wallet_action, .wps_wsfw_wallet_action_container, .wps_wsfw_wallet_action_wrap, .wps_wsfw_wallet_recharge, .wps_wsfw_wallet_transfer, .wps_wsfw_wallet_withdrawal, .wps_wsfw_amount_wrapper),
body.hf-dark-mode :where(.wps-wallet-card, .wps_wsfw_wallet_card, .wallet-card, .wps_wsfw_account_wrapper, .wps_wsfw_form_wrapper, .wps_wsfw_wallet_balance, .wps_wsfw_wallet_transaction, .wps_wsfw_wallet_action, .wps_wsfw_wallet_action_container, .wps_wsfw_wallet_action_wrap, .wps_wsfw_wallet_recharge, .wps_wsfw_wallet_transfer, .wps_wsfw_wallet_withdrawal, .wps_wsfw_amount_wrapper),
body.xkvt-site-dark :where(.wps-wallet-card, .wps_wsfw_wallet_card, .wallet-card, .wps_wsfw_account_wrapper, .wps_wsfw_form_wrapper, .wps_wsfw_wallet_balance, .wps_wsfw_wallet_transaction, .wps_wsfw_wallet_action, .wps_wsfw_wallet_action_container, .wps_wsfw_wallet_action_wrap, .wps_wsfw_wallet_recharge, .wps_wsfw_wallet_transfer, .wps_wsfw_wallet_withdrawal, .wps_wsfw_amount_wrapper) {
    background: linear-gradient(180deg, rgba(23,31,43,.88), rgba(13,19,28,.82)) !important;
    border: 1px solid var(--hf-dm-line) !important;
    color: var(--hf-dm-text) !important;
    box-shadow: var(--hf-dm-shadow-soft) !important;
}

/* Orange balance area: keep brand color but improve text contrast. */
html.hf-dark-mode :where(.wps_wsfw_wallet_balance, .wallet-balance, .wps_wsfw_wallet_amount, .wps_wsfw_balance_wrapper, .wps_wsfw_wallet_top),
html.xkvt-site-dark :where(.wps_wsfw_wallet_balance, .wallet-balance, .wps_wsfw_wallet_amount, .wps_wsfw_balance_wrapper, .wps_wsfw_wallet_top),
body.hf-dark-mode :where(.wps_wsfw_wallet_balance, .wallet-balance, .wps_wsfw_wallet_amount, .wps_wsfw_balance_wrapper, .wps_wsfw_wallet_top),
body.xkvt-site-dark :where(.wps_wsfw_wallet_balance, .wallet-balance, .wps_wsfw_wallet_amount, .wps_wsfw_balance_wrapper, .wps_wsfw_wallet_top) {
    background:
        radial-gradient(circle at 14% 8%, rgba(255,255,255,.20), transparent 34%),
        linear-gradient(135deg, #f47a1f 0%, #ff8a00 100%) !important;
    border-color: rgba(255,255,255,.16) !important;
    color: #fff !important;
    box-shadow: 0 22px 54px rgba(244,122,31,.26) !important;
}
html.hf-dark-mode :where(.wps_wsfw_wallet_balance, .wallet-balance, .wps_wsfw_wallet_amount, .wps_wsfw_balance_wrapper, .wps_wsfw_wallet_top) :where(h1,h2,h3,h4,p,span,strong,b,a),
html.xkvt-site-dark :where(.wps_wsfw_wallet_balance, .wallet-balance, .wps_wsfw_wallet_amount, .wps_wsfw_balance_wrapper, .wps_wsfw_wallet_top) :where(h1,h2,h3,h4,p,span,strong,b,a),
body.hf-dark-mode :where(.wps_wsfw_wallet_balance, .wallet-balance, .wps_wsfw_wallet_amount, .wps_wsfw_balance_wrapper, .wps_wsfw_wallet_top) :where(h1,h2,h3,h4,p,span,strong,b,a),
body.xkvt-site-dark :where(.wps_wsfw_wallet_balance, .wallet-balance, .wps_wsfw_wallet_amount, .wps_wsfw_balance_wrapper, .wps_wsfw_wallet_top) :where(h1,h2,h3,h4,p,span,strong,b,a) {
    color: #fff !important;
}

/* Wallet action tiles */
html.hf-dark-mode :where(.wps_wsfw_wallet_action, .wps_wsfw_wallet_action_container, .wps_wsfw_wallet_action_wrap, .wps_wsfw_wallet_action_box, .wps_wsfw_wallet_action_item, .wps_wsfw_wallet_action_tab, .wps_wsfw_wallet_action_tabs) :where(a, button, .button),
html.xkvt-site-dark :where(.wps_wsfw_wallet_action, .wps_wsfw_wallet_action_container, .wps_wsfw_wallet_action_wrap, .wps_wsfw_wallet_action_box, .wps_wsfw_wallet_action_item, .wps_wsfw_wallet_action_tab, .wps_wsfw_wallet_action_tabs) :where(a, button, .button),
body.hf-dark-mode :where(.wps_wsfw_wallet_action, .wps_wsfw_wallet_action_container, .wps_wsfw_wallet_action_wrap, .wps_wsfw_wallet_action_box, .wps_wsfw_wallet_action_item, .wps_wsfw_wallet_action_tab, .wps_wsfw_wallet_action_tabs) :where(a, button, .button),
body.xkvt-site-dark :where(.wps_wsfw_wallet_action, .wps_wsfw_wallet_action_container, .wps_wsfw_wallet_action_wrap, .wps_wsfw_wallet_action_box, .wps_wsfw_wallet_action_item, .wps_wsfw_wallet_action_tab, .wps_wsfw_wallet_action_tabs) :where(a, button, .button) {
    background: rgba(255,255,255,.065) !important;
    border: 1px solid rgba(255,255,255,.12) !important;
    color: rgba(255,255,255,.92) !important;
    box-shadow: inset 0 1px 0 rgba(255,255,255,.05), 0 14px 32px rgba(0,0,0,.20) !important;
}

html.hf-dark-mode :where(.wps_wsfw_wallet_action, .wps_wsfw_wallet_action_container, .wps_wsfw_wallet_action_wrap, .wps_wsfw_wallet_action_box, .wps_wsfw_wallet_action_item) :where(svg, i),
html.xkvt-site-dark :where(.wps_wsfw_wallet_action, .wps_wsfw_wallet_action_container, .wps_wsfw_wallet_action_wrap, .wps_wsfw_wallet_action_box, .wps_wsfw_wallet_action_item) :where(svg, i),
body.hf-dark-mode :where(.wps_wsfw_wallet_action, .wps_wsfw_wallet_action_container, .wps_wsfw_wallet_action_wrap, .wps_wsfw_wallet_action_box, .wps_wsfw_wallet_action_item) :where(svg, i),
body.xkvt-site-dark :where(.wps_wsfw_wallet_action, .wps_wsfw_wallet_action_container, .wps_wsfw_wallet_action_wrap, .wps_wsfw_wallet_action_box, .wps_wsfw_wallet_action_item) :where(svg, i) {
    color: var(--hf-dm-accent) !important;
}

html.hf-dark-mode :where(.wps_wsfw_form_wrapper, .wps_wsfw_wallet_withdrawal, .wps_wsfw_wallet_transfer, .wps_wsfw_wallet_recharge) :where(label, p, span, div, strong),
html.xkvt-site-dark :where(.wps_wsfw_form_wrapper, .wps_wsfw_wallet_withdrawal, .wps_wsfw_wallet_transfer, .wps_wsfw_wallet_recharge) :where(label, p, span, div, strong),
body.hf-dark-mode :where(.wps_wsfw_form_wrapper, .wps_wsfw_wallet_withdrawal, .wps_wsfw_wallet_transfer, .wps_wsfw_wallet_recharge) :where(label, p, span, div, strong),
body.xkvt-site-dark :where(.wps_wsfw_form_wrapper, .wps_wsfw_wallet_withdrawal, .wps_wsfw_wallet_transfer, .wps_wsfw_wallet_recharge) :where(label, p, span, div, strong) {
    color: rgba(255,255,255,.88) !important;
}

html.hf-dark-mode :where(.wps_wsfw_form_wrapper, .wps_wsfw_wallet_withdrawal, .wps_wsfw_wallet_transfer, .wps_wsfw_wallet_recharge) :where(input, textarea, select),
html.xkvt-site-dark :where(.wps_wsfw_form_wrapper, .wps_wsfw_wallet_withdrawal, .wps_wsfw_wallet_transfer, .wps_wsfw_wallet_recharge) :where(input, textarea, select),
body.hf-dark-mode :where(.wps_wsfw_form_wrapper, .wps_wsfw_wallet_withdrawal, .wps_wsfw_wallet_transfer, .wps_wsfw_wallet_recharge) :where(input, textarea, select),
body.xkvt-site-dark :where(.wps_wsfw_form_wrapper, .wps_wsfw_wallet_withdrawal, .wps_wsfw_wallet_transfer, .wps_wsfw_wallet_recharge) :where(input, textarea, select) {
    background: rgba(255,255,255,.075) !important;
    border: 1px solid rgba(130,183,255,.34) !important;
    color: rgba(255,255,255,.94) !important;
    box-shadow: inset 0 1px 0 rgba(255,255,255,.04), 0 0 0 0 rgba(130,183,255,0) !important;
}

html.hf-dark-mode :where(.wps_wsfw_form_wrapper, .wps_wsfw_wallet_withdrawal, .wps_wsfw_wallet_transfer, .wps_wsfw_wallet_recharge) :where(input, textarea, select):focus,
html.xkvt-site-dark :where(.wps_wsfw_form_wrapper, .wps_wsfw_wallet_withdrawal, .wps_wsfw_wallet_transfer, .wps_wsfw_wallet_recharge) :where(input, textarea, select):focus,
body.hf-dark-mode :where(.wps_wsfw_form_wrapper, .wps_wsfw_wallet_withdrawal, .wps_wsfw_wallet_transfer, .wps_wsfw_wallet_recharge) :where(input, textarea, select):focus,
body.xkvt-site-dark :where(.wps_wsfw_form_wrapper, .wps_wsfw_wallet_withdrawal, .wps_wsfw_wallet_transfer, .wps_wsfw_wallet_recharge) :where(input, textarea, select):focus {
    border-color: rgba(130,183,255,.62) !important;
    box-shadow: 0 0 0 3px rgba(130,183,255,.12) !important;
}

html.hf-dark-mode :where(.wps_wsfw_form_wrapper, .wps_wsfw_wallet_withdrawal, .wps_wsfw_wallet_transfer, .wps_wsfw_wallet_recharge) :where(input[type="submit"], button, .button),
html.xkvt-site-dark :where(.wps_wsfw_form_wrapper, .wps_wsfw_wallet_withdrawal, .wps_wsfw_wallet_transfer, .wps_wsfw_wallet_recharge) :where(input[type="submit"], button, .button),
body.hf-dark-mode :where(.wps_wsfw_form_wrapper, .wps_wsfw_wallet_withdrawal, .wps_wsfw_wallet_transfer, .wps_wsfw_wallet_recharge) :where(input[type="submit"], button, .button),
body.xkvt-site-dark :where(.wps_wsfw_form_wrapper, .wps_wsfw_wallet_withdrawal, .wps_wsfw_wallet_transfer, .wps_wsfw_wallet_recharge) :where(input[type="submit"], button, .button) {
    background: linear-gradient(135deg, #20bf63, #38d982) !important;
    border: 0 !important;
    color: #06130b !important;
    box-shadow: 0 18px 42px rgba(32,191,99,.22) !important;
}