/* ════════════════════════════════════════════════════════════════════════
   Gamting Trade — frontend dark + emerald theme
   Scoped to body.gp-legacy-b2b. Targets TRADE's actual class names (not the
   generic B2B classes) so the player dashboard, header, chart and footer are
   fully readable in the same black + emerald scheme as gamting.com/casino.
   Palette: bg #08090C / #11131A / #181B26 · text #FFF/#D6D9E0/#9CA1AE ·
   emerald #00E58B · gold #F4C341.
   ════════════════════════════════════════════════════════════════════════ */
/* Force the theme --base to EMERALD (main.css hardcodes --base-h:230 = blue;
   this loads last so every .btn--base / .btn--signup / hsl(var(--base)) goes
   green, not blue — site-wide, no per-button chasing). */
:root,
body.gp-legacy-b2b {
    --base-h: 156;
    --base-s: 100%;
    --base-l: 45%;
}

body.gp-legacy-b2b {
    --gp-bg-0: #08090C;
    --gp-bg-1: #11131A;
    --gp-bg-2: #181B26;
    --gp-bg-3: #20242F;
    --gp-text-0: #FFFFFF;
    --gp-text-1: #D6D9E0;
    --gp-text-2: #9CA1AE;
    --gp-text-3: #5C6275;
    --gp-emerald: #00E58B;
    --gp-emerald-soft: rgba(0, 229, 139, 0.10);
    --gp-gold: #F4C341;
    --gp-border: rgba(255, 255, 255, 0.08);

    background: var(--gp-bg-0) !important;
    color: var(--gp-text-1) !important;
}

/* ── Page shell ──────────────────────────────────────────────────────── */
body.gp-legacy-b2b .trade-dashboard-shell,
body.gp-legacy-b2b .trade-dashboard-shell__main,
body.gp-legacy-b2b .user-dashboard,
body.gp-legacy-b2b .dashboard-wrapper,
body.gp-legacy-b2b .home-page,
body.gp-legacy-b2b .sports-body {
    background: var(--gp-bg-0) !important;
    color: var(--gp-text-1) !important;
}

/* ── Header ──────────────────────────────────────────────────────────── */
body.gp-legacy-b2b .header-primary,
body.gp-legacy-b2b .header-fluid-custom-parent,
body.gp-legacy-b2b header.header-primary {
    background: var(--gp-bg-0) !important;
    border-bottom: 0 !important;
    box-shadow: none !important;
}
body.gp-legacy-b2b .primary-menu a,
body.gp-legacy-b2b .primary-menu-container a,
body.gp-legacy-b2b .main-menu li a {
    color: var(--gp-text-1) !important;
}
body.gp-legacy-b2b .primary-menu a:hover,
body.gp-legacy-b2b .main-menu li a:hover,
body.gp-legacy-b2b .primary-menu a.active {
    color: var(--gp-emerald) !important;
}
body.gp-legacy-b2b .header-wallet {
    background: var(--gp-bg-2) !important;
    border: 1px solid var(--gp-border) !important;
    color: var(--gp-text-0) !important;
}

/* ── Account / sidebar card ──────────────────────────────────────────── */
body.gp-legacy-b2b .dashboard-menu,
body.gp-legacy-b2b .dashboard-sidebar,
body.gp-legacy-b2b .user-info-card,
body.gp-legacy-b2b .balance-card {
    background: var(--gp-bg-1) !important;
    border: 1px solid var(--gp-border) !important;
    color: var(--gp-text-1) !important;
}
body.gp-legacy-b2b .dashboard-menu a,
body.gp-legacy-b2b .dashboard-sidebar a {
    color: var(--gp-text-1) !important;
}
body.gp-legacy-b2b .dashboard-menu a:hover,
body.gp-legacy-b2b .dashboard-menu a.active,
body.gp-legacy-b2b .dashboard-sidebar a:hover,
body.gp-legacy-b2b .dashboard-sidebar a.active {
    color: var(--gp-emerald) !important;
    background: var(--gp-emerald-soft) !important;
}

