/*
 * Member UI v6 — calm charcoal / champagne-gold application shell.
 * The file is intentionally isolated from body.member_main so game-list runtime stays untouched.
 */

:root {
    --gm-base-styles-ready: 1;
    --gm-bg-0: #080808;
    --gm-bg-1: #171717;
    --gm-bg-2: #292929;
    --gm-panel: #202020;
    --gm-panel-2: #2f2f2f;
    --gm-panel-soft: #383838;
    --gm-gold: #c8a65f;
    --gm-gold-bright: #ead49b;
    --gm-gold-deep: #8b6832;
    --gm-text: #f5f3ee;
    --gm-muted: #aaa49a;
    --gm-line: rgba(205, 170, 93, .45);
    --gm-line-soft: rgba(231, 210, 155, .16);
    --gm-danger: #d36e72;
    --gm-shadow: 0 18px 44px rgba(0, 0, 0, .34);
    --gm-fast: 180ms ease;
}

html {
    background: var(--gm-bg-0);
}

body:not(.member_main) {
    min-height: 100vh;
    padding-bottom: 106px !important;
    color: var(--gm-text) !important;
    /*font-family: "Segoe UI", Tahoma, Arial, sans-serif !important;*/
    background-color: #1c1c1c !important;
    background-image: linear-gradient(112deg, #2f2f2f 0%, #252525 34%, #171717 72%, #080808 100%) !important;
    background-repeat: no-repeat !important;
    background-size: cover !important;
    background-attachment: fixed !important;
}

body:not(.member_main)::before,
body:not(.member_main)::after {
    display: none !important;
}

body:not(.member_main) a {
    color: inherit;
}

body:not(.member_main) .wrapper.max-width-default,
body:not(.member_main) .max-width-default {
    width: 100% !important;
    max-width: 840px !important;
    margin-right: auto !important;
    margin-left: auto !important;
}

body:not(.member_main) .gm-icon {
    width: 26px;
    height: 26px;
    display: block;
    flex: 0 0 auto;
    fill: none;
    stroke: currentColor;
    stroke-width: 1.8;
    stroke-linecap: round;
    stroke-linejoin: round;
}

body:not(.member_main) .gm-icon--xs {
    width: 15px;
    height: 15px;
}

/* Top application shell */
body:not(.member_main) .gm-header {
    width: 100%;
    height: 73px;
    position: sticky;
    top: 0;
    z-index: 1050;
    color: var(--gm-text);
    background: linear-gradient(270deg, #202020 0%, #575656 51.6%, #202020 100%);
    border-bottom: 1px solid rgba(205, 170, 93, .18);
    box-shadow: 0 6px 18px rgba(0, 0, 0, .22);
    transition: box-shadow var(--gm-fast), background var(--gm-fast);
}

body:not(.member_main) .gm-header.is-scrolled {
    background: linear-gradient(270deg, rgba(22, 22, 22, .98), rgba(57, 57, 57, .98), rgba(22, 22, 22, .98));
    box-shadow: 0 10px 24px rgba(0, 0, 0, .38);
}

body:not(.member_main) .gm-nav-shell {
    width: min(100% - 28px, 1180px);
    height: 100%;
    margin: 0 auto;
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: 20px;
}

body:not(.member_main) .gm-brand {
    min-width: 0;
    display: inline-flex;
    flex-direction: column;
    align-items: flex-start;
    line-height: 1;
    text-decoration: none;
}

body:not(.member_main) .gm-brand strong {
    color: var(--gm-gold-bright);
    font-family: Georgia, "Times New Roman", serif;
    font-size: 28px;
    font-weight: 500;
    letter-spacing: .5px;
}

body:not(.member_main) .gm-brand strong b {
    color: var(--gm-gold);
    font-weight: 500;
}

body:not(.member_main) .gm-brand small {
    margin-top: 6px;
    color: rgba(245, 243, 238, .58);
    font-size: 19px;
    font-weight: 600;
    letter-spacing: 3px;
}

body:not(.member_main) .gm-account {
    display: flex;
    align-items: center;
    justify-content: flex-end;
    gap: 12px;
}

body:not(.member_main) .gm-account-copy {
    display: flex;
    flex-direction: column;
    align-items: flex-end;
    line-height: 1.1;
}

body:not(.member_main) .gm-account-copy .member_username {
    max-width: 180px;
    overflow: hidden;
    color: #f5f3ee;
    font-size: 19px;
    font-weight: 600;
    text-overflow: ellipsis;
    white-space: nowrap;
}

body:not(.member_main) .gm-account-copy small {
    margin-top: 4px;
    color: var(--gm-muted);
    font-size: 15px;
    letter-spacing: 1px;
}

body:not(.member_main) .gm-balance-chip {
    min-width: 92px;
    height: 38px;
    padding: 0 13px;
    display: inline-flex;
    align-items: center;
    justify-content: center;
    gap: 7px;
    color: var(--gm-gold-bright);
    border: 1px solid var(--gm-line);
    border-radius: 999px;
    background: rgba(18, 18, 18, .78);
    font-size: 19px;
    text-decoration: none;
}

body:not(.member_main) .gm-balance-chip .gm-icon {
    width: 18px;
    height: 18px;
}

body:not(.member_main) .gm-menu-trigger {
    width: 42px;
    height: 42px;
    padding: 0;
    display: inline-grid;
    place-items: center;
    color: var(--gm-gold-bright);
    border: 0;
    border-radius: 50%;
    background: transparent;
}

body:not(.member_main) .gm-menu-trigger:hover,
body:not(.member_main) .gm-menu-trigger:focus-visible {
    background: rgba(255, 255, 255, .07);
    outline: 0;
}

body:not(.member_main) .gm-side-panel {
    width: 0;
    height: 100%;
    position: fixed;
    top: 0;
    right: 0;
    z-index: 1500;
    overflow-x: hidden;
    overflow-y: auto;
    color: var(--gm-text);
    background: linear-gradient(180deg, #242015, #171717 34%, #0b0b0b);
    border-left: 1px solid transparent;
    box-shadow: -20px 0 50px rgba(0, 0, 0, .46);
    transition: width 220ms ease, border-color 220ms ease;
}

body:not(.member_main) .gm-side-panel.is-open {
    width: min(360px, 92vw);
    border-left-color: var(--gm-line);
}

body:not(.member_main) .gm-side-head {
    min-height: 92px;
    padding: 20px 22px;
    display: flex;
    align-items: center;
    justify-content: space-between;
    border-bottom: 1px solid var(--gm-line-soft);
}

body:not(.member_main) .gm-side-close {
    width: 42px;
    height: 42px;
    display: grid;
    place-items: center;
    color: var(--gm-text);
    border: 1px solid rgba(255,255,255,.12);
    border-radius: 50%;
    text-decoration: none;
}

body:not(.member_main) .gm-side-links {
    padding: 12px 0 112px;
}

body:not(.member_main) .gm-side-link {
    min-height: 54px;
    padding: 0 24px;
    display: flex;
    align-items: center;
    gap: 13px;
    color: #dedbd3;
    border-left: 2px solid transparent;
    text-decoration: none;
    transition: color var(--gm-fast), background var(--gm-fast), border-color var(--gm-fast);
}

body:not(.member_main) .gm-side-link .gm-icon {
    width: 21px;
    height: 21px;
    color: var(--gm-gold);
}

body:not(.member_main) .gm-side-link:hover,
body:not(.member_main) .gm-side-link:focus-visible {
    color: #fff;
    border-left-color: var(--gm-gold);
    background: rgba(255, 255, 255, .05);
    outline: none;
}

/* New home composition */
body.member-home.gmufa-v6 {
    padding-top: 0 !important;
}

body.member-home .gm-dashboard {
    width: min(100%, 840px);
    margin: 0 auto;
    padding: 0 12px 124px;
}

body.member-home .gm-hero {
    overflow: visible;
    position: relative;
    border-radius: 0 0 46px 46px;
    background: linear-gradient(270deg, #202020 0%, #393939 51.6%, #202020 100%);
    box-shadow: var(--gm-shadow);
}

body.member-home .gm-hero-carousel {
    overflow: hidden;
    position: relative;
    background: #101010;
    border-radius: 0 0 18px 18px;
}

body.member-home .gm-hero-carousel .carousel-item {
    aspect-ratio: 2.2 / 1;
}

body.member-home .gm-hero-carousel img {
    width: 100% !important;
    height: 100% !important;
    object-fit: cover;
    border-radius: 0 0 18px 18px;
}

body.member-home .gm-hero-carousel::after {
    content: "";
    position: absolute;
    inset: auto 0 0;
    height: 52px;
    pointer-events: none;
    background: linear-gradient(transparent, rgba(0,0,0,.48));
}

body.member-home .gm-carousel-dots {
    position: absolute;
    right: 16px;
    bottom: 12px;
    left: auto;
    z-index: 2;
    display: flex;
    justify-content: flex-end;
    gap: 5px;
    margin: 0;
}

body.member-home .gm-carousel-dots button {
    width: 5px;
    height: 5px;
    margin: 0;
    padding: 0;
    border-radius: 50%;
    background: rgba(255,255,255,.42);
    border: 0;
    opacity: 1;
}

body.member-home .gm-carousel-dots button.active {
    width: 16px;
    border-radius: 999px;
    background: var(--gm-gold-bright);
}

body.member-home .gm-account-strip {
    min-height: 86px;
    padding: 12px 22px 20px;
    display: flex;
    align-items: flex-start;
    justify-content: space-between;
    gap: 20px;
}

body.member-home .gm-account-identity {
    min-width: 0;
    display: flex;
    flex-direction: column;
    align-items: flex-start;
}

body.member-home .gm-eyebrow {
    color: var(--gm-gold);
    font-size: 15px;
    font-weight: 700;
    letter-spacing: 1.8px;
}

body.member-home .gm-account-identity > strong {
    max-width: 300px;
    overflow: hidden;
    font-size: 21px;
    text-overflow: ellipsis;
    white-space: nowrap;
}

body.member-home .gm-refresh {
    margin-top: 7px;
    display: inline-flex;
    align-items: center;
    gap: 5px;
    color: var(--gm-muted);
    font-size: 19px;
    text-decoration: none;
}

body.member-home .gm-refresh:hover {
    color: var(--gm-gold-bright);
}

body.member-home .gm-account-balance {
    display: flex;
    align-items: baseline;
    gap: 9px;
    white-space: nowrap;
}

body.member-home .gm-account-balance span {
    color: var(--gm-gold);
    font-size: 19px;
}

body.member-home .gm-account-balance strong {
    color: #f2e1b8;
    font-size: 30px;
    font-weight: 500;
    letter-spacing: .3px;
}

body.member-home .gm-section {
    margin-top: 38px;
}

body.member-home .gm-member-services {
    margin-top: 28px;
}

body.member-home .gm-section-heading {
    margin-bottom: 14px;
    display: flex;
    align-items: flex-end;
    justify-content: space-between;
    gap: 12px;
    border-bottom: 1px solid var(--gm-line-soft);
}

body.member-home .gm-section-heading span {
    padding-bottom: 9px;
    color: var(--gm-gold);
    font-size: 15px;
    font-weight: 700;
    letter-spacing: 1.6px;
}

body.member-home .gm-section-heading h1 {
    margin: 0;
    padding-bottom: 8px;
    position: relative;
    color: #f1ede4;
    font-size: 20px;
    font-weight: 600;
}

body.member-home .gm-section-heading h1::after {
    content: "";
    width: 34px;
    height: 2px;
    position: absolute;
    right: 0;
    bottom: -1px;
    background: var(--gm-gold);
}

body.member-home .gm-service-grid {
    display: grid;
    grid-template-columns: repeat(12, minmax(0, 1fr));
    gap: 10px;
}

body.member-home [data-reward-config][hidden] {
    display: none !important;
}

body.member-home .gm-service-item {
    --gm-service-accent: 218, 187, 105;
    --gm-service-icon-color: #dfc47d;
    --gm-service-core-start: #29241b;
    --gm-service-core-end: #101010;
    min-width: 0;
    min-height: 112px;
    padding: 13px 6px 10px;
    position: relative;
    isolation: isolate;
    overflow: hidden;
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: flex-start;
    gap: 8px;
    color: #d8d3c9;
    border: 1px solid rgba(var(--gm-service-accent), .30);
    border-radius: 14px;
    background:
        radial-gradient(circle at 50% 27%, rgba(var(--gm-service-accent), .13), transparent 39%),
        linear-gradient(155deg, #28251f 0%, #171717 66%, #101010 100%);
    box-shadow: inset 0 1px 0 rgba(255,255,255,.035), 0 8px 18px rgba(0,0,0,.22);
    text-align: center;
    text-decoration: none;
    transition: transform var(--gm-fast), border-color var(--gm-fast), background var(--gm-fast), box-shadow var(--gm-fast), color var(--gm-fast);
    grid-column: span 2;
}

@media (min-width: 768px) {
    body.member-home .gm-service-item--desktop-row-start-1 { grid-column: 6 / span 2; }
    body.member-home .gm-service-item--desktop-row-start-2 { grid-column: 5 / span 2; }
    body.member-home .gm-service-item--desktop-row-start-3 { grid-column: 4 / span 2; }
    body.member-home .gm-service-item--desktop-row-start-4 { grid-column: 3 / span 2; }
    body.member-home .gm-service-item--desktop-row-start-5 { grid-column: 2 / span 2; }
}

body.member-home .gm-service-item::after {
    content: "";
    position: absolute;
    inset: 0;
    z-index: -1;
    pointer-events: none;
    background: linear-gradient(118deg, transparent 28%, rgba(255,255,255,.025) 48%, transparent 68%);
}

body.member-home .gm-service-icon {
    width: 52px;
    height: 52px;
    position: relative;
    z-index: 1;
    flex: 0 0 52px;
    display: grid;
    place-items: center;
    overflow: hidden;
    border-radius: 50%;
    background:
        radial-gradient(circle at 35% 27%, rgba(255,255,255,.14), transparent 24%),
        radial-gradient(circle, #2a241a 0 58%, transparent 60%),
        repeating-conic-gradient(from 22.5deg, #d3b56f 0 4deg, #4d3c20 4deg 43deg, #e1c77f 43deg 45deg);
    box-shadow: inset 0 0 0 1px rgba(246,224,169,.25), inset 0 -4px 7px rgba(0,0,0,.40), 0 7px 14px rgba(0,0,0,.40), 0 0 17px rgba(var(--gm-service-accent), .23);
    transition: transform var(--gm-fast), box-shadow var(--gm-fast);
}

body.member-home .gm-service-icon::before {
    content: "";
    position: absolute;
    inset: 5px;
    z-index: 0;
    border: 1px solid rgba(var(--gm-service-accent), .43);
    border-radius: 50%;
    background: linear-gradient(145deg, var(--gm-service-core-start), var(--gm-service-core-end) 76%);
    box-shadow: inset 0 1px 0 rgba(255,255,255,.06), inset 0 -4px 7px rgba(0,0,0,.30);
}

body.member-home .gm-service-icon .gm-icon {
    width: 27px;
    height: 27px;
    position: relative;
    z-index: 1;
    color: var(--gm-service-icon-color);
    filter: drop-shadow(0 1px 0 rgba(0,0,0,.72)) drop-shadow(0 0 5px rgba(var(--gm-service-accent), .48));
    transition: color var(--gm-fast), filter var(--gm-fast);
    transform-origin: center;
    will-change: transform;
    animation: gm-service-icon-breathe 3.4s ease-in-out infinite;
}

body.member-home .gm-service-icon::after {
    content: "";
    width: 16px;
    height: 76px;
    position: absolute;
    top: -12px;
    left: 50%;
    z-index: 2;
    pointer-events: none;
    opacity: 0;
    background: linear-gradient(90deg, transparent, rgba(255,244,205,.46), transparent);
    transform: translateX(-250%) rotate(20deg);
    animation: gm-casino-glint 5.6s ease-in-out infinite;
}

body.member-home .gm-service-label {
    min-height: 2.4em;
    max-width: 100%;
    position: relative;
    z-index: 1;
    display: grid;
    place-items: center;
    overflow: visible;
    color: #e9e4da;
    font-size: 19px;
    font-weight: 600;
    line-height: 1.2;
    text-overflow: clip;
    text-shadow: 0 1px 2px rgba(0,0,0,.62);
    white-space: normal;
}

body.member-home .gm-service-item:focus-visible {
    color: #fff;
    border-color: rgba(var(--gm-service-accent), .82);
    outline: 2px solid rgba(var(--gm-service-accent), .26);
    outline-offset: 2px;
}

body.member-home .gm-service-item:active {
    transform: scale(.985);
}

body.member-home .gm-service-item--primary {
    border-color: rgba(var(--gm-service-accent), .52);
    background:
        radial-gradient(circle at 50% 25%, rgba(var(--gm-service-accent), .24), transparent 43%),
        linear-gradient(155deg, #302a20 0%, #181714 68%, #101010 100%);
}

body.member-home .gm-service-item--primary .gm-service-icon {
    box-shadow: inset 0 0 0 1px rgba(255,239,192,.42), inset 0 -4px 7px rgba(0,0,0,.32), 0 8px 17px rgba(0,0,0,.43), 0 0 22px rgba(var(--gm-service-accent), .34);
}

body.member-home .gm-service-item--primary .gm-service-icon::before {
    border-color: rgba(var(--gm-service-accent), .66);
    background: linear-gradient(145deg, var(--gm-service-core-start), var(--gm-service-core-end) 78%);
    box-shadow: inset 0 1px 0 rgba(255,255,255,.15), inset 0 -5px 8px rgba(0,0,0,.32);
}

body.member-home .gm-service-item--primary .gm-icon {
    color: var(--gm-service-icon-color);
    filter: drop-shadow(0 1px 0 rgba(0,0,0,.72)) drop-shadow(0 0 7px rgba(var(--gm-service-accent), .58));
}

body.member-home .gm-service-item--deposit {
    --gm-service-accent: 56, 218, 116;
    --gm-service-icon-color: #69ee9f;
    --gm-service-core-start: #174d2c;
    --gm-service-core-end: #08150d;
}

body.member-home .gm-service-item--withdraw {
    --gm-service-accent: 255, 91, 99;
    --gm-service-icon-color: #ff747a;
    --gm-service-core-start: #551b20;
    --gm-service-core-end: #19090b;
}

body.member-home .gm-service-item--activity {
    --gm-service-accent: 192, 118, 255;
    --gm-service-icon-color: #ce95ff;
    --gm-service-core-start: #452060;
    --gm-service-core-end: #14091d;
}

body.member-home .gm-service-item--account {
    --gm-service-accent: 72, 177, 255;
    --gm-service-icon-color: #73c4ff;
    --gm-service-core-start: #173e5d;
    --gm-service-core-end: #08131d;
}

body.member-home .gm-service-item--history {
    --gm-service-accent: 244, 176, 63;
    --gm-service-icon-color: #f7c266;
    --gm-service-core-start: #493315;
    --gm-service-core-end: #171006;
}

body.member-home .gm-service-item--affiliate {
    --gm-service-accent: 58, 214, 190;
    --gm-service-icon-color: #65e3cf;
    --gm-service-core-start: #174b43;
    --gm-service-core-end: #071714;
}

body.member-home .gm-service-item--commission {
    --gm-service-accent: 239, 205, 94;
    --gm-service-icon-color: #f3d878;
    --gm-service-core-start: #50421a;
    --gm-service-core-end: #171306;
}

body.member-home .gm-service-item--cashback {
    --gm-service-accent: 83, 204, 255;
    --gm-service-icon-color: #75d7ff;
    --gm-service-core-start: #16455a;
    --gm-service-core-end: #07151b;
}

body.member-home .gm-service-item--promotion {
    --gm-service-accent: 255, 103, 180;
    --gm-service-icon-color: #ff83c1;
    --gm-service-core-start: #55203b;
    --gm-service-core-end: #190912;
}

body.member-home .gm-service-item--security {
    --gm-service-accent: 154, 139, 255;
    --gm-service-icon-color: #b0a3ff;
    --gm-service-core-start: #37305c;
    --gm-service-core-end: #100e1c;
}

body.member-home .gm-service-item--telegram {
    --gm-service-accent: 61, 167, 243;
    --gm-service-icon-color: #67bfff;
    --gm-service-core-start: #173c57;
    --gm-service-core-end: #08131b;
}

body.member-home .gm-service-item--line {
    --gm-service-accent: 51, 220, 91;
    --gm-service-icon-color: #62f184;
    --gm-service-core-start: #174d27;
    --gm-service-core-end: #07160b;
}

body.member-home .gm-service-item--logout {
    --gm-service-accent: 238, 118, 91;
    --gm-service-icon-color: #f49378;
    --gm-service-core-start: #4a2820;
    --gm-service-core-end: #160b08;
}

body.member-home .gm-service-item--logout .gm-service-icon {
    background:
        radial-gradient(circle at 35% 27%, rgba(255,255,255,.11), transparent 24%),
        radial-gradient(circle, #2b211d 0 58%, transparent 60%),
        repeating-conic-gradient(from 22.5deg, #b98269 0 4deg, #4b3028 4deg 43deg, #d09a7e 43deg 45deg);
}

body.member-home .gm-service-item--logout .gm-icon {
    color: var(--gm-service-icon-color);
}

body.member-home .gm-referral-options {
    margin-top: 12px;
    display: grid;
    grid-template-columns: repeat(2, minmax(0, 1fr));
    gap: 10px;
}

body.member-home .gm-referral-card:only-child {
    grid-column: 1 / -1;
}

body.member-home .gm-referral-card {
    --gm-referral-accent: 85, 183, 255;
    --gm-referral-icon-color: #8dccff;
    --gm-referral-core-start: #174565;
    --gm-referral-core-end: #08151f;
    min-width: 0;
    min-height: 98px;
    padding: 13px 14px;
    position: relative;
    isolation: isolate;
    overflow: hidden;
    display: grid;
    grid-template-columns: 54px minmax(0, 1fr) 34px;
    align-items: center;
    gap: 12px;
    color: #e9e4da;
    border: 1px solid rgba(var(--gm-referral-accent), .36);
    border-radius: 14px;
    background:
        radial-gradient(circle at 10% 50%, rgba(var(--gm-referral-accent), .17), transparent 34%),
        linear-gradient(150deg, #28251f, #171717 72%, #101010);
    box-shadow: inset 0 1px 0 rgba(255,255,255,.04), 0 8px 18px rgba(0,0,0,.22);
    text-decoration: none;
    transition: transform var(--gm-fast), border-color var(--gm-fast), background var(--gm-fast), box-shadow var(--gm-fast);
    animation: gm-service-rise .48s cubic-bezier(.2,.75,.25,1) 430ms backwards;
}

body.member-home .gm-referral-card:nth-child(2) {
    animation-delay: 480ms;
}

body.member-home .gm-referral-card::before {
    content: "";
    width: 24px;
    height: 140%;
    position: absolute;
    top: -20%;
    left: 0;
    z-index: -1;
    opacity: 0;
    pointer-events: none;
    background: linear-gradient(90deg, transparent, rgba(255,255,255,.09), transparent);
    transform: translateX(-120px) rotate(16deg);
    animation: gm-referral-glint 6.4s ease-in-out infinite;
}

body.member-home .gm-referral-card:nth-child(2)::before {
    animation-delay: -3.2s;
}

body.member-home .gm-referral-card--deposit {
    --gm-referral-accent: 56, 218, 116;
    --gm-referral-icon-color: #69ee9f;
    --gm-referral-core-start: #174d2c;
    --gm-referral-core-end: #08150d;
}

body.member-home .gm-referral-card__icon {
    width: 54px;
    height: 54px;
    display: grid;
    place-items: center;
    border: 1px solid rgba(var(--gm-referral-accent), .50);
    border-radius: 16px;
    background:
        radial-gradient(circle at 35% 25%, rgba(255,255,255,.15), transparent 29%),
        linear-gradient(145deg, var(--gm-referral-core-start), var(--gm-referral-core-end) 78%);
    box-shadow: inset 0 1px 0 rgba(255,255,255,.09), 0 7px 15px rgba(0,0,0,.36), 0 0 18px rgba(var(--gm-referral-accent), .20);
    transition: transform var(--gm-fast), box-shadow var(--gm-fast);
}

body.member-home .gm-referral-card__icon .gm-icon {
    width: 28px;
    height: 28px;
    color: var(--gm-referral-icon-color);
    filter: drop-shadow(0 1px 0 rgba(0,0,0,.72)) drop-shadow(0 0 6px rgba(var(--gm-referral-accent), .54));
    transform-origin: center;
    animation: gm-service-icon-breathe 3.4s ease-in-out infinite;
}

/* Optional image icons: retain the original SVG until the image is usable. */
body.member-home [data-member-service-icon] {
    position: relative;
}

body.member-home .gm-service-icon__fallback {
    position: relative;
    z-index: 1;
    display: grid;
    place-items: center;
    width: 100%;
    height: 100%;
}

body.member-home .gm-service-icon__image {
    display: none;
    position: absolute;
    z-index: 1;
    top: -6px;
    left: -6px;
    width: calc(100% + 12px);
    max-width: none;
    height: calc(100% + 12px);
    margin: 0;
    padding: 0;
    border: 0;
    border-radius: 0;
    background: transparent;
    object-fit: contain;
    pointer-events: none;
    user-select: none;
    filter: drop-shadow(0 5px 6px rgba(0,0,0,.38)) drop-shadow(0 0 7px rgba(var(--gm-service-accent, 85, 183, 255), .18));
    transform-origin: center;
    animation: gm-service-icon-breathe 3.4s ease-in-out infinite;
}

body.member-home .gm-service-icon.gm-service-icon--image,
body.member-home .gm-referral-card__icon.gm-service-icon--image {
    overflow: visible;
    border-color: transparent;
    background: none;
    box-shadow: none;
}

body.member-home .gm-service-icon--image::before,
body.member-home .gm-service-icon--image::after {
    content: none;
}

body.member-home .gm-service-icon--image > .gm-service-icon__fallback {
    display: none;
}

body.member-home .gm-service-icon--image > .gm-service-icon__image {
    display: block;
}

body.member-home .gm-service-item:nth-child(2n) .gm-service-icon__image {
    animation-delay: -.85s;
}

body.member-home .gm-service-item:nth-child(3n) .gm-service-icon__image {
    animation-delay: -1.7s;
}

@media (hover: hover) {
    body.member-home .gm-service-item:hover .gm-service-icon.gm-service-icon--image,
    body.member-home .gm-referral-card:hover .gm-referral-card__icon.gm-service-icon--image {
        box-shadow: none;
    }
}

@media (prefers-reduced-motion: reduce) {
    body.member-home .gm-service-icon__image {
        animation: none;
    }
}

body.member-home .gm-referral-card__copy {
    min-width: 0;
    display: flex;
    flex-direction: column;
    align-items: flex-start;
    line-height: 1.25;
}

body.member-home .gm-referral-card__copy small {
    margin-bottom: 2px;
    color: rgb(var(--gm-referral-accent));
    font-size: 13px;
    font-weight: 700;
    letter-spacing: 1.35px;
}

body.member-home .gm-referral-card__copy strong {
    max-width: 100%;
    color: #f4efe5;
    font-size: 17px;
    font-weight: 700;
    line-height: 1.3;
    text-wrap: balance;
}

body.member-home .gm-referral-card__copy > span {
    margin-top: 3px;
    color: #aaa399;
    font-size: 15px;
    line-height: 1.35;
}

body.member-home .gm-referral-card__arrow {
    width: 34px;
    height: 34px;
    display: grid;
    place-items: center;
    border: 1px solid rgba(var(--gm-referral-accent), .34);
    border-radius: 50%;
    color: var(--gm-referral-icon-color);
    background: rgba(var(--gm-referral-accent), .08);
    transition: transform var(--gm-fast), background var(--gm-fast), border-color var(--gm-fast);
}

body.member-home .gm-referral-card__arrow svg {
    width: 16px;
    height: 16px;
    fill: none;
    stroke: currentColor;
    stroke-width: 1.8;
    stroke-linecap: round;
    stroke-linejoin: round;
}

body.member-home .gm-referral-card:focus-visible {
    outline: 2px solid rgba(var(--gm-referral-accent), .32);
    outline-offset: 2px;
    border-color: rgba(var(--gm-referral-accent), .80);
}

body.member-home .gm-referral-card:active {
    transform: scale(.99);
}

@keyframes gm-referral-glint {
    0%, 70%, 100% {
        opacity: 0;
        transform: translateX(-120px) rotate(16deg);
    }
    78% {
        opacity: .65;
    }
    91% {
        opacity: 0;
        transform: translateX(560px) rotate(16deg);
    }
}

body.member-home .gm-service-item {
    animation: gm-service-rise .48s cubic-bezier(.2,.75,.25,1) backwards;
}

body.member-home .gm-service-item:nth-child(2) { animation-delay: 35ms; }
body.member-home .gm-service-item:nth-child(3) { animation-delay: 70ms; }
body.member-home .gm-service-item:nth-child(4) { animation-delay: 105ms; }
body.member-home .gm-service-item:nth-child(5) { animation-delay: 140ms; }
body.member-home .gm-service-item:nth-child(6) { animation-delay: 175ms; }
body.member-home .gm-service-item:nth-child(7) { animation-delay: 210ms; }
body.member-home .gm-service-item:nth-child(8) { animation-delay: 245ms; }
body.member-home .gm-service-item:nth-child(9) { animation-delay: 280ms; }
body.member-home .gm-service-item:nth-child(10) { animation-delay: 315ms; }
body.member-home .gm-service-item:nth-child(11) { animation-delay: 350ms; }
body.member-home .gm-service-item:nth-child(12) { animation-delay: 385ms; }
body.member-home .gm-service-item:nth-child(13) { animation-delay: 420ms; }

body.member-home .gm-service-item:nth-child(3n + 2) .gm-service-icon::after {
    animation-delay: -1.8s;
}

body.member-home .gm-service-item:nth-child(3n) .gm-service-icon::after {
    animation-delay: -3.6s;
}

body.member-home .gm-service-item:nth-child(2n) .gm-service-icon .gm-icon {
    animation-delay: -.85s;
}

body.member-home .gm-service-item:nth-child(3n) .gm-service-icon .gm-icon {
    animation-delay: -1.7s;
}

body.member-home .gm-service-item:nth-child(5n) .gm-service-icon .gm-icon {
    animation-delay: -2.55s;
}

@keyframes gm-service-rise {
    from {
        opacity: 0;
        transform: translateY(12px) scale(.985);
    }
    to {
        opacity: 1;
        transform: translateY(0) scale(1);
    }
}

@keyframes gm-casino-glint {
    0%, 68%, 100% {
        opacity: 0;
        transform: translateX(-250%) rotate(20deg);
    }
    76% {
        opacity: .55;
    }
    88% {
        opacity: 0;
        transform: translateX(180%) rotate(20deg);
    }
}

@keyframes gm-service-icon-breathe {
    0%, 24%, 100% {
        transform: translateY(0) scale(1);
    }
    42% {
        transform: translateY(-2px) scale(1.055);
    }
    51% {
        transform: translateY(0) scale(.985);
    }
    60% {
        transform: translateY(-1px) scale(1.025);
    }
}

@media (hover: hover) {
    body.member-home .gm-service-item:hover {
        color: #fff;
        border-color: rgba(var(--gm-service-accent), .72);
        background:
            radial-gradient(circle at 50% 27%, rgba(var(--gm-service-accent), .23), transparent 42%),
            linear-gradient(150deg, #302c24, #171717 74%);
        box-shadow: inset 0 1px 0 rgba(255,255,255,.05), 0 12px 23px rgba(0,0,0,.30);
        transform: translateY(-2px);
    }

    body.member-home .gm-service-item:hover .gm-service-icon {
        transform: translateY(-3px) scale(1.04);
        box-shadow: inset 0 0 0 1px rgba(255,235,180,.42), inset 0 -4px 7px rgba(0,0,0,.36), 0 10px 19px rgba(0,0,0,.45), 0 0 24px rgba(var(--gm-service-accent), .42);
    }

    body.member-home .gm-service-item:hover .gm-service-icon .gm-icon {
        color: var(--gm-service-icon-color);
        filter: drop-shadow(0 1px 0 rgba(0,0,0,.72)) drop-shadow(0 0 8px rgba(var(--gm-service-accent), .62));
    }

    body.member-home .gm-service-item--primary:hover .gm-service-icon .gm-icon {
        color: var(--gm-service-icon-color);
    }

    body.member-home .gm-referral-card:hover {
        color: #fff;
        border-color: rgba(var(--gm-referral-accent), .70);
        background:
            radial-gradient(circle at 12% 50%, rgba(var(--gm-referral-accent), .24), transparent 38%),
            linear-gradient(150deg, #302c24, #171717 74%);
        box-shadow: inset 0 1px 0 rgba(255,255,255,.06), 0 12px 23px rgba(0,0,0,.30), 0 0 22px rgba(var(--gm-referral-accent), .08);
        transform: translateY(-2px);
    }

    body.member-home .gm-referral-card:hover .gm-referral-card__icon {
        transform: translateY(-2px) scale(1.035);
        box-shadow: inset 0 1px 0 rgba(255,255,255,.13), 0 9px 18px rgba(0,0,0,.40), 0 0 23px rgba(var(--gm-referral-accent), .30);
    }

    body.member-home .gm-referral-card:hover .gm-referral-card__arrow {
        border-color: rgba(var(--gm-referral-accent), .64);
        background: rgba(var(--gm-referral-accent), .15);
        transform: translateX(3px);
    }
}

body.member-home .gm-assurance {
    margin-top: 24px;
    display: grid;
    grid-template-columns: repeat(3, 1fr);
    overflow: hidden;
    border: 1px solid var(--gm-line-soft);
    border-radius: 14px;
    background: rgba(14,14,14,.52);
}

body.member-home .gm-assurance div {
    min-height: 58px;
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: center;
}

body.member-home .gm-assurance div + div {
    border-left: 1px solid var(--gm-line-soft);
}

body.member-home .gm-assurance strong {
    color: var(--gm-gold);
    font-size: 19px;
    letter-spacing: .8px;
}

body.member-home .gm-assurance span {
    margin-top: 3px;
    color: var(--gm-muted);
    font-size: 19px;
}

/* Fixed member dock */
body:not(.member_main) .gm-footer {
    width: 100% !important;
    height: 0 !important;
    padding: 0 !important;
    position: fixed !important;
    right: 0 !important;
    bottom: 0 !important;
    left: 0 !important;
    z-index: 1200 !important;
    border: 0 !important;
    background: transparent !important;
    box-shadow: none !important;
    transform: none !important;
    overflow: visible !important;
    pointer-events: none;
}

body:not(.member_main) .gm-bottom-dock {
    width: min(438px, calc(100% - 24px));
    height: 68px;
    position: fixed;
    right: 0;
    bottom: 0;
    left: 0;
    z-index: 1200;
    margin: auto;
    overflow: visible;
    color: var(--gm-text);
    border: 1px solid rgba(234,212,155,.46);
    border-bottom: 0;
    border-radius: 38px 38px 0 0;
    background: linear-gradient(208deg, #585454 0%, #181818 51.6%, #7c7870 100%);
    box-shadow: 0 -10px 30px rgba(0,0,0,.34), 0 0 18px rgba(200,166,95,.12);
    pointer-events: auto;
}

body.gm-login-page .gm-login-footer {
    height: 0 !important;
    position: fixed !important;
    margin-top: 0 !important;
    overflow: visible !important;
}

body.gm-login-page .gm-login-dock {
    position: fixed !important;
    right: 0 !important;
    bottom: 0 !important;
    left: 0 !important;
}

body.gm-login-page,
body.register {
    padding-bottom: 0 !important;
}

/* Keep the login composition inside common laptop viewports.  The original
   560px story panel plus generous vertical padding produced an artificial
   page scroll even though the form itself fits comfortably. */
@media (min-width: 821px) and (max-height: 820px) {
    body.gm-login-page .gm-login-main {
        min-height: calc(100dvh - 73px);
        padding: 18px 18px 86px;
    }

    body.gm-login-page .gm-login-story {
        min-height: clamp(480px, calc(100dvh - 200px), 560px);
        padding-block: clamp(36px, 6vh, 58px);
    }

    body.gm-login-page .gm-login-form-side {
        padding-block: 24px;
    }

    body.gm-login-page .gm-login-card-head {
        margin-bottom: 15px;
    }

    body.gm-login-page .gm-login-field {
        margin-bottom: 12px;
    }

    body.gm-login-page .gm-login-submit {
        margin-top: 14px;
    }

    body.gm-login-page .gm-login-support {
        margin-top: 14px;
        padding-top: 12px;
    }
}

body:not(.member_main) .gm-dock-nav {
    height: 100%;
    display: grid;
    grid-template-columns: repeat(5, 1fr);
    align-items: stretch;
}

body:not(.member_main) .gm-dock-item {
    min-width: 0;
    min-height: 64px;
    position: relative;
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: center;
    gap: 3px;
    color: #d2cec6;
    font-size: 19px;
    text-decoration: none;
    transition: color var(--gm-fast), transform var(--gm-fast);
}

body:not(.member_main) .gm-dock-item .gm-icon {
    width: 22px;
    height: 22px;
    color: var(--gm-gold);
}

body:not(.member_main) .gm-dock-item:hover,
body:not(.member_main) .gm-dock-item:focus-visible,
body:not(.member_main) .gm-dock-item.is-active {
    color: #fff;
    outline: 0;
}

body:not(.member_main) .gm-dock-item:hover {
    transform: translateY(-2px);
}

body:not(.member_main) .gm-dock-item.is-active::after {
    content: "";
    width: 5px;
    height: 5px;
    position: absolute;
    bottom: 3px;
    border-radius: 50%;
    background: var(--gm-gold-bright);
}

body:not(.member_main) .gm-dock-item--home {
    justify-content: flex-end;
    padding-bottom: 8px;
}

body:not(.member_main) .gm-dock-emblem {
    width: 58px;
    height: 58px;
    position: absolute;
    top: -25px;
    display: grid;
    place-items: center;
    color: #201b10;
    border: 3px solid #252525;
    border-radius: 50%;
    background: linear-gradient(145deg, #f0d99c, #9c7738);
    box-shadow: 0 8px 18px rgba(0,0,0,.42), 0 0 12px rgba(234,212,155,.28);
    font-family: Georgia, serif;
    font-size: 19px;
    font-weight: 700;
    letter-spacing: .6px;
}

body:not(.member_main) .gm-dock-item .gm-dock-emblem .gm-dock-home-icon {
    width: 28px;
    height: 28px;
    color: #211b0f;
    stroke-width: 1.9;
    filter: drop-shadow(0 1px 0 rgba(255,255,255,.36)) drop-shadow(0 2px 3px rgba(72,47,12,.22));
}

body:not(.member_main) .gm-dock-item--home span:last-child {
    margin-top: 27px;
}

body:not(.member_main) .gm-floating-line {
    width: 54px;
    height: 54px;
    position: fixed;
    right: 18px;
    bottom: 86px;
    z-index: 1190;
    display: grid;
    place-items: center;
    color: #fff;
    border: 2px solid rgba(234,212,155,.72);
    border-radius: 50%;
    background: #32bf5b;
    box-shadow: 0 10px 24px rgba(0,0,0,.36);
    text-decoration: none;
}

body:not(.member_main) .gm-floating-line .gm-icon {
    width: 23px;
    height: 23px;
}

body:not(.member_main) .gm-floating-line span {
    position: absolute;
    bottom: -26px;
    font-size: 16px;
    font-weight: 800;
}

/* Secondary-page header and surfaces */
body:not(.member_main) .toptitle {
    min-height: 64px !important;
    padding: 0 !important;
    position: sticky;
    top: 0;
    z-index: 1040;
    display: flex;
    align-items: center;
    justify-content: center;
    color: #f3eee2 !important;
    border-bottom: 1px solid rgba(205,170,93,.22) !important;
    background: linear-gradient(270deg, #202020 0%, #575656 51.6%, #202020 100%) !important;
    box-shadow: 0 7px 20px rgba(0,0,0,.26) !important;
    font-size: 18px !important;
    font-weight: 600;
}

body:not(.member_main) .toptitle > .container,
body:not(.member_main) .toptitle > .wrapper {
    width: min(840px, calc(100% - 32px)) !important;
    max-width: 840px !important;
    min-height: 64px;
    display: flex;
    align-items: center;
    justify-content: center;
}

body:not(.member_main) .toptitle .news_bell {
    width: 38px;
    height: 38px;
    display: grid;
    place-items: center;
    overflow: hidden;
    border: 1px solid rgba(234,212,155,.3);
    border-radius: 50%;
    background: rgba(14,14,14,.35);
}

body:not(.member_main) .toptitle .news_bell img {
    display: none !important;
}

body:not(.member_main) .toptitle .news_bell::before {
    content: "";
    width: 19px;
    height: 19px;
    background: var(--gm-gold-bright);
    -webkit-mask: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='black' stroke-width='1.8' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M18 8a6 6 0 0 0-12 0c0 7-3 7-3 9h18c0-2-3-2-3-9'/%3E%3Cpath d='M10 21h4'/%3E%3C/svg%3E") center / contain no-repeat;
    mask: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='black' stroke-width='1.8' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M18 8a6 6 0 0 0-12 0c0 7-3 7-3 9h18c0-2-3-2-3-9'/%3E%3Cpath d='M10 21h4'/%3E%3C/svg%3E") center / contain no-repeat;
}

body:not(.member_main) .toptitle .news_bell::after {
    content: "";
    width: 7px;
    height: 7px;
    position: absolute;
    top: 6px;
    right: 6px;
    border: 1px solid #454545;
    border-radius: 50%;
    background: #d45c62;
}

/* Icon-only close links must not underline their generated cross. */
body:not(.member_main) .btn-close-t {
    text-decoration: none;
}

body:not(.member_main) .toptitle .btn-close-t {
    width: 38px;
    height: 38px;
    top: 13px !important;
    right: 12px !important;
    display: grid;
    place-items: center;
    border: 1px solid rgba(255,255,255,.12);
    border-radius: 50%;
    background: rgba(14,14,14,.25);
}

body:not(.member_main) .toptitle .btn-close-t img {
    display: none !important;
}

/* The header already centers this button with a fixed top inset. */
body.deposit-auto .toptitle .btn-close-t {
    transform: none;
}

body:not(.member_main) .toptitle .btn-close-t::before {
    content: "\00d7";
    color: #eee9df;
    font-family: Arial, sans-serif;
    font-size: 25px;
    font-weight: 300;
    line-height: 1;
}

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) {
    color: var(--gm-text) !important;
    border-color: var(--gm-line) !important;
    background: linear-gradient(145deg, rgba(48,48,48,.96), rgba(20,20,20,.98)) !important;
    box-shadow: var(--gm-shadow) !important;
}

body:not(.member_main) .content_bg_dark {
    margin-top: 22px !important;
    padding: 20px !important;
    border: 1px solid var(--gm-line-soft) !important;
    border-radius: 18px !important;
}

body:not(.member_main) :where(.card_gray, .card_t1, .card_dp, .bank_box, .bank_detail) {
    border: 1px solid var(--gm-line) !important;
    border-radius: 16px !important;
}

body:not(.member_main) .content_bg_dark {
    width: min(calc(100% - 24px), 840px) !important;
    max-width: 840px !important;
    margin-right: auto !important;
    margin-left: auto !important;
}

body:not(.member_main) .content_bg_dark > .wrapper {
    width: 100% !important;
    padding-right: 0 !important;
    padding-left: 0 !important;
}

body:not(.member_main) :where(.card_dp, .card, .card_dp_bankacc, .list_payment) {
    overflow: hidden;
    margin-bottom: 14px !important;
    color: var(--gm-text) !important;
    border: 1px solid rgba(205,170,93,.30) !important;
    border-radius: 15px !important;
    background: linear-gradient(145deg, rgba(54,54,54,.92), rgba(18,18,18,.97) 76%) !important;
    box-shadow: inset 0 1px 0 rgba(255,255,255,.035) !important;
}

body:not(.member_main) :where(.card_dp_sb, .card-body, .card-header, .card-footer) {
    color: var(--gm-text) !important;
    border-color: rgba(234,212,155,.14) !important;
    background: transparent !important;
}

body:not(.member_main) .card_dp_sb {
    padding: 17px !important;
}

body:not(.member_main) :where(.card_dp .amount, .card_dp .amount_all, .now_credit_member_afg, #num_credit, #num_register, #type_class_turnover, #type_class_winlose) {
    color: var(--gm-gold-bright) !important;
    text-shadow: none !important;
}

body:not(.member_main) :where(.card_dp .title, .card_gray .title, .the_txcol) {
    color: var(--gm-muted) !important;
}

body:not(.member_main) .master_depoist_img_member {
    /*width: 52px !important;*/
    /*height: 52px !important;*/
    padding: 5px;
    flex: 0 0 52px;
    object-fit: contain;
    border: 1px solid rgba(234,212,155,.32);
    border-radius: 50% !important;
    background: rgba(244,237,217,.94);
}

body:not(.member_main) .tab_update_time {
    margin-top: 11px;
    color: var(--gm-muted) !important;
    font-size: 11px !important;
}

body:not(.member_main) :where(.table, .table > :not(caption) > * > *) {
    color: #e9e4da !important;
    border-color: rgba(234,212,155,.13) !important;
    background: transparent !important;
    box-shadow: none !important;
}

body:not(.member_main) .table {
    overflow: hidden;
    margin-bottom: 12px;
    border: 1px solid rgba(234,212,155,.16);
    border-radius: 13px;
}

body:not(.member_main) .table thead th,
body:not(.member_main) :where(.bg_brown, .bg_gray_br) {
    color: var(--gm-gold-bright) !important;
    background: #24221d !important;
}

body:not(.member_main) :where(.bg_gray, .table tbody) {
    background: rgba(14,14,14,.54) !important;
}

body:not(.member_main) hr,
body:not(.member_main) .br_theme {
    border-color: rgba(234,212,155,.22) !important;
    opacity: 1;
}

body:not(.member_main) :where(h1, h2, h3, h4, h5, h6) {
    color: #f5f1e8;
}

body:not(.member_main) :where(.tc_2, .text_grad_gold, .tx_theme, .color_theme, .gold, .deposit-intro-note) {
    color: var(--gm-gold) !important;
    -webkit-text-fill-color: currentColor !important;
    background: none !important;
}

body:not(.member_main) :where(input.form-control, input.form-control-plaintext, select.form-select, textarea.form-control, .input-group-text) {
    min-height: 48px;
    color: #f6f2e9 !important;
    border-color: rgba(234,212,155,.28) !important;
    background: #171717 !important;
    box-shadow: none !important;
}

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"]) {
    min-height: 48px;
    padding: 8px 14px;
    color: #f6f2e9 !important;
    border: 1px solid rgba(234,212,155,.28) !important;
    border-radius: 12px !important;
    background: #171717 !important;
    box-shadow: none !important;
    outline: 0;
}

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 {
    border-color: var(--gm-gold) !important;
    box-shadow: 0 0 0 3px rgba(200,166,95,.12) !important;
}

body:not(.member_main) :where(input.form-control, select.form-select, textarea.form-control):focus {
    border-color: var(--gm-gold) !important;
    box-shadow: 0 0 0 3px rgba(200,166,95,.12) !important;
}

body:not(.member_main) :where(input, textarea)::placeholder {
    color: #7e7a73 !important;
    opacity: 1;
}

body:not(.member_main) :where(.btn-loginform, .btn_cfwitdraw, .btn-gradient-1, .btn-gradient-2, .btn_gray, .btn_st_1, button[type="submit"]) {
    min-height: 46px;
    color: #241d10 !important;
    border: 1px solid #f0d99c !important;
    border-radius: 999px !important;
    background: linear-gradient(90deg, #9a7337, #eed99f 50%, #9a7337) !important;
    background-size: 100% 100% !important;
    box-shadow: 0 8px 18px rgba(0,0,0,.26) !important;
    font-weight: 650 !important;
    animation: none !important;
    transition: transform var(--gm-fast), filter var(--gm-fast) !important;
}

body:not(.member_main) :where(.btn-loginform, .btn_cfwitdraw, .btn-gradient-1, .btn-gradient-2, .btn_gray, .btn_st_1, button[type="submit"]):hover {
    filter: brightness(1.06);
    transform: translateY(-1px);
}

body:not(.member_main) :where(.btn_op_acct, .btn-register_2, .btn-to-register, .btn-cf_dark, .btn-outline-light, #member_check, .MuiButton-root, .deposit-upload-action input[type="file"]) {
    min-height: 44px !important;
    padding: 9px 20px !important;
    color: #f3eee3 !important;
    border: 1px solid rgba(234,212,155,.52) !important;
    border-radius: 999px !important;
    background: linear-gradient(145deg, #34312a, #161616) !important;
    box-shadow: none !important;
    font-weight: 600 !important;
    text-decoration: none !important;
    text-shadow: none !important;
}

body:not(.member_main) :where(.btn_op_acct, .btn-register_2, .btn-to-register, .btn-cf_dark, .btn-outline-light, #member_check, .MuiButton-root):hover {
    color: #fff !important;
    border-color: var(--gm-gold-bright) !important;
    background: #302b20 !important;
}

body:not(.member_main) .btn_cfwitdraw {
    min-width: 176px;
    margin-top: 10px;
}

body:not(.member_main) .form_witdraw {
    max-width: 520px;
    margin: 16px auto 0;
}

body:not(.member_main) :where(.brd_banner, .img_act) {
    overflow: hidden;
    border: 1px solid rgba(205,170,93,.28) !important;
    border-radius: 14px !important;
    box-shadow: 0 13px 28px rgba(0,0,0,.24) !important;
}

body.activity .content_bg_dark > .wrapper > .mb-4 {
    padding: 12px;
    border: 1px solid rgba(205,170,93,.18);
    border-radius: 16px;
    background: rgba(14,14,14,.34);
    filter: none !important;
}

body.aff .card_gray input[readonly],
body.aff .card_gray input[type="month"] {
    width: 100% !important;
    color: var(--gm-text) !important;
    border: 1px solid rgba(234,212,155,.22) !important;
    border-radius: 11px !important;
    background: rgba(12,12,12,.66) !important;
}

body.profile .card_dp .row {
    min-height: 40px;
    align-items: center;
    margin: 0;
    border-bottom: 1px solid rgba(234,212,155,.10);
}

body.profile .card_dp .row:last-child {
    border-bottom: 0;
}

body.profile .card_dp .row > div {
    padding-top: 9px;
    padding-bottom: 9px;
}

body.profile .content_bg_dark > section {
    display: grid;
    grid-template-columns: repeat(2, minmax(0, 1fr));
    gap: 12px;
}

body.profile .content_bg_dark > section > .card_dp {
    margin: 0 !important;
}

body.profile .content_bg_dark > section > .card_dp:last-child {
    grid-column: 1 / -1;
}

body.profile .the_txcol {
    color: var(--gm-gold) !important;
    font-size: 14px !important;
}

body.profile :where(.bankusername, .bankaccid, .phone, .lineid, .time_register, .time_retrunday) {
    color: #f1ede5 !important;
    font-size: 18px !important;
}

body.profile .card_dp img[src*="ufa_online"] {
    max-width: 132px !important;
    filter: grayscale(.72) sepia(.45) brightness(1.18);
}

body.withdraw .amount_all {
    margin: 0 !important;
    color: var(--gm-muted) !important;
    font: 600 18px/1.2 inherit !important;
    text-shadow: none !important;
}

body.withdraw .amount_all.member_credit {
    color: var(--gm-gold-bright) !important;
    font-size: 27px !important;
}

body.withdraw .tab_update_time {
    min-height: 0 !important;
    margin-top: 12px !important;
    padding: 9px 0 0 !important;
    position: static !important;
    border-top: 1px solid var(--gm-line-soft);
    background: transparent !important;
    color: var(--gm-muted) !important;
    font-size: 14px !important;
}

body.withdraw .form_witdraw input.form-control {
    min-height: 50px !important;
    padding: 10px 18px !important;
    border: 1px solid var(--gm-line) !important;
    border-radius: 999px !important;
    background: #171717 !important;
    font-size: 18px !important;
    text-shadow: none !important;
}

body.withdraw .detail p {
    margin: 3px 0 !important;
    font: 400 13px/1.45 inherit !important;
}

body.withdraw .card_dp_bankacc h2 {
    color: var(--gm-gold) !important;
    font: 600 18px/1.2 inherit !important;
}

body.withdraw #divalert {
    margin-top: 10px;
    color: #efc1bd !important;
    border: 1px solid rgba(211,110,114,.34);
    border-radius: 11px;
    background: rgba(98,35,39,.24) !important;
}

/* Luxury withdrawal cashier */
body.withdraw {
    --withdraw-ivory: #f4ead2;
    --withdraw-gold: #d4ad55;
    --withdraw-gold-bright: #efd38e;
    --withdraw-ink: #0d0d0d;
    background:
        radial-gradient(circle at 15% 12%, rgba(210,171,82,.11), transparent 27%),
        radial-gradient(circle at 88% 38%, rgba(255,255,255,.045), transparent 25%),
        linear-gradient(145deg, #252525 0%, #141414 48%, #090909 100%) !important;
}

body.withdraw .toptitle {
    border-bottom: 1px solid rgba(226,190,105,.34) !important;
    background: linear-gradient(90deg, #171717, #4c4a47 50%, #171717) !important;
    box-shadow: 0 9px 30px rgba(0,0,0,.34);
    color: #f5f0e7 !important;
    letter-spacing: .2px;
}

body.withdraw .toptitle > .wrapper {
    width: min(1120px, calc(100% - 24px)) !important;
    max-width: 1120px !important;
}

body.withdraw .gm-withdraw-page-shell {
    min-height: calc(100vh - 44px);
    position: relative;
    padding: 24px 12px 124px;
    overflow: hidden;
    isolation: isolate;
}

body.withdraw .gm-withdraw-page-shell::before,
body.withdraw .gm-withdraw-page-shell::after {
    content: "";
    position: absolute;
    z-index: -1;
    pointer-events: none;
}

body.withdraw .gm-withdraw-page-shell::before {
    width: 520px;
    height: 520px;
    top: -280px;
    left: -190px;
    border: 1px solid rgba(221,184,96,.12);
    border-radius: 50%;
    box-shadow: 0 0 0 70px rgba(221,184,96,.022), 0 0 0 142px rgba(221,184,96,.014);
}

body.withdraw .gm-withdraw-page-shell::after {
    width: 460px;
    height: 460px;
    right: -260px;
    bottom: 30px;
    border: 1px solid rgba(255,255,255,.055);
    transform: rotate(35deg);
}

body.withdraw .gm-withdraw-shell.content_bg_dark {
    width: min(1120px, calc(100% - 24px)) !important;
    max-width: 1120px !important;
    margin: 0 auto !important;
    padding: 0 !important;
    overflow: hidden;
    border: 1px solid rgba(222,188,108,.28) !important;
    border-radius: 28px !important;
    background:
        linear-gradient(128deg, rgba(255,255,255,.045), transparent 28%),
        linear-gradient(145deg, rgba(39,39,39,.98), rgba(13,13,13,.99)) !important;
    box-shadow: 0 32px 90px rgba(0,0,0,.48), inset 0 1px rgba(255,255,255,.055) !important;
}

body.withdraw .gm-withdraw-shell::before {
    content: "";
    height: 1px;
    position: absolute;
    top: 0;
    right: 10%;
    left: 10%;
    z-index: 3;
    background: linear-gradient(90deg, transparent, var(--withdraw-gold-bright), transparent);
}

body.withdraw .gm-withdraw-hero {
    min-height: 228px;
    padding: 38px 42px 68px;
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: 28px;
    position: relative;
    overflow: hidden;
    border-bottom: 1px solid rgba(220,184,99,.15);
    background:
        linear-gradient(105deg, rgba(209,171,81,.15), transparent 42%),
        radial-gradient(circle at 84% 22%, rgba(226,194,116,.13), transparent 31%);
}

body.withdraw .gm-withdraw-hero::after {
    content: "";
    width: 44%;
    height: 190%;
    position: absolute;
    top: -45%;
    right: -18%;
    border-left: 1px solid rgba(232,204,139,.13);
    transform: rotate(17deg);
}

body.withdraw .gm-withdraw-eyebrow {
    display: inline-flex;
    align-items: center;
    gap: 9px;
    color: var(--withdraw-gold);
    font-size: 19px;
    font-weight: 700;
    letter-spacing: 2.7px;
}

body.withdraw .gm-withdraw-eyebrow .gm-icon {
    width: 17px;
    height: 17px;
}

body.withdraw .gm-withdraw-hero h1 {
    margin: 15px 0 10px;
    color: #f6f2ea;
    font: 700 clamp(31px, 4vw, 44px)/1.04 inherit;
    letter-spacing: -.6px;
}

body.withdraw .gm-withdraw-hero h1 span {
    color: var(--withdraw-gold-bright);
    font-family: Georgia, "Times New Roman", serif;
    font-weight: 500;
}

body.withdraw .gm-withdraw-hero p {
    max-width: 590px;
    margin: 0;
    color: #aaa59b;
    font-size: 21px;
}

body.withdraw .gm-withdraw-status {
    min-width: 156px;
    min-height: 40px;
    padding: 0 17px;
    display: inline-flex;
    align-items: center;
    justify-content: center;
    gap: 9px;
    position: relative;
    z-index: 1;
    color: #d7c69c;
    border: 1px solid rgba(221,187,105,.28);
    border-radius: 999px;
    background: rgba(8,8,8,.42);
    font-size: 15px;
    font-weight: 700;
    letter-spacing: 1.8px;
}

body.withdraw .gm-withdraw-status i,
body.withdraw .gm-withdraw-balance-foot i {
    width: 7px;
    height: 7px;
    display: inline-block;
    border-radius: 50%;
    background: #65cf8b;
    box-shadow: 0 0 0 4px rgba(101,207,139,.10), 0 0 13px rgba(101,207,139,.45);
    animation: gm-withdraw-status-pulse 2.4s ease-in-out infinite;
}

body.withdraw .gm-withdraw-overview {
    padding: 0 28px;
    display: grid;
    grid-template-columns: minmax(0, .9fr) minmax(0, 1.1fr);
    gap: 16px;
    position: relative;
    z-index: 2;
    margin-top: -40px;
}

body.withdraw .gm-withdraw-balance-card,
body.withdraw .gm-withdraw-bank-card {
    min-height: 264px;
    margin: 0 !important;
    padding: 28px !important;
    position: relative;
    overflow: hidden;
    border: 1px solid rgba(226,191,108,.30) !important;
    border-radius: 21px !important;
    box-shadow: 0 20px 42px rgba(0,0,0,.30), inset 0 1px rgba(255,255,255,.06) !important;
}

body.withdraw .gm-withdraw-balance-card {
    display: flex;
    flex-direction: column;
    justify-content: space-between;
    color: #2b2110;
    background:
        radial-gradient(circle at 92% 15%, rgba(255,255,255,.48), transparent 24%),
        linear-gradient(135deg, #a98438 0%, #e2c477 46%, #92702d 100%);
}

body.withdraw .gm-withdraw-balance-card::after {
    content: "";
    width: 230px;
    height: 230px;
    position: absolute;
    right: -105px;
    bottom: -132px;
    border: 1px solid rgba(51,37,12,.18);
    border-radius: 50%;
    box-shadow: 0 0 0 34px rgba(255,255,255,.075), 0 0 0 68px rgba(38,27,8,.045);
}

body.withdraw .gm-withdraw-bank-card {
    background:
        linear-gradient(125deg, rgba(255,255,255,.055), transparent 38%),
        linear-gradient(145deg, #272727, #111) !important;
}

body.withdraw .gm-withdraw-card-heading {
    display: flex;
    align-items: center;
    gap: 13px;
    position: relative;
    z-index: 1;
}

body.withdraw .gm-withdraw-card-heading small,
body.withdraw .gm-withdraw-action-head small,
body.withdraw .gm-withdraw-notice small {
    display: block;
    margin-bottom: 3px;
    color: rgba(57,42,13,.68);
    font-size: 19px;
    font-weight: 800;
    letter-spacing: 1.8px;
}

body.withdraw .gm-withdraw-bank-card .gm-withdraw-card-heading small,
body.withdraw .gm-withdraw-action-head small,
body.withdraw .gm-withdraw-notice small {
    color: #af9250;
}

body.withdraw .gm-withdraw-card-heading h2 {
    margin: 0;
    color: inherit;
    font: 700 18px/1.15 inherit;
}

body.withdraw .gm-withdraw-medallion {
    width: 48px;
    height: 48px;
    flex: 0 0 48px;
    display: grid;
    place-items: center;
    color: #2b210e;
    border: 1px solid rgba(55,39,10,.28);
    border-radius: 50%;
    background: rgba(255,250,229,.38);
    box-shadow: inset 0 1px rgba(255,255,255,.45);
}

body.withdraw .gm-withdraw-medallion .gm-icon {
    width: 23px;
    height: 23px;
}

body.withdraw .gm-withdraw-bank-card .gm-withdraw-medallion,
body.withdraw .gm-withdraw-action-card .gm-withdraw-medallion {
    color: var(--withdraw-gold-bright);
    border-color: rgba(221,185,96,.28);
    background: linear-gradient(145deg, #3b3323, #14120e);
    box-shadow: inset 0 1px rgba(255,255,255,.09), 0 7px 18px rgba(0,0,0,.28);
}

body.withdraw .gm-withdraw-balance {
    display: flex;
    align-items: flex-end;
    gap: 9px;
    position: relative;
    z-index: 1;
}

body.withdraw .gm-withdraw-balance .amount_all.member_credit {
    color: #241b0c !important;
    font: 600 clamp(42px, 5vw, 58px)/.9 Georgia, "Times New Roman", serif !important;
    letter-spacing: -1.8px;
}

body.withdraw .gm-withdraw-balance > span {
    margin-bottom: 5px;
    font-size: 19px;
    font-weight: 800;
    letter-spacing: 1.4px;
}

body.withdraw .gm-withdraw-balance-foot {
    padding-top: 3px;
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: 12px;
    position: relative;
    z-index: 1;
    border-top: 1px solid rgb(0 0 0 / 17%);
    font-size: 15px;
    font-weight: 700;
    letter-spacing: .3px;
    margin-top: 14px;
}

body.withdraw .gm-withdraw-balance-foot span:last-child {
    display: inline-flex;
    align-items: center;
    gap: 7px;
}

body.withdraw .gm-withdraw-bank-profile {
    margin-top: 23px;
    display: grid;
    grid-template-columns: 68px minmax(0, 1fr);
    align-items: center;
    gap: 18px;
}

body.withdraw .gm-withdraw-bank-logo {
    width: 68px;
    height: 68px;
    padding: 9px;
    display: grid;
    place-items: center;
    border: 1px solid rgba(229,197,122,.38);
    border-radius: 50%;
    background: linear-gradient(145deg, #f2dfab, #9a762d);
    box-shadow: 0 9px 22px rgba(0,0,0,.28), inset 0 1px rgba(255,255,255,.55);
}

body.withdraw .gm-withdraw-bank-logo .master_depoist_img_member {
    width: 48px !important;
    height: 48px !important;
    margin: 0 !important;
    object-fit: contain;
    border-radius: 50%;
    filter: saturate(.82) contrast(1.04);
}

body.withdraw .gm-withdraw-bank-profile dl {
    margin: 0;
    display: grid;
    gap: 7px;
}

body.withdraw .gm-withdraw-bank-profile dl > div {
    display: grid;
    grid-template-columns: 74px minmax(0, 1fr);
    align-items: baseline;
    gap: 10px;
}

body.withdraw .gm-withdraw-bank-profile dt {
    color: #817d75;
    font-size: 19px;
    font-weight: 500;
}

body.withdraw .gm-withdraw-bank-profile dd {
    min-width: 0;
    margin: 0;
    overflow-wrap: anywhere;
    color: #eee9de;
    font-size: 21px;
    font-weight: 600;
}

body.withdraw .gm-withdraw-update.tab_update_time {
    margin-top: 20px !important;
    padding-top: 12px !important;
    display: flex;
    align-items: center;
    justify-content: flex-end;
    gap: 7px;
}

body.withdraw .gm-withdraw-update .btn-refresh {
    width: 27px;
    height: 27px;
    margin: 0 !important;
    display: grid;
    place-items: center;
    color: var(--withdraw-gold-bright) !important;
    border: 1px solid rgba(218,181,94,.25);
    border-radius: 50%;
    background: #17140e;
}

body.withdraw .gm-withdraw-update .gm-icon {
    width: 14px;
    height: 14px;
}

body.withdraw .gm-withdraw-action-card {
    margin: 18px 28px;
    padding: 30px;
    display: grid;
    grid-template-columns: minmax(250px, .72fr) minmax(360px, 1fr);
    align-items: center;
    gap: 42px;
    position: relative;
    overflow: hidden;
    border: 1px solid rgba(223,188,106,.24);
    border-radius: 21px;
    background:
        radial-gradient(circle at 6% 14%, rgba(213,173,81,.10), transparent 27%),
        linear-gradient(145deg, #222, #111);
    box-shadow: inset 0 1px rgba(255,255,255,.045);
}

body.withdraw .gm-withdraw-action-card::after {
    content: "";
    width: 180px;
    height: 200%;
    position: absolute;
    top: -50%;
    right: -80px;
    pointer-events: none;
    background: linear-gradient(90deg, transparent, rgba(232,200,126,.045), transparent);
    transform: rotate(15deg);
}

body.withdraw .gm-withdraw-action-head {
    display: grid;
    grid-template-columns: 48px minmax(0, 1fr);
    align-items: start;
    gap: 14px;
}

body.withdraw .gm-withdraw-action-head h2 {
    margin: 2px 0 6px;
    color: #f4efe5;
    font: 700 22px/1.12 inherit;
}

body.withdraw .gm-withdraw-action-head p {
    margin: 0;
    color: #8f8a82;
    font-size: 19px;
    line-height: 1.5;
}

body.withdraw .gm-withdraw-form {
    width: 100%;
    max-width: 520px;
    margin: 0 auto;
    justify-self: center;
    min-width: 0;
    position: relative;
    z-index: 1;
}

body.withdraw .gm-withdraw-form > label {
    margin-bottom: 8px;
    display: block;
    color: #cfc8bc;
    font-size: 19px;
    font-weight: 600;
}

body.withdraw .gm-withdraw-amount-field {
    min-height: 68px;
    padding: 0 18px;
    display: grid;
    grid-template-columns: auto minmax(0, 1fr) auto;
    align-items: center;
    gap: 10px;
    border: 1px solid rgba(232,201,127,.42);
    border-radius: 16px;
    background: #0c0c0c;
    box-shadow: inset 0 0 0 1px rgba(255,255,255,.025), 0 13px 28px rgba(0,0,0,.20);
    transition: border-color var(--gm-fast), box-shadow var(--gm-fast);
}

body.withdraw .gm-withdraw-amount-field:focus-within {
    border-color: var(--withdraw-gold-bright);
    box-shadow: 0 0 0 4px rgba(215,177,87,.10), inset 0 0 0 1px rgba(255,255,255,.035);
}

body.withdraw .gm-withdraw-amount-field > span {
    color: var(--withdraw-gold);
    font: 500 24px/1 Georgia, serif;
}

body.withdraw .gm-withdraw-amount-field > small {
    color: #81796a;
    font-size: 15px;
    font-weight: 800;
    letter-spacing: 1.2px;
}

body.withdraw .gm-withdraw-amount-field input.form-control {
    width: 100%;
    height: 66px !important;
    min-height: 66px !important;
    margin: 0 !important;
    padding: 0 !important;
    color: #f4ead1 !important;
    border: 0 !important;
    border-radius: 0 !important;
    outline: 0 !important;
    background: transparent !important;
    box-shadow: none !important;
    /*font: 700 28px/1.1 "Segoe UI", Tahoma, Arial, sans-serif !important;*/
    font-variant-numeric: tabular-nums;
    letter-spacing: .2px;
}

body.withdraw .gm-withdraw-amount-field input::placeholder {
    color: #595650 !important;
    opacity: 1;
}

body.withdraw .gm-withdraw-limits {
    margin-top: 9px;
    display: flex;
    justify-content: space-between;
    gap: 12px;
    color: #77736c;
    font-size: 15px;
}

body.withdraw .gm-withdraw-limits strong {
    color: #b8ad95;
    font-weight: 600;
}

body.withdraw .gm-withdraw-submit.btn_cfwitdraw {
    width: 100% !important;
    min-height: 52px !important;
    margin: 18px 0 0 !important;
    padding: 0 22px !important;
    display: flex !important;
    align-items: center;
    justify-content: center;
    gap: 10px;
    position: relative;
    overflow: hidden;
    color: #241b0c !important;
    border: 1px solid #f0d893 !important;
    border-radius: 14px !important;
    background: linear-gradient(110deg, #a77d2f, #efd58a 48%, #ad8435) !important;
    box-shadow: 0 13px 28px rgba(0,0,0,.30), inset 0 1px rgba(255,255,255,.55) !important;
    font-size: 15px !important;
    font-weight: 800 !important;
    text-shadow: 0 1px rgba(255,255,255,.24) !important;
    transition: transform var(--gm-fast), filter var(--gm-fast), box-shadow var(--gm-fast);
}

body.withdraw .gm-withdraw-submit.btn_cfwitdraw::before {
    content: "";
    width: 38%;
    height: 220%;
    position: absolute;
    top: -60%;
    left: -55%;
    background: linear-gradient(90deg, transparent, rgba(255,255,255,.48), transparent);
    transform: rotate(18deg);
    animation: gm-withdraw-button-sheen 5.2s ease-in-out infinite;
}

body.withdraw .gm-withdraw-submit .gm-icon {
    width: 18px;
    height: 18px;
}

@media (hover: hover) {
    body.withdraw .gm-withdraw-submit.btn_cfwitdraw:hover {
        filter: brightness(1.06);
        transform: translateY(-2px);
        box-shadow: 0 16px 34px rgba(0,0,0,.36), 0 0 22px rgba(212,173,85,.14) !important;
    }
}

body.withdraw .gm-withdraw-notice.card_gray {
    margin: 0 28px 28px !important;
    padding: 24px 26px !important;
    display: grid;
    grid-template-columns: 52px minmax(0, 1fr);
    gap: 18px;
    border: 1px solid rgba(222,188,108,.18) !important;
    border-radius: 18px !important;
    background: rgba(10,10,10,.34) !important;
    box-shadow: none !important;
}

body.withdraw .gm-withdraw-notice-icon {
    width: 52px;
    height: 52px;
    display: grid;
    place-items: center;
    color: var(--withdraw-gold);
    border: 1px solid rgba(221,185,96,.25);
    border-radius: 15px;
    background: linear-gradient(145deg, #29251b, #12110e);
}

body.withdraw .gm-withdraw-notice-icon .gm-icon {
    width: 24px;
    height: 24px;
}

body.withdraw .gm-withdraw-notice h2 {
    margin: 0 0 15px;
    color: #e6dfd1 !important;
    font: 700 18px/1.15 inherit !important;
}

body.withdraw .gm-withdraw-notice ul {
    margin: 0;
    padding: 0;
    display: grid;
    grid-template-columns: repeat(3, minmax(0, 1fr));
    gap: 10px;
    list-style: none;
}

body.withdraw .gm-withdraw-notice li {
    min-width: 0;
    padding: 12px;
    display: grid;
    grid-template-columns: 27px minmax(0, 1fr);
    align-items: start;
    gap: 8px;
    border: 1px solid rgba(255,255,255,.055);
    border-radius: 12px;
    background: rgba(255,255,255,.025);
}

body.withdraw .gm-withdraw-notice li::before,
body.withdraw .gm-withdraw-notice li::after {
    display: none !important;
    content: none !important;
}

body.withdraw .gm-withdraw-notice li > span {
    width: 27px;
    height: 27px;
    display: grid;
    place-items: center;
    color: #c6a85f;
    border: 1px solid rgba(215,178,89,.24);
    border-radius: 50%;
    font: 700 8px/1 inherit;
}

body.withdraw .gm-withdraw-notice li p {
    margin: 2px 0 0;
    color: #918d85;
    font-size: 19px;
    line-height: 1.45;
}

body.withdraw .gm-withdraw-notice li strong {
    color: #d7cebd;
    font-weight: 600;
}

body.withdraw > .padding {
    display: none;
}

@keyframes gm-withdraw-status-pulse {
    0%, 100% { opacity: .65; transform: scale(.88); }
    50% { opacity: 1; transform: scale(1); }
}

@keyframes gm-withdraw-button-sheen {
    0%, 62% { left: -55%; }
    82%, 100% { left: 125%; }
}

@media (max-width: 767px) {

    body.withdraw .gm-withdraw-shell.content_bg_dark {
        width: calc(100% - 16px) !important;
    }


    body.withdraw .gm-withdraw-hero h1 {
        margin-top: 12px;
    }

    body.withdraw .gm-withdraw-hero p {
        font-size: 22px;
        line-height: 1.5;
    }

    body.withdraw .gm-withdraw-status {
        min-width: 0;
        min-height: 34px;
        padding: 0 13px;
    }

    body.withdraw .gm-withdraw-overview {
        padding: 0 12px;
        grid-template-columns: 1fr;
        gap: 10px;
    }

    body.withdraw .gm-withdraw-balance-card,
    body.withdraw .gm-withdraw-bank-card {
        min-height: 220px;
        padding: 21px !important;
        border-radius: 17px !important;
    }

    body.withdraw .gm-withdraw-bank-card {
        min-height: 0;
    }

    body.withdraw .gm-withdraw-notice.card_gray {
        margin: 0 12px 12px !important;
        padding: 20px !important;
        grid-template-columns: 1fr;
        gap: 13px;
    }

    body.withdraw .gm-withdraw-notice ul {
        grid-template-columns: 1fr;
        gap: 7px;
    }

    body.withdraw .gm-withdraw-notice li {
        padding: 10px;
    }
}

@media (max-width: 380px) {
    body.withdraw .gm-withdraw-hero h1 {
        font-size: 26px;
    }

    body.withdraw .gm-withdraw-balance-card,
    body.withdraw .gm-withdraw-bank-card {
        padding: 18px !important;
    }

    body.withdraw .gm-withdraw-card-heading h2 {
        font-size: 22px;
    }

    body.withdraw .gm-withdraw-medallion {
        width: 43px;
        height: 43px;
        flex-basis: 43px;
    }

    body.withdraw .gm-withdraw-bank-profile {
        grid-template-columns: 58px minmax(0, 1fr);
        gap: 13px;
    }

    body.withdraw .gm-withdraw-bank-logo {
        width: 58px;
        height: 58px;
    }

    body.withdraw .gm-withdraw-bank-logo .master_depoist_img_member {
        width: 42px !important;
        height: 42px !important;
    }

    body.withdraw .gm-withdraw-bank-profile dl > div {
        grid-template-columns: 62px minmax(0, 1fr);
        gap: 7px;
    }

    body.withdraw .gm-withdraw-amount-field {
        min-height: 62px;
        padding: 0 14px;
    }

    body.withdraw .gm-withdraw-amount-field input.form-control {
        min-height: 60px !important;
        font-size: 26px !important;
    }

    body.withdraw .gm-withdraw-limits {
        flex-direction: column;
        gap: 3px;
    }
}

/* Earnings, cashback and referral dashboards */
body.gm-rewards-page {
    --reward-gold: #d8b465;
    --reward-gold-soft: #f1d995;
    --reward-accent: #d8b465;
    --reward-accent-rgb: 216, 180, 101;
    --reward-positive: #69d99f;
    --reward-negative: #ff8d8d;
    min-height: 100dvh;
    padding-bottom: 112px !important;
    overflow-x: hidden;
    background:
        radial-gradient(circle at 12% 18%, rgba(var(--reward-accent-rgb), .12), transparent 28%),
        radial-gradient(circle at 86% 72%, rgba(216, 180, 101, .07), transparent 26%),
        linear-gradient(145deg, #121212 0%, #1b1b1b 48%, #0d0d0d 100%) !important;
    color: #f4f0e7;
}

body.gm-rewards-page--cashback {
    --reward-accent: #d98672;
    --reward-accent-rgb: 217, 134, 114;
}

body.gm-rewards-page--affiliate,
body.gm-rewards-page--members {
    --reward-accent: #71aee8;
    --reward-accent-rgb: 113, 174, 232;
}

body.gm-rewards-page .content_bg_dark.gm-rewards-shell {
    width: min(1180px, calc(100% - 32px)) !important;
    max-width: 1180px !important;
    min-height: 0;
    margin: 22px auto 0 !important;
    padding: 0 !important;
    border: 1px solid rgba(216, 180, 101, .18) !important;
    border-radius: 26px !important;
    background: linear-gradient(155deg, rgba(41, 41, 41, .96), rgba(19, 19, 19, .98)) !important;
    box-shadow: 0 26px 70px rgba(0, 0, 0, .38), inset 0 1px rgba(255, 255, 255, .035);
    overflow: hidden;
}

body.gm-rewards-page .toptitle > .container,
body.gm-rewards-page .toptitle > .wrapper {
    width: min(1180px, calc(100% - 32px)) !important;
    max-width: 1180px !important;
}

body.gm-rewards-page .gm-rewards-layout {
    width: 100%;
    max-width: none !important;
    margin-right: 0 !important;
    margin-left: 0 !important;
    padding: 24px;
}

body.gm-rewards-page .gm-rewards-hero {
    position: relative;
    display: grid;
    grid-template-columns: 64px minmax(0, 1fr) auto;
    align-items: center;
    gap: 18px;
    min-height: 146px;
    padding: 24px;
    border: 1px solid rgba(var(--reward-accent-rgb), .28);
    border-radius: 20px;
    background:
        linear-gradient(105deg, rgba(var(--reward-accent-rgb), .12), transparent 44%),
        linear-gradient(135deg, rgba(255, 255, 255, .045), rgba(0, 0, 0, .2));
    overflow: hidden;
}

body.gm-rewards-page .gm-rewards-hero::after {
    content: "";
    position: absolute;
    width: 240px;
    height: 240px;
    top: -150px;
    right: 18%;
    border-radius: 50%;
    background: rgba(var(--reward-accent-rgb), .12);
    filter: blur(18px);
    pointer-events: none;
    animation: gmRewardsAura 5.5s ease-in-out infinite;
}

@keyframes gmRewardsAura {
    0%, 100% { opacity: .45; transform: scale(.9); }
    50% { opacity: .8; transform: scale(1.08); }
}

body.gm-rewards-page .gm-rewards-hero__icon,
body.gm-rewards-page .gm-rewards-metric-card__icon,
body.gm-rewards-page .gm-rewards-stat-card__icon {
    position: relative;
    z-index: 1;
    display: grid;
    place-items: center;
    width: 60px;
    height: 60px;
    border: 1px solid rgba(var(--reward-accent-rgb), .58);
    border-radius: 18px;
    color: var(--reward-accent);
    background: radial-gradient(circle at 35% 25%, rgba(var(--reward-accent-rgb), .28), rgba(14, 14, 14, .82));
    box-shadow: 0 12px 28px rgba(0, 0, 0, .34), inset 0 1px rgba(255, 255, 255, .1);
}

body.gm-rewards-page .gm-rewards-hero__icon .gm-icon {
    width: 30px;
    height: 30px;
}

body.gm-rewards-page .gm-rewards-hero__copy {
    position: relative;
    z-index: 1;
}

body.gm-rewards-page .gm-rewards-eyebrow,
body.gm-rewards-page .gm-rewards-section__head > div > span,
body.gm-rewards-page .gm-affiliate-share__head > div > span {
    display: block;
    margin-bottom: 5px;
    color: var(--reward-accent);
    font: 700 10px/1.2 Arial, sans-serif;
    letter-spacing: .19em;
}

body.gm-rewards-page .gm-rewards-hero h1 {
    margin: 0 0 7px;
    color: #fffaf0;
    font-size: clamp(24px, 3vw, 34px);
    font-weight: 700;
    line-height: 1.15;
}

body.gm-rewards-page .gm-rewards-hero p,
body.gm-rewards-page .gm-rewards-section__head p,
body.gm-rewards-page .gm-rewards-balance-card > p {
    margin: 0;
    color: #aaa79f;
    font-size: 19px;
    line-height: 1.55;
}

body.gm-rewards-page .gm-rewards-period {
    position: relative;
    z-index: 1;
    display: flex;
    align-items: center;
    gap: 11px;
    min-width: 214px;
    min-height: 62px;
    margin: 0;
    padding: 10px 13px;
    border: 1px solid rgba(216, 180, 101, .3);
    border-radius: 15px;
    background: rgba(8, 8, 8, .48);
    cursor: pointer;
}

body.gm-rewards-page .gm-rewards-period__icon {
    display: grid;
    place-items: center;
    flex: 0 0 38px;
    width: 38px;
    height: 38px;
    border-radius: 12px;
    color: var(--reward-gold-soft);
    background: rgba(216, 180, 101, .13);
}

body.gm-rewards-page .gm-rewards-period__icon .gm-icon {
    width: 20px;
    height: 20px;
}

body.gm-rewards-page .gm-rewards-period > span:last-child {
    min-width: 0;
    flex: 1;
}

body.gm-rewards-page .gm-rewards-period small {
    display: block;
    color: #928f87;
    font-size: 19px;
    line-height: 1.1;
}

body.gm-rewards-page .gm-rewards-period input {
    width: 100%;
    min-height: 26px;
    padding: 0;
    border: 0;
    outline: 0;
    color: #fff4d3;
    background: transparent;
    font-size: 21px;
    font-weight: 700;
    color-scheme: dark;
}

body.gm-rewards-page .gm-rewards-overview {
    display: grid;
    grid-template-columns: minmax(0, 1.25fr) minmax(280px, .75fr);
    gap: 16px;
    margin-top: 16px;
}

body.gm-rewards-page .gm-rewards-balance-card,
body.gm-rewards-page .gm-rewards-metric-card,
body.gm-rewards-page .gm-rewards-stat-card,
body.gm-rewards-page .gm-affiliate-share {
    position: relative;
    border: 1px solid rgba(216, 180, 101, .22);
    background: linear-gradient(145deg, rgba(49, 49, 49, .94), rgba(24, 24, 24, .97));
    box-shadow: 0 15px 34px rgba(0, 0, 0, .22), inset 0 1px rgba(255, 255, 255, .035);
}

body.gm-rewards-page .gm-rewards-balance-card {
    min-height: 236px;
    padding: 24px;
    border-radius: 20px;
    overflow: hidden;
}

body.gm-rewards-page .gm-rewards-balance-card::after {
    content: "";
    position: absolute;
    width: 160px;
    height: 160px;
    right: -48px;
    bottom: -70px;
    border: 1px solid rgba(var(--reward-accent-rgb), .2);
    border-radius: 50%;
    box-shadow: 0 0 40px rgba(var(--reward-accent-rgb), .08);
    pointer-events: none;
}

body.gm-rewards-page .gm-rewards-card-label {
    display: flex;
    align-items: center;
    gap: 8px;
    color: #cbc6ba;
    font-size: 19px;
}

body.gm-rewards-page .gm-rewards-card-label > span {
    display: grid;
    place-items: center;
    width: 30px;
    height: 30px;
    border-radius: 9px;
    color: var(--reward-accent);
    background: rgba(var(--reward-accent-rgb), .12);
}

body.gm-rewards-page .gm-rewards-card-label .gm-icon {
    width: 17px;
    height: 17px;
}

body.gm-rewards-page .gm-rewards-card-label strong {
    margin-left: auto;
    color: #88857f;
    font-size: 19px;
    font-weight: 500;
}

body.gm-rewards-page .now_credit_member_afg {
    min-height: 64px;
    margin: 18px 0 6px;
    color: #f4d98f;
    font-weight: 700;
    line-height: 1.18;
    letter-spacing: -.02em;
    text-shadow: 0 0 26px rgba(216, 180, 101, .16);
}

body.gm-rewards-page .now_credit_member_afg > span,
body.gm-rewards-page .now_credit_member_afg span[style] {
    display: block !important;
    margin-top: 5px;
    color: #a8a49a !important;
    font-size: 14px !important;
    font-weight: 500;
    letter-spacing: 0;
}

body.gm-rewards-page .gm-rewards-claim {
    position: relative;
    z-index: 1;
    display: inline-flex;
    align-items: center;
    justify-content: center;
    gap: 9px;
    min-width: 220px;
    min-height: 48px;
    margin-top: 17px;
    padding: 10px 22px;
    border: 1px solid #e1c477;
    border-radius: 14px;
    color: #17130c;
    background: linear-gradient(135deg, #f2dfa6, #c89e48 54%, #f0d58c);
    box-shadow: 0 10px 24px rgba(185, 138, 47, .2), inset 0 1px rgba(255, 255, 255, .7);
    font-size: 21px;
    font-weight: 700;
    text-decoration: none;
    transition: transform .22s ease, box-shadow .22s ease, filter .22s ease;
}

body.gm-rewards-page .gm-rewards-claim:hover,
body.gm-rewards-page .gm-rewards-claim:focus-visible {
    color: #17130c;
    transform: translateY(-2px);
    filter: brightness(1.06);
    box-shadow: 0 14px 30px rgba(185, 138, 47, .3), inset 0 1px rgba(255, 255, 255, .75);
}

body.gm-rewards-page .gm-rewards-claim .gm-icon {
    width: 20px;
    height: 20px;
}

body.gm-rewards-page .gm-rewards-metric-card {
    display: flex;
    align-items: center;
    gap: 18px;
    min-height: 236px;
    padding: 24px;
    border-radius: 20px;
}

body.gm-rewards-page .gm-rewards-metric-card__icon {
    flex: 0 0 54px;
    width: 54px;
    height: 54px;
    border-radius: 17px;
}

body.gm-rewards-page .gm-rewards-metric-card__icon .gm-icon {
    width: 27px;
    height: 27px;
}

body.gm-rewards-page .gm-rewards-metric-card > div:last-child > span,
body.gm-rewards-page .gm-rewards-stat-card small {
    display: block;
    margin-bottom: 8px;
    color: #a7a39b;
    font-size: 22px;
}

body.gm-rewards-page .gm-rewards-metric-card strong,
body.gm-rewards-page .gm-rewards-stat-card strong {
    display: block;
    color: #fff1c8;
    font-size: clamp(30px, 4vw, 42px);
    font-weight: 700;
    line-height: 1.05;
}

body.gm-rewards-page .gm-rewards-metric-card > div:last-child > small,
body.gm-rewards-page .gm-rewards-stat-card > div > span {
    display: block;
    margin-top: 7px;
    color: #77746e;
    font-size: 19px;
}

body.gm-rewards-page .gm-rewards-section {
    margin-top: 28px;
}

body.gm-rewards-page .gm-rewards-section__head {
    display: flex;
    align-items: end;
    justify-content: space-between;
    gap: 20px;
    margin-bottom: 12px;
    padding: 0 3px;
}

body.gm-rewards-page .gm-rewards-section__head h2,
body.gm-rewards-page .gm-affiliate-share__head h2 {
    margin: 0;
    color: #f4efe4;
    font-size: 20px;
    font-weight: 700;
}

body.gm-rewards-page .gm-rewards-summary-grid {
    display: grid;
    grid-template-columns: minmax(0, 1fr) minmax(0, 1fr);
    gap: 14px;
}

body.gm-rewards-page .gm-rewards-table-card {
    border: 1px solid rgba(216, 180, 101, .2);
    border-radius: 17px;
    background: rgba(13, 13, 13, .48);
    box-shadow: inset 0 1px rgba(255, 255, 255, .025);
    overflow: hidden;
}

body.gm-rewards-page .gm-rewards-table-scroll {
    max-width: 100%;
    overflow-x: auto;
    scrollbar-color: #79602c #1b1b1b;
}

body.gm-rewards-page .gm-rewards-table-card .table {
    width: 100% !important;
    margin: 0 !important;
    border: 0 !important;
    color: #ddd9d0 !important;
    background: transparent !important;
    font-size: 19px;
    table-layout: fixed;
}

body.gm-rewards-page .gm-rewards-table-card .table > :not(caption) > * > * {
    border: 0 !important;
    border-bottom: 1px solid rgba(255, 255, 255, .07) !important;
    color: inherit;
    background: transparent !important;
    box-shadow: none !important;
}

body.gm-rewards-page .gm-rewards-table-card thead th {
    padding: 13px 16px !important;
    color: #d7bd79 !important;
    background: rgba(216, 180, 101, .075) !important;
    font-size: 19px;
    font-weight: 700 !important;
    letter-spacing: .04em;
    text-align: left;
}

body.gm-rewards-page .gm-rewards-table-card tbody td {
    min-height: 58px;
    padding: 15px 16px !important;
    color: #dcd8cf !important;
    line-height: 1.75;
    vertical-align: top;
    white-space: normal !important;
}

body.gm-rewards-page .gm-rewards-table-card tbody td::after {
    content: "";
    display: table;
    clear: both;
}

body.gm-rewards-page .gm-rewards-table-card tbody tr:last-child td {
    border-bottom: 0 !important;
}

body.gm-rewards-page .gm-rewards-table-card tbody tr:hover td {
    background: rgba(255, 255, 255, .025) !important;
}

body.gm-rewards-page .gm-rewards-table-card span[style*="color: red"],
body.gm-rewards-page .gm-rewards-table-card span[style*="#ff9090"],
body.gm-rewards-page .gm-rewards-table-card b[style*="color:red"],
body.gm-rewards-page .gm-rewards-table-card b[style*="color: red"] {
    color: var(--reward-negative) !important;
}

body.gm-rewards-page .gm-rewards-table-card span[style*="color: green"],
body.gm-rewards-page .gm-rewards-table-card span[style*="#23ff23"],
body.gm-rewards-page .gm-rewards-table-card b[style*="color:green"],
body.gm-rewards-page .gm-rewards-table-card b[style*="color: green"] {
    color: var(--reward-positive) !important;
}

body.gm-rewards-page .gm-rewards-table-card span[style*="color: blue"],
body.gm-rewards-page .gm-rewards-table-card span[style*="#b7b7fa"],
body.gm-rewards-page .gm-rewards-table-card b[style*="color:blue"],
body.gm-rewards-page .gm-rewards-table-card b[style*="color: blue"] {
    color: #a9c8ec !important;
}

body.gm-rewards-page .gm-rewards-table-card--detail .table {
    min-width: 680px;
}

body.gm-rewards-page .gm-rewards-table-card--detail th:first-child,
body.gm-rewards-page .gm-rewards-table-card--detail td:first-child {
    width: 38%;
}

body.gm-rewards-page .btn_free_click {
    display: inline-flex;
    align-items: center;
    min-height: 34px;
    margin: 3px 0 7px;
    padding: 5px 11px;
    border: 1px solid rgba(var(--reward-accent-rgb), .38);
    border-radius: 10px;
    color: #f2ddb0 !important;
    background: rgba(var(--reward-accent-rgb), .1);
    cursor: pointer;
    text-decoration: none;
}

body.gm-rewards-page .btn_free_click u {
    text-decoration: none;
}

body.gm-rewards-page .super_div_report {
    margin: 5px 0 12px;
    padding: 13px;
    border: 1px solid rgba(255, 255, 255, .08);
    border-radius: 11px;
    background: rgba(0, 0, 0, .2);
    line-height: 1.9;
}

body.gm-rewards-page .super_div_report hr {
    margin: 10px 0;
    border-color: rgba(216, 180, 101, .24);
    opacity: 1;
}

body.gm-rewards-page .gm-rewards-note {
    display: flex;
    align-items: flex-start;
    gap: 9px;
    margin-top: 11px;
    padding: 11px 13px;
    border: 1px solid rgba(var(--reward-accent-rgb), .18);
    border-radius: 12px;
    color: #aaa69e;
    background: rgba(var(--reward-accent-rgb), .055);
    font-size: 22px;
    line-height: 1.5;
}

body.gm-rewards-page .gm-rewards-note .gm-icon {
    flex: 0 0 17px;
    width: 17px;
    height: 17px;
    margin-top: 1px;
    color: var(--reward-accent);
}

body.gm-rewards-page .gm-rewards-note strong {
    color: #f0d797;
}

body.gm-rewards-page .gm-affiliate-share {
    margin-top: 16px;
    padding: 20px;
    border-color: rgba(var(--reward-accent-rgb), .28);
    border-radius: 19px;
}

body.gm-rewards-page .gm-affiliate-share__head {
    display: flex;
    align-items: center;
    flex-wrap: wrap;
    gap: 12px;
    margin-bottom: 14px;
}

body.gm-rewards-page .gm-affiliate-share__head > div {
    min-width: 0;
    flex: 1 1 190px;
}

body.gm-rewards-page .gm-affiliate-share__icon {
    display: grid;
    place-items: center;
    width: 42px;
    height: 42px;
    border-radius: 13px;
    color: var(--reward-accent);
    background: rgba(var(--reward-accent-rgb), .12);
}

body.gm-rewards-page .gm-affiliate-share__icon .gm-icon {
    width: 22px;
    height: 22px;
}

body.gm-rewards-page .gm-affiliate-share__privacy {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    gap: 7px;
    min-height: 34px;
    margin-left: auto;
    padding: 6px 11px;
    border: 1px solid rgba(var(--reward-accent-rgb), .28);
    border-radius: 999px;
    color: #dfeefc;
    background: rgba(var(--reward-accent-rgb), .1);
    font-size: 15px;
    white-space: nowrap;
}

body.gm-rewards-page .gm-affiliate-share__privacy .gm-icon {
    width: 16px;
    height: 16px;
    color: var(--reward-accent);
}

body.gm-rewards-page .gm-affiliate-link-row {
    display: grid;
    grid-template-columns: minmax(0, 1fr) auto auto;
    gap: 9px;
}

body.gm-rewards-page #link_affriend_member {
    min-width: 0;
    min-height: 46px;
    padding: 9px 14px;
    border: 1px solid rgba(255, 255, 255, .1);
    border-radius: 12px;
    outline: 0;
    color: #dcd8ce;
    background: rgba(0, 0, 0, .28);
    font: 16px/1.35 Arial, sans-serif;
    text-overflow: ellipsis;
}

body.gm-rewards-page #link_affriend_member:focus {
    border-color: rgba(var(--reward-accent-rgb), .65);
    box-shadow: 0 0 0 3px rgba(var(--reward-accent-rgb), .1);
}

body.gm-rewards-page .gm-affiliate-action {
    appearance: none;
    display: inline-flex;
    align-items: center;
    justify-content: center;
    gap: 7px;
    min-height: 46px;
    padding: 8px 15px;
    border: 1px solid rgba(var(--reward-accent-rgb), .42);
    border-radius: 12px;
    color: #dcecff;
    background: rgba(var(--reward-accent-rgb), .1);
    font-family: inherit;
    font-size: 17px;
    font-weight: 700;
    text-decoration: none;
    cursor: pointer;
}

body.gm-rewards-page .gm-affiliate-action:hover,
body.gm-rewards-page .gm-affiliate-action:focus-visible,
body.gm-rewards-page .gm-affiliate-action.is-active {
    color: #fff;
    background: rgba(var(--reward-accent-rgb), .2);
}

body.gm-rewards-page .gm-affiliate-action .gm-icon {
    width: 17px;
    height: 17px;
}

body.gm-rewards-page .gm-affiliate-qr {
    display: none;
    position: relative;
    isolation: isolate;
    overflow: hidden;
    width: 100%;
    margin: 16px auto 0;
    border: 1px solid rgba(var(--reward-accent-rgb), .34);
    border-radius: 18px;
    color: #f4efe4;
    background:
        linear-gradient(120deg, rgba(var(--reward-accent-rgb), .14), transparent 44%),
        linear-gradient(145deg, #17191c, #08090b);
    box-shadow: 0 18px 42px rgba(0, 0, 0, .32), inset 0 1px rgba(255, 255, 255, .05);
    text-align: left;
}

body.gm-rewards-page .gm-affiliate-qr::before {
    content: "";
    position: absolute;
    top: 50%;
    left: 8%;
    width: 220px;
    height: 220px;
    border-radius: 50%;
    background: rgba(var(--reward-accent-rgb), .16);
    filter: blur(46px);
    transform: translateY(-50%);
    pointer-events: none;
}

body.gm-rewards-page .gm-affiliate-qr__stage {
    position: relative;
    z-index: 1;
    display: grid;
    grid-template-columns: minmax(240px, .72fr) minmax(0, 1fr);
    align-items: center;
    gap: clamp(20px, 4vw, 46px);
    padding: clamp(20px, 3vw, 28px);
}

body.gm-rewards-page .gm-affiliate-qr__visual {
    position: relative;
    isolation: isolate;
    width: min(100%, 240px);
    margin: auto;
    padding-top: 13px;
}

body.gm-rewards-page .gm-affiliate-qr__visual::before {
    content: "";
    position: absolute;
    z-index: -1;
    inset: 14% 8% 0;
    border-radius: 28px;
    background: rgba(var(--reward-accent-rgb), .22);
    filter: blur(24px);
    animation: gmInviteQrAura 4.8s ease-in-out infinite;
}

body.gm-rewards-page .gm-affiliate-qr__badge {
    position: absolute;
    z-index: 2;
    top: 0;
    left: 50%;
    transform: translateX(-50%);
    display: inline-flex;
    align-items: center;
    justify-content: center;
    min-height: 26px;
    padding: 5px 13px;
    border: 1px solid rgba(255, 255, 255, .28);
    border-radius: 999px;
    color: var(--gm-theme-ink, #171006);
    background: linear-gradient(110deg, var(--reward-gold), var(--reward-gold-soft), var(--reward-gold));
    box-shadow: 0 8px 20px rgba(0, 0, 0, .34);
    font: 800 9px/1 Arial, sans-serif;
    letter-spacing: .16em;
    white-space: nowrap;
}

body.gm-rewards-page .gm-affiliate-qr__frame {
    box-sizing: border-box;
    width: 100%;
    padding: 6px;
    border: 1px solid rgba(255, 255, 255, .16);
    border-radius: 23px;
    background: linear-gradient(135deg, var(--reward-gold-soft), var(--reward-gold) 33%, #111 60%, var(--reward-accent) 88%);
    box-shadow: 0 16px 34px rgba(0, 0, 0, .42), 0 0 28px rgba(var(--reward-accent-rgb), .16);
}

body.gm-rewards-page .gm-affiliate-qr__code {
    box-sizing: border-box;
    display: grid;
    place-items: center;
    width: 228px;
    max-width: 100%;
    min-height: 228px;
    margin: auto;
    padding: 16px;
    border-radius: 17px;
    color: #191919;
    background: #fff;
    box-shadow: inset 0 0 0 1px rgba(0, 0, 0, .12);
}

body.gm-rewards-page .gm-affiliate-qr__code canvas,
body.gm-rewards-page .gm-affiliate-qr__code img {
    max-width: 100%;
    height: auto;
    margin: auto;
    border: 0;
    border-radius: 0;
}

body.gm-rewards-page .gm-affiliate-qr__code.is-unavailable {
    padding: 24px;
    text-align: center;
}

body.gm-rewards-page .gm-affiliate-qr__meta {
    min-width: 0;
}

body.gm-rewards-page .gm-affiliate-qr__meta > span {
    display: block;
    margin-bottom: 8px;
    color: var(--reward-accent);
    font: 800 10px/1.2 Arial, sans-serif;
    letter-spacing: .19em;
}

body.gm-rewards-page .gm-affiliate-qr__meta strong {
    display: block;
    margin-bottom: 8px;
    color: #fff8e8;
    font-size: clamp(22px, 3vw, 30px);
    line-height: 1.25;
}

body.gm-rewards-page .gm-affiliate-qr__meta p {
    max-width: 42ch;
    margin: 0;
    color: #c9c4b9;
    font-size: 17px;
    line-height: 1.6;
}

body.gm-rewards-page .gm-affiliate-qr__meta small {
    display: flex;
    align-items: center;
    gap: 8px;
    margin-top: 15px;
    color: #aaa69d;
    font-size: 15px;
}

body.gm-rewards-page .gm-affiliate-qr__meta small::before {
    content: "";
    flex: 0 0 7px;
    width: 7px;
    height: 7px;
    border-radius: 50%;
    background: var(--reward-accent);
    box-shadow: 0 0 12px rgba(var(--reward-accent-rgb), .7);
}

@keyframes gmInviteQrAura {
    0%, 100% {
        opacity: .55;
        transform: scale(.92);
    }
    50% {
        opacity: 1;
        transform: scale(1.06);
    }
}

body.gm-rewards-page .gm-rewards-overview--affiliate {
    grid-template-columns: minmax(0, 1.15fr) minmax(300px, .85fr);
}

body.gm-rewards-page .gm-rewards-stats {
    display: grid;
    grid-template-columns: 1fr 1fr;
    gap: 12px;
}

body.gm-rewards-page .gm-rewards-stat-card {
    display: flex;
    align-items: center;
    gap: 12px;
    min-height: 112px;
    padding: 17px;
    border-radius: 17px;
}

body.gm-rewards-page .gm-rewards-stat-card__icon {
    flex: 0 0 43px;
    width: 43px;
    height: 43px;
    border-radius: 13px;
}

body.gm-rewards-page .gm-rewards-stat-card__icon .gm-icon {
    width: 21px;
    height: 21px;
}

body.gm-rewards-page .gm-rewards-stat-card small {
    margin-bottom: 4px;
}

body.gm-rewards-page .gm-rewards-stat-card strong {
    font-size: 27px;
}

body.gm-rewards-page .gm-affiliate-members-link {
    grid-column: 1 / -1;
    display: flex;
    align-items: center;
    gap: 12px;
    min-height: 92px;
    padding: 17px;
    border: 1px solid rgba(var(--reward-accent-rgb), .26);
    border-radius: 17px;
    color: #e5e1d8;
    background: linear-gradient(120deg, rgba(var(--reward-accent-rgb), .12), rgba(25, 25, 25, .96));
    text-decoration: none;
    transition: transform .2s ease, border-color .2s ease;
}

body.gm-rewards-page .gm-affiliate-members-link:hover,
body.gm-rewards-page .gm-affiliate-members-link:focus-visible {
    color: #fff;
    border-color: rgba(var(--reward-accent-rgb), .55);
    transform: translateY(-2px);
}

body.gm-rewards-page .gm-affiliate-members-link > .gm-icon {
    flex: 0 0 27px;
    width: 27px;
    height: 27px;
    color: var(--reward-accent);
}

body.gm-rewards-page .gm-affiliate-members-link > span {
    min-width: 0;
    flex: 1;
}

body.gm-rewards-page .gm-affiliate-members-link strong,
body.gm-rewards-page .gm-affiliate-members-link small {
    display: block;
}

body.gm-rewards-page .gm-affiliate-members-link strong {
    margin-bottom: 3px;
    font-size: 21px;
}

body.gm-rewards-page .gm-affiliate-members-link small {
    color: #89867f;
    font-size: 19px;
}

body.gm-rewards-page .gm-affiliate-members-link i {
    color: var(--reward-accent);
    font-size: 22px;
}

/* The deposit affiliate report has four fields, unlike the game breakdown. */
body.gm-rewards-page .gm-affiliate-deposit-table th,
body.gm-rewards-page .gm-affiliate-deposit-table td {
    overflow-wrap: anywhere;
    font-variant-numeric: tabular-nums;
}

body.gm-rewards-page .gm-affiliate-deposit-table th:nth-child(2),
body.gm-rewards-page .gm-affiliate-deposit-table th:nth-child(3),
body.gm-rewards-page .gm-affiliate-deposit-table td:nth-child(2),
body.gm-rewards-page .gm-affiliate-deposit-table td:nth-child(3) {
    text-align: right !important;
}

body.gm-rewards-page .gm-affiliate-deposit-table th:last-child {
    text-align: center;
}

body.gm-rewards-page .gm-affiliate-deposit-table td:nth-child(4) > b > span {
    display: inline-block;
    padding: 3px 10px;
    border: 1px solid currentColor;
    border-radius: 999px;
    background: rgba(255, 255, 255, .035);
    font-size: 16px;
    font-weight: 500;
    line-height: 1.5;
}

/* Empty feedback stays centered in the visible area, not a wide scroll table. */
body.gm-rewards-page--affiliate-turnover .gm-rewards-table-card--detail .table:has(.gm-data-state-row:only-child) {
    min-width: 0;
}

@media (max-width: 600px) {
    body.gm-rewards-page .gm-affiliate-deposit-table thead {
        position: absolute;
        width: 1px;
        height: 1px;
        overflow: hidden;
        clip-path: inset(50%);
    }

    body.gm-rewards-page .gm-affiliate-deposit-table tbody {
        display: block;
    }

    body.gm-rewards-page .gm-affiliate-deposit-table tbody tr {
        display: grid;
        grid-template-columns: minmax(0, 1fr) minmax(0, 1fr);
        padding: 5px;
        border-bottom: 1px solid rgba(216, 180, 101, .18);
    }

    body.gm-rewards-page .gm-affiliate-deposit-table tbody tr:last-child {
        border-bottom: 0;
    }

    body.gm-rewards-page .gm-affiliate-deposit-table tbody td:not([colspan]) {
        display: block;
        min-width: 0;
        border-bottom: 0 !important;
        text-align: left !important;
    }

    body.gm-rewards-page .gm-affiliate-deposit-table tbody td:not([colspan])::before {
        display: block;
        margin-bottom: 5px;
        color: #aaa69e;
        font-size: 16px;
        font-weight: 400;
    }

    body.gm-rewards-page .gm-affiliate-deposit-table td:nth-child(1):not([colspan])::before { content: "สมาชิก"; }
    body.gm-rewards-page .gm-affiliate-deposit-table td:nth-child(2):not([colspan])::before { content: "ยอดฝาก (บาท)"; }
    body.gm-rewards-page .gm-affiliate-deposit-table td:nth-child(3):not([colspan])::before { content: "โบนัส (บาท)"; }
    body.gm-rewards-page .gm-affiliate-deposit-table td:nth-child(4):not([colspan])::before { content: "สถานะ"; }

    body.gm-rewards-page .gm-affiliate-deposit-table tbody td[colspan] {
        display: block;
        grid-column: 1 / -1;
    }
}

body.gm-rewards-page .gm-members-hero {
    grid-template-columns: 42px 64px minmax(0, 1fr);
}

body.gm-rewards-page .gm-members-back {
    position: relative;
    z-index: 1;
    display: grid;
    place-items: center;
    width: 42px;
    height: 42px;
    border: 1px solid rgba(216, 180, 101, .3);
    border-radius: 13px;
    color: #e4cd91;
    background: rgba(0, 0, 0, .22);
}

body.gm-rewards-page .gm-members-back:hover,
body.gm-rewards-page .gm-members-back:focus-visible {
    color: #fff4d4;
    border-color: rgba(216, 180, 101, .58);
}

body.gm-rewards-page .gm-members-back .gm-icon {
    width: 21px;
    height: 21px;
}

body.gm-rewards-page .gm-members-table-card .table {
    min-width: 620px;
}

body.gm-rewards-page .gm-members-table-card thead th,
body.gm-rewards-page .gm-members-table-card tbody td {
    text-align: left !important;
}

body.gm-rewards-page .gm-members-return {
    display: inline-flex;
    align-items: center;
    gap: 8px;
    min-height: 44px;
    margin-top: 15px;
    padding: 9px 15px;
    border: 1px solid rgba(var(--reward-accent-rgb), .32);
    border-radius: 12px;
    color: #dfd9cc;
    background: rgba(var(--reward-accent-rgb), .08);
    font-size: 22px;
    text-decoration: none;
}

body.gm-rewards-page .gm-members-return .gm-icon {
    width: 18px;
    height: 18px;
    color: var(--reward-accent);
}

@media (max-width: 820px) {
    body.gm-rewards-page .content_bg_dark.gm-rewards-shell {
        width: calc(100% - 24px) !important;
    }

    body.gm-rewards-page .gm-rewards-layout {
        padding: 18px;
    }

    body.gm-rewards-page .gm-rewards-hero {
        grid-template-columns: 54px minmax(0, 1fr);
        padding: 18px;
    }

    body.gm-rewards-page .gm-rewards-hero__icon {
        width: 52px;
        height: 52px;
        border-radius: 16px;
    }

    body.gm-rewards-page .gm-rewards-period {
        grid-column: 1 / -1;
        width: 100%;
        min-width: 0;
    }

    body.gm-rewards-page .gm-rewards-overview,
    body.gm-rewards-page .gm-rewards-overview--affiliate,
    body.gm-rewards-page .gm-rewards-summary-grid {
        grid-template-columns: 1fr;
    }

    body.gm-rewards-page .gm-rewards-metric-card {
        min-height: 140px;
    }

    body.gm-rewards-page .gm-members-hero {
        grid-template-columns: 42px 52px minmax(0, 1fr);
    }

    body.gm-rewards-page .gm-members-hero .gm-rewards-period {
        display: none;
    }
}

@media (max-width: 575px) {
    body.gm-rewards-page {
        padding-bottom: 88px !important;
    }

    body.gm-rewards-page .content_bg_dark.gm-rewards-shell {
        width: calc(100% - 16px) !important;
        margin-top: 10px !important;
        border-radius: 18px !important;
    }

    body.gm-rewards-page .gm-rewards-layout {
        padding: 10px;
    }

    body.gm-rewards-page .gm-rewards-hero {
        grid-template-columns: 44px minmax(0, 1fr);
        gap: 11px;
        min-height: 0;
        padding: 15px;
        border-radius: 15px;
    }

    body.gm-rewards-page .gm-rewards-hero__icon {
        width: 44px;
        height: 44px;
        border-radius: 13px;
    }

    body.gm-rewards-page .gm-rewards-hero__icon .gm-icon {
        width: 23px;
        height: 23px;
    }

    body.gm-rewards-page .gm-rewards-hero h1 {
        margin-bottom: 4px;
        font-size: 20px;
    }

    body.gm-rewards-page .gm-rewards-hero p {
        font-size: 19px;
        line-height: 1.45;
    }

    body.gm-rewards-page .gm-rewards-eyebrow {
        margin-bottom: 3px;
        font-size: 19px;
    }

    body.gm-rewards-page .gm-rewards-period {
        min-height: 54px;
        padding: 8px 11px;
        border-radius: 12px;
    }

    body.gm-rewards-page .gm-rewards-period__icon {
        flex-basis: 34px;
        width: 34px;
        height: 34px;
    }

    body.gm-rewards-page .gm-rewards-period input {
        min-height: 24px;
        font-size: 21px;
    }

    body.gm-rewards-page .gm-rewards-overview {
        gap: 10px;
        margin-top: 10px;
    }

    body.gm-rewards-page .gm-rewards-balance-card {
        min-height: 0;
        padding: 17px;
        border-radius: 15px;
    }

    body.gm-rewards-page .gm-rewards-card-label {
        font-size: 19px;
    }

    body.gm-rewards-page .now_credit_member_afg {
        min-height: 54px;
        margin: 14px 0 5px;
        overflow-wrap: anywhere;
    }

    body.gm-rewards-page .gm-rewards-claim {
        width: 100%;
        min-width: 0;
        min-height: 48px;
        margin-top: 14px;
    }

    body.gm-rewards-page .gm-rewards-metric-card {
        min-height: 110px;
        padding: 16px;
        border-radius: 15px;
    }

    body.gm-rewards-page .gm-rewards-metric-card strong {
        font-size: 28px;
    }

    body.gm-rewards-page .gm-rewards-section {
        margin-top: 22px;
    }

    body.gm-rewards-page .gm-rewards-section__head {
        display: block;
        margin-bottom: 9px;
    }

    body.gm-rewards-page .gm-rewards-section__head h2,
    body.gm-rewards-page .gm-affiliate-share__head h2 {
        font-size: 19px;
    }

    body.gm-rewards-page .gm-rewards-section__head p {
        margin-top: 5px;
        font-size: 19px;
    }

    body.gm-rewards-page .gm-rewards-table-card {
        border-radius: 13px;
    }

    body.gm-rewards-page .gm-rewards-table-card thead th {
        padding: 10px 11px !important;
        font-size: 19px;
    }

    body.gm-rewards-page .gm-rewards-table-card tbody td {
        padding: 12px 11px !important;
        font-size: 19px;
        line-height: 1.65;
    }

    body.gm-rewards-page .gm-rewards-table-card tbody td span[style*="float: left"],
    body.gm-rewards-page .gm-rewards-table-card tbody td span[style*="float: right"] {
        display: block;
        float: none !important;
        width: 100%;
    }

    body.gm-rewards-page .gm-rewards-table-card tbody td span[style*="float: right"] {
        margin: 1px 0 7px;
        text-align: right;
    }

    body.gm-rewards-page .gm-rewards-table-card--detail .table {
        min-width: 600px;
    }

    body.gm-rewards-page .gm-affiliate-share {
        margin-top: 10px;
        padding: 15px;
        border-radius: 15px;
    }

    body.gm-rewards-page .gm-affiliate-link-row {
        grid-template-columns: 1fr 1fr;
    }

    body.gm-rewards-page #link_affriend_member {
        grid-column: 1 / -1;
        min-height: 44px;
        font-size: 16px;
    }

    body.gm-rewards-page .gm-affiliate-action {
        min-height: 44px;
        padding: 8px 10px;
    }

    body.gm-rewards-page .gm-affiliate-qr__stage {
        grid-template-columns: minmax(0, 1fr);
        gap: 18px;
        padding: 18px 10px;
    }

    body.gm-rewards-page .gm-affiliate-qr__visual {
        width: min(100%, 234px);
    }

    body.gm-rewards-page .gm-affiliate-qr__frame {
        padding: 5px;
    }

    body.gm-rewards-page .gm-affiliate-qr__code {
        width: 224px;
        min-height: 224px;
        padding: 14px;
    }

    body.gm-rewards-page .gm-affiliate-qr__meta {
        padding: 0 10px;
        text-align: center;
    }

    body.gm-rewards-page .gm-affiliate-qr__meta p {
        margin-inline: auto;
    }

    body.gm-rewards-page .gm-affiliate-qr__meta small {
        justify-content: center;
    }

    body.gm-rewards-page .gm-rewards-stats {
        gap: 9px;
    }

    body.gm-rewards-page .gm-rewards-stat-card {
        display: block;
        min-height: 126px;
        padding: 13px;
    }

    body.gm-rewards-page .gm-rewards-stat-card__icon {
        width: 36px;
        height: 36px;
        margin-bottom: 9px;
    }

    body.gm-rewards-page .gm-rewards-stat-card strong {
        font-size: 23px;
    }

    body.gm-rewards-page .gm-affiliate-members-link {
        min-height: 78px;
        padding: 14px;
        border-radius: 14px;
    }

    body.gm-rewards-page .gm-members-hero {
        grid-template-columns: 36px 42px minmax(0, 1fr);
        gap: 8px;
    }

    body.gm-rewards-page .gm-members-back {
        width: 36px;
        height: 36px;
        border-radius: 11px;
    }

    body.gm-rewards-page .gm-members-hero .gm-rewards-hero__copy p {
        display: none;
    }
}

@media (max-width: 380px) {
    body.gm-rewards-page .gm-rewards-hero h1 {
        font-size: 20px;
    }

    body.gm-rewards-page .gm-rewards-card-label strong {
        display: none;
    }

    body.gm-rewards-page .gm-rewards-stat-card {
        min-width: 0;
    }
}

@media (max-width: 575px) {
    body:is(.gm-rewards-page--affiliate-turnover, .gm-rewards-page--affiliate-deposit) .gm-rewards-eyebrow {
        font-size: 13px;
        letter-spacing: .16em;
    }

    body:is(.gm-rewards-page--affiliate-turnover, .gm-rewards-page--affiliate-deposit) .gm-affiliate-action {
        font-size: 17px;
    }
}

@media (max-width: 380px) {
    body.gm-rewards-page .gm-affiliate-link-row .gm-affiliate-action {
        gap: 5px;
        padding-inline: 7px;
        font-size: 16px;
    }
}

@media (prefers-reduced-motion: reduce) {
    body.gm-rewards-page .gm-affiliate-qr__visual::before,
    body.withdraw .gm-withdraw-status i,
    body.withdraw .gm-withdraw-balance-foot i,
    body.withdraw .gm-withdraw-submit.btn_cfwitdraw::before {
        animation: none !important;
    }
}

body.history :where(.card_dp_sb, .tbl-container) {
    overflow-x: auto;
}

body.history .table {
    min-width: 520px;
    margin: 0;
    font-size: 13px !important;
}

body.history .table thead {
    color: var(--gm-gold) !important;
    font-size: 14px !important;
}

body.history .table tbody {
    font-size: 13px !important;
    text-shadow: none !important;
}

body.history .card_dp_bankacc td {
    padding: 6px 5px !important;
    font: 400 12px/1.35 inherit !important;
}

body.history .the_toast_pp {
    width: min(calc(100% - 24px), 460px) !important;
    top: 76px !important;
    right: auto !important;
    left: 50% !important;
    color: var(--gm-text) !important;
    border: 1px solid var(--gm-line) !important;
    border-radius: 14px !important;
    background: #252525 !important;
    box-shadow: 0 18px 42px rgba(0,0,0,.38) !important;
    transform: translate(-50%, -160%) !important;
}

body.history .the_toast_pp.active_preview {
    transform: translate(-50%, 0) !important;
}

body.history .the_toast_pp :where(.text, .close) {
    color: var(--gm-muted) !important;
}

body.history .the_toast_pp .text-1 {
    color: var(--gm-text) !important;
}

body.aff .card_gray > :where(.card-header, .card-body, .card-footer) {
    color: var(--gm-text) !important;
    border-color: var(--gm-line-soft) !important;
    background: transparent !important;
}

body.aff :where(#link_affriend_member, input[type="month"]) {
    min-height: 42px !important;
    padding: 8px 12px !important;
    color: var(--gm-text) !important;
    color-scheme: dark;
    border: 1px solid var(--gm-line-soft) !important;
    border-radius: 10px !important;
    background: #171717 !important;
    text-shadow: none !important;
}

body.aff .get_money .title {
    color: var(--gm-gold) !important;
    border-left: 0 !important;
    font: 600 14px/1.4 inherit !important;
}

body.aff :where(.get_money, .summarize) .amount {
    color: var(--gm-gold-bright) !important;
    font-size: 28px !important;
    text-shadow: none !important;
}

body.aff .summarize .br_right {
    border-right: 1px solid var(--gm-line-soft) !important;
}

body.aff .ic_baht img {
    display: none !important;
}

body.aff .ic_baht::after {
    content: "฿";
    color: var(--gm-gold);
    font-size: .75em;
}

body.aff .dt_game {
    overflow: auto;
    border: 1px solid var(--gm-line-soft);
    border-radius: 12px;
}

body.aff a[href="./listchildmem.php"] {
    min-height: 42px;
    padding: 8px 20px;
    display: inline-flex;
    align-items: center;
    justify-content: center;
    color: var(--gm-gold-bright) !important;
    border: 1px solid var(--gm-line);
    border-radius: 999px;
    text-decoration: none;
}

body.aff a[href="./listchildmem.php"] img {
    display: none !important;
}

body.aff a[href="./listchildmem.php"]::after {
    content: "ดูรายชื่อสมาชิก";
}

body.promotion .list_promotion_ img,
body.promotion .brd_banner {
    display: block;
    border: 1px solid var(--gm-line) !important;
    border-radius: 14px !important;
    box-shadow: 0 12px 26px rgba(0,0,0,.25) !important;
}

body.activity .btn_op_acct::before,
body.activity .btn_op_acct::after {
    display: none !important;
}

/* Automatic-deposit and slip surfaces */
body.deposit-auto .deposit-intro-title {
    color: #f5f1e8 !important;
    font-weight: 650;
}

body.deposit-auto .deposit-shell {
    padding: 22px !important;
}

/* The slip-upload page has account details after this shell. Let the shell
 * follow its visible content instead of reserving a full viewport height. */
body.deposit-auto.deposit-slip .deposit-shell {
    min-height: 0 !important;
}

body.deposit-auto .deposit-warning-card {
    margin-top: 18px !important;
    padding: 16px !important;
    border-color: rgba(200,166,95,.36) !important;
    background: #202020 !important;
}

body.deposit-auto .deposit-warning-card .title {
    color: var(--gm-gold) !important;
}

body.deposit-auto :where(.dt_bankacc_mb, .bankusername) {
    color: #efebe2 !important;
}

body.deposit-choices .deposit-choice-card {
    width: 100%;
}

body.deposit-choices .deposit-choice-card .gm-icon {
    margin: 0 auto;
}

body.deposit-slip .deposit-upload-intro {
    /*padding: 4px 2px 18px;*/
}

body.deposit-slip .deposit-upload-intro span {
    color: var(--gm-gold) !important;
    font-size: 22px;
}

body.deposit-slip .deposit-upload-intro h3 {
    margin: 6px 0 0;
    color: #f2eee6 !important;
    font-size: 20px;
    font-weight: 600;
    line-height: 1.45;
}

body.deposit-slip .list_bank_show_fix {
    margin-top: 6px;
}

body.deposit-slip .divdisplayslip {
    overflow: hidden;
    margin: 18px auto !important;
    border: 1px solid var(--gm-gold) !important;
    border-radius: 16px !important;
    box-shadow: 0 18px 40px rgba(0,0,0,.30) !important;
}

body.deposit-slip .MuiButton-root {
    width: 100% !important;
    margin-top: 12px !important;
}

body.deposit-slip .deposit-upload-action {
    width: min(calc(100% - 32px), 720px);
    margin: 14px auto 26px;
}

body.deposit-slip .deposit-upload-action hr {
    display: none;
}


body.deposit-slip .deposit-upload-action input[type="file"]::file-selector-button {
    margin-right: 14px;
    padding: 8px 15px;
    color: #231c0e;
    border: 0;
    border-radius: 999px;
    background: linear-gradient(90deg, #a57e3e, #ead49b);
    font-weight: 700;
    cursor: pointer;
}

body.deposit-slip :where(.modal-content, .generate-section) {
    color: var(--gm-text) !important;
    border: 1px solid var(--gm-line) !important;
    border-radius: 16px !important;
    background: #242424 !important;
}

/* Registration screens share the same quiet member application language. */
body.register {
    padding-top: 88px !important;
}

body.register .elementor-background-video-container {
    display: none !important;
}

body.register .masthead .fix_nav {
    min-height: 72px;
    padding: 0 14px !important;
    position: fixed !important;
    top: 0 !important;
    right: 0 !important;
    left: 0 !important;
    background: linear-gradient(270deg, #202020, #575656 51.6%, #202020) !important;
    border-bottom: 1px solid rgba(205,170,93,.18);
    box-shadow: 0 7px 20px rgba(0,0,0,.26);
}

body.register .masthead {
    min-height: 0 !important;
    padding: 0 !important;
}

body.register .masthead .wrapper {
    width: min(calc(100% - 24px), 840px) !important;
    max-width: 840px !important;
}

body.register .masthead img {
    max-height: 38px;
    filter: grayscale(.72) sepia(.35) brightness(1.15);
}

body.register .content_bg_dark {
    margin-top: 18px !important;
}

body.register .toptitle {
    min-height: 42px !important;
    position: relative !important;
    top: auto !important;
    font-size: 14px !important;
}

body.register #signUpForm {
    width: min(100%, 620px);
    margin: 0 auto;
    padding: 18px;
    border: 1px solid rgba(205,170,93,.26);
    border-radius: 18px;
    background: linear-gradient(145deg, rgba(49,49,49,.93), rgba(16,16,16,.96));
}

body.register .gm-register-titlebar {
    width: min(100%, 420px);
    min-height: 44px;
    margin-inline: auto;
    display: grid;
    grid-template-columns: 44px minmax(0, 1fr) 44px;
    align-items: center;
    gap: 12px;
}

body.register .gm-register-titlebar::after {
    width: 44px;
    height: 44px;
    content: "";
}

body.register .gm-register-titlebar .btn-to-register {
    min-height: 0 !important;
    padding: 0 !important;
    justify-self: center;
    color: #f5f0e5 !important;
    border: 0 !important;
    background: transparent !important;
    box-shadow: none !important;
    font-size: 22px !important;
    font-weight: 700 !important;
    line-height: 1.2 !important;
}

body.register #signUpForm .form-header {
    min-height: 76px;
    padding: 12px 0 16px;
    display: grid !important;
    grid-template-columns: minmax(0, 1fr) clamp(26px, 7vw, 42px) minmax(0, 1fr) clamp(26px, 7vw, 42px) minmax(0, 1fr);
    align-items: start !important;
    gap: 0 !important;
    border-bottom: 1px solid rgba(234,212,155,.15);
}

body.register #signUpForm input:not([type="hidden"]) {
    min-height: 48px !important;
    padding: 10px 16px !important;
    color: var(--gm-text) !important;
    border: 1px solid var(--gm-line) !important;
    border-radius: 999px !important;
    background: #171717 !important;
    box-shadow: none !important;
    font: 500 16px/1.2 inherit !important;
}

body.register #signUpForm input.invalid:not([type="hidden"]) {
    border-color: var(--gm-danger) !important;
}

body.register :where(.btn-cf_dark, .btn-register_2, .btn-to-register)::before,
body.register :where(.btn-cf_dark, .btn-register_2, .btn-to-register)::after {
    display: none !important;
}

body.register #prevBtn {
    width: 42px !important;
    min-width: 42px !important;
    min-height: 42px !important;
    height: 42px !important;
    padding: 0 !important;
    margin: 0 !important;
    top: auto !important;
    display: inline-grid !important;
    place-items: center;
    color: var(--gm-gold-bright) !important;
    border: 1px solid rgba(234,212,155,.45) !important;
    border-radius: 50% !important;
    background: linear-gradient(145deg, #292722, #111) !important;
    box-shadow: inset 0 1px 0 rgba(255,255,255,.05), 0 8px 18px rgba(0,0,0,.22) !important;
    font-size: 0 !important;
    transition: transform var(--gm-fast), border-color var(--gm-fast), background var(--gm-fast) !important;
}

body.register #prevBtn:hover,
body.register #prevBtn:focus-visible {
    color: #fff2c9 !important;
    border-color: var(--gm-gold-bright) !important;
    background: #302a1f !important;
    outline: 0;
    transform: translateX(-2px);
}

body.register #prevBtn .gm-register-back-icon {
    width: 21px;
    height: 21px;
    fill: none;
    stroke: currentColor;
    stroke-width: 1.8;
    stroke-linecap: round;
    stroke-linejoin: round;
}

body.register #signUpForm .form-header .stepIndicator {
    min-width: 0;
    padding: 0 !important;
    position: relative;
    display: grid;
    justify-items: center;
    align-content: start;
    gap: 7px;
    color: var(--gm-muted) !important;
    filter: none !important;
    text-shadow: none !important;
}

body.register #signUpForm .form-header .stepIndicator::before,
body.register #signUpForm .form-header .stepIndicator::after {
    display: none !important;
    content: none !important;
}

body.register #signUpForm .form-header .stepIndicator .text {
    width: 38px;
    height: 38px;
    padding: 1px 0 0;
    position: static !important;
    display: grid;
    place-items: center;
    transform: none !important;
    font-family: Arial, sans-serif !important;
    font-size: 17px !important;
    font-weight: 700 !important;
    line-height: 1 !important;
    color: var(--gm-muted) !important;
    border: 1px solid rgba(234,212,155,.30);
    border-radius: 50%;
    background: #181818;
    box-shadow: none !important;
    text-shadow: none !important;
}

body.register #signUpForm .form-header .stepIndicator.active .text {
    color: #241d10 !important;
    border-color: var(--gm-gold-bright);
    background: var(--gm-gold-bright);
    box-shadow: 0 0 0 4px rgba(200,166,95,.10) !important;
}

body.register #signUpForm .form-header .stepIndicator.finish .text {
    color: var(--gm-gold-bright) !important;
    border-color: rgba(234,212,155,.56);
}

body.register #signUpForm .form-header .stepIndicator .sub_text {
    width: 100%;
    position: static;
    display: block;
    margin: 0;
    transform: none;
    color: inherit !important;
    font-size: 19px;
    line-height: 1.3;
    text-align: center;
    white-space: nowrap;
}

body.register #signUpForm .gm-step-connector {
    width: 100%;
    height: 1px;
    position: relative;
    display: block;
    margin-top: 19px;
    background: linear-gradient(90deg, rgba(234,212,155,.18), rgba(234,212,155,.68));
}

body.register #signUpForm .gm-step-connector::after {
    width: 6px;
    height: 6px;
    position: absolute;
    top: 50%;
    right: 1px;
    content: "";
    border-top: 1.5px solid rgba(234,212,155,.72);
    border-right: 1.5px solid rgba(234,212,155,.72);
    transform: translateY(-50%) rotate(45deg);
}

body.register .bank-logo {
    display: grid !important;
    grid-template-columns: repeat(6, minmax(0, 1fr));
    gap: 9px;
}

body.register .bank-logo .ic-bank {
    width: auto !important;
    min-width: 0;
    padding: 6px;
    border: 1px solid rgba(234,212,155,.15);
    border-radius: 12px;
    background: #171717;
}

body.register .bank-logo .bank {
    width: 100% !important;
    aspect-ratio: 1;
    object-fit: contain;
    border-radius: 9px;
}

body.register .bank-logo .bank:hover,
body.register .bank-logo .bank[class*="bank_acitve"] {
    border-color: var(--gm-gold) !important;
}

body.register .line_cc {
    display: none !important;
}

/* Deposit choices become flat two-tone panels. */
body.deposit-choices .deposit-choice-card {
    min-height: 126px !important;
    display: flex !important;
    flex-direction: column;
    align-items: center;
    justify-content: center;
    gap: 8px;
    color: var(--gm-text) !important;
    border: 1px solid var(--gm-line) !important;
    border-radius: 14px !important;
    background: linear-gradient(145deg, #373737, #171717 72%) !important;
    box-shadow: none !important;
}

body.deposit-choices .deposit-choice-card .gm-icon {
    width: 44px;
    height: 44px;
    color: var(--gm-gold);
}

body.deposit-choices .deposit-choice-art,
body.deposit-choices .deposit-choice-icon {
    display: none !important;
}

/* Login shell: no stadium wallpaper and no continuously moving decoration. */
body.bg_1 {
    display: block !important;
    padding-top: 0 !important;
}

body.bg_1 .elementor-background-video-container,
body.bg_1 .rotate-90-tl-cw,
body.bg_1 .rotate-90-tr-cw,
body.bg_1 .scale-up-center,
body.bg_1 .scale-up-center_4s {
    display: none !important;
}

body.bg_1 .center {
    position: relative !important;
    top: auto !important;
    left: auto !important;
    display: flex !important;
    align-items: center;
    justify-content: center;
    transform: none !important;
}

body.bg_1 .card_t1 {
    width: min(100%, 430px) !important;
    max-width: 430px !important;
    padding: 28px !important;
    cursor: default !important;
    border: 1px solid var(--gm-line) !important;
    border-radius: 18px !important;
    background: linear-gradient(145deg, #343434, #171717 72%) !important;
    box-shadow: 0 28px 70px rgba(0,0,0,.46) !important;
}

body.bg_1 .block::before,
body.bg_1 .block::after {
    display: none !important;
}

body.bg_1 .mb_logo {
    max-width: 185px !important;
    filter: grayscale(1) sepia(.8) saturate(.8) brightness(1.35);
}

body.bg_1 .login-experience {
    color: var(--gm-muted) !important;
    letter-spacing: 2px;
}

/* Legacy two-column login/footer is flattened until login markup is replaced. */
body.bg_1 > footer {
    width: min(438px, calc(100% - 24px)) !important;
    right: 0 !important;
    left: 0 !important;
    margin: auto !important;
    border: 1px solid var(--gm-line) !important;
    border-bottom: 0 !important;
    border-radius: 38px 38px 0 0 !important;
    background: linear-gradient(208deg, #585454, #181818 52%, #7c7870) !important;
}

body.bg_1 .line_cc {
    display: none !important;
}

/* Shared jConfirm surface: warm light card with high-contrast ink. */
body:not(.member_main) .jconfirm .jconfirm-bg {
    background: #050505 !important;
    opacity: .78 !important;
}

body:not(.member_main) .jconfirm .jconfirm-box-container {
    box-sizing: border-box;
    width: 100% !important;
    max-width: 520px !important;
    flex: 0 1 520px !important;
    margin-right: auto !important;
    margin-left: auto !important;
}

body:not(.member_main) .jconfirm .jconfirm-box {
    color: #2b261e !important;
    padding: 28px 24px 18px !important;
    cursor: default !important;
    border: 1px solid var(--gm-line) !important;
    border-radius: 18px !important;
    background: linear-gradient(155deg, #ffffff 0%, #fffdf8 56%, #f6eedb 100%) !important;
    box-shadow: 0 24px 64px rgba(0, 0, 0, .58), 0 0 28px rgba(171, 128, 48, .18) !important;
}

body:not(.member_main) .jconfirm .jconfirm-box div.jconfirm-title-c {
    margin: 0 !important;
    padding: 0 6px 12px !important;
    font-size: 23px !important;
    line-height: 1.3 !important;
}

body:not(.member_main) .jconfirm .jconfirm-box div.jconfirm-content-pane {
    display: inline-block !important;
    visibility: visible !important;
    width: 100% !important;
    margin-bottom: 18px !important;
}

body:not(.member_main) .jconfirm .jconfirm-box .jconfirm-title {
    color: var(--gm-gold-deep) !important;
    text-shadow: none !important;
}

body:not(.member_main) .jconfirm .jconfirm-box .jconfirm-content {
    color: #2b261e !important;
    padding: 0 4px !important;
    font-size: 18px !important;
    line-height: 1.55 !important;
    overflow-wrap: anywhere;
    text-shadow: none !important;
}

body:not(.member_main) .jconfirm .jconfirm-box .jconfirm-content :where(h1, h2, h3, h4, h5, h6) {
    color: inherit;
}

body:not(.member_main) .jconfirm .jconfirm-box div.jconfirm-closeIcon {
    color: #2b261e !important;
}

body:not(.member_main) .jconfirm .jconfirm-box .jconfirm-buttons {
    gap: 8px;
    flex-wrap: wrap;
    padding-top: 0 !important;
}

body:not(.member_main) .jconfirm .jconfirm-box .jconfirm-buttons button {
    min-width: 104px;
    min-height: 42px;
    margin: 0 !important;
    font-size: 17px !important;
    line-height: 1.2 !important;
}

@media (max-width: 767px) {
    body:not(.member_main) .jconfirm .jconfirm-holder {
        padding: 22px 0 !important;
    }

    body:not(.member_main) .jconfirm .jconfirm-box-container {
        padding-right: 14px !important;
        padding-left: 14px !important;
    }

    body:not(.member_main) .jconfirm .jconfirm-box {
        padding: 22px 16px 14px !important;
        border-radius: 16px !important;
    }

    body:not(.member_main) .jconfirm .jconfirm-box div.jconfirm-title-c {
        padding-bottom: 10px !important;
        font-size: 20px !important;
    }

    body:not(.member_main) .jconfirm .jconfirm-box .jconfirm-content {
        font-size: 16px !important;
        line-height: 1.5 !important;
    }

    body:not(.member_main) .jconfirm .jconfirm-box .jconfirm-buttons button {
        min-height: 42px;
        font-size: 16px !important;
    }

    body:not(.member_main) {
        padding-bottom: 94px !important;
        background-image: linear-gradient(145deg, #303030 0%, #1d1d1d 42%, #090909 100%) !important;
        background-attachment: scroll !important;
    }

    body:not(.member_main) .gm-header {
        height: 64px;
    }

    body:not(.member_main) .gm-nav-shell {
        width: calc(100% - 22px);
    }

    body.member-home .gm-carousel-dots {
        right: 12px;
        left: auto;
        margin: 0;
    }

    body:not(.member_main) .gm-brand strong {
        font-size: 21px;
    }

    body:not(.member_main) .gm-brand small {
        margin-top: 5px;
        font-size: 13px;
        letter-spacing: 2px;
    }

    body:not(.member_main) .gm-account-copy {
        display: none;
    }

    body:not(.member_main) .gm-balance-chip {
        min-width: 76px;
        height: 34px;
        padding: 0 10px;
        font-size: 19px;
    }

    body:not(.member_main) .gm-menu-trigger {
        width: 38px;
        height: 38px;
    }

    body.member-home .gm-dashboard {
        padding: 0 8px 112px;
    }

    body.member-home .gm-hero {
        margin: 0;
        border-radius: 0 0 34px 34px;
    }

    body.member-home .gm-hero-carousel {
        margin: 0;
        border-radius: 0 0 14px 14px;
    }

    body.member-home .gm-account-strip {
        min-height: 78px;
        padding: 10px 14px 19px;
    }

    body.member-home .gm-account-identity > strong {
        max-width: 180px;
        font-size: 22px;
    }

    body.member-home .gm-refresh {
        max-width: 195px;
        overflow: hidden;
        font-size: 19px;
        text-overflow: ellipsis;
        white-space: nowrap;
    }

    body.member-home .gm-account-balance {
        gap: 5px;
    }

    body.member-home .gm-account-balance strong {
        font-size: 23px;
    }

    body.member-home .gm-section {
        margin-top: 31px;
    }

    body.member-home .gm-member-services {
        margin-top: 24px;
    }

    body.member-home .gm-section-heading span {
        font-size: 19px;
    }

    body.member-home .gm-section-heading h1 {
        font-size: 22px;
    }

    body.member-home .gm-service-grid {
        grid-template-columns: repeat(8, minmax(0, 1fr));
        gap: 7px;
    }

    body.member-home .gm-service-item--mobile-row-start-1 { grid-column: 4 / span 2; }
    body.member-home .gm-service-item--mobile-row-start-2 { grid-column: 3 / span 2; }
    body.member-home .gm-service-item--mobile-row-start-3 { grid-column: 2 / span 2; }

    body.member-home .gm-service-item {
        min-height: 104px;
        padding: 11px 3px 8px;
    }

    body.member-home .gm-service-icon {
        width: 46px;
        height: 46px;
        flex-basis: 46px;
    }

    body.member-home .gm-service-icon::before {
        inset: 4px;
    }

    body.member-home .gm-service-icon .gm-icon {
        width: 24px;
        height: 24px;
    }

    body.member-home .gm-service-label {
        font-size: 19px;
    }

    body.member-home .gm-referral-options {
        grid-template-columns: minmax(0, 1fr);
        gap: 8px;
    }

    body.member-home .gm-referral-card {
        min-height: 88px;
        padding: 11px 12px;
        grid-template-columns: 48px minmax(0, 1fr) 32px;
        gap: 10px;
    }

    body.member-home .gm-referral-card__icon {
        width: 48px;
        height: 48px;
        border-radius: 14px;
    }

    body.member-home .gm-referral-card__icon .gm-icon {
        width: 25px;
        height: 25px;
    }

    body.member-home .gm-referral-card__copy small {
        font-size: 10px;
        letter-spacing: 1.05px;
    }

    body.member-home .gm-referral-card__copy strong {
        font-size: 15px;
    }

    body.member-home .gm-referral-card__copy > span {
        font-size: 13px;
    }

    body.member-home .gm-referral-card__arrow {
        width: 32px;
        height: 32px;
    }

    body.member-home .gm-assurance {
        margin-top: 18px;
    }

    body.member-home .gm-assurance div {
        min-height: 54px;
        padding: 0 4px;
    }

    body.member-home .gm-assurance strong,
    body.member-home .gm-assurance span {
        font-size: 19px;
        text-align: center;
    }

    body:not(.member_main) .gm-bottom-dock {
        width: calc(100% - 16px);
        height: 64px;
        border-radius: 32px 32px 0 0;
    }

    body:not(.member_main) .gm-dock-item {
        min-height: 60px;
        font-size: 19px;
    }

    body:not(.member_main) .gm-dock-item .gm-icon {
        width: 20px;
        height: 20px;
    }

    body:not(.member_main) .gm-dock-emblem {
        width: 52px;
        height: 52px;
        top: -22px;
        font-size: 19px;
    }

    body:not(.member_main) .gm-floating-line {
        width: 48px;
        height: 48px;
        right: 10px;
        bottom: 90px;
    }

    body:not(.member_main) .toptitle,
    body:not(.member_main) .toptitle > .container,
    body:not(.member_main) .toptitle > .wrapper {
        min-height: 58px !important;
    }

    body:not(.member_main) .toptitle .news_bell,
    body:not(.member_main) .toptitle .btn-close-t {
        width: 34px;
        height: 34px;
        top: 12px !important;
    }

    body:not(.member_main) .content_bg_dark {
        width: calc(100% - 16px) !important;
        margin-top: 14px !important;
        padding: 15px !important;
        border-radius: 15px !important;
    }

    body.profile .content_bg_dark > section {
        grid-template-columns: 1fr;
    }

    body.profile .content_bg_dark > section > .card_dp:last-child {
        grid-column: auto;
    }

    body.deposit-auto .deposit-shell {
        padding: 14px !important;
    }

    body.register {
        padding-top: 72px !important;
    }

    body.register #signUpForm {
        padding: 14px;
    }

    body.register .bank-logo {
        grid-template-columns: repeat(4, minmax(0, 1fr));
        gap: 7px;
    }

    body.deposit-choices .deposit-choice-card {
        min-height: 112px !important;
    }

    body.deposit-choices .deposit-choice-card .gm-icon {
        width: 38px;
        height: 38px;
    }
}

@media (max-width: 575px) {
    body.gm-login-page,
    body.register {
        padding-bottom: 0 !important;
    }

    body.gm-login-page .gm-login-main {
        min-height: calc(100dvh - 64px);
        padding: 12px 10px 76px;
        align-items: start;
    }

    body.gm-login-page .gm-login-story {
        padding: 14px 18px;
    }

    body.gm-login-page .gm-login-story h1 {
        margin: 10px 0 6px;
        font-size: 25px;
        line-height: 1.04;
    }

    body.gm-login-page .gm-login-features {
        margin-top: 12px;
    }

    body.gm-login-page .gm-login-feature {
        min-height: 52px;
        padding: 7px 3px;
        gap: 4px;
    }

    body.gm-login-page .gm-login-feature .gm-icon {
        width: 17px;
        height: 17px;
    }

    body.gm-login-page .gm-login-form-side {
        padding: 18px 20px 20px;
    }

    body.gm-login-page .gm-login-card-head {
        margin-bottom: 16px;
    }

    body.gm-login-page .gm-login-card h2 {
        margin: 5px 0 3px;
        font-size: 24px;
    }

    body.gm-login-page .gm-login-field {
        margin-bottom: 12px;
    }

    body.gm-login-page .gm-login-card .form-label {
        margin-bottom: 5px;
    }

    body.gm-login-page .gm-login-submit {
        min-height: 48px;
        margin-top: 14px;
    }

    body.gm-login-page .gm-login-support {
        margin-top: 14px;
        padding-top: 12px;
    }

    body.gm-login-page .gm-login-support a {
        min-height: 38px;
    }
}

@media (max-width: 380px) {
    body.member-home .gm-account-balance strong {
        font-size: 20px;
    }

    body.member-home .gm-service-item {
        min-height: 100px;
    }

    body.member-home .gm-service-icon {
        width: 42px;
        height: 42px;
        flex-basis: 42px;
    }

    body.member-home .gm-service-icon .gm-icon {
        width: 22px;
        height: 22px;
    }

    body.member-home .gm-service-label {
        font-size: 9.5px;
    }

    body.member-home .gm-referral-card {
        padding: 10px;
        grid-template-columns: 44px minmax(0, 1fr) 30px;
        gap: 8px;
    }

    body.member-home .gm-referral-card__icon {
        width: 44px;
        height: 44px;
    }

    body.member-home .gm-referral-card__copy strong {
        font-size: 15px;
    }

    body.member-home .gm-referral-card__copy > span {
        font-size: 15px;
    }

    body.member-home .gm-referral-card__arrow {
        width: 30px;
        height: 30px;
    }

    body:not(.member_main) .gm-floating-line {
        display: none;
    }
}

/* Keep the new reward components above legacy affiliate selectors. */
body.aff.gm-rewards-page .gm-rewards-period input[type="month"],
body.aff.gm-rewards-page .gm-rewards-period input[type="week"] {
    min-height: 26px !important;
    padding: 0 !important;
    border: 0 !important;
    border-radius: 0 !important;
    color: #fff4d3 !important;
    background: transparent !important;
}

body.aff.gm-rewards-page a.gm-affiliate-members-link[href="./listchildmem.php"] {
    display: flex;
    align-items: center;
    justify-content: flex-start;
    min-height: 92px;
    padding: 17px;
    border-color: rgba(var(--reward-accent-rgb), .26);
    border-radius: 17px;
    color: #e5e1d8 !important;
}

body.aff.gm-rewards-page a.gm-affiliate-members-link[href="./listchildmem.php"]::after {
    content: none;
}

body.aff.gm-rewards-page .gm-rewards-table-card .dt_game {
    overflow: visible;
    border: 0;
    border-radius: 0;
}

body.gm-rewards-page .now_credit_member_afg {
    font-size: clamp(24px, 3vw, 32px);
}

/* Unified empty/error feedback for API-backed member pages. */
body:not(.member_main) .gm-data-state-row > td {
    height: auto !important;
    min-height: 0 !important;
    padding: 0 !important;
    vertical-align: middle !important;
}

body:not(.member_main) .gm-data-state {
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 12px;
    min-height: 86px;
    padding: 18px 20px;
    color: #aaa69d;
    text-align: left;
}

body:not(.member_main) .gm-data-state__icon {
    display: grid;
    place-items: center;
    flex: 0 0 38px;
    width: 38px;
    height: 38px;
    border: 1px solid rgba(216, 180, 101, .35);
    border-radius: 12px;
    color: #d8b465;
    background: linear-gradient(145deg, rgba(216, 180, 101, .15), rgba(216, 180, 101, .04));
    box-shadow: inset 0 1px rgba(255, 255, 255, .06), 0 8px 20px rgba(0, 0, 0, .18);
    font: 700 18px/1 Arial, sans-serif;
}

body:not(.member_main) .gm-data-state__copy {
    display: flex;
    min-width: 0;
    flex-direction: column;
    gap: 3px;
}

body:not(.member_main) .gm-data-state__copy strong {
    color: #e7e1d5;
    font-size: 19px;
    font-weight: 700;
    line-height: 1.35;
}

body:not(.member_main) .gm-data-state__copy small {
    color: #7f7b73;
    font-size: 19px;
    line-height: 1.45;
}

body:not(.member_main) .gm-data-state--error .gm-data-state__icon {
    border-color: rgba(211, 110, 114, .42);
    color: #e28b8f;
    background: linear-gradient(145deg, rgba(211, 110, 114, .16), rgba(211, 110, 114, .04));
}

body:not(.member_main) .gm-data-state--loading .gm-data-state__icon {
    width: 30px;
    height: 30px;
    flex-basis: 30px;
    border: 2px solid rgba(216, 180, 101, .18);
    border-top-color: #e3bf6f;
    border-radius: 50%;
    background: transparent;
    box-shadow: 0 0 18px rgba(216, 180, 101, .14);
    animation: gm-data-state-spin .85s linear infinite;
}

@keyframes gm-data-state-spin {
    to {
        transform: rotate(360deg);
    }
}

body:not(.member_main) .gm-data-unavailable {
    color: #817d75 !important;
}

@media (max-width: 575px) {
    body:not(.member_main) .gm-data-state {
        min-height: 76px;
        gap: 10px;
        padding: 14px 12px;
    }

    body:not(.member_main) .gm-data-state__icon {
        flex-basis: 34px;
        width: 34px;
        height: 34px;
        border-radius: 10px;
        font-size: 22px;
    }
}

@media (max-width: 575px) {
    body.aff.gm-rewards-page a.gm-affiliate-members-link[href="./listchildmem.php"] {
        min-height: 78px;
        padding: 14px;
        border-radius: 14px;
    }

    body.gm-rewards-page .now_credit_member_afg {
        font-size: 22px;
    }

    body.gm-rewards-page--members .gm-members-table-card .gm-rewards-table-scroll {
        overflow: visible;
    }

    body.gm-rewards-page--members .gm-members-table-card .table {
        min-width: 0;
    }

    body.gm-rewards-page--members .gm-members-table-card thead {
        display: none;
    }

    body.gm-rewards-page--members .gm-members-table-card tbody,
    body.gm-rewards-page--members .gm-members-table-card tr,
    body.gm-rewards-page--members .gm-members-table-card td {
        display: block;
        width: 100%;
    }

    body.gm-rewards-page--members .gm-members-table-card tr {
        padding: 6px 11px;
    }

    body.gm-rewards-page--members .gm-members-table-card tbody td {
        display: flex;
        align-items: center;
        justify-content: space-between;
        gap: 18px;
        min-height: 42px;
        padding: 8px 2px !important;
        text-align: right !important;
    }

    body.gm-rewards-page--members .gm-members-table-card tbody td::before {
        color: #9c978c;
        font-size: 19px;
        text-align: left;
    }

    body.gm-rewards-page--members .gm-members-table-card tbody td:nth-child(1)::before {
        content: "ชื่อผู้ใช้";
    }

    body.gm-rewards-page--members .gm-members-table-card tbody td:nth-child(2)::before {
        content: "สถานะการฝาก";
    }

    body.gm-rewards-page--members .gm-members-table-card tbody td:nth-child(3)::before {
        content: "สมัครเมื่อ";
    }

    body.gm-rewards-page--members .gm-members-table-card tbody td[colspan] {
        justify-content: center;
        min-height: 62px;
        text-align: center !important;
    }

    body.gm-rewards-page--members .gm-members-table-card tbody td[colspan]::before {
        content: none;
    }
}

/* Withdrawal action-first layout for tablets and phones. */
body.withdraw .gm-withdraw-quick-balance {
    display: none;
}

@media (max-width: 1024px) {
    body.withdraw .gm-withdraw-shell.content_bg_dark {
        display: flex;
        flex-direction: column;
    }

    body.withdraw .gm-withdraw-hero {
        order: 1;
        min-height: 132px;
        padding: 25px 30px 28px;
    }

    body.withdraw .gm-withdraw-hero h1 {
        margin: 10px 0 7px;
        font-size: 29px;
    }

    body.withdraw .gm-withdraw-hero h1 br {
        display: none;
    }

    body.withdraw .gm-withdraw-action-card {
        margin: 14px 28px 0;
        padding: 22px 24px;
        grid-template-columns: minmax(230px, .7fr) minmax(340px, 1fr);
        gap: 28px;
    }

    body.withdraw .gm-withdraw-overview {
        order: 3;
        margin-top: 14px;
    }


    body.withdraw .gm-withdraw-quick-balance {
        display: flex;
        align-items: baseline;
        flex-wrap: wrap;
        gap: 4px 8px;
        margin-top: 13px;
        padding-top: 10px;
        border-top: 1px solid rgba(221,185,96,.16);
    }

    body.withdraw .gm-withdraw-quick-balance > span {
        flex: 0 0 100%;
        color: #817c73;
        font-size: 15px;
    }

    body.withdraw .gm-withdraw-quick-balance > strong {
        color: var(--withdraw-gold-bright);
        font: 600 23px/1 Georgia, "Times New Roman", serif;
    }

    body.withdraw .gm-withdraw-quick-balance > small {
        margin: 0;
        color: #777064;
        font-size: 19px;
        letter-spacing: 1px;
    }

    body.withdraw .gm-withdraw-quick-balance + label {
        margin-top: 12px;
    }
}

@media (max-width: 767px) {
    body.withdraw .gm-withdraw-page-shell {
        padding: 8px 0 96px;
    }

    body.withdraw .gm-withdraw-shell.content_bg_dark {
        border-radius: 18px !important;
    }

    body.withdraw .gm-withdraw-hero {
        min-height: 88px;
        padding: 16px 18px 17px;
        flex-direction: row;
        align-items: center;
        gap: 12px;
    }

    body.withdraw .gm-withdraw-hero h1 {
        margin: 6px 0 0;
        font-size: 23px;
    }

    body.withdraw .gm-withdraw-hero h1 span,
    body.withdraw .gm-withdraw-hero p,
    body.withdraw .gm-withdraw-status {
        display: none;
    }

    body.withdraw .gm-withdraw-action-card {
        margin: 8px;
        padding: 15px;
        grid-template-columns: 1fr;
        gap: 12px;
        border-radius: 15px;
    }

    body.withdraw .gm-withdraw-action-head {
        grid-template-columns: 40px minmax(0, 1fr);
        gap: 11px;
    }

    body.withdraw .gm-withdraw-action-head .gm-withdraw-medallion {
        width: 40px;
        height: 40px;
        flex-basis: 40px;
        border-radius: 12px;
    }

    body.withdraw .gm-withdraw-action-head .gm-withdraw-medallion .gm-icon {
        width: 20px;
        height: 20px;
    }

    body.withdraw .gm-withdraw-action-head small {
        margin-bottom: 1px;
        font-size: 19px;
        letter-spacing: 1.3px;
    }

    body.withdraw .gm-withdraw-action-head h2 {
        margin: 0;
        font-size: 19px;
    }

    body.withdraw .gm-withdraw-action-head p {
        display: none;
    }

    body.withdraw .gm-withdraw-quick-balance {
        margin-top: 8px;
        padding-top: 7px;
    }

    body.withdraw .gm-withdraw-quick-balance + label {
        margin-top: 8px;
    }

    body.withdraw .gm-withdraw-quick-balance > span {
        flex: 0 0 auto;
        margin-right: auto;
    }

    body.withdraw .gm-withdraw-quick-balance > strong {
        font-size: 20px;
    }

    body.withdraw .gm-withdraw-form > label {
        margin-bottom: 5px;
        font-size: 19px;
    }

    body.withdraw .gm-withdraw-amount-field {
        border-radius: 13px;
    }


    body.withdraw .gm-withdraw-limits {
        margin-top: 6px;
    }

    body.withdraw .gm-withdraw-submit.btn_cfwitdraw {
        min-height: 48px !important;
        margin-top: 10px !important;
        border-radius: 12px !important;
    }

    body.withdraw .gm-withdraw-overview {
        margin-top: 4px;
    }
}

@media (max-width: 575px) {
    body.withdraw .gm-withdraw-hero {
        display: none;
    }


    body.withdraw .gm-withdraw-overview {
        order: 2;
    }

}

/* Put the actual available-balance card above the withdraw form. */
@media (max-width: 1024px) {
    body.withdraw .gm-withdraw-overview {
        display: contents;
    }

    body.withdraw .gm-withdraw-balance-card {
        order: 2;
        width: auto;
        min-height: 154px;
        margin: 14px 28px 0 !important;
        padding: 20px 24px !important;
    }

    body.withdraw .gm-withdraw-action-card {
        order: 3;
    }

    body.withdraw .gm-withdraw-bank-card {
        order: 4;
        width: auto;
        margin: 14px 28px 0 !important;
    }

    body.withdraw .gm-withdraw-notice {
        order: 5;
        margin-top: 14px !important;
    }
}

@media (max-width: 767px) {
    body.withdraw .gm-withdraw-balance-card {
        min-height: 136px;
        margin: 8px 8px 0 !important;
        padding: 14px 16px !important;
        border-radius: 15px !important;
    }

    body.withdraw .gm-withdraw-balance-card .gm-withdraw-card-heading {
        gap: 10px;
    }

    body.withdraw .gm-withdraw-balance-card .gm-withdraw-medallion {
        width: 38px;
        height: 38px;
        flex-basis: 38px;
        border-radius: 12px;
    }

    body.withdraw .gm-withdraw-balance-card .gm-withdraw-medallion .gm-icon {
        width: 19px;
        height: 19px;
    }

    body.withdraw .gm-withdraw-balance-card .gm-withdraw-card-heading small {
        margin-bottom: 1px;
        font-size: 15px;
    }

    body.withdraw .gm-withdraw-balance-card .gm-withdraw-card-heading h2 {
        font-size: 22px;
    }

    body.withdraw .gm-withdraw-balance {
        margin-top: 7px;
    }

    body.withdraw .gm-withdraw-balance .amount_all.member_credit {
        font-size: 34px !important;
    }

    body.withdraw .gm-withdraw-balance-foot {
        padding-top: 6px;
        font-size: 19px;
    }

    body.withdraw .gm-withdraw-action-card {
        order: 3;
    }

    body.withdraw .gm-withdraw-bank-card {
        order: 4;
        margin: 8px 8px 0 !important;
    }

    body.withdraw .gm-withdraw-notice {
        order: 5;
        margin-top: 8px !important;
    }

    body.withdraw .gm-withdraw-amount-field {
        min-height: 64px;
        grid-template-columns: 36px minmax(0, 1fr) 36px;
        gap: 0;
        padding: 0 10px;
    }

    body.withdraw .gm-withdraw-amount-field > span,
    body.withdraw .gm-withdraw-amount-field > small {
        width: 36px;
        text-align: center;
    }

    body.withdraw .gm-withdraw-amount-field input.form-control {
        height: 62px !important;
        min-height: 62px !important;
        margin: 0 !important;
        padding: 0 !important;
        min-width: 0;
        font-size: 28px !important;
        line-height: 1.1 !important;
        text-align: center !important;
    }
}

@media (max-width: 575px) {
    body.withdraw .gm-withdraw-balance-card {
        order: 1;
    }

    body.withdraw .gm-withdraw-action-card {
        order: 2;
    }

    body.withdraw .gm-withdraw-bank-card {
        order: 3;
    }

    body.withdraw .gm-withdraw-notice {
        order: 4;
    }
}

/* Final cross-page spacing corrections. */
body:not(.member_main):not(.gm-login-page):not(.register):not(.bg_1) {
    padding-bottom: calc(106px + env(safe-area-inset-bottom, 0px)) !important;
}

body:not(.member_main) .gm-bottom-dock,
body.gm-login-page .gm-login-dock {
    bottom: env(safe-area-inset-bottom, 0px) !important;
}

body:not(.member_main) .toptitle .news_bell {
    position: absolute;
    top: 50% !important;
    left: 12px !important;
    transform: translateY(-50%);
}

body:not(.member_main) > .padding,
body.register .content_bg_dark > .padding {
    display: none !important;
}

body.register .content_bg_dark {
    padding-top: 0 !important;
}

body.bg_1 {
    min-height: 100vh;
    min-height: 100dvh;
    padding-bottom: 0 !important;
}

body.bg_1 .center {
    min-height: 100vh !important;
    min-height: 100dvh !important;
    padding: 24px 16px !important;
}

body.member-home .gm-dashboard {
    padding-bottom: 28px;
}

body.withdraw .gm-withdraw-page-shell {
    padding-bottom: 28px;
}

@media (max-width: 820px) {
    body.gm-rewards-page .toptitle > .container,
    body.gm-rewards-page .toptitle > .wrapper {
        width: calc(100% - 24px) !important;
    }

    body.register .content_bg_dark > .wrapper > .row > .col-sm-8.offset-sm-2,
    body.register .content_bg_dark > section.wrapper > .row > .col-sm-8.offset-sm-2 {
        width: 100%;
        margin-left: 0;
    }
}

@media (max-width: 767px) {
    body:not(.member_main):not(.gm-login-page):not(.register):not(.bg_1) {
        padding-bottom: calc(94px + env(safe-area-inset-bottom, 0px)) !important;
    }

    body:not(.member_main) .toptitle > .container,
    body:not(.member_main) .toptitle > .wrapper {
        width: calc(100% - 24px) !important;
    }

    body.gm-login-page,
    body.register,
    body.bg_1 {
        padding-bottom: 0 !important;
    }

    body:not(.member_main) .toptitle .news_bell {
        top: 50% !important;
    }

    body.member-home .gm-dashboard {
        padding-bottom: 18px;
    }

    body.withdraw .gm-withdraw-page-shell {
        padding-bottom: 18px;
    }
}

@media (prefers-reduced-motion: reduce) {
    body:not(.member_main) *,
    body:not(.member_main) *::before,
    body:not(.member_main) *::after {
        scroll-behavior: auto !important;
        animation-duration: .01ms !important;
        animation-iteration-count: 1 !important;
        transition-duration: .01ms !important;
    }
}

/* Password page v8 — focused, premium account-security flow. */
body.gm-password-page {
    --gm-password-gold: #d7b969;
    --gm-password-gold-light: #f2dfa9;
    --gm-password-ink: #11100e;
    --gm-password-panel: #1b1a18;
    background-color: #171717 !important;
    background-image:
        radial-gradient(circle at 16% 18%, rgba(216, 187, 107, .10), transparent 26%),
        radial-gradient(circle at 84% 78%, rgba(216, 187, 107, .06), transparent 30%),
        linear-gradient(118deg, #30302f 0%, #222 38%, #121212 75%, #090909 100%) !important;
}

body.gm-password-page .gm-password-topbar {
    border-bottom: 1px solid rgba(226, 195, 115, .30) !important;
    background: linear-gradient(90deg, #171717, #4b4a47 50%, #171717) !important;
    box-shadow: 0 9px 28px rgba(0, 0, 0, .28);
}

body.gm-password-page .gm-password-topbar > .wrapper {
    width: min(960px, calc(100% - 32px)) !important;
    max-width: 960px !important;
}

body.gm-password-page .gm-password-page-shell {
    width: 100%;
    padding: 30px 16px 28px;
}

body.gm-password-page .gm-password-shell.content_bg_dark {
    width: min(960px, calc(100% - 32px)) !important;
    max-width: 960px !important;
    min-height: 530px;
    overflow: hidden;
    position: relative;
    margin: 0 auto !important;
    padding: 0 !important;
    border: 1px solid rgba(221, 187, 101, .42) !important;
    border-radius: 28px !important;
    background: #181715 !important;
    box-shadow:
        0 30px 70px rgba(0, 0, 0, .42),
        inset 0 1px 0 rgba(255, 255, 255, .055) !important;
}

body.gm-password-page .gm-password-shell::before {
    content: "";
    width: 52%;
    height: 1px;
    position: absolute;
    top: 0;
    left: 5%;
    z-index: 2;
    background: linear-gradient(90deg, transparent, #f2dfa9, transparent);
    opacity: .85;
}

body.gm-password-page .gm-password-layout {
    min-height: 530px;
    position: relative;
    z-index: 1;
    display: grid;
    grid-template-columns: minmax(0, .9fr) minmax(0, 1.1fr);
}

body.gm-password-page .gm-password-intro {
    min-width: 0;
    overflow: hidden;
    position: relative;
    padding: 48px 42px 42px;
    color: #f7f2e8;
    border-right: 1px solid rgba(229, 199, 124, .22);
    background:
        linear-gradient(145deg, rgba(91, 77, 45, .40), rgba(25, 24, 22, .92) 50%, #11100f 100%);
}

body.gm-password-page .gm-password-intro::before,
body.gm-password-page .gm-password-intro::after {
    content: "";
    position: absolute;
    pointer-events: none;
    border: 1px solid rgba(226, 194, 111, .13);
    border-radius: 50%;
}

body.gm-password-page .gm-password-intro::before {
    width: 330px;
    height: 330px;
    right: -186px;
    bottom: -160px;
}

body.gm-password-page .gm-password-intro::after {
    width: 226px;
    height: 226px;
    right: -124px;
    bottom: -106px;
}

body.gm-password-page .gm-password-intro-glow {
    width: 210px;
    height: 210px;
    position: absolute;
    top: -78px;
    left: -62px;
    pointer-events: none;
    border-radius: 50%;
    background: rgba(220, 185, 96, .15);
    filter: blur(52px);
    animation: gm-password-glow 4.8s ease-in-out infinite;
}

body.gm-password-page .gm-password-emblem {
    width: 68px;
    height: 68px;
    position: relative;
    display: grid;
    place-items: center;
    color: #20190b;
    border: 1px solid #f2dfa9;
    border-radius: 22px;
    background: linear-gradient(145deg, #f2dfa9, #b38a3f 74%);
    box-shadow:
        0 14px 34px rgba(0, 0, 0, .34),
        0 0 26px rgba(222, 186, 92, .16),
        inset 0 1px 0 rgba(255, 255, 255, .50);
    animation: gm-password-emblem 3.8s ease-in-out infinite;
}

body.gm-password-page .gm-password-emblem .gm-icon {
    width: 32px;
    height: 32px;
    stroke-width: 1.65;
}

body.gm-password-page .gm-password-eyebrow {
    margin: 27px 0 8px;
    color: var(--gm-password-gold);
    font-size: 19px;
    font-weight: 750;
    letter-spacing: 2.4px;
}

body.gm-password-page .gm-password-intro h1 {
    margin: 0;
    color: #f7f3eb;
    font-size: clamp(29px, 3vw, 38px);
    font-weight: 700;
    line-height: 1.25;
    letter-spacing: -.5px;
}

body.gm-password-page .gm-password-intro h1 span {
    color: var(--gm-password-gold-light);
    font-family: Georgia, "Times New Roman", serif;
    font-weight: 500;
}

body.gm-password-page .gm-password-lead {
    max-width: 320px;
    margin: 17px 0 0;
    color: #aaa49a;
    font-size: 19px;
    line-height: 1.7;
}

body.gm-password-page .gm-password-safety {
    margin-top: 31px;
    display: grid;
    gap: 11px;
}

body.gm-password-page .gm-password-safety-item {
    min-width: 0;
    display: flex;
    align-items: center;
    gap: 12px;
}

body.gm-password-page .gm-password-safety-item > span {
    width: 34px;
    height: 34px;
    flex: 0 0 34px;
    display: grid;
    place-items: center;
    color: var(--gm-password-gold-light);
    border: 1px solid rgba(222, 188, 99, .25);
    border-radius: 11px;
    background: rgba(10, 10, 9, .38);
}

body.gm-password-page .gm-password-safety-item p {
    min-width: 0;
    margin: 0;
    display: flex;
    flex-direction: column;
    line-height: 1.35;
}

body.gm-password-page .gm-password-safety-item strong {
    color: #eee9de;
    font-size: 22px;
    font-weight: 650;
}

body.gm-password-page .gm-password-safety-item small {
    margin-top: 2px;
    color: #8f8a82;
    font-size: 19px;
}

body.gm-password-page .gm-password-form-panel {
    min-width: 0;
    padding: 48px 48px 38px;
    background:
        radial-gradient(circle at 100% 0, rgba(221, 186, 96, .07), transparent 28%),
        linear-gradient(160deg, #242321 0%, #191817 55%, #121211 100%);
}

body.gm-password-page .gm-password-form-heading p {
    margin: 0 0 8px;
    color: var(--gm-password-gold);
    font-size: 15px;
    font-weight: 750;
    letter-spacing: 2.1px;
}

body.gm-password-page .gm-password-form-heading h2 {
    margin: 0;
    color: #f7f2e9;
    font-size: 27px;
    font-weight: 700;
    line-height: 1.25;
}

body.gm-password-page .gm-password-form-heading > span {
    display: block;
    margin-top: 7px;
    color: #9e9990;
    font-size: 19px;
    line-height: 1.5;
}

body.gm-password-page .gm-password-form {
    margin-top: 27px;
}

body.gm-password-page .gm-password-group + .gm-password-group {
    margin-top: 18px;
}

body.gm-password-page .gm-password-group > label {
    display: block;
    margin: 0 0 8px;
    color: #d8d2c8;
    font-size: 19px;
    font-weight: 650;
}

body.gm-password-page .gm-password-field {
    min-width: 0;
    height: 62px;
    position: relative;
    display: flex;
    align-items: center;
    border: 1px solid rgba(227, 195, 113, .31);
    border-radius: 15px;
    background: rgba(7, 7, 7, .72);
    box-shadow: inset 0 1px 0 rgba(255, 255, 255, .025);
    transition: border-color var(--gm-fast), box-shadow var(--gm-fast), background var(--gm-fast);
}

body.gm-password-page .gm-password-field:focus-within {
    border-color: var(--gm-password-gold);
    background: #0b0b0a;
    box-shadow:
        0 0 0 3px rgba(206, 169, 77, .10),
        0 10px 26px rgba(0, 0, 0, .18);
}

body.gm-password-page .gm-password-field-icon {
    width: 48px;
    height: 38px;
    position: absolute;
    left: 8px;
    z-index: 2;
    display: grid;
    place-items: center;
    color: var(--gm-password-gold);
    border-right: 1px solid rgba(227, 195, 113, .18);
}

body.gm-password-page .gm-password-field-icon .gm-icon {
    width: 19px;
    height: 19px;
}

body.gm-password-page .gm-password-field input.form-control {
    width: 100%;
    height: 60px !important;
    min-height: 60px !important;
    margin: 0 !important;
    padding: 0 56px 0 66px !important;
    color: #f7f2e8 !important;
    border: 0 !important;
    border-radius: 15px !important;
    background: transparent !important;
    box-shadow: none !important;
    font-size: 15px !important;
    line-height: 1.2 !important;
}

body.gm-password-page .gm-password-field input.form-control::placeholder {
    color: #77736c !important;
}

body.gm-password-page .gm-password-field input.form-control.is-invalid {
    background-image: none !important;
}

body.gm-password-page .gm-password-field:has(input.is-invalid) {
    border-color: rgba(215, 99, 102, .78);
    box-shadow: 0 0 0 3px rgba(215, 99, 102, .08);
}

body.gm-password-page .gm-password-toggle {
    width: 46px;
    height: 46px;
    position: absolute;
    right: 7px;
    z-index: 3;
    display: grid;
    place-items: center;
    padding: 0;
    color: #858078;
    border: 0;
    border-radius: 12px;
    background: transparent;
    box-shadow: none;
    transition: color var(--gm-fast), background var(--gm-fast);
}

body.gm-password-page .gm-password-toggle:hover,
body.gm-password-page .gm-password-toggle:focus-visible,
body.gm-password-page .gm-password-toggle[aria-pressed="true"] {
    color: var(--gm-password-gold-light);
    background: rgba(219, 184, 92, .08);
    outline: none;
}

body.gm-password-page .gm-password-toggle .gm-icon {
    width: 19px;
    height: 19px;
}

body.gm-password-page .gm-password-field-help {
    margin: 7px 2px 0;
    color: #827e77;
    font-size: 15px;
    line-height: 1.4;
}

body.gm-password-page .gm-password-alert {
    min-height: 46px;
    margin: 17px 0 0;
    padding: 10px 12px;
    align-items: flex-start;
    gap: 9px;
    color: #eee8dd;
    border: 1px solid rgba(220, 187, 102, .30);
    border-radius: 13px;
    background: rgba(22, 21, 18, .94);
    font-size: 19px;
    line-height: 1.45;
}

body.gm-password-page .gm-password-alert.alert-success {
    color: #d9eedc !important;
    border-color: rgba(97, 181, 114, .44) !important;
    background: rgba(32, 74, 43, .35) !important;
}

body.gm-password-page .gm-password-alert.alert-danger {
    color: #f0d8d8 !important;
    border-color: rgba(211, 110, 114, .48) !important;
    background: rgba(86, 35, 38, .35) !important;
}

body.gm-password-page .gm-password-alert-icon {
    width: 20px;
    height: 20px;
    flex: 0 0 20px;
    display: grid;
    place-items: center;
    color: currentColor;
}

body.gm-password-page .gm-password-alert-icon .gm-icon {
    width: 17px;
    height: 17px;
}

body.gm-password-page #alerttxt {
    min-width: 0;
    font-weight: 600;
    white-space: pre-line;
}

body.gm-password-page #alerttxt ul {
    margin: 5px 0 0;
    padding-left: 18px;
}

body.gm-password-page .gm-password-submit.btn-resetpass {
    width: 100%;
    min-height: 55px;
    overflow: hidden;
    position: relative;
    margin: 20px 0 0;
    padding: 0 22px !important;
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 10px;
    color: #231b0d !important;
    border-radius: 15px !important;
    background: linear-gradient(105deg, #a57c35 0%, #f0d993 48%, #c19a4b 100%) !important;
    box-shadow:
        0 13px 26px rgba(0, 0, 0, .30),
        inset 0 1px 0 rgba(255, 255, 255, .45) !important;
    font-size: 19px;
    font-weight: 750 !important;
}

body.gm-password-page .gm-password-submit.btn-resetpass::before {
    content: "";
    width: 42%;
    height: 180%;
    position: absolute;
    top: -42%;
    left: -62%;
    pointer-events: none;
    transform: skewX(-22deg);
    background: linear-gradient(90deg, transparent, rgba(255, 255, 255, .32), transparent);
    animation: gm-password-shine 4.6s ease-in-out infinite;
}

body.gm-password-page .gm-password-submit.btn-resetpass > * {
    position: relative;
    z-index: 1;
}

body.gm-password-page .gm-password-submit.btn-resetpass .gm-icon {
    width: 17px;
    height: 17px;
}

body.gm-password-page .gm-password-submit.btn-resetpass:disabled {
    cursor: wait;
    filter: grayscale(.25) brightness(.82);
    transform: none;
}

body.gm-password-page .gm-password-privacy {
    margin: 17px 0 0;
    display: flex;
    align-items: flex-start;
    gap: 8px;
    color: #88837b;
    font-size: 15px;
    line-height: 1.5;
}

body.gm-password-page .gm-password-privacy .gm-icon {
    width: 14px;
    height: 14px;
    margin-top: 1px;
    flex: 0 0 14px;
    color: var(--gm-password-gold);
}

@keyframes gm-password-emblem {
    0%, 100% { transform: translateY(0); box-shadow: 0 14px 34px rgba(0, 0, 0, .34), 0 0 24px rgba(222, 186, 92, .14), inset 0 1px 0 rgba(255, 255, 255, .50); }
    50% { transform: translateY(-4px); box-shadow: 0 18px 38px rgba(0, 0, 0, .40), 0 0 34px rgba(222, 186, 92, .24), inset 0 1px 0 rgba(255, 255, 255, .50); }
}

@keyframes gm-password-glow {
    0%, 100% { opacity: .55; transform: scale(.94); }
    50% { opacity: 1; transform: scale(1.08); }
}

@keyframes gm-password-shine {
    0%, 56% { left: -62%; opacity: 0; }
    64% { opacity: 1; }
    82%, 100% { left: 122%; opacity: 0; }
}

@media (max-width: 820px) {
    body.gm-password-page .gm-password-page-shell {
        padding-top: 20px;
    }

    body.gm-password-page .gm-password-shell.content_bg_dark {
        width: min(680px, calc(100% - 24px)) !important;
        min-height: 0;
    }

    body.gm-password-page .gm-password-layout {
        min-height: 0;
        grid-template-columns: 1fr;
    }

    body.gm-password-page .gm-password-intro {
        padding: 28px 30px 25px;
        border-right: 0;
        border-bottom: 1px solid rgba(229, 199, 124, .20);
    }

    body.gm-password-page .gm-password-emblem {
        width: 56px;
        height: 56px;
        border-radius: 18px;
    }

    body.gm-password-page .gm-password-emblem .gm-icon {
        width: 27px;
        height: 27px;
    }

    body.gm-password-page .gm-password-eyebrow {
        margin-top: 19px;
    }

    body.gm-password-page .gm-password-intro h1 {
        font-size: 28px;
    }

    body.gm-password-page .gm-password-intro h1 br {
        display: none;
    }

    body.gm-password-page .gm-password-lead {
        max-width: none;
        margin-top: 10px;
    }

    body.gm-password-page .gm-password-safety {
        margin-top: 20px;
        grid-template-columns: repeat(2, minmax(0, 1fr));
    }

    body.gm-password-page .gm-password-form-panel {
        padding: 30px;
    }
}

@media (max-width: 575px) {
    body.gm-password-page .gm-password-topbar > .wrapper {
        width: calc(100% - 24px) !important;
    }

    body.gm-password-page .gm-password-page-shell {
        padding: 10px 0 18px;
    }

    body.gm-password-page .gm-password-shell.content_bg_dark {
        width: calc(100% - 16px) !important;
        border-radius: 20px !important;
    }

    body.gm-password-page .gm-password-intro {
        padding: 19px 20px 17px;
    }

    body.gm-password-page .gm-password-emblem {
        width: 48px;
        height: 48px;
        border-radius: 15px;
    }

    body.gm-password-page .gm-password-emblem .gm-icon {
        width: 23px;
        height: 23px;
    }

    body.gm-password-page .gm-password-eyebrow {
        margin: 14px 0 5px;
        font-size: 19px;
        letter-spacing: 1.9px;
    }

    body.gm-password-page .gm-password-intro h1 {
        font-size: 23px;
        letter-spacing: -.25px;
    }

    body.gm-password-page .gm-password-lead {
        margin-top: 7px;
        font-size: 19px;
        line-height: 1.55;
    }

    body.gm-password-page .gm-password-safety {
        margin-top: 13px;
        gap: 8px;
    }

    body.gm-password-page .gm-password-safety-item {
        gap: 8px;
    }

    body.gm-password-page .gm-password-safety-item > span {
        width: 29px;
        height: 29px;
        flex-basis: 29px;
        border-radius: 9px;
    }

    body.gm-password-page .gm-password-safety-item strong {
        font-size: 19px;
    }

    body.gm-password-page .gm-password-safety-item small {
        display: none;
    }

    body.gm-password-page .gm-password-form-panel {
        padding: 21px 14px 18px;
    }

    body.gm-password-page .gm-password-form-heading p {
        margin-bottom: 4px;
        font-size: 19px;
    }

    body.gm-password-page .gm-password-form-heading h2 {
        font-size: 21px;
    }

    body.gm-password-page .gm-password-form-heading > span {
        margin-top: 4px;
        font-size: 19px;
    }

    body.gm-password-page .gm-password-form {
        margin-top: 17px;
    }

    body.gm-password-page .gm-password-group + .gm-password-group {
        margin-top: 13px;
    }

    body.gm-password-page .gm-password-group > label {
        margin-bottom: 6px;
        font-size: 19px;
    }

    body.gm-password-page .gm-password-field {
        height: 56px;
        border-radius: 13px;
    }

    body.gm-password-page .gm-password-field-icon {
        width: 43px;
        height: 34px;
        left: 6px;
    }

    body.gm-password-page .gm-password-field input.form-control {
        height: 54px !important;
        min-height: 54px !important;
        padding-right: 50px !important;
        padding-left: 57px !important;
        border-radius: 13px !important;
        font-size: 18px !important;
    }

    body.gm-password-page .gm-password-toggle {
        width: 44px;
        height: 44px;
        right: 5px;
    }

    body.gm-password-page .gm-password-field-help {
        margin-top: 5px;
        font-size: 19px;
    }

    body.gm-password-page .gm-password-submit.btn-resetpass {
        min-height: 50px;
        margin-top: 15px;
        border-radius: 13px !important;
        font-size: 22px;
    }

    body.gm-password-page .gm-password-privacy {
        margin-top: 12px;
        font-size: 19px;
    }
}

/* History ledger refresh v11 ------------------------------------------------ */
body.history {
    --history-green: #66d89a;
    --history-green-soft: rgba(62, 190, 120, .12);
    --history-red: #f08378;
    --history-red-soft: rgba(224, 94, 85, .12);
    --history-amber: #e4bd69;
    --history-blue: #80b7e7;
}

body.history .toptitle {
    border-bottom-color: rgba(218, 181, 96, .62) !important;
    background: linear-gradient(90deg, rgba(255,255,255,.025), transparent 34%, rgba(221,185,96,.055) 72%, transparent), #2b2b2b !important;
}

body.history .gm-history-shell.content_bg_dark {
    width: min(880px, calc(100% - 32px)) !important;
    max-width: 880px !important;
    overflow: hidden;
    margin-top: 20px !important;
    margin-bottom: 24px !important;
    padding: 0 !important;
    border: 1px solid rgba(218, 181, 96, .34) !important;
    border-radius: 24px !important;
    background: radial-gradient(circle at 9% -18%, rgba(229, 193, 107, .12), transparent 31%), linear-gradient(145deg, #292929 0%, #191919 52%, #111 100%) !important;
    box-shadow: 0 28px 72px rgba(0,0,0,.44), inset 0 1px rgba(255,255,255,.05) !important;
}

body.history .gm-history-hero {
    position: relative;
    display: grid;
    grid-template-columns: 62px minmax(0, 1fr) auto;
    align-items: center;
    gap: 18px;
    overflow: hidden;
    padding: 25px 26px;
    border-bottom: 1px solid rgba(218, 181, 96, .22);
    background: radial-gradient(circle at 88% 10%, rgba(218,181,96,.14), transparent 35%), linear-gradient(120deg, rgba(255,255,255,.035), transparent 45%);
}

body.history .gm-history-hero::after {
    position: absolute;
    top: 0;
    bottom: 0;
    left: -24%;
    width: 18%;
    content: "";
    pointer-events: none;
    transform: skewX(-20deg);
    background: linear-gradient(90deg, transparent, rgba(255,235,181,.09), transparent);
    animation: gm-history-sheen 6.8s ease-in-out infinite;
}

body.history .gm-history-hero__icon {
    position: relative;
    z-index: 1;
    display: grid;
    place-items: center;
    width: 62px;
    height: 62px;
    color: #1d170c;
    border: 1px solid #f0d78f;
    border-radius: 19px;
    background: linear-gradient(145deg, #f3dda2, #bd8c33 74%);
    box-shadow: 0 12px 28px rgba(181,130,39,.22), inset 0 1px rgba(255,255,255,.7);
    font-size: 25px;
}

body.history .gm-history-hero__copy,
body.history .gm-history-section-head > div,
body.history .gm-history-guide__head > div {
    min-width: 0;
}

body.history .gm-history-hero__copy > span,
body.history .gm-history-section-head > div > span,
body.history .gm-history-guide__head > div > span {
    display: block;
    margin-bottom: 3px;
    color: #d6ad55;
    font-size: 15px;
    font-weight: 800;
    line-height: 1.2;
    letter-spacing: 1.8px;
}

body.history .gm-history-hero__copy h1 {
    margin: 0;
    color: #f5f1e8;
    font-size: clamp(24px, 3.5vw, 32px);
    font-weight: 720;
    line-height: 1.18;
    letter-spacing: -.3px;
}

body.history .gm-history-hero__copy p {
    margin: 6px 0 0;
    color: #aaa59b;
    font-size: 22px;
    line-height: 1.5;
}

body.history .gm-history-types {
    position: relative;
    z-index: 1;
    display: flex;
    align-items: center;
    gap: 8px;
}

body.history .gm-history-type-key {
    display: inline-flex;
    min-height: 35px;
    align-items: center;
    gap: 7px;
    padding: 7px 11px;
    border: 1px solid;
    border-radius: 999px;
    font-size: 19px;
    font-weight: 700;
    white-space: nowrap;
}

body.history .gm-history-type-key i {
    display: grid;
    place-items: center;
    width: 18px;
    height: 18px;
    border-radius: 50%;
    background: currentColor;
    font-size: 19px;
}

body.history .gm-history-type-key i::before { color: #141414; }

body.history .gm-history-type-key--deposit {
    color: var(--history-green);
    border-color: rgba(102,216,154,.28);
    background: var(--history-green-soft);
}

body.history .gm-history-type-key--withdraw {
    color: var(--history-red);
    border-color: rgba(240,131,120,.28);
    background: var(--history-red-soft);
}

body.history .gm-history-ledger { padding: 22px 22px 18px; }

body.history .gm-history-section-head,
body.history .gm-history-guide__head {
    display: flex;
    align-items: flex-end;
    justify-content: space-between;
    gap: 18px;
}

body.history .gm-history-section-head h2,
body.history .gm-history-guide__head h2 {
    margin: 0;
    color: #f1ece2;
    font-size: 20px;
    font-weight: 680;
    line-height: 1.3;
}

body.history .gm-history-live {
    display: inline-flex;
    align-items: center;
    gap: 7px;
    padding: 6px 10px;
    color: #aaa59b;
    border: 1px solid rgba(255,255,255,.07);
    border-radius: 999px;
    background: rgba(8,8,8,.32);
    font-size: 15px;
    white-space: nowrap;
}

body.history .gm-history-live i {
    width: 7px;
    height: 7px;
    border-radius: 50%;
    background: var(--history-green);
    box-shadow: 0 0 0 0 rgba(102,216,154,.34);
    animation: gm-history-live 1.8s ease-out infinite;
}

body.history .gm-history-card.card_dp {
    overflow: hidden;
    margin: 11px 0 0 !important;
    padding: 0 !important;
    cursor: default !important;
    border: 1px solid rgba(218,181,96,.26) !important;
    border-radius: 18px !important;
    background: #111 !important;
    box-shadow: inset 0 1px rgba(255,255,255,.025), 0 14px 34px rgba(0,0,0,.2) !important;
}

body.history .gm-history-table-wrap.card_dp_sb {
    display: block;
    overflow: visible !important;
    width: 100%;
    padding: 0 !important;
}

body.history .gm-history-table.table {
    width: 100%;
    min-width: 0;
    table-layout: fixed;
    margin: 0 !important;
    color: #ded8cc !important;
    border: 0 !important;
    font-size: 14px !important;
}

body.history .gm-history-table thead {
    color: #d7b665 !important;
    border: 0;
    background: linear-gradient(90deg, rgba(218,181,96,.105), rgba(218,181,96,.035));
    font-size: 14px !important;
    letter-spacing: .35px;
}

body.history .gm-history-table thead th {
    padding: 12px 16px !important;
    color: #d7b665 !important;
    border: 0 !important;
    border-bottom: 1px solid rgba(218,181,96,.16) !important;
    background: transparent !important;
    font-weight: 700;
    vertical-align: middle;
}

body.history .gm-history-table thead th:nth-child(1) { width: 21%; }
body.history .gm-history-table thead th:nth-child(2) { width: 25%; }
body.history .gm-history-table thead th:nth-child(3) { width: 22%; }
body.history .gm-history-table thead th:nth-child(4) { width: 32%; }

body.history .gm-history-table tbody {
    color: #ded8cc !important;
    text-shadow: none !important;
}

body.history .gm-history-table tbody tr {
    position: relative;
    transition: background-color .2s ease;
}

body.history .gm-history-table tbody tr:not(.gm-data-state-row):hover { background: rgba(255,255,255,.025); }

body.history .gm-history-table tbody td {
    height: 64px;
    padding: 11px 16px !important;
    color: #d9d3c8 !important;
    border: 0 !important;
    border-bottom: 1px solid rgba(255,255,255,.055) !important;
    line-height: 1.35 !important;
    vertical-align: middle;
}

body.history .gm-history-table tbody:last-child tr:last-child td { border-bottom: 0 !important; }

body.history .gm-history-date span,
body.history .gm-history-date small { display: block; }

body.history .gm-history-date span {
    color: #d7d1c6;
    font-weight: 650;
}

body.history .gm-history-date small {
    margin-top: 2px;
    color: #817d75;
    font-size: 15px;
    letter-spacing: .4px;
}

body.history .gm-history-type,
body.history .gm-history-status {
    display: inline-flex;
    min-height: 30px;
    align-items: center;
    justify-content: center;
    gap: 7px;
    padding: 6px 10px;
    border: 1px solid;
    border-radius: 999px;
    font-size: 19px;
    font-weight: 700;
    line-height: 1.25;
}

body.history .gm-history-type--deposit {
    color: var(--history-green) !important;
    border-color: rgba(102,216,154,.25);
    background: var(--history-green-soft);
}

body.history .gm-history-type--withdraw {
    color: var(--history-red) !important;
    border-color: rgba(240,131,120,.25);
    background: var(--history-red-soft);
}

body.history .gm-history-type--bonus {
    color: #e6c66f !important;
    border-color: rgba(230,198,111,.28);
    background: rgba(230,198,111,.09);
}

body.history .gm-history-amount strong,
body.history .gm-history-amount small {
    display: inline-block;
    font-variant-numeric: tabular-nums;
}

body.history .gm-history-amount strong {
    color: #f2dfaa;
    font: 650 17px/1.1 Georgia, "Times New Roman", serif;
}

body.history .gm-history-amount small {
    margin-left: 6px;
    color: #777168;
    font-size: 15px;
    font-weight: 700;
    letter-spacing: 1px;
}

body.history .gm-history-status i { font-size: 19px; }

body.history .gm-history-status--checking,
body.history .gm-history-status--transfer {
    color: var(--history-amber);
    border-color: rgba(228,189,105,.24);
    background: rgba(228,189,105,.085);
}

body.history .gm-history-status--checking i { animation: gm-history-spin 2.2s linear infinite; }

body.history .gm-history-status--success {
    color: var(--history-green);
    border-color: rgba(102,216,154,.25);
    background: var(--history-green-soft);
}

body.history .gm-history-status--cancelled {
    color: var(--history-red);
    border-color: rgba(240,131,120,.25);
    background: var(--history-red-soft);
}

body.history .gm-history-status--unable {
    color: #efaa67;
    border-color: rgba(239,170,103,.25);
    background: rgba(239,170,103,.09);
}

body.history .gm-history-status--contact {
    color: var(--history-blue);
    border-color: rgba(128,183,231,.24);
    background: rgba(128,183,231,.09);
}

body.history .gm-history-table .gm-data-state-row > td {
    height: auto !important;
    border-bottom: 0 !important;
}

body.history .gm-history-table .gm-data-state {
    min-height: 112px;
    background: radial-gradient(circle at 50% 130%, rgba(218,181,96,.075), transparent 48%), #101010;
}

body.history .gm-history-guide.card_gray {
    margin: 0 22px 22px !important;
    padding: 18px !important;
    border: 1px solid rgba(218,181,96,.2) !important;
    border-radius: 18px !important;
    background: rgba(8,8,8,.34) !important;
    box-shadow: inset 0 1px rgba(255,255,255,.025) !important;
}

body.history .gm-history-guide__head {
    align-items: center;
    padding-bottom: 13px;
    border-bottom: 1px solid rgba(255,255,255,.065);
}

body.history .gm-history-guide__head p {
    margin: 0;
    color: #817d75;
    font-size: 19px;
}

body.history .gm-history-status-grid {
    display: grid;
    grid-template-columns: repeat(2, minmax(0, 1fr));
    gap: 8px;
    margin: 13px 0 0;
    padding: 0;
    list-style: none;
}

body.history .gm-history-status-key {
    display: grid;
    min-width: 0;
    grid-template-columns: 36px minmax(0, 1fr);
    align-items: center;
    gap: 10px;
    padding: 10px 11px;
    border: 1px solid rgba(255,255,255,.055);
    border-radius: 12px;
    background: rgba(255,255,255,.018);
}

body.history .gm-history-status-key > i {
    display: grid;
    place-items: center;
    width: 36px;
    height: 36px;
    border: 1px solid currentColor;
    border-radius: 11px;
    background: rgba(255,255,255,.025);
    font-size: 21px;
}

body.history .gm-history-status-key > span,
body.history .gm-history-status-key strong,
body.history .gm-history-status-key small {
    display: block;
    min-width: 0;
}

body.history .gm-history-status-key strong {
    color: #ddd7cc;
    font-size: 19px;
    font-weight: 680;
    line-height: 1.3;
}

body.history .gm-history-status-key small {
    margin-top: 2px;
    color: #77736c;
    font-size: 15px;
    line-height: 1.35;
}

body.history .gm-history-status-key--checking,
body.history .gm-history-status-key--transfer { color: var(--history-amber); }
body.history .gm-history-status-key--success { color: var(--history-green); }
body.history .gm-history-status-key--unable { color: #efaa67; }
body.history .gm-history-status-key--cancelled { color: var(--history-red); }
body.history .gm-history-status-key--contact { color: var(--history-blue); }

body.history > .padding { display: none !important; }

@keyframes gm-history-live {
    0% { box-shadow: 0 0 0 0 rgba(102,216,154,.32); }
    70%, 100% { box-shadow: 0 0 0 7px rgba(102,216,154,0); }
}

@keyframes gm-history-spin { to { transform: rotate(360deg); } }

@keyframes gm-history-sheen {
    0%, 62% { left: -24%; }
    86%, 100% { left: 122%; }
}

@media (max-width: 760px) {
    body.history .gm-history-shell.content_bg_dark { width: calc(100% - 24px) !important; }

    body.history .gm-history-hero {
        grid-template-columns: 54px minmax(0, 1fr);
        gap: 14px;
        padding: 21px;
    }

    body.history .gm-history-hero__icon {
        width: 54px;
        height: 54px;
        border-radius: 17px;
        font-size: 22px;
    }

    body.history .gm-history-types {
        grid-column: 1 / -1;
        padding-top: 1px;
    }

    body.history .gm-history-type-key {
        flex: 1 1 0;
        justify-content: center;
    }
}

@media (max-width: 620px) {
    body.history .gm-history-shell.content_bg_dark {
        width: calc(100% - 12px) !important;
        margin-top: 8px !important;
        margin-bottom: 14px !important;
        border-radius: 19px !important;
    }

    body.history .gm-history-hero {
        grid-template-columns: 45px minmax(0, 1fr);
        gap: 11px;
        padding: 15px;
    }

    body.history .gm-history-hero__icon {
        width: 45px;
        height: 45px;
        border-radius: 14px;
        font-size: 20px;
    }

    body.history .gm-history-hero__copy > span {
        font-size: 15px;
        letter-spacing: 1.4px;
    }

    body.history .gm-history-hero__copy h1 { font-size: 21px; }

    body.history .gm-history-hero__copy p {
        margin-top: 3px;
        font-size: 15px;
        line-height: 1.4;
    }

    body.history .gm-history-types {
        gap: 7px;
        padding-top: 1px;
    }

    body.history .gm-history-type-key {
        min-height: 32px;
        padding: 5px 8px;
        font-size: 15px;
    }

    body.history .gm-history-ledger { padding: 14px 10px 12px; }
    body.history .gm-history-section-head { padding: 0 3px; }

    body.history .gm-history-section-head h2,
    body.history .gm-history-guide__head h2 { font-size: 21px; }

    body.history .gm-history-live {
        padding: 5px 8px;
        font-size: 19px;
    }

    body.history .gm-history-card.card_dp {
        margin-top: 9px !important;
        border: 0 !important;
        border-radius: 0 !important;
        background: transparent !important;
        box-shadow: none !important;
    }

    body.history .gm-history-table-wrap.card_dp_sb { overflow: visible !important; }

    body.history .gm-history-table.table,
    body.history .gm-history-table tbody {
        display: block;
        width: 100%;
        min-width: 0 !important;
    }

    body.history .gm-history-table thead {
        position: absolute !important;
        width: 1px !important;
        height: 1px !important;
        overflow: hidden !important;
        clip: rect(0 0 0 0) !important;
        white-space: nowrap !important;
        clip-path: inset(50%) !important;
    }

    body.history .gm-history-table #tbody_list,
    body.history .gm-history-table #tbody_list_wait {
        display: grid;
        gap: 8px;
    }

    body.history .gm-history-table #tbody_list_wait:not(:empty) { margin-top: 8px; }

    body.history .gm-history-table .gm-history-row {
        display: grid;
        grid-template-columns: minmax(0, 1fr) auto;
        grid-template-areas: "kind amount" "date state";
        align-items: center;
        gap: 10px 12px;
        overflow: hidden;
        padding: 13px 13px 12px 15px;
        border: 1px solid rgba(218,181,96,.2);
        border-radius: 14px;
        background: linear-gradient(105deg, rgba(255,255,255,.035), transparent 48%), #121212;
        box-shadow: inset 0 1px rgba(255,255,255,.025), 0 9px 22px rgba(0,0,0,.16);
    }

    body.history .gm-history-table .gm-history-row::before {
        position: absolute;
        top: 10px;
        bottom: 10px;
        left: 0;
        width: 3px;
        content: "";
        border-radius: 0 4px 4px 0;
        background: #b9974f;
    }

    body.history .gm-history-table .gm-history-row--deposit::before { background: var(--history-green); }
    body.history .gm-history-table .gm-history-row--withdraw::before { background: var(--history-red); }
    body.history .gm-history-table .gm-history-row--bonus::before { background: #e6c66f; }

    body.history .gm-history-table .gm-history-row > td {
        display: flex;
        width: auto;
        height: auto;
        min-width: 0;
        padding: 0 !important;
        border: 0 !important;
        background: transparent !important;
    }

    body.history .gm-history-kind {
        grid-area: kind;
        justify-content: flex-start;
        text-align: left !important;
    }

    body.history .gm-history-amount {
        grid-area: amount;
        align-items: baseline;
        justify-content: flex-end;
        text-align: right !important;
    }

    body.history .gm-history-date {
        grid-area: date;
        align-items: center;
        gap: 6px;
        text-align: left !important;
    }

    body.history .gm-history-date span,
    body.history .gm-history-date small {
        display: inline-block;
        margin: 0;
    }

    body.history .gm-history-date span {
        color: #8f8a81;
        font-size: 15px;
        font-weight: 550;
    }

    body.history .gm-history-date small {
        color: #68645e;
        font-size: 19px;
    }

    body.history .gm-history-state {
        grid-area: state;
        justify-content: flex-end;
        text-align: right !important;
    }

    body.history .gm-history-type,
    body.history .gm-history-status {
        min-height: 27px;
        padding: 5px 8px;
        font-size: 15px;
    }

    body.history .gm-history-amount strong { font-size: 19px; }

    body.history .gm-history-table .gm-data-state-row {
        display: block;
        overflow: hidden;
        border: 1px solid rgba(218,181,96,.17);
        border-radius: 14px;
        background: #111;
    }

    body.history .gm-history-table .gm-data-state-row > td {
        display: block;
        width: 100%;
        padding: 0 !important;
    }

    body.history .gm-history-table .gm-data-state {
        min-height: 98px;
        padding: 15px 12px;
    }

    body.history .gm-history-guide.card_gray {
        margin: 0 10px 12px !important;
        padding: 14px 11px !important;
        border-radius: 15px !important;
    }

    body.history .gm-history-guide__head { padding: 0 2px 10px; }
    body.history .gm-history-guide__head p { display: none; }

    body.history .gm-history-status-grid {
        gap: 7px;
        margin-top: 10px;
    }

    body.history .gm-history-status-key {
        grid-template-columns: 31px minmax(0, 1fr);
        gap: 8px;
        min-height: 60px;
        padding: 8px;
        border-radius: 11px;
    }

    body.history .gm-history-status-key > i {
        width: 31px;
        height: 31px;
        border-radius: 9px;
        font-size: 22px;
    }

    body.history .gm-history-status-key strong { font-size: 15px; }

    body.history .gm-history-status-key small {
        font-size: 15px;
        line-height: 1.35;
    }
}

@media (max-width: 350px) {
    body.history .gm-history-status-grid { grid-template-columns: 1fr; }
}

@media (prefers-reduced-motion: reduce) {
    body.history .gm-history-hero::after,
    body.history .gm-history-live i,
    body.history .gm-history-status--checking i {
        animation: none !important;
    }
}

/* Alert deposit: one clear slip picker, kept in page flow above the bottom dock. */
body.deposit-slip .deposit-upload-action {
    position: relative !important;
    display: block !important;
    width: min(calc(100% - 32px), 720px) !important;
    height: auto !important;
    margin: 18px auto calc(108px + env(safe-area-inset-bottom)) !important;
    padding: 0 !important;
}

body.deposit-slip .deposit-upload-action hr {
    display: none !important;
}

body.deposit-slip .gm-slip-picker {
    position: relative;
    display: grid;
    grid-template-columns: 52px minmax(0, 1fr) auto;
    align-items: center;
    gap: 13px;
    min-height: 78px;
    margin: 0;
    padding: 12px 14px;
    overflow: hidden;
    color: #f8f2e8;
    background:
        radial-gradient(circle at 12% 20%, rgba(235, 198, 102, .16), transparent 32%),
        linear-gradient(135deg, #262522 0%, #171716 58%, #10100f 100%);
    border: 1px solid rgba(226, 185, 82, .62);
    border-radius: 18px;
    box-shadow: 0 14px 34px rgba(0, 0, 0, .36), inset 0 1px 0 rgba(255, 255, 255, .06);
}

body.deposit-slip .gm-slip-picker::after {
    content: "";
    position: absolute;
    inset: 0;
    background: linear-gradient(110deg, transparent 25%, rgba(255, 225, 151, .11) 44%, transparent 62%);
    transform: translateX(-110%);
    animation: gm-slip-picker-shine 3.8s ease-in-out infinite;
    pointer-events: none;
}

body.deposit-slip .gm-slip-picker__icon {
    display: grid;
    place-items: center;
    width: 52px;
    height: 52px;
    color: #2a210f;
    font-size: 22px;
    background: linear-gradient(145deg, #fff1bd 0%, #d7ad4d 58%, #967125 100%);
    border: 1px solid rgba(255, 239, 186, .88);
    border-radius: 15px;
    box-shadow: 0 8px 18px rgba(187, 140, 39, .28), inset 0 1px 0 rgba(255, 255, 255, .62);
}

body.deposit-slip .gm-slip-picker__copy {
    display: flex;
    min-width: 0;
    flex-direction: column;
    gap: 3px;
    line-height: 1.35;
}

body.deposit-slip .gm-slip-picker__copy strong {
    color: #fff9ec;
    font-size: 19px;
    font-weight: 700;
}

body.deposit-slip .gm-slip-picker__copy small {
    color: rgba(239, 226, 197, .68);
    font-size: 22px;
}

body.deposit-slip .gm-slip-picker__button {
    min-width: 82px;
    padding: 9px 15px;
    color: #221a0d;
    font-size: 21px;
    font-weight: 700;
    text-align: center;
    background: linear-gradient(135deg, #f2d780 0%, #c99e42 100%);
    border: 1px solid rgba(255, 236, 170, .82);
    border-radius: 999px;
    box-shadow: 0 7px 16px rgba(0, 0, 0, .28);
}

body.deposit-slip .deposit-upload-action input[type="file"] {
    position: absolute !important;
    z-index: 2;
    inset: 0 !important;
    width: 100% !important;
    height: 100% !important;
    min-height: 0 !important;
    margin: 0 !important;
    padding: 0 !important;
    opacity: 0 !important;
    cursor: pointer;
    border: 0 !important;
    border-radius: 18px !important;
}

body.deposit-slip .deposit-upload-action input[type="file"]::before,
body.deposit-slip .deposit-upload-action input[type="file"]::after {
    content: none !important;
    display: none !important;
}

body.deposit-slip .deposit-upload-action:has(input[type="file"]:focus-visible) .gm-slip-picker {
    outline: 2px solid #f2d780;
    outline-offset: 3px;
}

body.deposit-slip .deposit-upload-action:hover .gm-slip-picker {
    border-color: rgba(245, 210, 119, .9);
    transform: translateY(-1px);
}

@keyframes gm-slip-picker-shine {
    0%, 58% { transform: translateX(-110%); }
    78%, 100% { transform: translateX(110%); }
}

@media (max-width: 480px) {
    body.deposit-slip .deposit-upload-action {
        width: calc(100% - 28px) !important;
        margin-top: 14px !important;
        margin-bottom: calc(100px + env(safe-area-inset-bottom)) !important;
    }

    body.deposit-slip .gm-slip-picker {
        grid-template-columns: 46px minmax(0, 1fr) auto;
        gap: 10px;
        min-height: 72px;
        padding: 10px;
        border-radius: 16px;
    }

    body.deposit-slip .gm-slip-picker__icon {
        width: 46px;
        height: 46px;
        border-radius: 13px;
        font-size: 19px;
    }

    body.deposit-slip .gm-slip-picker__copy strong { font-size: 21px; }
    body.deposit-slip .gm-slip-picker__copy small { font-size: 19px; }

    body.deposit-slip .gm-slip-picker__button {
        min-width: 64px;
        padding: 8px 11px;
        font-size: 22px;
    }
}

@media (max-width: 350px) {
    body.deposit-slip .gm-slip-picker__copy small { display: none; }
}

@media (prefers-reduced-motion: reduce) {
    body.deposit-slip .gm-slip-picker::after { animation: none !important; }
}

/* Alert deposit: premium receiver-account card with a mobile-safe layout. */
body.deposit-slip .list_bank_show_fix {
    width: 100%;
    margin: 8px 0 18px;
}

body.deposit-slip .list_bank_show_fix > .card_dp {
    position: relative;
    overflow: hidden;
    width: 100%;
    margin: 0 !important;
    padding: 0 !important;
    background:
        radial-gradient(circle at 8% 18%, rgba(226, 187, 91, .15), transparent 30%),
        linear-gradient(135deg, rgba(48, 47, 43, .98), rgba(17, 17, 16, .99) 68%) !important;
    border: 1px solid rgba(224, 185, 88, .48) !important;
    border-radius: 20px !important;
    box-shadow: 0 18px 40px rgba(0, 0, 0, .34), inset 0 1px 0 rgba(255, 255, 255, .055) !important;
}

body.deposit-slip .list_bank_show_fix > .card_dp::after {
    position: absolute;
    right: -58px;
    bottom: -74px;
    width: 180px;
    height: 180px;
    content: "";
    border: 1px solid rgba(224, 185, 88, .11);
    border-radius: 50%;
    box-shadow: 0 0 0 28px rgba(224, 185, 88, .025), 0 0 0 56px rgba(224, 185, 88, .018);
    pointer-events: none;
}

body.deposit-slip .list_bank_show_fix > .card_dp > .card_dp_sb {
    position: relative;
    z-index: 1;
    display: grid !important;
    grid-template-columns: minmax(0, 1fr) auto;
    align-items: center !important;
    gap: 20px;
    width: 100%;
    padding: 19px 20px !important;
}

body.deposit-slip .list_bank_show_fix .card_dp_sb > .d-flex:first-child {
    display: grid !important;
    grid-template-columns: 64px minmax(0, 1fr);
    align-items: center !important;
    gap: 14px;
    min-width: 0;
}

body.deposit-slip .list_bank_show_fix img.bank_logo {
    width: 64px !important;
    max-width: 64px !important;
    height: 64px;
    margin: 0 !important;
    padding: 5px;
    object-fit: contain;
    background: linear-gradient(145deg, #fffdf7, #e7dfd0) !important;
    border: 2px solid rgba(255, 236, 174, .78) !important;
    border-radius: 50%;
    box-shadow: 0 10px 22px rgba(0, 0, 0, .34), 0 0 0 4px rgba(224, 185, 88, .07);
}

body.deposit-slip .list_bank_show_fix .fs20 {
    margin-bottom: 6px;
    color: #f8f1e3 !important;
    font-size: 20px !important;
    font-weight: 700;
    line-height: 1.15;
}

body.deposit-slip .list_bank_show_fix .detail {
    min-width: 0;
    letter-spacing: .25px !important;
    text-align: left;
}

body.deposit-slip .list_bank_show_fix .detail p {
    margin: 3px 0 !important;
    color: #d9d4ca !important;
    font-size: 16px !important;
    line-height: 1.4 !important;
    overflow-wrap: anywhere;
}

body.deposit-slip .list_bank_show_fix .detail p:nth-child(2) {
    color: #f2d57f !important;
    font-weight: 700;
    font-variant-numeric: tabular-nums;
}

body.deposit-slip .list_bank_show_fix .copy {
    display: flex !important;
    min-width: 158px;
    padding: 0 !important;
}

body.deposit-slip .list_bank_show_fix .copy .btn-gradient-2 {
    display: inline-flex !important;
    align-items: center;
    justify-content: center;
    width: 100%;
    min-height: 46px;
    margin: 0 !important;
    padding: 9px 17px !important;
    color: #241b0c !important;
    font-size: 21px;
    font-weight: 750;
    white-space: nowrap;
    background: linear-gradient(115deg, #c89c40 0%, #f1d67f 52%, #bd8d31 100%) !important;
    border: 1px solid rgba(255, 238, 176, .86) !important;
    border-radius: 999px !important;
    box-shadow: 0 9px 20px rgba(0, 0, 0, .28), inset 0 1px 0 rgba(255, 255, 255, .42) !important;
}

body.deposit-slip .list_bank_show_fix .copy .btn-gradient-2::before {
    margin-right: 7px;
    content: "\f0c5";
    font-family: "Font Awesome 6 Free";
    font-weight: 900;
}

@media (max-width: 575px) {
    body.deposit-slip .list_bank_show_fix {
        margin-top: 4px;
        margin-bottom: 14px;
    }

    body.deposit-slip .list_bank_show_fix > .card_dp {
        border-radius: 17px !important;
    }

    body.deposit-slip .list_bank_show_fix > .card_dp > .card_dp_sb {
        grid-template-columns: minmax(0, 1fr);
        gap: 14px;
        padding: 15px !important;
    }

    body.deposit-slip .list_bank_show_fix .card_dp_sb > .d-flex:first-child {
        grid-template-columns: 56px minmax(0, 1fr);
        gap: 12px;
        width: 100%;
    }

    body.deposit-slip .list_bank_show_fix img.bank_logo {
        width: 56px !important;
        max-width: 56px !important;
        height: 56px;
        padding: 4px;
    }

    body.deposit-slip .list_bank_show_fix .fs20 {
        margin-bottom: 5px;
        font-size: 22px !important;
    }

    body.deposit-slip .list_bank_show_fix .detail p {
        margin: 2px 0 !important;
        font-size: 18px !important;
        line-height: 1.35 !important;
    }

    body.deposit-slip .list_bank_show_fix .copy {
        width: 100%;
        min-width: 0;
    }

    body.deposit-slip .list_bank_show_fix .copy .btn-gradient-2 {
        min-height: 44px;
        font-size: 21px;
    }
}