/*
 * Configurable member colour themes.
 * The active name comes from $SITE_CONFIG['member_theme'] in libs/site_config.php.
 * Business/status colours (deposit, withdrawal, LINE, Telegram, success/error)
 * deliberately keep their semantic colours.
 */

html { --gm-theme-styles-ready: 1; }

html[data-member-theme="blue"] {
    --gm-bg-0: #030a12;
    --gm-bg-1: #081a2a;
    --gm-bg-2: #123b5a;
    --gm-panel: #0f2e47;
    --gm-panel-2: #164967;
    --gm-panel-soft: #1d5d80;
    --gm-gold: #39ace8;
    --gm-gold-bright: #b8e8ff;
    --gm-gold-deep: #176991;
    --gm-line: rgba(64, 180, 239, .50);
    --gm-line-soft: rgba(162, 222, 252, .18);
    --gm-theme-accent: #39ace8;
    --gm-theme-bright: #b8e8ff;
    --gm-theme-deep: #176991;
    --gm-theme-rgb: 57, 172, 232;
    --gm-theme-ink: #06131d;
    --gm-theme-page-bg: radial-gradient(circle at 10% 8%, rgba(57, 172, 232, .19), transparent 30%), repeating-linear-gradient(135deg, rgba(101, 197, 245, .025) 0 1px, transparent 1px 19px), linear-gradient(145deg, #0b2135 0%, #06131f 55%, #02070c 100%);
    --gm-theme-header-bg: linear-gradient(270deg, #081827 0%, #1d587a 52%, #081827 100%);
    --gm-theme-header-scroll-bg: linear-gradient(270deg, rgba(4, 16, 27, .98), rgba(20, 71, 101, .98), rgba(4, 16, 27, .98));
    --gm-theme-panel-bg: linear-gradient(145deg, rgba(20, 66, 96, .97), rgba(5, 19, 31, .99) 76%);
    --gm-theme-card-bg: linear-gradient(145deg, rgba(24, 78, 108, .91), rgba(5, 18, 29, .98) 76%);
    --gm-theme-dock-bg: linear-gradient(208deg, #286c91 0%, #071927 52%, #174b69 100%);
    --gm-theme-field-bg: #071522;
    --gm-theme-cta-bg: linear-gradient(105deg, #2b8fbe, #9fddfa 50%, #238fc2);
    --gm-theme-cta-border: #c7eeff;
}

html[data-member-theme="green"] {
    --gm-bg-0: #020a07;
    --gm-bg-1: #071c14;
    --gm-bg-2: #123b2b;
    --gm-panel: #0e3023;
    --gm-panel-2: #164b37;
    --gm-panel-soft: #1e6247;
    --gm-gold: #43c686;
    --gm-gold-bright: #c3f0d8;
    --gm-gold-deep: #1b7a4e;
    --gm-line: rgba(67, 198, 134, .49);
    --gm-line-soft: rgba(170, 235, 202, .17);
    --gm-theme-accent: #43c686;
    --gm-theme-bright: #c3f0d8;
    --gm-theme-deep: #1b7a4e;
    --gm-theme-rgb: 67, 198, 134;
    --gm-theme-ink: #06160e;
    --gm-theme-page-bg: radial-gradient(circle at 14% 11%, rgba(67, 198, 134, .17), transparent 29%), repeating-linear-gradient(45deg, rgba(117, 220, 167, .025) 0 1px, transparent 1px 22px), linear-gradient(145deg, #0a2c20 0%, #061a12 56%, #020906 100%);
    --gm-theme-header-bg: linear-gradient(270deg, #071b13 0%, #245d46 52%, #071b13 100%);
    --gm-theme-header-scroll-bg: linear-gradient(270deg, rgba(3, 16, 11, .98), rgba(20, 74, 52, .98), rgba(3, 16, 11, .98));
    --gm-theme-panel-bg: linear-gradient(145deg, rgba(23, 78, 56, .97), rgba(5, 22, 15, .99) 76%);
    --gm-theme-card-bg: linear-gradient(145deg, rgba(27, 88, 63, .91), rgba(4, 20, 13, .98) 76%);
    --gm-theme-dock-bg: linear-gradient(208deg, #2f7759 0%, #071c14 52%, #174c37 100%);
    --gm-theme-field-bg: #06170f;
    --gm-theme-cta-bg: linear-gradient(105deg, #2d9563, #b6ebce 50%, #2aa869);
    --gm-theme-cta-border: #d0f6e1;
}

html[data-member-theme="red"] {
    --gm-bg-0: #0d0203;
    --gm-bg-1: #260708;
    --gm-bg-2: #4c1115;
    --gm-panel: #3b1114;
    --gm-panel-2: #5a191e;
    --gm-panel-soft: #742229;
    --gm-gold: #ea5961;
    --gm-gold-bright: #ffc6c9;
    --gm-gold-deep: #9d2930;
    --gm-line: rgba(234, 89, 97, .53);
    --gm-line-soft: rgba(255, 185, 189, .17);
    --gm-theme-accent: #ea5961;
    --gm-theme-bright: #ffc6c9;
    --gm-theme-deep: #9d2930;
    --gm-theme-rgb: 234, 89, 97;
    --gm-theme-ink: #210507;
    --gm-theme-page-bg: radial-gradient(circle at 12% 10%, rgba(234, 89, 97, .18), transparent 28%), linear-gradient(125deg, transparent 0 32%, rgba(221, 47, 57, .055) 32.2% 47%, transparent 47.2%), linear-gradient(145deg, #31080b 0%, #170405 56%, #080102 100%);
    --gm-theme-header-bg: linear-gradient(270deg, #210507 0%, #722329 52%, #210507 100%);
    --gm-theme-header-scroll-bg: linear-gradient(270deg, rgba(27, 4, 6, .98), rgba(91, 20, 26, .98), rgba(27, 4, 6, .98));
    --gm-theme-panel-bg: linear-gradient(145deg, rgba(91, 25, 30, .97), rgba(25, 5, 7, .99) 76%);
    --gm-theme-card-bg: linear-gradient(145deg, rgba(108, 29, 35, .91), rgba(23, 4, 6, .98) 76%);
    --gm-theme-dock-bg: linear-gradient(208deg, #8b2a31 0%, #200507 52%, #5f151b 100%);
    --gm-theme-field-bg: #1b0507;
    --gm-theme-cta-bg: linear-gradient(105deg, #d35a61, #ffb8bc 50%, #dc4650);
    --gm-theme-cta-border: #ffd2d4;
}

html[data-member-theme="orange"] {
    --gm-bg-0: #0c0501;
    --gm-bg-1: #261003;
    --gm-bg-2: #522405;
    --gm-panel: #3f1c08;
    --gm-panel-2: #602a08;
    --gm-panel-soft: #7c390c;
    --gm-gold: #f28a1d;
    --gm-gold-bright: #ffd7a0;
    --gm-gold-deep: #b84d08;
    --gm-line: rgba(242, 138, 29, .54);
    --gm-line-soft: rgba(255, 207, 146, .18);
    --gm-theme-accent: #f28a1d;
    --gm-theme-bright: #ffd7a0;
    --gm-theme-deep: #b84d08;
    --gm-theme-rgb: 242, 138, 29;
    --gm-theme-ink: #271002;
    --gm-theme-page-bg: radial-gradient(circle at 10% 8%, rgba(242, 138, 29, .20), transparent 29%), repeating-linear-gradient(120deg, rgba(255, 190, 85, .025) 0 1px, transparent 1px 20px), linear-gradient(145deg, #3b1704 0%, #1d0a02 56%, #090300 100%);
    --gm-theme-header-bg: linear-gradient(270deg, #251003 0%, #8b3e0b 52%, #251003 100%);
    --gm-theme-header-scroll-bg: linear-gradient(270deg, rgba(29, 11, 2, .98), rgba(106, 43, 6, .98), rgba(29, 11, 2, .98));
    --gm-theme-panel-bg: linear-gradient(145deg, rgba(103, 43, 8, .97), rgba(27, 9, 2, .99) 76%);
    --gm-theme-card-bg: linear-gradient(145deg, rgba(123, 51, 8, .91), rgba(25, 8, 2, .98) 76%);
    --gm-theme-dock-bg: linear-gradient(208deg, #98460d 0%, #241003 52%, #662907 100%);
    --gm-theme-field-bg: #1c0b02;
    --gm-theme-cta-bg: linear-gradient(105deg, #d36413, #ffd090 50%, #ed780f);
    --gm-theme-cta-border: #ffe0b5;
}

html[data-member-theme="pink"] {
    --gm-bg-0: #0d0308;
    --gm-bg-1: #25101a;
    --gm-bg-2: #4a1a31;
    --gm-panel: #3a1828;
    --gm-panel-2: #57233c;
    --gm-panel-soft: #71304f;
    --gm-gold: #e87ca9;
    --gm-gold-bright: #ffd3e5;
    --gm-gold-deep: #a9436c;
    --gm-line: rgba(232, 124, 169, .52);
    --gm-line-soft: rgba(255, 199, 222, .18);
    --gm-theme-accent: #e87ca9;
    --gm-theme-bright: #ffd3e5;
    --gm-theme-deep: #a9436c;
    --gm-theme-rgb: 232, 124, 169;
    --gm-theme-ink: #280918;
    --gm-theme-page-bg: radial-gradient(circle at 13% 9%, rgba(232, 124, 169, .19), transparent 29%), radial-gradient(circle at 86% 72%, rgba(232, 124, 169, .09), transparent 28%), linear-gradient(145deg, #351020 0%, #1b0811 57%, #080204 100%);
    --gm-theme-header-bg: linear-gradient(270deg, #230914 0%, #7d3151 52%, #230914 100%);
    --gm-theme-header-scroll-bg: linear-gradient(270deg, rgba(29, 6, 16, .98), rgba(99, 31, 61, .98), rgba(29, 6, 16, .98));
    --gm-theme-panel-bg: linear-gradient(145deg, rgba(91, 35, 62, .97), rgba(26, 7, 16, .99) 76%);
    --gm-theme-card-bg: linear-gradient(145deg, rgba(108, 42, 72, .91), rgba(24, 6, 14, .98) 76%);
    --gm-theme-dock-bg: linear-gradient(208deg, #8c3d5f 0%, #230914 52%, #5f233d 100%);
    --gm-theme-field-bg: #1c0711;
    --gm-theme-cta-bg: linear-gradient(105deg, #c35b83, #ffc7dd 50%, #dc6a99);
    --gm-theme-cta-border: #ffe1ed;
}

html[data-member-theme="purple"] {
    --gm-bg-0: #07030d;
    --gm-bg-1: #190d25;
    --gm-bg-2: #35174d;
    --gm-panel: #2c163e;
    --gm-panel-2: #45225f;
    --gm-panel-soft: #5a2d79;
    --gm-gold: #ad72e3;
    --gm-gold-bright: #ead4fb;
    --gm-gold-deep: #70439c;
    --gm-line: rgba(173, 114, 227, .53);
    --gm-line-soft: rgba(226, 198, 248, .18);
    --gm-theme-accent: #ad72e3;
    --gm-theme-bright: #ead4fb;
    --gm-theme-deep: #70439c;
    --gm-theme-rgb: 173, 114, 227;
    --gm-theme-ink: #170623;
    --gm-theme-page-bg: radial-gradient(circle at 12% 9%, rgba(173, 114, 227, .19), transparent 30%), repeating-linear-gradient(135deg, rgba(195, 146, 237, .025) 0 1px, transparent 1px 21px), linear-gradient(145deg, #271237 0%, #12081c 57%, #050208 100%);
    --gm-theme-header-bg: linear-gradient(270deg, #170b22 0%, #5f327c 52%, #170b22 100%);
    --gm-theme-header-scroll-bg: linear-gradient(270deg, rgba(19, 7, 29, .98), rgba(75, 35, 103, .98), rgba(19, 7, 29, .98));
    --gm-theme-panel-bg: linear-gradient(145deg, rgba(70, 34, 96, .97), rgba(18, 7, 28, .99) 76%);
    --gm-theme-card-bg: linear-gradient(145deg, rgba(83, 41, 113, .91), rgba(17, 6, 26, .98) 76%);
    --gm-theme-dock-bg: linear-gradient(208deg, #68398a 0%, #180b23 52%, #47245f 100%);
    --gm-theme-field-bg: #12071c;
    --gm-theme-cta-bg: linear-gradient(105deg, #a070c6, #e3c5f7 50%, #9c60ce);
    --gm-theme-cta-border: #f0ddfc;
}

/* Shared themed shell (the original gold theme remains byte-for-byte visual). */
html[data-member-theme]:not([data-member-theme="gold"]) {
    background: var(--gm-bg-0);
}

html[data-member-theme]:not([data-member-theme="gold"]) body:not(.member_main) {
    background-color: var(--gm-bg-0) !important;
    background-image: var(--gm-theme-page-bg) !important;
}

html[data-member-theme]:not([data-member-theme="gold"]) body:not(.member_main) .gm-header,
html[data-member-theme]:not([data-member-theme="gold"]) body.register .masthead .fix_nav,
html[data-member-theme]:not([data-member-theme="gold"]) body:not(.member_main) .toptitle {
    border-color: rgba(var(--gm-theme-rgb), .30) !important;
    background: var(--gm-theme-header-bg) !important;
    box-shadow: 0 8px 24px rgba(0, 0, 0, .30), 0 0 20px rgba(var(--gm-theme-rgb), .08) !important;
}

html[data-member-theme]:not([data-member-theme="gold"]) body:not(.member_main) .gm-header.is-scrolled {
    background: var(--gm-theme-header-scroll-bg) !important;
}

html[data-member-theme]:not([data-member-theme="gold"]) body:not(.member_main) .gm-side-panel {
    background: linear-gradient(180deg, var(--gm-panel-2), var(--gm-bg-1) 36%, var(--gm-bg-0)) !important;
}

html[data-member-theme]:not([data-member-theme="gold"]) body:not(.member_main) .gm-balance-chip,
html[data-member-theme]:not([data-member-theme="gold"]) body:not(.member_main) .toptitle :where(.news_bell, .btn-close-t) {
    border-color: rgba(var(--gm-theme-rgb), .40) !important;
    background: rgba(3, 8, 12, .42) !important;
    box-shadow: inset 0 1px rgba(255, 255, 255, .07), 0 0 15px rgba(var(--gm-theme-rgb), .09);
}

html[data-member-theme]:not([data-member-theme="gold"]) body.member-home .gm-hero {
    border: 1px solid rgba(var(--gm-theme-rgb), .27);
    border-top: 0;
    background: var(--gm-theme-panel-bg);
    box-shadow: 0 22px 52px rgba(0, 0, 0, .38), 0 0 28px rgba(var(--gm-theme-rgb), .10);
}

html[data-member-theme]:not([data-member-theme="gold"]) body.member-home .gm-service-item {
    background: radial-gradient(circle at 50% 27%, rgba(var(--gm-service-accent), .14), transparent 40%), var(--gm-theme-card-bg);
}

html[data-member-theme]:not([data-member-theme="gold"]) body.member-home .gm-service-item--primary {
    background: radial-gradient(circle at 50% 25%, rgba(var(--gm-service-accent), .25), transparent 43%), var(--gm-theme-card-bg);
}

html[data-member-theme]:not([data-member-theme="gold"]) body.member-home .gm-referral-card {
    background: radial-gradient(circle at 10% 50%, rgba(var(--gm-referral-accent), .18), transparent 36%), var(--gm-theme-card-bg);
}

html[data-member-theme]:not([data-member-theme="gold"]) body.member-home .gm-assurance {
    border-color: rgba(var(--gm-theme-rgb), .25);
    background: rgba(var(--gm-theme-rgb), .055);
}

html[data-member-theme]:not([data-member-theme="gold"]) body:not(.member_main) :where(.content_bg_dark, .card_gray, .card_h1, .card_t1, .card_dp, .box_bank, .bank_box, .bank_detail, .account-bank, .profile-card, .withdraw-card) {
    border-color: rgba(var(--gm-theme-rgb), .43) !important;
    background: var(--gm-theme-panel-bg) !important;
    box-shadow: 0 20px 50px rgba(0, 0, 0, .34), 0 0 24px rgba(var(--gm-theme-rgb), .055) !important;
}

html[data-member-theme]:not([data-member-theme="gold"]) body:not(.member_main) :where(.card_dp, .card, .card_dp_bankacc, .list_payment) {
    border-color: rgba(var(--gm-theme-rgb), .31) !important;
    background: var(--gm-theme-card-bg) !important;
}

html[data-member-theme]:not([data-member-theme="gold"]) body:not(.member_main) :where(.table, .table > :not(caption) > * > *) {
    border-color: rgba(var(--gm-theme-rgb), .16) !important;
}

html[data-member-theme]:not([data-member-theme="gold"]) body:not(.member_main) .table thead th,
html[data-member-theme]:not([data-member-theme="gold"]) body:not(.member_main) :where(.bg_brown, .bg_gray_br) {
    background: rgba(var(--gm-theme-rgb), .12) !important;
}

html[data-member-theme]:not([data-member-theme="gold"]) body:not(.member_main) :where(input.form-control, input.form-control-plaintext, select.form-select, textarea.form-control, .input-group-text),
html[data-member-theme]:not([data-member-theme="gold"]) body:not(.member_main) :where(input[type="text"], input[type="tel"], input[type="number"], input[type="password"], input[type="month"], select, textarea):not([type="hidden"]) {
    border-color: rgba(var(--gm-theme-rgb), .34) !important;
    background: var(--gm-theme-field-bg) !important;
}

html[data-member-theme]:not([data-member-theme="gold"]) body:not(.member_main) :where(input[type="text"], input[type="tel"], input[type="number"], input[type="password"], input[type="month"], select, textarea):not([type="hidden"]):focus,
html[data-member-theme]:not([data-member-theme="gold"]) body:not(.member_main) :where(input.form-control, select.form-select, textarea.form-control):focus {
    border-color: var(--gm-theme-accent) !important;
    box-shadow: 0 0 0 3px rgba(var(--gm-theme-rgb), .15) !important;
}

html[data-member-theme]:not([data-member-theme="gold"]) body:not(.member_main) :where(.btn-loginform, .btn_cfwitdraw, .btn-gradient-1, .btn-gradient-2, .btn_gray, .btn_st_1, button[type="submit"]) {
    color: var(--gm-theme-ink) !important;
    border-color: var(--gm-theme-cta-border) !important;
    background: var(--gm-theme-cta-bg) !important;
    box-shadow: 0 9px 22px rgba(0, 0, 0, .29), 0 0 20px rgba(var(--gm-theme-rgb), .10) !important;
}

html[data-member-theme]:not([data-member-theme="gold"]) body:not(.member_main) .jconfirm .jconfirm-box {
    border-color: rgba(var(--gm-theme-rgb), .58) !important;
    box-shadow: 0 24px 64px rgba(0, 0, 0, .58), 0 0 30px rgba(var(--gm-theme-rgb), .18) !important;
}

html[data-member-theme]:not([data-member-theme="gold"]) body:not(.member_main) .jconfirm .jconfirm-box .jconfirm-buttons button.btn-default {
    color: var(--gm-theme-ink) !important;
    border-color: var(--gm-theme-cta-border) !important;
    background: var(--gm-theme-cta-bg) !important;
}

html[data-member-theme]:not([data-member-theme="gold"]) body:not(.member_main) :where(.btn_op_acct, .btn-register_2, .btn-to-register, .btn-cf_dark, .btn-outline-light, #member_check, .MuiButton-root) {
    border-color: rgba(var(--gm-theme-rgb), .55) !important;
    background: linear-gradient(145deg, rgba(var(--gm-theme-rgb), .19), var(--gm-theme-field-bg)) !important;
}

html[data-member-theme]:not([data-member-theme="gold"]) body:not(.member_main) .gm-bottom-dock,
html[data-member-theme]:not([data-member-theme="gold"]) body.bg_1 > footer {
    border-color: rgba(var(--gm-theme-rgb), .52) !important;
    background: var(--gm-theme-dock-bg) !important;
    box-shadow: 0 -10px 30px rgba(0, 0, 0, .38), 0 0 20px rgba(var(--gm-theme-rgb), .16) !important;
}

html[data-member-theme]:not([data-member-theme="gold"]) body:not(.member_main) .gm-dock-emblem {
    color: var(--gm-theme-ink);
    border-color: var(--gm-bg-1);
    background: var(--gm-theme-cta-bg);
    box-shadow: 0 8px 20px rgba(0, 0, 0, .43), 0 0 15px rgba(var(--gm-theme-rgb), .27);
}

html[data-member-theme]:not([data-member-theme="gold"]) body:not(.member_main) .gm-dock-item .gm-dock-emblem .gm-dock-home-icon {
    color: var(--gm-theme-ink);
}

/* Login */
html[data-member-theme]:not([data-member-theme="gold"]) body.gm-login-page .gm-login-ambient::before,
html[data-member-theme]:not([data-member-theme="gold"]) body.gm-login-page .gm-login-story::before {
    border-color: rgba(var(--gm-theme-rgb), .22);
    box-shadow: 0 0 0 70px rgba(var(--gm-theme-rgb), .028), 0 0 0 142px rgba(var(--gm-theme-rgb), .018);
}

html[data-member-theme]:not([data-member-theme="gold"]) body.gm-login-page .gm-login-ambient::after {
    background: linear-gradient(118deg, transparent 0 57%, rgba(var(--gm-theme-rgb), .09) 57.15%, transparent 57.35%), radial-gradient(circle at 76% 22%, rgba(var(--gm-theme-rgb), .14), transparent 27%), radial-gradient(circle at 22% 72%, rgba(255, 255, 255, .035), transparent 31%);
}

html[data-member-theme]:not([data-member-theme="gold"]) body.gm-login-page .gm-login-shell {
    border-color: rgba(var(--gm-theme-rgb), .42);
    background: var(--gm-theme-panel-bg);
    box-shadow: 0 34px 90px rgba(0, 0, 0, .50), 0 0 34px rgba(var(--gm-theme-rgb), .09);
}

html[data-member-theme]:not([data-member-theme="gold"]) body.gm-login-page .gm-login-shell::before {
    background: linear-gradient(90deg, transparent, var(--gm-theme-bright), transparent);
}

html[data-member-theme]:not([data-member-theme="gold"]) body.gm-login-page .gm-login-story,
html[data-member-theme]:not([data-member-theme="gold"]) body.gm-login-page .gm-login-form-side {
    background: var(--gm-theme-card-bg);
}

html[data-member-theme]:not([data-member-theme="gold"]) body.gm-login-page :where(.gm-login-kicker, .gm-login-story h1 span, .gm-login-feature i, .gm-login-feature .gm-icon, .gm-login-card-head small) {
    color: var(--gm-theme-accent);
}

html[data-member-theme]:not([data-member-theme="gold"]) body.gm-login-page .gm-login-kicker::before {
    background: var(--gm-theme-accent);
}

html[data-member-theme]:not([data-member-theme="gold"]) body.gm-login-page :where(.gm-login-features, .gm-login-feature + .gm-login-feature, .gm-login-support) {
    border-color: rgba(var(--gm-theme-rgb), .20);
}

html[data-member-theme]:not([data-member-theme="gold"]) body.gm-login-page .gm-login-card .input-group {
    border-color: rgba(var(--gm-theme-rgb), .32);
    background: var(--gm-theme-field-bg);
}

html[data-member-theme]:not([data-member-theme="gold"]) body.gm-login-page .gm-login-card .input-group:focus-within {
    border-color: var(--gm-theme-accent);
    box-shadow: 0 0 0 3px rgba(var(--gm-theme-rgb), .14);
}

html[data-member-theme]:not([data-member-theme="gold"]) body.gm-login-page .gm-login-card .input-group-text,
html[data-member-theme]:not([data-member-theme="gold"]) body.gm-login-page .gm-login-links a:hover,
html[data-member-theme]:not([data-member-theme="gold"]) body.gm-login-page .gm-login-support a:hover {
    color: var(--gm-theme-bright) !important;
}

html[data-member-theme]:not([data-member-theme="gold"]) body.gm-login-page .gm-login-header-link:not(.gm-login-header-link--line) {
    color: var(--gm-theme-bright);
    border-color: rgba(var(--gm-theme-rgb), .52);
    background: rgba(var(--gm-theme-rgb), .10);
}

/* Registration */
html[data-member-theme]:not([data-member-theme="gold"]) body.register #signUpForm {
    border-color: rgba(var(--gm-theme-rgb), .34);
    background: var(--gm-theme-panel-bg);
}

html[data-member-theme]:not([data-member-theme="gold"]) body.register #signUpForm .form-header,
html[data-member-theme]:not([data-member-theme="gold"]) body.register #signUpForm .gm-step-connector {
    border-color: rgba(var(--gm-theme-rgb), .20);
}

html[data-member-theme]:not([data-member-theme="gold"]) body.register #signUpForm .form-header .stepIndicator .text,
html[data-member-theme]:not([data-member-theme="gold"]) body.register .bank-logo .ic-bank {
    border-color: rgba(var(--gm-theme-rgb), .32);
    background: var(--gm-theme-field-bg);
}

html[data-member-theme]:not([data-member-theme="gold"]) body.register #signUpForm .form-header .stepIndicator.active .text {
    color: var(--gm-theme-ink) !important;
    border-color: var(--gm-theme-bright);
    background: var(--gm-theme-bright);
    box-shadow: 0 0 0 4px rgba(var(--gm-theme-rgb), .13) !important;
}

html[data-member-theme]:not([data-member-theme="gold"]) body.register #signUpForm .gm-step-connector {
    background: linear-gradient(90deg, rgba(var(--gm-theme-rgb), .18), rgba(var(--gm-theme-rgb), .70));
}

/* Withdrawal */
html[data-member-theme]:not([data-member-theme="gold"]) body.withdraw {
    --withdraw-gold: var(--gm-theme-accent);
    --withdraw-gold-bright: var(--gm-theme-bright);
    --withdraw-ink: var(--gm-theme-ink);
}

html[data-member-theme]:not([data-member-theme="gold"]) body.withdraw :where(.gm-withdraw-shell.content_bg_dark, .gm-withdraw-bank-card, .gm-withdraw-action-card, .gm-withdraw-notice.card_gray) {
    border-color: rgba(var(--gm-theme-rgb), .28) !important;
    background: var(--gm-theme-panel-bg) !important;
}

html[data-member-theme]:not([data-member-theme="gold"]) body.withdraw .gm-withdraw-hero {
    background: linear-gradient(115deg, rgba(var(--gm-theme-rgb), .19), transparent 58%);
}

html[data-member-theme]:not([data-member-theme="gold"]) body.withdraw .gm-withdraw-balance-card {
    color: var(--gm-theme-ink);
    border-color: var(--gm-theme-cta-border);
    background: var(--gm-theme-cta-bg);
    box-shadow: 0 16px 34px rgba(0, 0, 0, .32), 0 0 24px rgba(var(--gm-theme-rgb), .13);
}

html[data-member-theme]:not([data-member-theme="gold"]) body.withdraw .gm-withdraw-amount-field {
    border-color: rgba(var(--gm-theme-rgb), .46);
    background: var(--gm-theme-field-bg);
}

html[data-member-theme]:not([data-member-theme="gold"]) body.withdraw .gm-withdraw-amount-field:focus-within {
    border-color: var(--gm-theme-bright);
    box-shadow: 0 0 0 4px rgba(var(--gm-theme-rgb), .13);
}

html[data-member-theme]:not([data-member-theme="gold"]) body.withdraw .gm-withdraw-submit.btn_cfwitdraw {
    color: var(--gm-theme-ink) !important;
    border-color: var(--gm-theme-cta-border) !important;
    background: var(--gm-theme-cta-bg) !important;
}

/* Commission, cashback and affiliate pages */
html[data-member-theme]:not([data-member-theme="gold"]) body.gm-rewards-page {
    --reward-gold: var(--gm-theme-accent);
    --reward-gold-soft: var(--gm-theme-bright);
    --reward-accent: var(--gm-theme-accent);
    --reward-accent-rgb: var(--gm-theme-rgb);
    background: var(--gm-theme-page-bg) !important;
}

html[data-member-theme]:not([data-member-theme="gold"]) body.gm-rewards-page .content_bg_dark.gm-rewards-shell,
html[data-member-theme]:not([data-member-theme="gold"]) body.gm-rewards-page :where(.gm-rewards-balance-card, .gm-rewards-metric-card, .gm-rewards-stat-card, .gm-affiliate-share, .gm-rewards-table-card) {
    border-color: rgba(var(--gm-theme-rgb), .28) !important;
    background: var(--gm-theme-panel-bg) !important;
}

html[data-member-theme]:not([data-member-theme="gold"]) body.gm-rewards-page .gm-rewards-hero {
    border-color: rgba(var(--gm-theme-rgb), .36);
    background: linear-gradient(105deg, rgba(var(--gm-theme-rgb), .16), transparent 46%), var(--gm-theme-card-bg);
}

html[data-member-theme]:not([data-member-theme="gold"]) body.gm-rewards-page :where(.gm-rewards-claim, .gm-affiliate-action) {
    color: var(--gm-theme-ink) !important;
    border-color: var(--gm-theme-cta-border);
    background: var(--gm-theme-cta-bg);
    box-shadow: 0 11px 27px rgba(0, 0, 0, .28), 0 0 20px rgba(var(--gm-theme-rgb), .11);
}

html[data-member-theme]:not([data-member-theme="gold"]) body.gm-rewards-page .now_credit_member_afg,
html[data-member-theme]:not([data-member-theme="gold"]) body.gm-rewards-page :where(.gm-rewards-metric-card strong, .gm-rewards-stat-card strong) {
    color: var(--gm-theme-bright);
    text-shadow: 0 0 25px rgba(var(--gm-theme-rgb), .17);
}

html[data-member-theme]:not([data-member-theme="gold"]) body.gm-rewards-page .gm-reward-game {
    border-color: rgba(var(--gm-theme-rgb), .25);
    background: var(--gm-theme-card-bg);
}

html[data-member-theme]:not([data-member-theme="gold"]) body.gm-rewards-page .gm-reward-game__title,
html[data-member-theme]:not([data-member-theme="gold"]) body.gm-rewards-page .gm-reward-day--total .gm-reward-day__date-text {
    color: var(--gm-theme-bright);
}

html[data-member-theme]:not([data-member-theme="gold"]) body.gm-rewards-page .super_div_report.gm-reward-game__report {
    background: rgba(3, 8, 12, .43);
}

html[data-member-theme]:not([data-member-theme="gold"]) body.gm-rewards-page .gm-reward-day--total {
    border-top-color: rgba(var(--gm-theme-rgb), .31);
    background: rgba(var(--gm-theme-rgb), .07);
}

/* Password */
html[data-member-theme]:not([data-member-theme="gold"]) body.gm-password-page {
    --gm-password-gold: var(--gm-theme-accent);
    --gm-password-gold-light: var(--gm-theme-bright);
    --gm-password-ink: var(--gm-theme-ink);
    --gm-password-panel: var(--gm-panel);
    background-color: var(--gm-bg-0) !important;
    background-image: var(--gm-theme-page-bg) !important;
}

html[data-member-theme]:not([data-member-theme="gold"]) body.gm-password-page :where(.gm-password-topbar, .gm-password-shell.content_bg_dark, .gm-password-intro, .gm-password-form-panel) {
    border-color: rgba(var(--gm-theme-rgb), .34) !important;
    background: var(--gm-theme-panel-bg) !important;
}

html[data-member-theme]:not([data-member-theme="gold"]) body.gm-password-page .gm-password-intro-glow {
    background: rgba(var(--gm-theme-rgb), .17);
}

html[data-member-theme]:not([data-member-theme="gold"]) body.gm-password-page .gm-password-emblem,
html[data-member-theme]:not([data-member-theme="gold"]) body.gm-password-page .gm-password-submit.btn-resetpass {
    color: var(--gm-theme-ink) !important;
    border-color: var(--gm-theme-cta-border) !important;
    background: var(--gm-theme-cta-bg) !important;
}

html[data-member-theme]:not([data-member-theme="gold"]) body.gm-password-page .gm-password-field {
    border-color: rgba(var(--gm-theme-rgb), .38);
    background: var(--gm-theme-field-bg);
}

html[data-member-theme]:not([data-member-theme="gold"]) body.gm-password-page .gm-password-field:focus-within {
    border-color: var(--gm-theme-accent);
    background: var(--gm-theme-field-bg);
    box-shadow: 0 0 0 3px rgba(var(--gm-theme-rgb), .13), 0 10px 26px rgba(0, 0, 0, .18);
}

/* Deposit history: keep deposit/withdraw status colours, theme the frame. */
html[data-member-theme]:not([data-member-theme="gold"]) body.history .toptitle {
    border-bottom-color: rgba(var(--gm-theme-rgb), .58) !important;
}

html[data-member-theme]:not([data-member-theme="gold"]) body.history .gm-history-shell.content_bg_dark {
    border-color: rgba(var(--gm-theme-rgb), .38) !important;
    background: var(--gm-theme-panel-bg) !important;
}

html[data-member-theme]:not([data-member-theme="gold"]) body.history .gm-history-hero {
    border-color: rgba(var(--gm-theme-rgb), .25);
    background: radial-gradient(circle at 88% 10%, rgba(var(--gm-theme-rgb), .16), transparent 35%), linear-gradient(120deg, rgba(255, 255, 255, .035), transparent 45%);
}

html[data-member-theme]:not([data-member-theme="gold"]) body.history .gm-history-hero__icon {
    color: var(--gm-theme-ink);
    border-color: var(--gm-theme-cta-border);
    background: var(--gm-theme-cta-bg);
    box-shadow: 0 12px 28px rgba(0, 0, 0, .25), 0 0 19px rgba(var(--gm-theme-rgb), .13);
}

html[data-member-theme]:not([data-member-theme="gold"]) body.history :where(.gm-history-hero__copy > span, .gm-history-section-head > div > span, .gm-history-guide__head > div > span),
html[data-member-theme]:not([data-member-theme="gold"]) body.history .gm-history-table thead th {
    color: var(--gm-theme-accent) !important;
}

html[data-member-theme]:not([data-member-theme="gold"]) body.history .gm-history-card.card_dp {
    border-color: rgba(var(--gm-theme-rgb), .29) !important;
    background: var(--gm-theme-field-bg) !important;
}

html[data-member-theme]:not([data-member-theme="gold"]) body.history .gm-history-table thead {
    background: linear-gradient(90deg, rgba(var(--gm-theme-rgb), .13), rgba(var(--gm-theme-rgb), .035));
}

/* Slip upload */
html[data-member-theme]:not([data-member-theme="gold"]) body.deposit-slip .gm-slip-picker,
html[data-member-theme]:not([data-member-theme="gold"]) body.deposit-slip .list_bank_show_fix > .card_dp {
    border-color: rgba(var(--gm-theme-rgb), .58) !important;
    background: radial-gradient(circle at 10% 18%, rgba(var(--gm-theme-rgb), .17), transparent 31%), var(--gm-theme-panel-bg) !important;
}

html[data-member-theme]:not([data-member-theme="gold"]) body.deposit-slip .gm-slip-picker__icon,
html[data-member-theme]:not([data-member-theme="gold"]) body.deposit-slip .gm-slip-picker__button,
html[data-member-theme]:not([data-member-theme="gold"]) body.deposit-slip .list_bank_show_fix .copy .btn-gradient-2 {
    color: var(--gm-theme-ink) !important;
    border-color: var(--gm-theme-cta-border) !important;
    background: var(--gm-theme-cta-bg) !important;
}

html[data-member-theme]:not([data-member-theme="gold"]) body.deposit-slip .list_bank_show_fix .detail p:nth-child(2) {
    color: var(--gm-theme-bright) !important;
}

html[data-member-theme]:not([data-member-theme="gold"]) body.deposit-choices .deposit-choice-card {
    border-color: rgba(var(--gm-theme-rgb), .43) !important;
    background: var(--gm-theme-card-bg) !important;
}

/* A negative receivable amount must never look or behave like an active claim. */
body.gm-rewards-page button.gm-rewards-claim[data-negative-claim] {
    appearance: none;
    font-family: inherit;
    cursor: pointer;
}

body.gm-rewards-page .gm-rewards-claim[data-negative-claim][aria-disabled="true"] {
    color: #8f9298 !important;
    border-color: #35383d !important;
    background: linear-gradient(145deg, #24262a, #090a0c 72%) !important;
    box-shadow: inset 0 1px rgba(255, 255, 255, .06), 0 8px 18px rgba(0, 0, 0, .22) !important;
    cursor: not-allowed !important;
    opacity: .76;
    filter: grayscale(1) !important;
    transform: none !important;
}

body.gm-rewards-page .gm-rewards-claim[data-negative-claim][aria-disabled="true"] .gm-icon {
    opacity: .58;
}