/* ── Stat / generic cards ────────────────────────────────────────────── */
body.gp-legacy-b2b .card,
body.gp-legacy-b2b .box-shadow3,
body.gp-legacy-b2b .dashboard-platforms {
    background: var(--gp-bg-1) !important;
    border: 1px solid var(--gp-border) !important;
    color: var(--gp-text-1) !important;
}
body.gp-legacy-b2b .card-header,
body.gp-legacy-b2b .card-footer {
    background: var(--gp-bg-2) !important;
    border-color: var(--gp-border) !important;
    color: var(--gp-text-0) !important;
}
body.gp-legacy-b2b .card .text-muted,
body.gp-legacy-b2b .text-muted {
    color: var(--gp-text-2) !important;
}
body.gp-legacy-b2b h1, body.gp-legacy-b2b h2, body.gp-legacy-b2b h3,
body.gp-legacy-b2b h4, body.gp-legacy-b2b h5, body.gp-legacy-b2b h6,
body.gp-legacy-b2b .card h5 {
    color: var(--gp-text-0) !important;
}
/* keep semantic colours */
body.gp-legacy-b2b .text-success { color: var(--gp-emerald) !important; }
body.gp-legacy-b2b .text-warning { color: var(--gp-gold) !important; }

/* ── Platform link cards (Sports/Exchange/Trade/Pro/Casino) ──────────── */
body.gp-legacy-b2b .platform-link-card {
    background: linear-gradient(160deg, var(--gp-bg-2), var(--gp-bg-1)) !important;
    border: 1px solid var(--gp-border) !important;
    color: var(--gp-text-0) !important;
    transition: border-color .15s ease, transform .15s ease;
}
body.gp-legacy-b2b .platform-link-card:hover {
    border-color: var(--gp-emerald) !important;
    transform: translateY(-2px);
}
body.gp-legacy-b2b .platform-link-card__badge {
    background: var(--gp-bg-3) !important;
    color: var(--gp-text-2) !important;
}
body.gp-legacy-b2b .platform-link-card__title { color: var(--gp-text-0) !important; }
body.gp-legacy-b2b .platform-link-card__cta   { color: var(--gp-emerald) !important; }
body.gp-legacy-b2b .dashboard-platforms {
    border-radius: 8px !important;
    padding: 20px;
}
body.gp-legacy-b2b .platform-link-card {
    display: flex;
    flex-direction: column;
    gap: 10px;
    min-height: 140px;
    padding: 18px;
    border-radius: 8px;
    text-decoration: none;
}
body.gp-legacy-b2b .platform-link-card__badge {
    display: inline-flex;
    align-items: center;
    width: fit-content;
    padding: 5px 10px;
    border-radius: 999px;
    font-size: 11px;
    font-weight: 700;
    text-transform: uppercase;
}
body.gp-legacy-b2b .platform-link-card__title {
    font-size: 1rem;
    line-height: 1.35;
}
body.gp-legacy-b2b .platform-link-card__cta {
    margin-top: auto;
    font-size: .875rem;
    font-weight: 700;
}

/* ── Bet chart surface ───────────────────────────────────────────────── */
body.gp-legacy-b2b .apexcharts-canvas,
body.gp-legacy-b2b #betChart {
    background: var(--gp-bg-1) !important;
}
body.gp-legacy-b2b .apexcharts-text,
body.gp-legacy-b2b .apexcharts-legend-text,
body.gp-legacy-b2b .apexcharts-xaxis-label,
body.gp-legacy-b2b .apexcharts-yaxis-label {
    fill: var(--gp-text-2) !important;
    color: var(--gp-text-2) !important;
}
body.gp-legacy-b2b .apexcharts-gridline { stroke: var(--gp-border) !important; }

