/**
 * Site-wide fantasy theme — gold rim + oily teal→blue gem.
 * Safe stacking (no isolation / no fixed-pos overrides).
 * Waves hidden.
 */

/* ── Kill waves ── */
.gx-panel-waves,
.gx-card-waves,
.gx-waves,
.rx-auth-waves {
    display: none !important;
}

/* ── Card surfaces only (NOT header / sidebar / fixed nav) ── */
.ot-card,
.ot-form-card,
.ot-profile-card,
.ot-info-card,
.ot-referral-card,
.ot-member-card,
.ot-mine-card,
.ot-rec-card,
.ot-dash-card,
.ot-bal-card,
.ot-stat-card,
.ot-team-stat,
.ot-dh-card,
.ot-plan-chip,
.ot-balance-chip,
.ot-upload,
.ot-checkin-card,
.ot-scheme-card,
.ot-withdraw-card,
.ot-gateway-card,
.ot-pwa-download-card,
.rx-card,
.rx-dash-hero,
.rx-dash-card,
.rx-salary-card,
.rx-balance-card,
.rx-welcome,
.rx-overview-card,
.rx-stat-card,
.rx-stat,
.rx-sal-card,
.rx-auth-card,
.wd-card,
.gx-scene-card,
.gx-plan,
.shop-card,
.scheme-card,
.scheme-target,
.scheme-podium-card {
    position: relative;
    overflow: hidden;
    border: 2px solid #f5d76e !important;
    border-radius: 1rem !important;
    background:
        radial-gradient(circle at 92% 8%, rgba(255, 255, 255, 0.55) 0%, transparent 36%),
        radial-gradient(ellipse 70% 100% at 10% 50%, rgba(167, 243, 208, 0.35) 0%, transparent 50%),
        linear-gradient(
            118deg,
            rgba(255, 255, 255, 0.28) 0%,
            transparent 35%,
            rgba(125, 211, 252, 0.18) 55%,
            transparent 75%,
            rgba(255, 255, 255, 0.16) 100%
        ),
        linear-gradient(
            125deg,
            #0e7490 0%,
            #0891b2 22%,
            #0284c7 48%,
            #1d4ed8 78%,
            #1e3a8a 100%
        ) !important;
    background-color: #0e7490 !important;
    box-shadow:
        0 0 0 1px rgba(161, 98, 7, 0.55),
        0 0 14px rgba(250, 204, 21, 0.35),
        0 10px 24px rgba(8, 47, 73, 0.28),
        inset 0 1px 0 rgba(255, 255, 255, 0.35) !important;
    color: #ffffff !important;
    filter: none !important;
}

/* Text / icons readable on dark gem */
.ot-card,
.ot-form-card,
.ot-profile-card,
.ot-info-card,
.ot-dash-card,
.ot-bal-card,
.ot-stat-card,
.ot-rec-card,
.ot-mine-card,
.ot-checkin-card,
.ot-scheme-card,
.ot-withdraw-card,
.ot-upload,
.rx-card,
.rx-welcome,
.rx-overview-card,
.rx-stat-card,
.rx-stat,
.rx-dash-card,
.rx-auth-card,
.wd-card,
.gx-plan,
.shop-card,
.scheme-card {
    color: #ffffff !important;
}

body.rx-body .ot-dash-card-title,
body.rx-body .rx-stat-label,
body.rx-body .rx-stat-value,
body.rx-body .rx-welcome-name,
body.rx-body .rx-welcome-tag,
body.rx-body .rx-upline-badge,
body.rx-body .ot-review-value,
.ot-dash-card-title,
.rx-welcome-name,
.rx-stat-value,
.rx-stat-label,
.ot-review-value,
.rx-auth-hero h1,
.rx-auth-hero p,
.gx-title,
.gx-eyebrow,
.gx-brand__name {
    color: #ffffff !important;
    text-shadow:
        0 1px 2px rgba(0, 0, 0, 0.55),
        0 0 10px rgba(125, 211, 252, 0.45) !important;
}

/* Keep forms readable */
.ot-card input,
.ot-card textarea,
.ot-card select,
.ot-form-card input,
.ot-form-card textarea,
.ot-form-card select,
.ot-upload input,
.ot-upload textarea,
.ot-upload select,
.rx-auth-card input,
.rx-auth-field,
.rx-auth-field input,
.wd-card input,
.ot-withdraw-card input,
.ot-profile-card input {
    background: #ffffff !important;
    color: #0c4a6e !important;
    text-shadow: none !important;
    border: 1px solid rgba(254, 243, 199, 0.7) !important;
}

.rx-auth-field > i,
.rx-auth-eye {
    color: #0e7490 !important;
    text-shadow: none !important;
}

/* Soft chips under glass */
body.rx-body .rx-welcome-tag {
    background: rgba(8, 47, 73, 0.28) !important;
    border-color: rgba(255, 255, 255, 0.3) !important;
    color: #fff !important;
}

body.rx-body .rx-welcome-avatar {
    background: rgba(255, 255, 255, 0.2) !important;
    border-color: rgba(254, 243, 199, 0.5) !important;
    color: #fff !important;
}

