/* ==========================================================================
   GameDay Analytics — member pages (/login, /my-notes, /my-bets, /s/{token})
   Layered on home.css. Bridges the subdomain sleek-theme token names
   (--surface, --text-primary, --border, --green …) that css/my-notes.css and
   the shared bet-tracker app (assets/bet-tracker/) read, with the same values
   the subdomains use, so those pages render dark here too.
   ========================================================================== */

body.member-page {
    --surface: #111316;
    --surface-2: #161a1f;
    --surface-3: #1d2128;
    --text-primary: var(--text);
    --text-secondary: var(--text-2);
    --text-muted: #6b717b;
    --border: rgba(255, 255, 255, 0.08);
    --border-strong: rgba(255, 255, 255, 0.14);
    --accent-hover: #ff8a4c;
    --accent-soft: rgba(255, 90, 54, 0.12);
    --green: #3ddc84;
    --green-soft: rgba(61, 220, 132, 0.12);
    --red: #fb7185;
    --red-soft: rgba(251, 113, 133, 0.12);
    --amber: #f5b544;
    --amber-soft: rgba(245, 181, 68, 0.12);
    --nav-bg: #2a2f37;
    --bg-tertiary: var(--surface-2);
    --font-display: var(--font);
    --radius: 8px;
    --radius-lg: 12px;
    --shadow: 0 1px 0 rgba(255, 255, 255, 0.03) inset, 0 1px 2px rgba(0, 0, 0, 0.4);
    --shadow-lg: 0 24px 60px -20px rgba(0, 0, 0, 0.8), 0 0 0 1px rgba(255, 255, 255, 0.06);
    color-scheme: dark;
}

/* home.css lifts <main> with z-index: 1, which traps the ? help modals and
   the bet-tracker overlays under the sticky header. Position alone keeps
   page content above .bg-grid / .bg-glow. */
body.member-page main { z-index: auto; }

/* Header: active link + the Log out form-button */
.member-page .nav-link.is-active { color: var(--text); background: rgba(255, 255, 255, 0.06); }
.member-page .nav-logout { display: inline-flex; margin: 0; }
.member-page .nav-logout button { font: inherit; font-size: 0.85rem; font-weight: 600; cursor: pointer; }
@media (max-width: 640px) {
    .member-page .nav-link--leagues { display: none; }
}

/* My Bets host (.gbt-page in bet-tracker.css) */
.member-page .gbt-page { padding: 56px 24px 96px; }
.member-page .gbt-page .page-title { font-size: clamp(1.9rem, 4vw, 2.6rem); letter-spacing: -0.04em; }
.member-page .gbt-page .bt-btn { border-radius: 999px; padding: 9px 18px; box-shadow: 0 8px 24px -10px rgba(255, 90, 54, 0.8); }
@media (max-width: 640px) {
    .member-page .gbt-page { padding: 32px 16px 72px; }
}