/* ── Tables / lists / forms ──────────────────────────────────────────── */
body.gp-legacy-b2b .table,
body.gp-legacy-b2b .table > :not(caption) > * > * {
    color: var(--gp-text-1) !important;
    border-color: var(--gp-border) !important;
    background: transparent !important;
}
body.gp-legacy-b2b .table thead th { color: var(--gp-text-2) !important; }
body.gp-legacy-b2b .form-control,
body.gp-legacy-b2b .form-select {
    background: var(--gp-bg-2) !important;
    border-color: var(--gp-border) !important;
    color: var(--gp-text-0) !important;
}
body.gp-legacy-b2b .form-control::placeholder { color: var(--gp-text-3) !important; }

/* ── Sports-category sidebar (Pro/Trade betting page) ────────────────── */
body.gp-legacy-b2b .sports-category {
    background: var(--gp-bg-1) !important;
    border-right: 1px solid var(--gp-border) !important;
}
body.gp-legacy-b2b .sports-category__link { color: var(--gp-text-2) !important; }
body.gp-legacy-b2b .sports-category__link:hover,
body.gp-legacy-b2b .sports-category__link.active {
    background: var(--gp-emerald-soft) !important;
    color: var(--gp-text-0) !important;
}

/* ════════════════════════════════════════════════════════════════════════
   FOOTER — dark background, readable text, EMERALD hover
   (matches the B2B user footer on gamting.com). This is the key fix: the
   default footer link colour is hsl(var(--dark)/.78) = invisible on dark.
   ════════════════════════════════════════════════════════════════════════ */
body.gp-legacy-b2b .footer,
body.gp-legacy-b2b .footer--light,
body.gp-legacy-b2b .footer-top,
body.gp-legacy-b2b .footer-bottom {
    background: var(--gp-bg-1) !important;
    border-top: 1px solid var(--gp-border) !important;
    color: var(--gp-text-1) !important;
}
body.gp-legacy-b2b .footer h1, body.gp-legacy-b2b .footer h2,
body.gp-legacy-b2b .footer h3, body.gp-legacy-b2b .footer h4,
body.gp-legacy-b2b .footer h5, body.gp-legacy-b2b .footer h6,
body.gp-legacy-b2b .footer p,
body.gp-legacy-b2b .footer-bottom p {
    color: var(--gp-text-1) !important;
}
/* footer links: readable grey → emerald on hover */
body.gp-legacy-b2b .footer a,
body.gp-legacy-b2b .footer__link,
body.gp-legacy-b2b .footer-bottom__link,
body.gp-legacy-b2b .footer-bottom__note,
body.gp-legacy-b2b .t-link--base {
    color: var(--gp-text-2) !important;
    transition: color .15s ease;
}
body.gp-legacy-b2b .footer a:hover,
body.gp-legacy-b2b .footer__link:hover,
body.gp-legacy-b2b .footer-bottom__link:hover,
body.gp-legacy-b2b .t-link--base:hover {
    color: var(--gp-emerald) !important;
}

/* ── Misc surfaces ───────────────────────────────────────────────────── */
body.gp-legacy-b2b .preloader { background: var(--gp-bg-0) !important; }
body.gp-legacy-b2b .modal-content,
body.gp-legacy-b2b .dropdown-menu {
    background: var(--gp-bg-1) !important;
    border: 1px solid var(--gp-border) !important;
    color: var(--gp-text-1) !important;
}
body.gp-legacy-b2b .list-group-item {
    background: var(--gp-bg-1) !important;
    border-color: var(--gp-border) !important;
    color: var(--gp-text-1) !important;
}

/* ════════════════════════════════════════════════════════════════════════
   Visibility fixes for elements that were dark-on-dark / hardcoded white
   ════════════════════════════════════════════════════════════════════════ */