/* Bottom bar shell (keep position:fixed on .rx-bottom-nav) */
body.rx-body .rx-bottom-shell,
body.rx-body .rx-bottom-inner,
.rx-bottom-inner {
    background:
        linear-gradient(
            115deg,
            #0e7490 0%,
            #0284c7 45%,
            #1e3a8a 100%
        ) !important;
    border: none !important;
    border-top: 2px solid #f5d76e !important;
    box-shadow:
        0 0 0 1px rgba(161, 98, 7, 0.4),
        0 -8px 22px rgba(8, 47, 73, 0.28) !important;
    backdrop-filter: none !important;
}

body.rx-body .rx-bnav-item,
.rx-bnav-item {
    color: rgba(255, 255, 255, 0.92) !important;
    text-shadow: 0 1px 2px rgba(0, 0, 0, 0.35) !important;
}

body.rx-body .rx-bnav-item span,
.rx-bnav-item span {
    color: rgba(255, 255, 255, 0.92) !important;
    font-weight: 700 !important;
    font-size: 0.58rem !important;
}

body.rx-body .rx-bnav-icon,
.rx-bnav-icon {
    background: rgba(255, 255, 255, 0.16) !important;
    color: #ffffff !important;
}

body.rx-body .rx-bnav-item.is-active,
.rx-bnav-item.is-active {
    color: #ffffff !important;
}

body.rx-body .rx-bnav-item.is-active .rx-bnav-icon,
.rx-bnav-item.is-active .rx-bnav-icon {
    background: linear-gradient(180deg, #fffef5, #fbbf24) !important;
    color: #92400e !important;
    box-shadow: 0 0 10px rgba(250, 204, 21, 0.5) !important;
}

/* Plan cards — feature lines must be white on gem */
body.rx-body .gx-plan,
.gx-plan {
    color: #ffffff !important;
}

body.rx-body .gx-plan__features li,
.gx-plan__features li {
    color: #ffffff !important;
    border-bottom-color: rgba(255, 255, 255, 0.22) !important;
    text-shadow:
        0 1px 2px rgba(0, 0, 0, 0.55),
        0 0 8px rgba(125, 211, 252, 0.35) !important;
    font-weight: 700 !important;
}

body.rx-body .gx-plan__features li span,
.gx-plan__features li span {
    color: #ffffff !important;
}

body.rx-body .gx-plan__name,
.gx-plan__name {
    color: #0c4a6e !important;
    text-shadow: none !important;
}

body.rx-body .gx-plan__check,
.gx-plan__check {
    color: #ffffff !important;
    background: linear-gradient(160deg, #86efac 0%, #16a34a 100%) !important;
}

body.rx-body .gx-plan__hero,
.gx-plan__hero {
    background: linear-gradient(180deg, #e0f2fe 0%, rgba(224, 242, 254, 0.2) 100%) !important;
}

/* Header — gold accent only, keep layout intact */
.rx-header {
    background:
        linear-gradient(
            115deg,
            rgba(14, 116, 144, 0.92) 0%,
            rgba(2, 132, 199, 0.92) 50%,
            rgba(30, 58, 138, 0.95) 100%
        ) !important;
    border: 2px solid #f5d76e !important;
    border-radius: 1rem !important;
    box-shadow: 0 8px 20px rgba(8, 47, 73, 0.22) !important;
}

.rx-header-brand,
.rx-header-title,
.rx-header-pill {
    color: #fff !important;
    text-shadow: 0 1px 2px rgba(0, 0, 0, 0.4) !important;
}

.rx-header-glow {
    display: none !important;
}

.rx-menu-btn {
    background: linear-gradient(180deg, #fffef5, #fde68a) !important;
    color: #92400e !important;
    border: none !important;
    box-shadow: 0 0 0 1px rgba(161, 98, 7, 0.4) !important;
}

/* Sidebar — gem panel, keep fixed positioning from page CSS */
.rx-sidebar {
    background:
        linear-gradient(
            160deg,
            #0e7490 0%,
            #0284c7 45%,
            #1e3a8a 100%
        ) !important;
    border-right: 2px solid #f5d76e !important;
    color: #fff !important;
}

.rx-sidebar .rx-item {
    background: rgba(8, 47, 73, 0.22) !important;
    border: 1px solid rgba(255, 255, 255, 0.2) !important;
    color: #fff !important;
}

.rx-sidebar .rx-item.is-active {
    background: rgba(254, 243, 199, 0.22) !important;
    border-color: rgba(253, 224, 71, 0.55) !important;
}

.rx-sidebar .rx-icon,
.rx-menu-label,
.rx-brand-name,
.rx-brand-tagline {
    color: #fff !important;
}

.rx-logout button {
    background: linear-gradient(180deg, #fff1f2, #fecdd3) !important;
    color: #9f1239 !important;
}

/* Auth / home shell clear */
.gx-shell,
.rx-auth-screen {
    background: transparent !important;
    box-shadow: none !important;
}

.ot-pwa-banner-inner {
    background: linear-gradient(115deg, #0e7490, #1e3a8a) !important;
    border: 2px solid #f5d76e !important;
    color: #fff !important;
}

/* Fantasy button text always visible */
body.rx-body .ot-fan-btn__text,
body.rx-body .ot-hero-btn > span:not(.ot-icon-bubble),
body.rx-body .ot-svc-label,
body.rx-body .ot-review-label {
    color: #ffffff !important;
}

/* Prevent decorative diamond tails from sinking under card bg */
body.rx-body .ot-icon-bubble::after,
body.rx-body .ot-hero-btn i::after,
body.rx-body .ot-hero-btn .ot-icon-bubble::after,
body.rx-body .ot-review-icon::after {
    z-index: 0 !important;
}