/* Form labels (Transaction No / Type / Remark etc.) */
body.gp-legacy-b2b .form-label,
body.gp-legacy-b2b label {
    color: var(--gp-text-1) !important;
}

/* Inputs hard-coded with .bg-white (date picker, etc.) → dark */
body.gp-legacy-b2b .bg-white,
body.gp-legacy-b2b input.bg-white,
body.gp-legacy-b2b .form-control.bg-white {
    background: var(--gp-bg-2) !important;
    color: var(--gp-text-0) !important;
    border: 1px solid var(--gp-border) !important;
}
body.gp-legacy-b2b .bg-white::placeholder { color: var(--gp-text-3) !important; }

/* daterangepicker dropdown (the Today / Yesterday / Last 7 Days menu) */
body.gp-legacy-b2b .daterangepicker,
.daterangepicker {
    background: var(--gp-bg-1) !important;
    border: 1px solid var(--gp-border) !important;
    color: var(--gp-text-1) !important;
}
body.gp-legacy-b2b .daterangepicker .ranges li,
.daterangepicker .ranges li {
    color: var(--gp-text-1) !important;
}
.daterangepicker .ranges li:hover { background: var(--gp-bg-2) !important; }
.daterangepicker .ranges li.active { background: var(--gp-emerald) !important; color: #06210f !important; }
.daterangepicker .calendar-table,
.daterangepicker td, .daterangepicker th {
    background: var(--gp-bg-1) !important;
    color: var(--gp-text-1) !important;
    border-color: var(--gp-border) !important;
}
.daterangepicker td.off { color: var(--gp-text-3) !important; }
.daterangepicker td.active,
.daterangepicker td.active:hover { background: var(--gp-emerald) !important; color: #06210f !important; }
.daterangepicker:after, .daterangepicker:before { border-bottom-color: var(--gp-bg-1) !important; }

/* Withdraw / deposit balance-card buttons */
body.gp-legacy-b2b .widget-card__withdraw {
    background: var(--gp-bg-2) !important;
    color: var(--gp-text-0) !important;
    border: 1px solid var(--gp-border) !important;
}
body.gp-legacy-b2b .widget-card__withdraw:hover {
    border-color: var(--gp-emerald) !important;
    color: var(--gp-emerald) !important;
}

/* Transaction table headers/rows readable */
body.gp-legacy-b2b table thead,
body.gp-legacy-b2b .table--responsive--lg thead th {
    color: var(--gp-text-2) !important;
}
body.gp-legacy-b2b table tbody td { color: var(--gp-text-1) !important; }

/* "No markets available" / empty states */
body.gp-legacy-b2b .dsp-empty,
body.gp-legacy-b2b .mb-empty,
body.gp-legacy-b2b .empty-message,
body.gp-legacy-b2b .no-data {
    color: var(--gp-text-1) !important;
}

/* select2 dropdowns (Type / Remark filters) */
body.gp-legacy-b2b .select2-container--default .select2-selection--single,
body.gp-legacy-b2b .select2-dropdown,
body.gp-legacy-b2b .select2-results__option {
    background: var(--gp-bg-2) !important;
    color: var(--gp-text-1) !important;
    border-color: var(--gp-border) !important;
}

/* ════════════════════════════════════════════════════════════════════════
   Typography — match the B2B header style (DM Sans + JetBrains Mono numerals)
   ════════════════════════════════════════════════════════════════════════ */
@import url('https://fonts.googleapis.com/css2?family=DM+Sans:wght@400;500;600;700&family=JetBrains+Mono:wght@500;600&display=swap');

body.gp-legacy-b2b,
body.gp-legacy-b2b .header-primary,
body.gp-legacy-b2b .primary-menu,
body.gp-legacy-b2b .dashboard-menu,
body.gp-legacy-b2b .card {
    font-family: 'DM Sans', system-ui, -apple-system, 'Segoe UI', sans-serif !important;
}
/* monospace numerals for balances / amounts, like the B2B header wallet */
body.gp-legacy-b2b .header-wallet__value,
body.gp-legacy-b2b .widget-card__balance,
body.gp-legacy-b2b .balance-amount {
    font-family: 'JetBrains Mono', 'DM Sans', monospace !important;
    letter-spacing: -0.01em;
}

/* ════════════════════════════════════════════════════════════════════════
   Balance-card Deposit / Withdraw buttons + Exposure highlight
   ════════════════════════════════════════════════════════════════════════ */
/* Deposit = filled emerald (primary action) */
body.gp-legacy-b2b .widget-card__deposit {
    background: var(--gp-emerald) !important;
    color: #06210f !important;
    border: 1px solid var(--gp-emerald) !important;
    font-weight: 600 !important;
}
body.gp-legacy-b2b .widget-card__deposit:hover {
    background: #00c878 !important;
    border-color: #00c878 !important;
    color: #06210f !important;
}
body.gp-legacy-b2b .widget-card__deposit i { color: #06210f !important; }

/* Withdraw = outlined (secondary action) */
body.gp-legacy-b2b .widget-card__withdraw {
    background: transparent !important;
    color: var(--gp-text-0) !important;
    border: 1px solid var(--gp-line-strong, rgba(255,255,255,.18)) !important;
    font-weight: 600 !important;
}
body.gp-legacy-b2b .widget-card__withdraw:hover {
    border-color: var(--gp-emerald) !important;
    color: var(--gp-emerald) !important;
}
body.gp-legacy-b2b .widget-card__withdraw i { color: inherit !important; }

/* Balance-card wallet breakdown (labels + values readable) */
body.gp-legacy-b2b .wallet-breakdown__label { color: var(--gp-text-2) !important; }
body.gp-legacy-b2b .wallet-breakdown__value { color: var(--gp-text-1) !important; }

/* Exposure HIGHLIGHTED — gold, bold, subtle chip */
body.gp-legacy-b2b .wallet-breakdown__value--exposure {
    color: var(--gp-gold) !important;
    font-weight: 700 !important;
    background: rgba(244, 195, 65, 0.12) !important;
    padding: 1px 8px !important;
    border-radius: 6px !important;
}

/* ════════════════════════════════════════════════════════════════════════
   Pro event market section dividers & headers — rendered directly on the dark
   page bg (NOT inside the white market cards), so their default dark text was
   invisible. This is the "1st Innings / 2nd Innings not visible" fix; applies
   to every sport's section dividers (innings, player, fancy, etc.).
   ════════════════════════════════════════════════════════════════════════ */
body.gp-legacy-b2b .gp-market-divider {
    color: var(--gp-text-1) !important;
    background: transparent !important;
}
body.gp-legacy-b2b .gp-v3-section-hdr {
    background: var(--gp-bg-2) !important;
    border-bottom: 2px solid rgba(0, 229, 139, 0.35) !important;
    border-radius: 8px 8px 0 0 !important;
}
body.gp-legacy-b2b .gp-v3-section-hdr__label {
    color: var(--gp-emerald) !important;
}
/* In-play / Upcoming section headers + any title sitting on the dark bg */
body.gp-legacy-b2b .dsp-section-title,
body.gp-legacy-b2b .sports-body__content > .col-12 > h5,
body.gp-legacy-b2b .gp-section-heading {
    color: var(--gp-text-0) !important;
}
/* Loading / empty event states on the dark bg */
body.gp-legacy-b2b .dsp-ev-empty,
body.gp-legacy-b2b .dsp-ev-empty--loading {
    color: var(--gp-text-1) !important;
}

/* ════════════════════════════════════════════════════════════════════════
   Dashboard sidebar nav — proper structure colours (Trade + Pro sidebars)
   Base uses color:hsl(var(--black)) = invisible on the dark sidebar. Target the
   real BEM classes (__link/__text/__icon) so every item is readable.
   ════════════════════════════════════════════════════════════════════════ */
body.gp-legacy-b2b .dashboard-menu__link,
body.gp-legacy-b2b .dashboard-menu__text,
body.gp-legacy-b2b .dashboard-menu__icon,
body.gp-legacy-b2b .dashboard-menu__inner-link {
    color: var(--gp-text-1) !important;
}
body.gp-legacy-b2b .dashboard-menu__icon i,
body.gp-legacy-b2b .dashboard-menu__link i {
    color: var(--gp-text-2) !important;
}
body.gp-legacy-b2b .dashboard-menu__link:hover,
body.gp-legacy-b2b .dashboard-menu__link:hover .dashboard-menu__text,
body.gp-legacy-b2b .dashboard-menu__link:hover .dashboard-menu__icon,
body.gp-legacy-b2b .dashboard-menu__link:hover i {
    color: var(--gp-emerald) !important;
}
/* active item — emerald text + icon + subtle chip */
body.gp-legacy-b2b .dashboard-menu__link.active,
body.gp-legacy-b2b .dashboard-menu__link.active .dashboard-menu__text,
body.gp-legacy-b2b .dashboard-menu__link.active .dashboard-menu__icon,
body.gp-legacy-b2b .dashboard-menu__link.active i,
body.gp-legacy-b2b .dashboard-menu__inner-link.active {
    color: var(--gp-emerald) !important;
    font-weight: 600 !important;
}
body.gp-legacy-b2b .dashboard-menu__link.active {
    background: var(--gp-emerald-soft) !important;
    border-radius: 8px;
}
/* user/account name + balance label in the sidebar card header */
body.gp-legacy-b2b .widget-card__name,
body.gp-legacy-b2b .widget-card__label,
body.gp-legacy-b2b .widget-card__title {
    color: var(--gp-text-1) !important;
}
body.gp-legacy-b2b .widget-card__balance,
body.gp-legacy-b2b .widget-card__amount {
    color: var(--gp-text-0) !important;
}

/* ════════════════════════════════════════════════════════════════════════
   Login / Register pages — dark + emerald
   ════════════════════════════════════════════════════════════════════════ */
body.gp-legacy-b2b .login-page,
body.gp-legacy-b2b .register-page {
    background: var(--gp-bg-0) !important;
}
body.gp-legacy-b2b .login-form {
    background: var(--gp-bg-1) !important;
    border: 1px solid var(--gp-border) !important;
    border-radius: 14px !important;
    padding: 28px !important;
    box-shadow: 0 8px 40px rgba(0,0,0,.35) !important;
}
body.gp-legacy-b2b .login-form__title,
body.gp-legacy-b2b .login-form h1,
body.gp-legacy-b2b .login-form h2,
body.gp-legacy-b2b .login-form h3,
body.gp-legacy-b2b .login-form h4,
body.gp-legacy-b2b .login-form label,
body.gp-legacy-b2b .login-form .form-label {
    color: var(--gp-text-0) !important;
}
body.gp-legacy-b2b .login-form p,
body.gp-legacy-b2b .login-form .text-muted,
body.gp-legacy-b2b .login-form small {
    color: var(--gp-text-2) !important;
}
body.gp-legacy-b2b .login-form .form-control,
body.gp-legacy-b2b .login-form .form--control,
body.gp-legacy-b2b .login-form input,
body.gp-legacy-b2b .login-form select {
    background: var(--gp-bg-2) !important;
    border: 1px solid var(--gp-border) !important;
    color: var(--gp-text-0) !important;
}
body.gp-legacy-b2b .login-form input::placeholder { color: var(--gp-text-3) !important; }
body.gp-legacy-b2b .login-form .input-group-text {
    background: var(--gp-bg-3) !important;
    border-color: var(--gp-border) !important;
    color: var(--gp-text-2) !important;
}
/* primary submit button = emerald */
body.gp-legacy-b2b .login-form .btn--base,
body.gp-legacy-b2b .login-form .btn--primary,
body.gp-legacy-b2b .login-form button[type="submit"] {
    background: var(--gp-emerald) !important;
    border-color: var(--gp-emerald) !important;
    color: #06210f !important;
    font-weight: 600 !important;
}
body.gp-legacy-b2b .login-form a { color: var(--gp-emerald) !important; }
body.gp-legacy-b2b .login-form a:hover { color: #00c878 !important; }
/* checkbox / remember labels */
body.gp-legacy-b2b .login-form .form-check-label { color: var(--gp-text-1) !important; }

/* Payment method panels stay light in both Trade and Pro account contexts. */
body.gp-legacy-b2b .trade-dashboard-shell .gateway-card,
body.gp-legacy-b2b .trade-dashboard-shell .payment-system-list {
    color: #263451 !important;
}
body.gp-legacy-b2b .trade-dashboard-shell .payment-system-list {
    background: #ffffff !important;
    border-color: #dde3ef !important;
}
body.gp-legacy-b2b .trade-dashboard-shell .payment-item {
    background: #ffffff !important;
    border-color: #e5e9f2 !important;
}
body.gp-legacy-b2b .trade-dashboard-shell .payment-item:hover,
body.gp-legacy-b2b .trade-dashboard-shell .payment-item:has(.gateway-input:checked) {
    background: #f1f6ff !important;
}
body.gp-legacy-b2b .trade-dashboard-shell .payment-item__name,
body.gp-legacy-b2b .trade-dashboard-shell .deposit-info .text,
body.gp-legacy-b2b .trade-dashboard-shell .info-text .text,
body.gp-legacy-b2b .trade-dashboard-shell .gateway-card .card-title,
body.gp-legacy-b2b .trade-dashboard-shell .gateway-limit,
body.gp-legacy-b2b .trade-dashboard-shell .processing-fee,
body.gp-legacy-b2b .trade-dashboard-shell .final-amount {
    color: #263451 !important;
}
body.gp-legacy-b2b .trade-dashboard-shell .payment-system-list .form--control {
    background: #ffffff !important;
    border-color: #cfd7e6 !important;
    color: #111a30 !important;
}
body.gp-legacy-b2b .trade-dashboard-shell .payment-system-list .deposit-info__input-group-text {
    background: #f3f6fb !important;
    border-color: #cfd7e6 !important;
    color: #263451 !important;
}
body.gp-legacy-b2b .trade-dashboard-shell .payment-system-list hr {
    border-color: #dde3ef !important;
    opacity: 1;
}

/* ════════════════════════════════════════════════════════════════════════
   Buttons — guarantee emerald (never blue), site-wide on the player UI
   ════════════════════════════════════════════════════════════════════════ */
body.gp-legacy-b2b .btn--base,
body.gp-legacy-b2b .btn--signup,
body.gp-legacy-b2b .btn--primary {
    background: var(--gp-emerald) !important;
    border-color: var(--gp-emerald) !important;
    color: #06210f !important;
}
body.gp-legacy-b2b .btn--base:hover,
body.gp-legacy-b2b .btn--signup:hover,
body.gp-legacy-b2b .btn--primary:hover {
    background: #00c878 !important;
    border-color: #00c878 !important;
    color: #06210f !important;
}
body.gp-legacy-b2b .btn-outline--base {
    background: transparent !important;
    border: 1px solid var(--gp-emerald) !important;
    color: var(--gp-emerald) !important;
}
body.gp-legacy-b2b .btn-outline--base:hover {
    background: var(--gp-emerald) !important;
    color: #06210f !important;
}
/* header user-profile button + login button */
body.gp-legacy-b2b .user-profile-btn {
    background: var(--gp-bg-2) !important;
    border: 1px solid var(--gp-border) !important;
    color: var(--gp-text-0) !important;
}