/*
============================================================
FIGHTEDGE AUDIT v1.0 | 2026-07-03 | Feature: "Edge Terminal" UI prototype layer
Changes in this version:
- Additive override stylesheet implementing the locked overhaul direction
  for owner dial-in: token sheet, elevation-by-lightness borderless cards,
  three-role type discipline, single-accent color governance, the Edge Seam
  interaction language (nav/hover/focus), unified buttons + chips, table
  polish, sidebar restyle, dashboard hero promotion.
- PROTOTYPE: loads AFTER style.css and wins by specificity/!important.
  The production implementation (Codex Phase 1-3) folds these values INTO
  style.css as tokens and deletes the losers instead of overriding them.
- Presentation-only. No selectors here alter layout mechanics, routes,
  forms, or JS behavior. Light theme intentionally untouched except where
  scoped :not([data-theme="light"]).
Depends on: ufc_predictor/web/templates/base.html (loads this after style.css)
Previous baseline: fightedge_r556 (v3.15.683)
============================================================
*/

/* ============ 1 · TOKENS ============ */
:root {
    /* elevation-by-lightness surfaces (over the dynamic backdrop) */
    --t-surface-1: rgba(17, 20, 26, 0.78);
    --t-surface-2: rgba(24, 28, 36, 0.86);
    --t-surface-3: rgba(32, 37, 47, 0.92);
    --t-surface-4: rgba(39, 45, 56, 0.97);
    --t-line: rgba(255, 255, 255, 0.07);
    --t-line-strong: rgba(255, 255, 255, 0.13);

    /* ink (type) — tuned for dark, never pure white */
    --t-ink-hi: rgba(238, 243, 248, 0.96);
    --t-ink: rgba(226, 232, 238, 0.88);
    --t-ink-2: rgba(172, 182, 194, 0.66);
    --t-ink-3: rgba(126, 136, 148, 0.46);

    /* the only accents allowed */
    --t-teal: #4ecdc4;
    --t-teal-bright: #6ee7de;
    --t-teal-deep: #3dbdad;
    --t-pl-pos: #3ecf8e;          /* P&L up — desaturated for dark   */
    --t-pl-neg: #e35d6a;          /* P&L down — desaturated for dark */
    --t-tier-gold: #d9b36a;       /* PRO tier ONLY                   */
    --t-advisory: #d9a441;        /* responsible-gambling ONLY       */

    /* radii: 4 / 8 / 12 / pill */
    --t-r-sm: 4px;
    --t-r-md: 8px;
    --t-r-lg: 12px;

    /* elevation shadows (ambient, borderless) */
    --t-e1: 0 1px 0 rgba(255, 255, 255, 0.035) inset, 0 10px 28px rgba(0, 0, 0, 0.26);
    --t-e2: 0 1px 0 rgba(255, 255, 255, 0.05) inset, 0 18px 44px rgba(0, 0, 0, 0.34);
    --t-e3: 0 1px 0 rgba(255, 255, 255, 0.06) inset, 0 26px 64px rgba(0, 0, 0, 0.44);

    /* the Edge Seam */
    --t-seam: linear-gradient(90deg, transparent, rgba(78, 205, 196, 0.55), transparent);
    --t-seam-strong: linear-gradient(90deg, transparent, rgba(110, 231, 222, 0.8), transparent);

    /* motion */
    --t-ease: cubic-bezier(0.22, 1, 0.36, 1);
    --t-fast: 150ms;
    --t-med: 250ms;
}

@media (max-width: 768px) {
    html:not([data-theme="light"]) .fe-stage-loader {
        align-items: start;
        grid-template-columns: 22px minmax(0, 1fr);
        padding: 11px;
        width: calc(100vw - 22px);
    }

    html:not([data-theme="light"]) .fe-stage-loader__title {
        white-space: normal;
    }

    html:not([data-theme="light"]) .fe-stage-loader__text,
    html:not([data-theme="light"]) .fe-stage-loader__eta,
    html:not([data-theme="light"]) .fe-stage-loader__elapsed {
        justify-content: flex-start;
        width: 100%;
    }

    html:not([data-theme="light"]) .fe-stage-loader__elapsed {
        width: auto;
    }

    html:not([data-theme="light"]) .main-content .fe-empty-state {
        min-height: 160px;
        padding: 28px 18px !important;
    }
}

/* ============ 2 · TYPE DISCIPLINE ============ */
html:not([data-theme="light"]) body {
    color: var(--t-ink);
    font-size: 14px;
}
html:not([data-theme="light"]) .main-content h1,
html:not([data-theme="light"]) .main-content h2 {
    font-family: 'Sora', 'Inter', sans-serif;
    color: var(--t-ink-hi);
    letter-spacing: -0.02em;
}
html:not([data-theme="light"]) .main-content h3,
html:not([data-theme="light"]) .main-content h4 {
    color: var(--t-ink-hi);
    letter-spacing: -0.01em;
}
/* numerals are data: always tabular */
body { font-variant-numeric: tabular-nums; }

/* demote the eyebrow zoo: page-level kickers stay mono, card-level calm down */
html:not([data-theme="light"]) .section-kicker,
html:not([data-theme="light"]) .dashboard-kicker {
    color: var(--t-teal);
    opacity: 0.85;
    letter-spacing: 2px;
    font-size: 10.5px;
}
html:not([data-theme="light"]) .card .section-kicker,
html:not([data-theme="light"]) .card .dashboard-kicker,
html:not([data-theme="light"]) .dashboard-panel-card .dashboard-kicker {
    font-family: 'Inter', sans-serif;
    text-transform: none;
    letter-spacing: 0.2px;
    font-size: 12px;
    font-weight: 600;
    color: var(--t-ink-2);
    opacity: 1;
}

/* ============ 3 · SURFACES: BORDERLESS ELEVATION ============ */
html:not([data-theme="light"]) .card,
html:not([data-theme="light"]) .dashboard-panel-card,
html:not([data-theme="light"]) .dashboard-next-card,
html:not([data-theme="light"]) .dashboard-command-tile,
html:not([data-theme="light"]) .dashboard-meta-tile,
html:not([data-theme="light"]) .fe-ops-card,
html:not([data-theme="light"]) .dashboard-action-row {
    background: var(--t-surface-1) !important;
    border-color: transparent !important;
    box-shadow: var(--t-e1) !important;
    border-radius: var(--t-r-lg) !important;
    backdrop-filter: blur(10px);
    -webkit-backdrop-filter: blur(10px);
    transition: background var(--t-med) var(--t-ease), box-shadow var(--t-med) var(--t-ease), transform var(--t-med) var(--t-ease);
}
/* nesting rule: a child surface steps exactly one tier */
html:not([data-theme="light"]) .card .card,
html:not([data-theme="light"]) .card .dashboard-meta-tile,
html:not([data-theme="light"]) .dashboard-panel-card .dashboard-meta-tile,
html:not([data-theme="light"]) .dashboard-panel-card .dashboard-action-row,
html:not([data-theme="light"]) .card .dashboard-action-row {
    background: var(--t-surface-2) !important;
    box-shadow: none !important;
    border-radius: var(--t-r-md) !important;
}
/* interactive card hover: raise one tier + the Edge Seam on the top edge */
html:not([data-theme="light"]) a.card:hover,
html:not([data-theme="light"]) .dashboard-command-tile:hover,
html:not([data-theme="light"]) a.dashboard-action-row:hover,
html:not([data-theme="light"]) .fe-ops-card:hover {
    background: var(--t-surface-2) !important;
    box-shadow: var(--t-e2), inset 0 1px 0 rgba(78, 205, 196, 0.4) !important;
    transform: translateY(-1px);
}

/* ============ 4 · THE EDGE SEAM: NAV / FOCUS ============ */
html:not([data-theme="light"]) .sidebar .nav-link {
    position: relative;
    color: var(--t-ink-2);
    border-radius: var(--t-r-md);
    transition: color var(--t-fast) var(--t-ease), background var(--t-fast) var(--t-ease);
}
html:not([data-theme="light"]) .sidebar .nav-link:hover {
    color: var(--t-ink);
    background: var(--t-surface-1);
}
html:not([data-theme="light"]) .sidebar .nav-link.active {
    color: var(--t-teal-bright);
    background: linear-gradient(90deg, rgba(78, 205, 196, 0.10), rgba(78, 205, 196, 0.02));
}
html:not([data-theme="light"]) .sidebar .nav-link.active::before {
    content: '';
    position: absolute;
    left: 0;
    top: 18%;
    bottom: 18%;
    width: 2px;
    border-radius: 2px;
    background: linear-gradient(180deg, transparent, var(--t-teal-bright), transparent);
    box-shadow: 0 0 12px rgba(78, 205, 196, 0.55);
}
/* seam focus ring everywhere (keyboard trust) */
html:not([data-theme="light"]) a:focus-visible,
html:not([data-theme="light"]) button:focus-visible,
html:not([data-theme="light"]) input:focus-visible,
html:not([data-theme="light"]) select:focus-visible,
html:not([data-theme="light"]) textarea:focus-visible {
    outline: none !important;
    box-shadow: 0 0 0 2px rgba(8, 9, 12, 0.9), 0 0 0 4px rgba(78, 205, 196, 0.55) !important;
}

/* ============ 5 · SIDEBAR RESTYLE ============ */
html:not([data-theme="light"]) .sidebar {
    background: rgba(10, 12, 16, 0.72);
    backdrop-filter: blur(18px);
    -webkit-backdrop-filter: blur(18px);
    border-right: none;
    box-shadow: 1px 0 0 rgba(255, 255, 255, 0.05);
}
html:not([data-theme="light"]) .nav-group-label {
    font-size: 10px;
    letter-spacing: 2.2px;
    color: var(--t-ink-3);
    font-weight: 600;
}
/* gold is a whisper, not a shout: PRO chips become outline micro-badges */
html:not([data-theme="light"]) .sidebar .chip-yellow,
html:not([data-theme="light"]) .sidebar [class*="pro-chip"],
html:not([data-theme="light"]) .fe-sidebar-pro-cta {
    background: transparent !important;
    border: 1px solid rgba(217, 179, 106, 0.45) !important;
    color: var(--t-tier-gold) !important;
    box-shadow: none !important;
    text-shadow: none !important;
}

/* ============ 6 · BUTTONS: ONE SYSTEM ============ */
html:not([data-theme="light"]) .btn {
    border-radius: var(--t-r-md);
    font-weight: 600;
    letter-spacing: 0.1px;
    transition: transform var(--t-fast) var(--t-ease), box-shadow var(--t-fast) var(--t-ease), background var(--t-fast) var(--t-ease);
}
html:not([data-theme="light"]) .btn-primary {
    background: linear-gradient(180deg, rgba(255, 255, 255, 0.16), rgba(255, 255, 255, 0) 42%), linear-gradient(135deg, var(--t-teal-bright), var(--t-teal) 55%, var(--t-teal-deep)) !important;
    color: #041312 !important;
    border: none !important;
    box-shadow: 0 8px 22px rgba(78, 205, 196, 0.24), inset 0 -1px 0 rgba(0, 0, 0, 0.12) !important;
}
html:not([data-theme="light"]) .btn-primary:hover {
    transform: translateY(-1px);
    box-shadow: 0 12px 30px rgba(78, 205, 196, 0.34), inset 0 -1px 0 rgba(0, 0, 0, 0.12) !important;
}
html:not([data-theme="light"]) .btn-secondary {
    background: var(--t-surface-2) !important;
    color: var(--t-ink) !important;
    border: 1px solid var(--t-line) !important;
    box-shadow: none !important;
}
html:not([data-theme="light"]) .btn-secondary:hover {
    background: var(--t-surface-3) !important;
    border-color: var(--t-line-strong) !important;
}

/* ============ 7 · CHIPS: QUIET OUTLINES ============ */
html:not([data-theme="light"]) .chip {
    border-radius: 999px;
    font-weight: 600;
    letter-spacing: 0.4px;
    border: 1px solid var(--t-line);
    background: var(--t-surface-1);
}
html:not([data-theme="light"]) .chip-teal   { background: rgba(78, 205, 196, 0.10); border-color: rgba(78, 205, 196, 0.35); color: var(--t-teal-bright); }
html:not([data-theme="light"]) .chip-green  { background: rgba(62, 207, 142, 0.10); border-color: rgba(62, 207, 142, 0.32); color: var(--t-pl-pos); }
html:not([data-theme="light"]) .chip-red    { background: rgba(227, 93, 106, 0.10); border-color: rgba(227, 93, 106, 0.32); color: var(--t-pl-neg); }
html:not([data-theme="light"]) .chip-yellow { background: rgba(217, 179, 106, 0.08); border-color: rgba(217, 179, 106, 0.35); color: var(--t-tier-gold); }

/* ============ 8 · TABLES: TERMINAL GRADE ============ */
html:not([data-theme="light"]) .main-content table th {
    font-family: 'JetBrains Mono', monospace;
    font-size: 10.5px;
    letter-spacing: 1.2px;
    text-transform: uppercase;
    color: var(--t-ink-3);
    font-weight: 600;
    border-bottom: 1px solid var(--t-line-strong);
}
html:not([data-theme="light"]) .main-content table td {
    border-color: var(--t-line);
}
html:not([data-theme="light"]) .main-content tbody tr {
    transition: background var(--t-fast) var(--t-ease);
}
html:not([data-theme="light"]) .main-content tbody tr:hover {
    background: var(--t-surface-1);
}

/* ============ 9 · DASHBOARD: HERO PROMOTION ============ */
/* the Next Event card IS the hero: one tier up + seam crown + breathing room */
html:not([data-theme="light"]) .dashboard-next-card {
    background: var(--t-surface-2) !important;
    box-shadow: var(--t-e2) !important;
    position: relative;
    overflow: hidden;
}
html:not([data-theme="light"]) .dashboard-next-card::after {
    content: '';
    position: absolute;
    top: 0;
    left: 8%;
    right: 8%;
    height: 1px;
    background: var(--t-seam-strong);
    pointer-events: none;
}
html:not([data-theme="light"]) .dashboard-event-title {
    font-family: 'Sora', 'Inter', sans-serif;
    color: var(--t-ink-hi);
    letter-spacing: -0.02em;
}
/* command tiles: calm numerals, mono steps */
html:not([data-theme="light"]) .dashboard-command-tile__step {
    color: var(--t-ink-3);
}
html:not([data-theme="light"]) .dashboard-command-tile__value {
    color: var(--t-ink-hi);
}

/* ============ 10 · SCROLLBARS + MISC POLISH ============ */
html:not([data-theme="light"]) .main-content ::-webkit-scrollbar { width: 10px; height: 10px; }
html:not([data-theme="light"]) .main-content ::-webkit-scrollbar-track { background: transparent; }
html:not([data-theme="light"]) .main-content ::-webkit-scrollbar-thumb {
    background: rgba(78, 205, 196, 0.18);
    border-radius: 999px;
    border: 3px solid transparent;
    background-clip: content-box;
}
html:not([data-theme="light"]) .main-content ::-webkit-scrollbar-thumb:hover { background-color: rgba(78, 205, 196, 0.32); }

/* advisory band: amber is reserved for exactly this */
html:not([data-theme="light"]) [class*="responsible"],
html:not([data-theme="light"]) [class*="advisory"] {
    border-color: rgba(217, 164, 65, 0.28) !important;
}

@media (prefers-reduced-motion: reduce) {
    .card, .btn, .nav-link, .dashboard-command-tile { transition: none !important; transform: none !important; }
}

/* r727: Phase 1 dashboard terminal reconciliation.
   This file loads after style.css, so the dashboard hero refinements live here
   too until the prototype layer is fully folded into the primary stylesheet. */
html:not([data-theme="light"]) .fe-dashboard-page .dashboard-next-card {
    background:
        radial-gradient(ellipse 90% 58% at 14% 0%, rgba(78, 205, 196, 0.11), transparent 58%),
        radial-gradient(ellipse 70% 54% at 96% 16%, rgba(79, 140, 255, 0.075), transparent 62%),
        linear-gradient(180deg, rgba(255, 255, 255, 0.044), rgba(255, 255, 255, 0.012)),
        var(--t-surface-2) !important;
    border: 1px solid rgba(110, 231, 222, 0.28) !important;
    border-left: 3px solid var(--t-teal-bright) !important;
    border-radius: 10px !important;
    box-shadow: var(--t-e2) !important;
    height: auto !important;
    min-height: 0 !important;
}

html:not([data-theme="light"]) .fe-dashboard-page .dashboard-top-picks-panel {
    border-top-color: rgba(78, 205, 196, 0.16) !important;
}

html:not([data-theme="light"]) .fe-dashboard-page .top-pick-card,
html:not([data-theme="light"]) .fe-dashboard-page .dashboard-command-tile,
html:not([data-theme="light"]) .fe-dashboard-page .dashboard-meta-tile,
html:not([data-theme="light"]) .fe-dashboard-page .dashboard-edge-today-primary,
html:not([data-theme="light"]) .fe-dashboard-page .dashboard-edge-today-row,
html:not([data-theme="light"]) .fe-dashboard-page .dashboard-focus-tile {
    border-radius: 8px !important;
}

@media (max-width: 768px) {
    html:not([data-theme="light"]) .fe-dashboard-page .dashboard-next-card {
        justify-content: flex-start !important;
        max-height: none !important;
        overflow: visible !important;
    }

    html:not([data-theme="light"]) .fe-dashboard-page .dashboard-top-picks-panel {
        display: block !important;
    }

    html:not([data-theme="light"]) .fe-dashboard-page .dashboard-top-picks-grid {
        display: flex !important;
        gap: 10px !important;
        grid-template-columns: none !important;
        overflow-x: auto !important;
        padding: 0 2px 5px !important;
        scroll-padding-inline: 2px;
        scroll-snap-type: x proximity;
        scrollbar-width: none;
        -webkit-overflow-scrolling: touch;
    }

    html:not([data-theme="light"]) .fe-dashboard-page .dashboard-top-picks-grid::-webkit-scrollbar {
        display: none;
    }

    html:not([data-theme="light"]) .fe-dashboard-page .top-pick-card {
        flex: 0 0 min(82vw, 300px) !important;
        min-height: 112px !important;
        padding: 14px !important;
        scroll-snap-align: start;
    }
}

@media (max-width: 480px) {
    html:not([data-theme="light"]) .fe-dashboard-page .dashboard-next-card .dashboard-event-meta-grid--spaced,
    html:not([data-theme="light"]) .fe-dashboard-page .dashboard-next-card .dashboard-command-strip {
        display: none !important;
    }
}

/* r728: Phase 2 app-shell readability reconciliation.
   Late-loaded shell rules keep the mobile header, sidebar, and transient
   loading feedback polished while the prototype layer is still active. */
html:not([data-theme="light"]) .mobile-header {
    background:
        linear-gradient(180deg, rgba(255, 255, 255, 0.045), rgba(255, 255, 255, 0)),
        rgba(7, 9, 13, 0.94) !important;
    border-bottom: 1px solid rgba(110, 231, 222, 0.16) !important;
    box-shadow: 0 12px 34px rgba(0, 0, 0, 0.32), inset 0 -1px 0 rgba(255, 255, 255, 0.035);
}

html:not([data-theme="light"]) .mobile-header .brand {
    align-items: center;
    display: inline-flex;
    gap: 9px;
    min-width: 0;
    overflow: hidden;
}

html:not([data-theme="light"]) .mobile-header .fe-wordmark__text {
    min-width: 0;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
}

html:not([data-theme="light"]) .hamburger {
    background: rgba(255, 255, 255, 0.035);
    border: 1px solid rgba(255, 255, 255, 0.10);
    border-radius: 12px;
    flex: 0 0 44px;
}

html:not([data-theme="light"]) .hamburger:hover {
    background: rgba(78, 205, 196, 0.08);
    border-color: rgba(78, 205, 196, 0.22);
}

html:not([data-theme="light"]) .hamburger span:not(.hamburger-dot) {
    background: rgba(238, 243, 248, 0.78);
}

html:not([data-theme="light"]) .sidebar .nav-link,
html:not([data-theme="light"]) .sidebar-more__summary.nav-link {
    align-items: center;
    border-left: 0 !important;
    box-sizing: border-box;
    display: flex !important;
    gap: 9px;
    margin: 1px 10px;
    min-height: 38px;
    min-width: 0;
    padding: 9px 12px !important;
}

html:not([data-theme="light"]) .sidebar .nav-link:hover,
html:not([data-theme="light"]) .sidebar-more__summary.nav-link:hover {
    padding-left: 12px !important;
    transform: none !important;
}

html:not([data-theme="light"]) .sidebar .nav-link .fe-icon,
html:not([data-theme="light"]) .sidebar-more__summary.nav-link .fe-icon {
    flex: 0 0 15px;
    margin-right: 0 !important;
}

html:not([data-theme="light"]) .sidebar .nav-link__content,
html:not([data-theme="light"]) .sidebar-admin-section__label {
    align-items: center;
    display: inline-flex;
    flex: 1 1 auto;
    gap: 9px;
    min-width: 0;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
}

html:not([data-theme="light"]) .sidebar .nav-count-badge,
html:not([data-theme="light"]) .sidebar .nav-pro-chip,
html:not([data-theme="light"]) .sidebar-admin-section__count {
    flex: 0 0 auto;
    margin-left: auto;
}

html:not([data-theme="light"]) .sidebar-admin-overview {
    margin-left: 10px;
    margin-right: 10px;
}

html:not([data-theme="light"]) .fe-stage-loader {
    top: calc(14px + env(safe-area-inset-top, 0px));
    width: min(620px, calc(100vw - 32px));
}

html:not([data-theme="light"]) .fe-stage-loader__content {
    gap: 8px;
}

html:not([data-theme="light"]) .fe-stage-loader__meta {
    column-gap: 10px;
    grid-template-columns: minmax(170px, 1fr) max-content max-content;
    row-gap: 6px;
}

html:not([data-theme="light"]) .fe-stage-loader__text,
html:not([data-theme="light"]) .fe-stage-loader__eta,
html:not([data-theme="light"]) .fe-stage-loader__elapsed {
    min-width: 0;
}

html:not([data-theme="light"]) .fe-stage-loader__eta,
html:not([data-theme="light"]) .fe-stage-loader__elapsed {
    flex: 0 0 auto;
}

@media (max-width: 768px) {
    html:not([data-theme="light"]) .main-content {
        padding-top: calc(78px + env(safe-area-inset-top, 0px)) !important;
    }

    html:not([data-theme="light"]) .mobile-header {
        height: 60px;
        padding-left: max(14px, env(safe-area-inset-left, 0px));
        padding-right: max(14px, env(safe-area-inset-right, 0px));
    }

    html:not([data-theme="light"]) .sidebar {
        padding-bottom: calc(18px + env(safe-area-inset-bottom, 0px));
    }

    html:not([data-theme="light"]) .fe-stage-loader {
        top: calc(70px + env(safe-area-inset-top, 0px));
        width: calc(100vw - 24px);
    }

    html:not([data-theme="light"]) .fe-stage-loader__meta {
        grid-template-columns: 1fr;
    }

    html:not([data-theme="light"]) .fe-stage-loader__text,
    html:not([data-theme="light"]) .fe-stage-loader__eta,
    html:not([data-theme="light"]) .fe-stage-loader__elapsed {
        box-sizing: border-box;
        justify-content: flex-start;
        width: 100%;
    }
}

/* r729: Phase 3 shared data-surface and form polish.
   Presentation-only normalization for repeated tables, inputs, alerts, and
   empty states across authenticated app pages. */
html:not([data-theme="light"]) .main-content .table-container {
    background:
        linear-gradient(180deg, rgba(255, 255, 255, 0.034), rgba(255, 255, 255, 0.006)),
        rgba(9, 12, 17, 0.56);
    border: 1px solid rgba(255, 255, 255, 0.065);
    border-radius: 10px;
    box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.035);
    max-width: 100%;
}

html:not([data-theme="light"]) .main-content .table-container table {
    border-collapse: separate;
    border-spacing: 0;
}

html:not([data-theme="light"]) .main-content table th {
    background:
        linear-gradient(180deg, rgba(255, 255, 255, 0.044), rgba(255, 255, 255, 0.012)),
        rgba(14, 17, 23, 0.92);
    color: rgba(172, 182, 194, 0.76);
}

html:not([data-theme="light"]) .main-content table td {
    line-height: 1.48;
    vertical-align: top;
}

html:not([data-theme="light"]) .main-content tbody tr:hover {
    background: rgba(78, 205, 196, 0.055);
}

html:not([data-theme="light"]) .form-group label {
    color: rgba(172, 182, 194, 0.72);
    font-family: 'JetBrains Mono', monospace;
    font-size: 10.5px;
    font-weight: 800;
    letter-spacing: 1.25px;
}

html:not([data-theme="light"]) input[type="text"],
html:not([data-theme="light"]) input[type="email"],
html:not([data-theme="light"]) input[type="password"],
html:not([data-theme="light"]) input[type="number"],
html:not([data-theme="light"]) input[type="search"],
html:not([data-theme="light"]) select,
html:not([data-theme="light"]) textarea,
html:not([data-theme="light"]) .form-control {
    background:
        linear-gradient(180deg, rgba(255, 255, 255, 0.035), rgba(255, 255, 255, 0.008)),
        rgba(10, 13, 18, 0.80);
    border: 1px solid rgba(255, 255, 255, 0.09);
    border-radius: 8px;
    box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.035);
    box-sizing: border-box;
    color: var(--t-ink);
    min-height: 42px;
    transition: border-color var(--t-fast) var(--t-ease), box-shadow var(--t-fast) var(--t-ease), background var(--t-fast) var(--t-ease);
}

html:not([data-theme="light"]) textarea,
html:not([data-theme="light"]) textarea.form-control {
    min-height: 112px;
    resize: vertical;
}

html:not([data-theme="light"]) input::placeholder,
html:not([data-theme="light"]) textarea::placeholder {
    color: rgba(172, 182, 194, 0.46);
}

html:not([data-theme="light"]) input[type="text"]:focus,
html:not([data-theme="light"]) input[type="email"]:focus,
html:not([data-theme="light"]) input[type="password"]:focus,
html:not([data-theme="light"]) input[type="number"]:focus,
html:not([data-theme="light"]) input[type="search"]:focus,
html:not([data-theme="light"]) select:focus,
html:not([data-theme="light"]) textarea:focus,
html:not([data-theme="light"]) .form-control:focus {
    background: rgba(12, 16, 22, 0.92);
    border-color: rgba(110, 231, 222, 0.52);
    box-shadow: 0 0 0 3px rgba(78, 205, 196, 0.10), inset 0 1px 0 rgba(255, 255, 255, 0.045);
}

html:not([data-theme="light"]) .main-content .btn,
html:not([data-theme="light"]) .main-content a.btn,
html:not([data-theme="light"]) .main-content button.btn {
    justify-content: center;
    min-height: 40px;
    text-align: center;
}

html:not([data-theme="light"]) .main-content .alert,
html:not([data-theme="light"]) .main-content .flash,
html:not([data-theme="light"]) .main-content .admin-empty-state,
html:not([data-theme="light"]) .main-content .empty-state,
html:not([data-theme="light"]) .main-content .fe-empty-state {
    background:
        linear-gradient(135deg, rgba(78, 205, 196, 0.075), rgba(255, 255, 255, 0.018)),
        rgba(14, 17, 23, 0.78);
    border: 1px solid rgba(78, 205, 196, 0.18);
    border-radius: 10px;
    color: var(--t-ink);
    box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.045);
}

html:not([data-theme="light"]) .main-content .alert-danger,
html:not([data-theme="light"]) .main-content .flash-error,
html:not([data-theme="light"]) .main-content .error {
    border-color: rgba(227, 93, 106, 0.28);
}

@media (max-width: 768px) {
    html:not([data-theme="light"]) .main-content .table-container {
        border-radius: 8px;
        -webkit-overflow-scrolling: touch;
    }

    html:not([data-theme="light"]) .main-content table th,
    html:not([data-theme="light"]) .main-content table td {
        padding: 9px 10px;
    }

    html:not([data-theme="light"]) .main-content .btn,
    html:not([data-theme="light"]) .main-content a.btn,
    html:not([data-theme="light"]) .main-content button.btn {
        min-height: 44px;
    }
}

/* r730: Phase 4 report and prediction readability polish.
   Late-loaded, presentation-only treatment for trust-sensitive fight cards. */
html:not([data-theme="light"]) body.fe-generated-report .fight-card,
html:not([data-theme="light"]) .main-content .fight-card {
    background:
        radial-gradient(ellipse 78% 54% at 9% 0%, rgba(78, 205, 196, 0.075), transparent 60%),
        linear-gradient(180deg, rgba(255, 255, 255, 0.040), rgba(255, 255, 255, 0.010)),
        rgba(14, 17, 23, 0.86) !important;
    border: 1px solid rgba(255, 255, 255, 0.075) !important;
    border-left: 3px solid rgba(78, 205, 196, 0.62) !important;
    border-radius: 10px !important;
    box-shadow: var(--t-e1) !important;
    color: var(--t-ink);
}

html:not([data-theme="light"]) body.fe-generated-report .fight-card.high,
html:not([data-theme="light"]) .main-content .fight-card.high {
    border-left-color: rgba(110, 231, 222, 0.88) !important;
}

html:not([data-theme="light"]) body.fe-generated-report .fight-card.medium,
html:not([data-theme="light"]) .main-content .fight-card.medium {
    border-left-color: rgba(255, 210, 79, 0.74) !important;
}

html:not([data-theme="light"]) body.fe-generated-report .fight-card .card-header,
html:not([data-theme="light"]) .main-content .fight-card .card-header {
    align-items: flex-start;
    border-bottom: 1px solid rgba(255, 255, 255, 0.065);
    gap: 12px;
    margin-bottom: 14px;
    padding-bottom: 12px;
}

html:not([data-theme="light"]) body.fe-generated-report .fight-card .card-title,
html:not([data-theme="light"]) .main-content .fight-card .card-title {
    font-family: 'Sora', 'Inter', sans-serif;
    letter-spacing: -0.01em;
    line-height: 1.22;
}

html:not([data-theme="light"]) body.fe-generated-report .fight-card .chip,
html:not([data-theme="light"]) .main-content .fight-card .chip {
    min-height: 24px;
}

html:not([data-theme="light"]) body.fe-generated-report .fight-form-card,
html:not([data-theme="light"]) .main-content .fight-form-card,
html:not([data-theme="light"]) body.fe-generated-report .prefight-context,
html:not([data-theme="light"]) .main-content .prefight-context,
html:not([data-theme="light"]) body.fe-generated-report .odds-board,
html:not([data-theme="light"]) .main-content .odds-board,
html:not([data-theme="light"]) body.fe-generated-report .fight-deep-toggle,
html:not([data-theme="light"]) .main-content .fight-deep-toggle {
    background:
        linear-gradient(180deg, rgba(255, 255, 255, 0.032), rgba(255, 255, 255, 0.007)),
        rgba(10, 13, 18, 0.58);
    border-color: rgba(255, 255, 255, 0.075);
    border-radius: 10px;
}

html:not([data-theme="light"]) body.fe-generated-report .prefight-context__item,
html:not([data-theme="light"]) .main-content .prefight-context__item {
    background: rgba(9, 12, 17, 0.58);
    border-color: rgba(255, 255, 255, 0.065);
    border-radius: 8px;
}

html:not([data-theme="light"]) body.fe-generated-report .prob-bar-wrap.fe-prob-bar,
html:not([data-theme="light"]) .main-content .prob-bar-wrap.fe-prob-bar {
    background:
        linear-gradient(90deg, rgba(255, 255, 255, 0.030), rgba(255, 255, 255, 0.010)),
        rgba(8, 10, 14, 0.76) !important;
    border: 1px solid rgba(255, 255, 255, 0.085);
    box-shadow:
        inset 0 1px 2px rgba(0, 0, 0, 0.35),
        0 0 0 1px rgba(78, 205, 196, 0.035) !important;
}

html:not([data-theme="light"]) body.fe-generated-report .analysis-callout,
html:not([data-theme="light"]) .main-content .analysis-callout {
    background:
        linear-gradient(135deg, rgba(255, 210, 79, 0.060), rgba(255, 255, 255, 0.012)),
        rgba(12, 15, 21, 0.76);
    border-color: rgba(255, 255, 255, 0.082);
    border-radius: 10px;
    line-height: 1.52;
}

html:not([data-theme="light"]) body.fe-generated-report .analysis-callout__body,
html:not([data-theme="light"]) .main-content .analysis-callout__body {
    color: rgba(222, 228, 236, 0.76);
}

html:not([data-theme="light"]) body.fe-generated-report .fight-deep-toggle > summary,
html:not([data-theme="light"]) .main-content .fight-deep-toggle > summary {
    min-height: 42px;
    padding: 11px 14px;
}

html:not([data-theme="light"]) body.fe-generated-report .fe-report-card,
html:not([data-theme="light"]) .main-content .fe-report-card {
    background:
        radial-gradient(ellipse 70% 70% at 0% 0%, rgba(78, 205, 196, 0.065), transparent 58%),
        linear-gradient(180deg, rgba(255, 255, 255, 0.035), rgba(255, 255, 255, 0.008)),
        rgba(14, 17, 23, 0.82) !important;
    border-color: rgba(255, 255, 255, 0.075) !important;
    border-radius: 10px !important;
}

html:not([data-theme="light"]) body.fe-generated-report .report-read-guide,
html:not([data-theme="light"]) body.fe-generated-report .summary {
    border-radius: 10px;
}

@media (max-width: 768px) {
    html:not([data-theme="light"]) body.fe-generated-report .fight-card,
    html:not([data-theme="light"]) .main-content .fight-card {
        padding: 16px !important;
    }

    html:not([data-theme="light"]) body.fe-generated-report .fight-card .card-header,
    html:not([data-theme="light"]) .main-content .fight-card .card-header {
        flex-direction: column;
    }

    html:not([data-theme="light"]) body.fe-generated-report .fight-card .card-title,
    html:not([data-theme="light"]) .main-content .fight-card .card-title {
        font-size: clamp(18px, 6vw, 24px);
        overflow-wrap: anywhere;
    }

    html:not([data-theme="light"]) body.fe-generated-report .prob-bar-wrap.fe-prob-bar,
    html:not([data-theme="light"]) .main-content .prob-bar-wrap.fe-prob-bar {
        height: 32px !important;
    }

    html:not([data-theme="light"]) body.fe-generated-report .odds-board,
    html:not([data-theme="light"]) .main-content .odds-board {
        gap: 10px;
    }

    html:not([data-theme="light"]) body.fe-generated-report .analysis-callout,
    html:not([data-theme="light"]) .main-content .analysis-callout {
        padding: 12px;
    }
}

/* r731: Mobile dashboard density pass.
   Keeps the next-event card useful above the fold without hiding content. */
@media (max-width: 768px) {
    html:not([data-theme="light"]) .fe-dashboard-page .dashboard-next-card {
        gap: 10px !important;
        padding: 16px !important;
    }

    html:not([data-theme="light"]) .fe-dashboard-page .dashboard-next-header {
        gap: 12px !important;
    }

    html:not([data-theme="light"]) .fe-dashboard-page .dashboard-event-title {
        font-size: clamp(23px, 7.1vw, 31px) !important;
        line-height: 1.06 !important;
    }

    html:not([data-theme="light"]) .fe-dashboard-page .dashboard-event-date-row {
        gap: 8px !important;
        margin-top: 8px !important;
    }

    html:not([data-theme="light"]) .fe-dashboard-page .fe-stage-rail {
        gap: 6px !important;
        margin-top: 10px !important;
    }

    html:not([data-theme="light"]) .fe-dashboard-page .fe-stage-pill {
        font-size: 9px !important;
        min-height: 24px !important;
        padding: 4px 8px !important;
    }

    html:not([data-theme="light"]) .fe-dashboard-page .dashboard-hero-actions {
        gap: 8px !important;
    }

    html:not([data-theme="light"]) .fe-dashboard-page .dashboard-hero-actions .btn,
    html:not([data-theme="light"]) .fe-dashboard-page .dashboard-inline-form .btn,
    html:not([data-theme="light"]) .fe-dashboard-page .dashboard-hero-button {
        min-height: 42px !important;
    }

    html:not([data-theme="light"]) .fe-dashboard-page .dashboard-next-card .fe-proof-strip {
        display: grid !important;
        gap: 7px !important;
        grid-template-columns: repeat(2, minmax(0, 1fr)) !important;
        margin-top: 2px !important;
    }

    html:not([data-theme="light"]) .fe-dashboard-page .dashboard-next-card .fe-proof-pill,
    html:not([data-theme="light"]) .fe-dashboard-page .dashboard-next-card .fe-lifecycle-chip {
        box-sizing: border-box;
        font-size: 9.5px !important;
        justify-content: flex-start;
        min-height: 26px !important;
        padding: 5px 8px !important;
        width: 100%;
    }

    html:not([data-theme="light"]) .fe-dashboard-page .dashboard-top-picks-panel {
        margin-top: 0 !important;
        padding-top: 10px !important;
    }

    html:not([data-theme="light"]) .fe-dashboard-page .dashboard-top-picks-head {
        gap: 8px !important;
        margin-bottom: 10px !important;
    }

    html:not([data-theme="light"]) .fe-dashboard-page .dashboard-top-picks-note {
        display: none !important;
    }

    html:not([data-theme="light"]) .fe-dashboard-page .top-pick-card {
        flex-basis: min(76vw, 270px) !important;
        min-height: 96px !important;
        padding: 12px !important;
    }
}

@media (max-width: 420px) {
    html:not([data-theme="light"]) .fe-dashboard-page .dashboard-next-card {
        padding: 14px !important;
    }

    html:not([data-theme="light"]) .fe-dashboard-page .dashboard-event-title {
        font-size: clamp(22px, 7.4vw, 29px) !important;
    }

    html:not([data-theme="light"]) .fe-dashboard-page .dashboard-next-card .fe-proof-strip {
        display: flex !important;
        flex-wrap: nowrap !important;
        overflow-x: auto !important;
        padding-bottom: 2px !important;
        scrollbar-width: none;
        -webkit-overflow-scrolling: touch;
    }

    html:not([data-theme="light"]) .fe-dashboard-page .dashboard-next-card .fe-proof-strip::-webkit-scrollbar {
        display: none;
    }

    html:not([data-theme="light"]) .fe-dashboard-page .dashboard-next-card .fe-proof-pill,
    html:not([data-theme="light"]) .fe-dashboard-page .dashboard-next-card .fe-lifecycle-chip {
        flex: 0 0 auto;
        white-space: nowrap;
        width: auto;
    }
}

/* r732: Auth entry surface polish.
   Presentation-only refinement for login/register/reset/verification pages. */
html:not([data-theme="light"]) body[data-fe-auth-shell="1"] .main-content {
    padding-top: clamp(28px, 5vh, 56px) !important;
}

html:not([data-theme="light"]) body[data-fe-auth-shell="1"] .fe-auth-page {
    margin-inline: auto;
    max-width: min(1120px, 100%);
}

html:not([data-theme="light"]) body[data-fe-auth-shell="1"] .fe-auth-shell {
    gap: 18px;
}

html:not([data-theme="light"]) body[data-fe-auth-shell="1"] .fe-auth-card,
html:not([data-theme="light"]) body[data-fe-auth-shell="1"] .fe-auth-pitch__diff-card,
html:not([data-theme="light"]) body[data-fe-auth-shell="1"] .fe-auth-trial-cta {
    background:
        radial-gradient(ellipse 72% 58% at 8% 0%, rgba(78, 205, 196, 0.075), transparent 58%),
        linear-gradient(180deg, rgba(255, 255, 255, 0.042), rgba(255, 255, 255, 0.010)),
        rgba(14, 17, 23, 0.86) !important;
    border: 1px solid rgba(255, 255, 255, 0.078) !important;
    border-radius: 10px !important;
    box-shadow: var(--t-e1) !important;
}

html:not([data-theme="light"]) body[data-fe-auth-shell="1"] .fe-auth-card__title {
    font-family: 'Sora', 'Inter', sans-serif;
    letter-spacing: -0.02em;
    line-height: 1.05;
}

html:not([data-theme="light"]) body[data-fe-auth-shell="1"] .fe-auth-card__sub {
    color: rgba(222, 228, 236, 0.70);
    line-height: 1.55;
}

html:not([data-theme="light"]) body[data-fe-auth-shell="1"] .fe-auth-card .form-group {
    margin-bottom: 12px;
}

html:not([data-theme="light"]) body[data-fe-auth-shell="1"] .fe-auth-card label {
    color: rgba(172, 182, 194, 0.74);
    font-family: 'JetBrains Mono', monospace;
    font-size: 10.5px;
    font-weight: 800;
    letter-spacing: 1.1px;
    text-transform: uppercase;
}

html:not([data-theme="light"]) body[data-fe-auth-shell="1"] .fe-auth-submit,
html:not([data-theme="light"]) body[data-fe-auth-shell="1"] .fe-auth-card button[type="submit"] {
    min-height: 44px;
    width: 100%;
}

html:not([data-theme="light"]) body[data-fe-auth-shell="1"] .fe-auth-assurance {
    gap: 7px;
}

html:not([data-theme="light"]) body[data-fe-auth-shell="1"] .fe-auth-assurance span,
html:not([data-theme="light"]) body[data-fe-auth-shell="1"] .fe-auth-stat,
html:not([data-theme="light"]) body[data-fe-auth-shell="1"] .fe-auth-pitch__feat {
    background: rgba(10, 13, 18, 0.58);
    border-color: rgba(255, 255, 255, 0.075);
    border-radius: 8px;
}

html:not([data-theme="light"]) body[data-fe-auth-shell="1"] .fe-auth-banner {
    border-radius: 8px;
    line-height: 1.48;
}

html:not([data-theme="light"]) body[data-fe-auth-shell="1"] .fe-auth-foot {
    line-height: 1.5;
}

html:not([data-theme="light"]) body[data-fe-auth-shell="1"] .fe-auth-pitch__features {
    display: grid;
    gap: 10px;
    grid-template-columns: repeat(2, minmax(0, 1fr));
}

html:not([data-theme="light"]) body[data-fe-auth-shell="1"] .fe-auth-pitch__feat {
    min-height: 54px;
    padding: 10px;
}

html:not([data-theme="light"]) body[data-fe-auth-shell="1"] .fe-auth-pitch__feat-desc {
    color: rgba(172, 182, 194, 0.64);
    line-height: 1.42;
}

@media (max-width: 768px) {
    html:not([data-theme="light"]) body[data-fe-auth-shell="1"] .main-content {
        padding-top: calc(78px + env(safe-area-inset-top, 0px)) !important;
    }

    html:not([data-theme="light"]) body[data-fe-auth-shell="1"] .fe-auth-shell,
    html:not([data-theme="light"]) body[data-fe-auth-shell="1"] .fe-auth-shell--wide {
        gap: 14px !important;
    }

    html:not([data-theme="light"]) body[data-fe-auth-shell="1"] .fe-auth-card {
        padding: 18px !important;
    }

    html:not([data-theme="light"]) body[data-fe-auth-shell="1"] .fe-auth-card__title {
        font-size: clamp(28px, 8vw, 38px);
    }

    html:not([data-theme="light"]) body[data-fe-auth-shell="1"] .fe-auth-stats {
        display: grid;
        gap: 8px;
        grid-template-columns: repeat(auto-fit, minmax(92px, 1fr));
    }

    html:not([data-theme="light"]) body[data-fe-auth-shell="1"] .fe-auth-stat-divider {
        display: none !important;
    }

    html:not([data-theme="light"]) body[data-fe-auth-shell="1"] .fe-auth-pitch__features {
        display: grid;
        grid-template-columns: 1fr;
        max-height: 42vh;
        overflow-y: auto;
        padding-right: 2px;
        -webkit-overflow-scrolling: touch;
    }
}

@media (max-width: 420px) {
    html:not([data-theme="light"]) body[data-fe-auth-shell="1"] .fe-auth-brand__sub {
        font-size: 11px;
        line-height: 1.45;
    }

    html:not([data-theme="light"]) body[data-fe-auth-shell="1"] .fe-auth-card {
        padding: 16px !important;
    }

    html:not([data-theme="light"]) body[data-fe-auth-shell="1"] .fe-auth-stats {
        grid-template-columns: repeat(2, minmax(0, 1fr));
    }

    html:not([data-theme="light"]) body[data-fe-auth-shell="1"] .fe-auth-pitch__head h1 {
        font-size: clamp(30px, 9vw, 42px);
    }
}

/* r733: Community and discussion surface polish.
   Presentation-only layer for forum list cards, thread actions, and replies. */
html:not([data-theme="light"]) .main-content .fe-community-hero,
html:not([data-theme="light"]) .main-content .fe-community-composer,
html:not([data-theme="light"]) .main-content .fe-thread-card,
html:not([data-theme="light"]) .main-content #reply-form,
html:not([data-theme="light"]) .main-content #replies > .card,
html:not([data-theme="light"]) .main-content [id^="reply-"].card {
    background:
        radial-gradient(ellipse 78% 60% at 7% 0%, rgba(78, 205, 196, 0.070), transparent 58%),
        linear-gradient(180deg, rgba(255, 255, 255, 0.038), rgba(255, 255, 255, 0.009)),
        rgba(14, 17, 23, 0.84) !important;
    border-color: rgba(255, 255, 255, 0.076) !important;
    border-radius: 10px !important;
    box-shadow: var(--t-e1) !important;
}

html:not([data-theme="light"]) .main-content .fe-community-hero {
    border-left-color: rgba(78, 205, 196, 0.72) !important;
}

html:not([data-theme="light"]) .main-content .fe-community-hero__title,
html:not([data-theme="light"]) .main-content .fe-thread-card__title {
    font-family: 'Sora', 'Inter', sans-serif;
    letter-spacing: -0.018em;
}

html:not([data-theme="light"]) .main-content .fe-community-hero__copy,
html:not([data-theme="light"]) .main-content .fe-community-composer__hint {
    color: rgba(222, 228, 236, 0.70);
}

html:not([data-theme="light"]) .main-content .fe-community-stat {
    background: rgba(8, 11, 16, 0.54);
    border-color: rgba(255, 255, 255, 0.072);
    border-radius: 8px;
}

html:not([data-theme="light"]) .main-content .fe-community-composer form > div:first-of-type {
    align-items: stretch;
}

html:not([data-theme="light"]) .main-content .fe-community-composer input[name="title"],
html:not([data-theme="light"]) .main-content .fe-community-composer select[name="thread_type"],
html:not([data-theme="light"]) .main-content .fe-community-composer textarea,
html:not([data-theme="light"]) .main-content form[action="/community"] input[type="search"],
html:not([data-theme="light"]) .main-content #reply-form textarea {
    background: rgba(8, 11, 16, 0.66) !important;
    border-color: rgba(255, 255, 255, 0.080) !important;
    border-radius: 8px !important;
    box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.026);
}

html:not([data-theme="light"]) .main-content .fe-community-composer input[name="title"]:focus,
html:not([data-theme="light"]) .main-content .fe-community-composer select[name="thread_type"]:focus,
html:not([data-theme="light"]) .main-content .fe-community-composer textarea:focus,
html:not([data-theme="light"]) .main-content form[action="/community"] input[type="search"]:focus,
html:not([data-theme="light"]) .main-content #reply-form textarea:focus {
    border-color: rgba(110, 231, 222, 0.50) !important;
    box-shadow: 0 0 0 3px rgba(78, 205, 196, 0.10), inset 0 1px 0 rgba(255, 255, 255, 0.028);
    outline: none;
}

html:not([data-theme="light"]) .main-content .fe-thread-list {
    gap: 10px;
}

html:not([data-theme="light"]) .main-content .fe-thread-card {
    border-left-width: 3px !important;
    min-height: 96px;
}

html:not([data-theme="light"]) .main-content .fe-thread-card:hover {
    background:
        radial-gradient(ellipse 70% 52% at 8% 0%, rgba(78, 205, 196, 0.095), transparent 58%),
        linear-gradient(180deg, rgba(255, 255, 255, 0.052), rgba(255, 255, 255, 0.012)),
        rgba(16, 20, 27, 0.88) !important;
    border-color: rgba(110, 231, 222, 0.30) !important;
}

html:not([data-theme="light"]) .main-content .reaction-bar {
    gap: 7px !important;
}

html:not([data-theme="light"]) .main-content .reaction-btn,
html:not([data-theme="light"]) .main-content .quote-btn,
html:not([data-theme="light"]) .main-content .report-btn {
    align-items: center;
    border-color: rgba(255, 255, 255, 0.080) !important;
    border-radius: 999px !important;
    color: rgba(222, 228, 236, 0.72) !important;
    display: inline-flex;
    gap: 6px;
    min-height: 28px;
    transition: border-color 140ms ease, color 140ms ease, background 140ms ease;
}

html:not([data-theme="light"]) .main-content .reaction-btn:hover,
html:not([data-theme="light"]) .main-content .quote-btn:hover,
html:not([data-theme="light"]) .main-content .report-btn:hover {
    background: rgba(78, 205, 196, 0.080) !important;
    border-color: rgba(110, 231, 222, 0.26) !important;
    color: rgba(246, 249, 252, 0.92) !important;
}

html:not([data-theme="light"]) .main-content #reply-form {
    padding: 18px !important;
}

html:not([data-theme="light"]) .main-content #reply-form textarea {
    min-height: 112px;
}

html:not([data-theme="light"]) .main-content #mention-dropdown,
html:not([data-theme="light"]) #mention-dropdown {
    background: rgba(12, 15, 21, 0.96) !important;
    border-color: rgba(255, 255, 255, 0.10) !important;
    border-radius: 9px !important;
    box-shadow: var(--t-e2) !important;
}

@media (max-width: 768px) {
    html:not([data-theme="light"]) .main-content .fe-community-hero,
    html:not([data-theme="light"]) .main-content .fe-community-composer,
    html:not([data-theme="light"]) .main-content .fe-thread-card,
    html:not([data-theme="light"]) .main-content #reply-form,
    html:not([data-theme="light"]) .main-content #replies > .card,
    html:not([data-theme="light"]) .main-content [id^="reply-"].card {
        padding: 15px !important;
    }

    html:not([data-theme="light"]) .main-content .fe-community-hero__title {
        font-size: clamp(26px, 8vw, 34px);
        line-height: 1.05;
    }

    html:not([data-theme="light"]) .main-content .fe-community-hero__stats {
        grid-template-columns: repeat(2, minmax(0, 1fr)) !important;
    }

    html:not([data-theme="light"]) .main-content .fe-thread-card > div {
        gap: 10px !important;
    }

    html:not([data-theme="light"]) .main-content .fe-thread-card__title {
        font-size: 14px;
        line-height: 1.28;
        white-space: normal;
    }
}

@media (max-width: 440px) {
    html:not([data-theme="light"]) .main-content .fe-community-hero__stats {
        grid-template-columns: 1fr 1fr !important;
    }

    html:not([data-theme="light"]) .main-content .fe-community-composer form > div:first-of-type {
        flex-direction: column !important;
    }

    html:not([data-theme="light"]) .main-content .fe-community-composer input[name="title"],
    html:not([data-theme="light"]) .main-content .fe-community-composer select[name="thread_type"] {
        min-width: 0 !important;
        width: 100% !important;
    }

    html:not([data-theme="light"]) .main-content .fe-thread-card {
        min-height: 0;
    }
}

/* r734: Betting tool surface polish.
   Display-only layer for calculators, scanners, market tables, and worklists. */
html:not([data-theme="light"]) body[data-fe-route-family="tools"] .main-content .card,
html:not([data-theme="light"]) body[data-fe-route-family="tools"] .main-content .fe-source-row,
html:not([data-theme="light"]) body[data-fe-route-family="tools"] .main-content .parlay-command-shell,
html:not([data-theme="light"]) body[data-fe-route-family="tools"] .main-content .edge-command-shell,
html:not([data-theme="light"]) body[data-fe-route-family="tools"] .main-content .vf-command-shell,
html:not([data-theme="light"]) body[data-fe-route-family="tools"] .main-content .sentiment-source-notice {
    background:
        radial-gradient(ellipse 82% 58% at 7% 0%, rgba(78, 205, 196, 0.062), transparent 58%),
        linear-gradient(180deg, rgba(255, 255, 255, 0.036), rgba(255, 255, 255, 0.010)),
        rgba(14, 17, 23, 0.84) !important;
    border-color: rgba(255, 255, 255, 0.078) !important;
    border-radius: 10px !important;
    box-shadow: var(--t-e1) !important;
}

html:not([data-theme="light"]) body[data-fe-route-family="tools"] .main-content .card-header {
    align-items: center;
    gap: 10px;
}

html:not([data-theme="light"]) body[data-fe-route-family="tools"] .main-content .card-title,
html:not([data-theme="light"]) body[data-fe-route-family="tools"] .main-content .parlay-command-title,
html:not([data-theme="light"]) body[data-fe-route-family="tools"] .main-content .edge-command-title,
html:not([data-theme="light"]) body[data-fe-route-family="tools"] .main-content .vf-command-title,
html:not([data-theme="light"]) body[data-fe-route-family="tools"] .main-content .sentiment-watch-card__title {
    font-family: 'Sora', 'Inter', sans-serif;
    letter-spacing: -0.014em;
}

html:not([data-theme="light"]) body[data-fe-route-family="tools"] .main-content .parlay-command-tile,
html:not([data-theme="light"]) body[data-fe-route-family="tools"] .main-content .edge-command-tile,
html:not([data-theme="light"]) body[data-fe-route-family="tools"] .main-content .vf-command-tile,
html:not([data-theme="light"]) body[data-fe-route-family="tools"] .main-content .sentiment-intel-tile,
html:not([data-theme="light"]) body[data-fe-route-family="tools"] .main-content .sentiment-watch-card,
html:not([data-theme="light"]) body[data-fe-route-family="tools"] .main-content .edge-card,
html:not([data-theme="light"]) body[data-fe-route-family="tools"] .main-content .vf-bet-card,
html:not([data-theme="light"]) body[data-fe-route-family="tools"] .main-content .vf-suspect-panel,
html:not([data-theme="light"]) body[data-fe-route-family="tools"] .main-content .parlay-fight-row {
    background:
        linear-gradient(135deg, rgba(78, 205, 196, 0.060), rgba(59, 130, 246, 0.020)),
        rgba(8, 11, 16, 0.58) !important;
    border-color: rgba(255, 255, 255, 0.078) !important;
    border-radius: 9px !important;
}

html:not([data-theme="light"]) body[data-fe-route-family="tools"] .main-content .parlay-command-tile:hover,
html:not([data-theme="light"]) body[data-fe-route-family="tools"] .main-content .edge-command-tile:hover,
html:not([data-theme="light"]) body[data-fe-route-family="tools"] .main-content .vf-command-tile:hover,
html:not([data-theme="light"]) body[data-fe-route-family="tools"] .main-content .edge-card:hover,
html:not([data-theme="light"]) body[data-fe-route-family="tools"] .main-content .vf-bet-card:hover {
    background:
        linear-gradient(135deg, rgba(78, 205, 196, 0.092), rgba(59, 130, 246, 0.026)),
        rgba(10, 14, 20, 0.70) !important;
    border-color: rgba(110, 231, 222, 0.28) !important;
    transform: translateY(-1px);
}

html:not([data-theme="light"]) body[data-fe-route-family="tools"] .main-content .table-container {
    background: rgba(8, 11, 16, 0.42);
    border: 1px solid rgba(255, 255, 255, 0.064);
    border-radius: 10px;
    overflow-x: auto;
    -webkit-overflow-scrolling: touch;
}

html:not([data-theme="light"]) body[data-fe-route-family="tools"] .main-content table th {
    color: rgba(174, 184, 199, 0.72);
    font-family: var(--font-mono, 'JetBrains Mono', monospace);
    font-size: 10px;
    font-weight: 900;
    letter-spacing: 0.12em;
    text-transform: uppercase;
}

html:not([data-theme="light"]) body[data-fe-route-family="tools"] .main-content table td {
    line-height: 1.42;
    vertical-align: middle;
}

html:not([data-theme="light"]) body[data-fe-route-family="tools"] .main-content input:not([type="checkbox"]):not([type="radio"]),
html:not([data-theme="light"]) body[data-fe-route-family="tools"] .main-content select,
html:not([data-theme="light"]) body[data-fe-route-family="tools"] .main-content textarea {
    background: rgba(8, 11, 16, 0.66) !important;
    border-color: rgba(255, 255, 255, 0.082) !important;
    border-radius: 8px !important;
    box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.024);
}

html:not([data-theme="light"]) body[data-fe-route-family="tools"] .main-content input:not([type="checkbox"]):not([type="radio"]):focus,
html:not([data-theme="light"]) body[data-fe-route-family="tools"] .main-content select:focus,
html:not([data-theme="light"]) body[data-fe-route-family="tools"] .main-content textarea:focus {
    border-color: rgba(110, 231, 222, 0.50) !important;
    box-shadow: 0 0 0 3px rgba(78, 205, 196, 0.10), inset 0 1px 0 rgba(255, 255, 255, 0.028);
    outline: none;
}

html:not([data-theme="light"]) body[data-fe-route-family="tools"] .main-content .chip {
    min-height: 28px;
}

html:not([data-theme="light"]) body[data-fe-route-family="tools"] .main-content button.chip,
html:not([data-theme="light"]) body[data-fe-route-family="tools"] .main-content a.chip {
    min-height: 32px;
}

html:not([data-theme="light"]) body[data-fe-route-family="tools"] .main-content .btn,
html:not([data-theme="light"]) body[data-fe-route-family="tools"] .main-content button:not(.chip):not(.nav-toggle):not(.fe-mobile-menu-toggle) {
    min-height: 38px;
}

html:not([data-theme="light"]) body[data-fe-route-family="tools"] .main-content .parlay-slip-panel {
    top: 92px;
}

html:not([data-theme="light"]) body[data-fe-route-family="tools"] .main-content #parlay-result,
html:not([data-theme="light"]) body[data-fe-route-family="tools"] .main-content #parlay-preview {
    border-radius: 10px;
}

@media (max-width: 768px) {
    html:not([data-theme="light"]) body[data-fe-route-family="tools"] .fe-content-frame {
        padding-inline: 0;
    }

    html:not([data-theme="light"]) body[data-fe-route-family="tools"] .main-content .card,
    html:not([data-theme="light"]) body[data-fe-route-family="tools"] .main-content .fe-source-row,
    html:not([data-theme="light"]) body[data-fe-route-family="tools"] .main-content .parlay-command-shell,
    html:not([data-theme="light"]) body[data-fe-route-family="tools"] .main-content .edge-command-shell,
    html:not([data-theme="light"]) body[data-fe-route-family="tools"] .main-content .vf-command-shell,
    html:not([data-theme="light"]) body[data-fe-route-family="tools"] .main-content .sentiment-source-notice {
        padding: 15px !important;
    }

    html:not([data-theme="light"]) body[data-fe-route-family="tools"] .main-content .card-header {
        align-items: flex-start;
        flex-direction: column;
    }

    html:not([data-theme="light"]) body[data-fe-route-family="tools"] .main-content .stat-grid {
        gap: 8px;
    }

    html:not([data-theme="light"]) body[data-fe-route-family="tools"] .main-content .table-container {
        border-radius: 9px;
        margin-inline: -2px;
    }

    html:not([data-theme="light"]) body[data-fe-route-family="tools"] .main-content .btn,
    html:not([data-theme="light"]) body[data-fe-route-family="tools"] .main-content button:not(.chip):not(.nav-toggle):not(.fe-mobile-menu-toggle),
    html:not([data-theme="light"]) body[data-fe-route-family="tools"] .main-content a.btn {
        min-height: 44px;
    }
}

@media (max-width: 480px) {
    html:not([data-theme="light"]) body[data-fe-route-family="tools"] .main-content .parlay-command-tile,
    html:not([data-theme="light"]) body[data-fe-route-family="tools"] .main-content .edge-command-tile,
    html:not([data-theme="light"]) body[data-fe-route-family="tools"] .main-content .vf-command-tile,
    html:not([data-theme="light"]) body[data-fe-route-family="tools"] .main-content .sentiment-intel-tile,
    html:not([data-theme="light"]) body[data-fe-route-family="tools"] .main-content .sentiment-watch-card {
        min-height: 0;
    }

    html:not([data-theme="light"]) body[data-fe-route-family="tools"] .main-content .chip,
    html:not([data-theme="light"]) body[data-fe-route-family="tools"] .main-content button.chip,
    html:not([data-theme="light"]) body[data-fe-route-family="tools"] .main-content a.chip {
        white-space: normal;
    }
}

/* r735: Account and personal tracking surface polish.
   Display-only layer for profile settings, alerts, referrals, ROI, and My Bets. */
html:not([data-theme="light"]) body[data-fe-route-family="account"] .fe-content-frame::before {
    background: linear-gradient(90deg, rgba(246, 201, 107, 0.55), rgba(78, 205, 196, 0.34), transparent);
}

html:not([data-theme="light"]) body[data-fe-route-family="account"] .main-content .page-header {
    opacity: 1 !important;
    transform: none !important;
}

html:not([data-theme="light"]) body[data-fe-route-family="account"] .main-content .card,
html:not([data-theme="light"]) body[data-fe-route-family="account"] .main-content .fe-profile-section,
html:not([data-theme="light"]) body[data-fe-route-family="account"] .main-content .fe-account-control-center,
html:not([data-theme="light"]) body[data-fe-route-family="account"] .main-content .fe-profile-identity-hero,
html:not([data-theme="light"]) body[data-fe-route-family="account"] .main-content .referrals-hero,
html:not([data-theme="light"]) body[data-fe-route-family="account"] .main-content .referrals-share-panel,
html:not([data-theme="light"]) body[data-fe-route-family="account"] .main-content .referrals-table-card,
html:not([data-theme="light"]) body[data-fe-route-family="account"] .main-content .fe-notification-channel-guide__item {
    background:
        radial-gradient(ellipse 88% 58% at 7% 0%, rgba(246, 201, 107, 0.052), transparent 58%),
        radial-gradient(ellipse 70% 56% at 94% 0%, rgba(78, 205, 196, 0.044), transparent 62%),
        linear-gradient(180deg, rgba(255, 255, 255, 0.036), rgba(255, 255, 255, 0.010)),
        rgba(14, 17, 23, 0.84) !important;
    border-color: rgba(255, 255, 255, 0.080) !important;
    border-radius: 10px !important;
    box-shadow: var(--t-e1) !important;
}

html:not([data-theme="light"]) body[data-fe-route-family="account"] .main-content .fe-profile-sub,
html:not([data-theme="light"]) body[data-fe-route-family="account"] .main-content .referrals-stat,
html:not([data-theme="light"]) body[data-fe-route-family="account"] .main-content .referrals-step,
html:not([data-theme="light"]) body[data-fe-route-family="account"] .main-content .fe-bets-tip,
html:not([data-theme="light"]) body[data-fe-route-family="account"] .main-content .fe-bet-row,
html:not([data-theme="light"]) body[data-fe-route-family="account"] .main-content .fe-model-rec-box,
html:not([data-theme="light"]) body[data-fe-route-family="account"] .main-content .fe-bet-empty,
html:not([data-theme="light"]) body[data-fe-route-family="account"] .main-content .fe-roi-low-data,
html:not([data-theme="light"]) body[data-fe-route-family="account"] .main-content .fe-push-trigger-item,
html:not([data-theme="light"]) body[data-fe-route-family="account"] .main-content .fe-notification-item,
html:not([data-theme="light"]) body[data-fe-route-family="account"] .main-content .fe-public-profile-hero__stats > div {
    background:
        linear-gradient(135deg, rgba(246, 201, 107, 0.045), rgba(78, 205, 196, 0.026)),
        rgba(8, 11, 16, 0.58) !important;
    border-color: rgba(255, 255, 255, 0.080) !important;
    border-radius: 9px !important;
}

html:not([data-theme="light"]) body[data-fe-route-family="account"] .main-content .card-title,
html:not([data-theme="light"]) body[data-fe-route-family="account"] .main-content .referrals-hero__title,
html:not([data-theme="light"]) body[data-fe-route-family="account"] .main-content .fe-bet-empty__title,
html:not([data-theme="light"]) body[data-fe-route-family="account"] .main-content .fe-roi-empty-cta__title,
html:not([data-theme="light"]) body[data-fe-route-family="account"] .main-content .fe-public-profile-hero h1 {
    font-family: 'Sora', 'Inter', sans-serif;
}

html:not([data-theme="light"]) body[data-fe-route-family="account"] .main-content .fe-profile-jumpnav,
html:not([data-theme="light"]) body[data-fe-route-family="account"] .main-content .fe-profile-top-nav {
    overflow-x: auto;
    -webkit-overflow-scrolling: touch;
    scrollbar-width: thin;
}

html:not([data-theme="light"]) body[data-fe-route-family="account"] .main-content .fe-profile-jumpnav a,
html:not([data-theme="light"]) body[data-fe-route-family="account"] .main-content .fe-profile-top-nav a {
    white-space: nowrap;
}

html:not([data-theme="light"]) body[data-fe-route-family="account"] .main-content .referrals-actions .btn,
html:not([data-theme="light"]) body[data-fe-route-family="account"] .main-content .referrals-actions button,
html:not([data-theme="light"]) body[data-fe-route-family="account"] .main-content .fe-bet-row__delete,
html:not([data-theme="light"]) body[data-fe-route-family="account"] .main-content .fe-pick-buttons button,
html:not([data-theme="light"]) body[data-fe-route-family="account"] .main-content .btn,
html:not([data-theme="light"]) body[data-fe-route-family="account"] .main-content button:not(.chip):not(.nav-toggle):not(.fe-mobile-menu-toggle) {
    min-height: 38px;
}

html:not([data-theme="light"]) body[data-fe-route-family="account"] .main-content input:not([type="checkbox"]):not([type="radio"]),
html:not([data-theme="light"]) body[data-fe-route-family="account"] .main-content select,
html:not([data-theme="light"]) body[data-fe-route-family="account"] .main-content textarea {
    background: rgba(8, 11, 16, 0.66) !important;
    border-color: rgba(255, 255, 255, 0.082) !important;
    border-radius: 8px !important;
    box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.024);
}

html:not([data-theme="light"]) body[data-fe-route-family="account"] .main-content input:not([type="checkbox"]):not([type="radio"]):focus,
html:not([data-theme="light"]) body[data-fe-route-family="account"] .main-content select:focus,
html:not([data-theme="light"]) body[data-fe-route-family="account"] .main-content textarea:focus {
    border-color: rgba(246, 201, 107, 0.50) !important;
    box-shadow: 0 0 0 3px rgba(246, 201, 107, 0.10), inset 0 1px 0 rgba(255, 255, 255, 0.028);
    outline: none;
}

html:not([data-theme="light"]) body[data-fe-route-family="account"] .main-content .table-container,
html:not([data-theme="light"]) body[data-fe-route-family="account"] .main-content .referrals-table-card {
    overflow-x: auto;
    -webkit-overflow-scrolling: touch;
}

html:not([data-theme="light"]) body[data-fe-route-family="account"] .main-content table th {
    color: rgba(174, 184, 199, 0.72);
    font-family: var(--font-mono, 'JetBrains Mono', monospace);
    font-size: 10px;
    font-weight: 900;
    letter-spacing: 0.12em;
    text-transform: uppercase;
}

html:not([data-theme="light"]) body[data-fe-route-family="account"] .main-content table td {
    line-height: 1.42;
    vertical-align: middle;
}

html:not([data-theme="light"]) body[data-fe-route-family="account"] .main-content .fe-notification-list {
    padding: 10px;
}

html:not([data-theme="light"]) body[data-fe-route-family="account"] .main-content .fe-notification-item {
    display: block;
    padding: 11px 12px;
}

html:not([data-theme="light"]) body[data-fe-route-family="account"] .main-content .fe-notification-item + .fe-notification-item {
    margin-top: 8px;
}

html:not([data-theme="light"]) body[data-fe-route-family="account"] .main-content .fe-bet-row:hover,
html:not([data-theme="light"]) body[data-fe-route-family="account"] .main-content .referrals-stat:hover,
html:not([data-theme="light"]) body[data-fe-route-family="account"] .main-content .fe-notification-item:hover {
    border-color: rgba(246, 201, 107, 0.24) !important;
    transform: translateY(-1px);
}

@media (max-width: 900px) {
    html:not([data-theme="light"]) body[data-fe-route-family="account"] .main-content [style*="grid-template-columns:2fr 1fr"],
    html:not([data-theme="light"]) body[data-fe-route-family="account"] .main-content [style*="grid-template-columns:1fr 1fr"],
    html:not([data-theme="light"]) body[data-fe-route-family="account"] .main-content .fe-bets-layout,
    html:not([data-theme="light"]) body[data-fe-route-family="account"] .main-content .fe-profile-layout,
    html:not([data-theme="light"]) body[data-fe-route-family="account"] .main-content .fe-public-profile-hero__top {
        grid-template-columns: 1fr !important;
    }

    html:not([data-theme="light"]) body[data-fe-route-family="account"] .main-content .fe-public-profile-hero__actions {
        align-items: stretch;
        display: flex;
        flex-direction: column;
        width: 100%;
    }
}

@media (max-width: 768px) {
    html:not([data-theme="light"]) body[data-fe-route-family="account"] .fe-content-frame {
        padding-inline: 0;
    }

    html:not([data-theme="light"]) body[data-fe-route-family="account"] .main-content .card,
    html:not([data-theme="light"]) body[data-fe-route-family="account"] .main-content .fe-profile-section,
    html:not([data-theme="light"]) body[data-fe-route-family="account"] .main-content .fe-account-control-center,
    html:not([data-theme="light"]) body[data-fe-route-family="account"] .main-content .fe-profile-identity-hero,
    html:not([data-theme="light"]) body[data-fe-route-family="account"] .main-content .referrals-hero,
    html:not([data-theme="light"]) body[data-fe-route-family="account"] .main-content .referrals-share-panel,
    html:not([data-theme="light"]) body[data-fe-route-family="account"] .main-content .referrals-table-card {
        padding: 15px !important;
    }

    html:not([data-theme="light"]) body[data-fe-route-family="account"] .main-content .page-header {
        padding-inline: 4px;
    }

    html:not([data-theme="light"]) body[data-fe-route-family="account"] .main-content .referrals-hero__title,
    html:not([data-theme="light"]) body[data-fe-route-family="account"] .main-content .fe-public-profile-hero h1 {
        font-size: clamp(25px, 8vw, 34px);
        line-height: 1.08;
    }

    html:not([data-theme="light"]) body[data-fe-route-family="account"] .main-content .btn,
    html:not([data-theme="light"]) body[data-fe-route-family="account"] .main-content button:not(.chip):not(.nav-toggle):not(.fe-mobile-menu-toggle),
    html:not([data-theme="light"]) body[data-fe-route-family="account"] .main-content a.btn {
        min-height: 44px;
    }
}

@media (max-width: 520px) {
    html:not([data-theme="light"]) body[data-fe-route-family="account"] .main-content .fe-public-profile-hero__stats,
    html:not([data-theme="light"]) body[data-fe-route-family="account"] .main-content .fe-roi-supporting,
    html:not([data-theme="light"]) body[data-fe-route-family="account"] .main-content .fe-bet-form-grid,
    html:not([data-theme="light"]) body[data-fe-route-family="account"] .main-content .fe-account-control-grid {
        grid-template-columns: 1fr !important;
    }

    html:not([data-theme="light"]) body[data-fe-route-family="account"] .main-content .fe-bet-row,
    html:not([data-theme="light"]) body[data-fe-route-family="account"] .main-content .fe-settle-form {
        align-items: stretch !important;
        flex-direction: column !important;
    }

    html:not([data-theme="light"]) body[data-fe-route-family="account"] .main-content .referrals-actions .btn,
    html:not([data-theme="light"]) body[data-fe-route-family="account"] .main-content .referrals-actions button,
    html:not([data-theme="light"]) body[data-fe-route-family="account"] .main-content .fe-pick-buttons button {
        width: 100%;
    }

    html:not([data-theme="light"]) body[data-fe-route-family="account"] .main-content .chip {
        white-space: normal;
    }
}

/* r736: Trust, support, and legal surface polish.
   Presentation-only layer for public proof, policy, FAQ, changelog, contact, and trust pages. */
html:not([data-theme="light"]) body[data-fe-route-family="trust"] .fe-content-frame::before {
    background: linear-gradient(90deg, rgba(78, 205, 196, 0.46), rgba(246, 201, 107, 0.24), transparent);
}

html:not([data-theme="light"]) body[data-fe-route-family="trust"] .main-content .page-header {
    opacity: 1 !important;
    transform: none !important;
}

html:not([data-theme="light"]) body[data-fe-route-family="trust"] .main-content .page-header h1 {
    font-family: 'Sora', 'Inter', sans-serif;
    letter-spacing: -0.025em;
    line-height: 1.06;
}

html:not([data-theme="light"]) body[data-fe-route-family="trust"] .main-content .subtitle,
html:not([data-theme="light"]) body[data-fe-route-family="trust"] .main-content p,
html:not([data-theme="light"]) body[data-fe-route-family="trust"] .main-content li {
    color: rgba(222, 228, 236, 0.72);
    line-height: 1.64;
}

html:not([data-theme="light"]) body[data-fe-route-family="trust"] .main-content .card,
html:not([data-theme="light"]) body[data-fe-route-family="trust"] .main-content .trust-status-panel,
html:not([data-theme="light"]) body[data-fe-route-family="trust"] .main-content .trust-status-tile,
html:not([data-theme="light"]) body[data-fe-route-family="trust"] .main-content .fe-changelog-entry,
html:not([data-theme="light"]) body[data-fe-route-family="trust"] .main-content .support-note,
html:not([data-theme="light"]) body[data-fe-route-family="trust"] .main-content .fe-legal-note,
html:not([data-theme="light"]) body[data-fe-route-family="trust"] .main-content details,
html:not([data-theme="light"]) body[data-fe-route-family="trust"] .main-content .fe-trust-metric,
html:not([data-theme="light"]) body[data-fe-route-family="trust"] .main-content .table-container {
    background:
        radial-gradient(ellipse 86% 58% at 8% 0%, rgba(78, 205, 196, 0.060), transparent 58%),
        linear-gradient(180deg, rgba(255, 255, 255, 0.034), rgba(255, 255, 255, 0.008)),
        rgba(14, 17, 23, 0.84) !important;
    border-color: rgba(255, 255, 255, 0.080) !important;
    border-radius: 10px !important;
    box-shadow: var(--t-e1) !important;
}

html:not([data-theme="light"]) body[data-fe-route-family="trust"] .main-content .card,
html:not([data-theme="light"]) body[data-fe-route-family="trust"] .main-content .trust-status-panel,
html:not([data-theme="light"]) body[data-fe-route-family="trust"] .main-content .trust-status-tile,
html:not([data-theme="light"]) body[data-fe-route-family="trust"] .main-content .fe-changelog-entry,
html:not([data-theme="light"]) body[data-fe-route-family="trust"] .main-content .support-note,
html:not([data-theme="light"]) body[data-fe-route-family="trust"] .main-content .fe-legal-note,
html:not([data-theme="light"]) body[data-fe-route-family="trust"] .main-content details,
html:not([data-theme="light"]) body[data-fe-route-family="trust"] .main-content .fe-trust-metric {
    opacity: 1 !important;
    transform: none !important;
}

html:not([data-theme="light"]) body[data-fe-route-family="trust"] .main-content .card-title,
html:not([data-theme="light"]) body[data-fe-route-family="trust"] .main-content h2,
html:not([data-theme="light"]) body[data-fe-route-family="trust"] .main-content .trust-status-value,
html:not([data-theme="light"]) body[data-fe-route-family="trust"] .main-content .fe-changelog-entry h2,
html:not([data-theme="light"]) body[data-fe-route-family="trust"] .main-content .fe-trust-metric__book {
    font-family: 'Sora', 'Inter', sans-serif;
}

html:not([data-theme="light"]) body[data-fe-route-family="trust"] .main-content .trust-status-label,
html:not([data-theme="light"]) body[data-fe-route-family="trust"] .main-content .trust-status-row strong,
html:not([data-theme="light"]) body[data-fe-route-family="trust"] .main-content .fe-changelog-entry__meta,
html:not([data-theme="light"]) body[data-fe-route-family="trust"] .main-content .support-field label,
html:not([data-theme="light"]) body[data-fe-route-family="trust"] .main-content .fe-trust-metric__cell:first-child {
    color: rgba(110, 231, 222, 0.82) !important;
    font-family: var(--font-mono, 'JetBrains Mono', monospace);
    font-size: 10.5px;
    font-weight: 900;
    letter-spacing: 0.12em;
    text-transform: uppercase;
}

html:not([data-theme="light"]) body[data-fe-route-family="trust"] .main-content .trust-status-copy,
html:not([data-theme="light"]) body[data-fe-route-family="trust"] .main-content .trust-status-muted,
html:not([data-theme="light"]) body[data-fe-route-family="trust"] .main-content .fe-beta-copy,
html:not([data-theme="light"]) body[data-fe-route-family="trust"] .main-content .fe-changelog-entry p,
html:not([data-theme="light"]) body[data-fe-route-family="trust"] .main-content .fe-changelog-entry li,
html:not([data-theme="light"]) body[data-fe-route-family="trust"] .main-content .fe-trust-metric__cell {
    color: rgba(222, 228, 236, 0.68) !important;
    line-height: 1.55;
}

html:not([data-theme="light"]) body[data-fe-route-family="trust"] .main-content .trust-status-value {
    color: rgba(110, 231, 222, 0.95) !important;
    letter-spacing: -0.025em;
}

html:not([data-theme="light"]) body[data-fe-route-family="trust"] .main-content .trust-status-row,
html:not([data-theme="light"]) body[data-fe-route-family="trust"] .main-content .fe-trust-metric {
    border-color: rgba(255, 255, 255, 0.070) !important;
}

html:not([data-theme="light"]) body[data-fe-route-family="trust"] .main-content .trust-status-action,
html:not([data-theme="light"]) body[data-fe-route-family="trust"] .main-content .fe-changelog-nav a,
html:not([data-theme="light"]) body[data-fe-route-family="trust"] .main-content .btn,
html:not([data-theme="light"]) body[data-fe-route-family="trust"] .main-content button:not(.chip):not(.nav-toggle):not(.fe-mobile-menu-toggle) {
    border-radius: 9px !important;
    min-height: 40px;
}

html:not([data-theme="light"]) body[data-fe-route-family="trust"] .main-content .trust-status-action {
    background:
        linear-gradient(135deg, rgba(78, 205, 196, 0.080), rgba(246, 201, 107, 0.035)),
        rgba(8, 11, 16, 0.62) !important;
    border-color: rgba(78, 205, 196, 0.18) !important;
    transition: transform var(--t-fast) var(--t-ease), border-color var(--t-fast) var(--t-ease), background var(--t-fast) var(--t-ease);
}

html:not([data-theme="light"]) body[data-fe-route-family="trust"] .main-content .trust-status-action:hover {
    border-color: rgba(110, 231, 222, 0.36) !important;
    transform: translateY(-1px);
}

html:not([data-theme="light"]) body[data-fe-route-family="trust"] .main-content details {
    padding: 14px 16px !important;
    transition: border-color var(--t-fast) var(--t-ease), background var(--t-fast) var(--t-ease);
}

html:not([data-theme="light"]) body[data-fe-route-family="trust"] .main-content details[open] {
    border-color: rgba(78, 205, 196, 0.24) !important;
}

html:not([data-theme="light"]) body[data-fe-route-family="trust"] .main-content details summary {
    align-items: center;
    color: var(--t-ink) !important;
    gap: 12px;
    min-height: 34px;
}

html:not([data-theme="light"]) body[data-fe-route-family="trust"] .main-content input:not([type="checkbox"]):not([type="radio"]),
html:not([data-theme="light"]) body[data-fe-route-family="trust"] .main-content select,
html:not([data-theme="light"]) body[data-fe-route-family="trust"] .main-content textarea,
html:not([data-theme="light"]) body[data-fe-route-family="trust"] .main-content .support-input,
html:not([data-theme="light"]) body[data-fe-route-family="trust"] .main-content .support-select,
html:not([data-theme="light"]) body[data-fe-route-family="trust"] .main-content .support-textarea {
    background: rgba(8, 11, 16, 0.66) !important;
    border-color: rgba(255, 255, 255, 0.085) !important;
    border-radius: 8px !important;
    color: var(--t-ink) !important;
    min-height: 40px;
}

html:not([data-theme="light"]) body[data-fe-route-family="trust"] .main-content input:not([type="checkbox"]):not([type="radio"]):focus,
html:not([data-theme="light"]) body[data-fe-route-family="trust"] .main-content select:focus,
html:not([data-theme="light"]) body[data-fe-route-family="trust"] .main-content textarea:focus {
    border-color: rgba(110, 231, 222, 0.50) !important;
    box-shadow: 0 0 0 3px rgba(78, 205, 196, 0.12), inset 0 1px 0 rgba(255, 255, 255, 0.026);
    outline: none;
}

html:not([data-theme="light"]) body[data-fe-route-family="trust"] .main-content .support-textarea {
    min-height: 112px;
}

html:not([data-theme="light"]) body[data-fe-route-family="trust"] .main-content .fe-trust-metric {
    align-items: center;
    gap: 10px;
}

html:not([data-theme="light"]) body[data-fe-route-family="trust"] .main-content .fe-trust-metric__head {
    background: rgba(8, 11, 16, 0.76) !important;
    box-shadow: none !important;
}

html:not([data-theme="light"]) body[data-fe-route-family="trust"] .main-content .table-container,
html:not([data-theme="light"]) body[data-fe-route-family="trust"] .main-content .fe-trust-metric {
    overflow-x: auto;
    -webkit-overflow-scrolling: touch;
}

@media (max-width: 900px) {
    html:not([data-theme="light"]) body[data-fe-route-family="trust"] .main-content .trust-status-hero,
    html:not([data-theme="light"]) body[data-fe-route-family="trust"] .main-content .trust-status-section-grid,
    html:not([data-theme="light"]) body[data-fe-route-family="trust"] .main-content .support-grid,
    html:not([data-theme="light"]) body[data-fe-route-family="trust"] .main-content .support-two-col,
    html:not([data-theme="light"]) body[data-fe-route-family="trust"] .main-content [style*="grid-template-columns:2fr"],
    html:not([data-theme="light"]) body[data-fe-route-family="trust"] .main-content [style*="grid-template-columns:1fr 1fr"] {
        grid-template-columns: 1fr !important;
    }
}

@media (max-width: 768px) {
    html:not([data-theme="light"]) body[data-fe-route-family="trust"] .fe-content-frame {
        padding-inline: 0;
    }

    html:not([data-theme="light"]) body[data-fe-route-family="trust"] .main-content .card,
    html:not([data-theme="light"]) body[data-fe-route-family="trust"] .main-content .trust-status-panel,
    html:not([data-theme="light"]) body[data-fe-route-family="trust"] .main-content .trust-status-tile,
    html:not([data-theme="light"]) body[data-fe-route-family="trust"] .main-content .fe-changelog-entry,
    html:not([data-theme="light"]) body[data-fe-route-family="trust"] .main-content .support-note,
    html:not([data-theme="light"]) body[data-fe-route-family="trust"] .main-content .fe-legal-note {
        padding: 15px !important;
    }

    html:not([data-theme="light"]) body[data-fe-route-family="trust"] .main-content .page-header {
        padding-inline: 4px;
    }

    html:not([data-theme="light"]) body[data-fe-route-family="trust"] .main-content .page-header h1 {
        font-size: clamp(28px, 8vw, 38px);
    }

    html:not([data-theme="light"]) body[data-fe-route-family="trust"] .main-content .trust-status-grid {
        gap: 8px !important;
        grid-template-columns: repeat(2, minmax(0, 1fr)) !important;
    }

    html:not([data-theme="light"]) body[data-fe-route-family="trust"] .main-content .trust-status-grid--freshness {
        grid-template-columns: repeat(3, minmax(0, 1fr)) !important;
    }

    html:not([data-theme="light"]) body[data-fe-route-family="trust"] .main-content .trust-status-tile {
        min-height: 96px !important;
        padding: 10px !important;
    }

    html:not([data-theme="light"]) body[data-fe-route-family="trust"] .main-content .trust-status-actions {
        grid-template-columns: 1fr !important;
    }

    html:not([data-theme="light"]) body[data-fe-route-family="trust"] .main-content .btn,
    html:not([data-theme="light"]) body[data-fe-route-family="trust"] .main-content a.btn,
    html:not([data-theme="light"]) body[data-fe-route-family="trust"] .main-content button:not(.chip):not(.nav-toggle):not(.fe-mobile-menu-toggle) {
        min-height: 44px;
    }
}

@media (max-width: 560px) {
    html:not([data-theme="light"]) body[data-fe-route-family="trust"] .main-content .fe-trust-metric {
        align-items: stretch;
        display: grid !important;
        grid-template-columns: 1fr 1fr;
    }

    html:not([data-theme="light"]) body[data-fe-route-family="trust"] .main-content .fe-trust-metric__head {
        display: none !important;
    }

    html:not([data-theme="light"]) body[data-fe-route-family="trust"] .main-content .fe-trust-metric__cell,
    html:not([data-theme="light"]) body[data-fe-route-family="trust"] .main-content .fe-trust-metric__book {
        min-width: 0;
        overflow-wrap: anywhere;
    }
}

@media (max-width: 374px) {
    html:not([data-theme="light"]) body[data-fe-route-family="trust"] .main-content .trust-status-grid,
    html:not([data-theme="light"]) body[data-fe-route-family="trust"] .main-content .trust-status-grid--freshness {
        grid-template-columns: 1fr !important;
    }
}

/* r737: Admin and operator surface polish.
   Scoped visual hardening for owner tools, dense tables, status cards, and mobile-safe controls. */
html:not([data-theme="light"]) body[data-fe-route-family="admin"] .fe-content-frame::before {
    background: linear-gradient(90deg, rgba(110, 231, 222, 0.46), rgba(84, 139, 255, 0.24), transparent);
}

html:not([data-theme="light"]) body[data-fe-route-family="admin"] .main-content .page-header {
    opacity: 1 !important;
    transform: none !important;
}

html:not([data-theme="light"]) body[data-fe-route-family="admin"] .main-content .page-header h1,
html:not([data-theme="light"]) body[data-fe-route-family="admin"] .main-content .admin-section-title,
html:not([data-theme="light"]) body[data-fe-route-family="admin"] .main-content .card-title {
    font-family: 'Sora', 'Inter', sans-serif;
    letter-spacing: -0.018em;
}

html:not([data-theme="light"]) body[data-fe-route-family="admin"] .main-content .card,
html:not([data-theme="light"]) body[data-fe-route-family="admin"] .main-content .stat-card,
html:not([data-theme="light"]) body[data-fe-route-family="admin"] .main-content .admin-section-card,
html:not([data-theme="light"]) body[data-fe-route-family="admin"] .main-content .admin-ops-banner,
html:not([data-theme="light"]) body[data-fe-route-family="admin"] .main-content .admin-referral-pulse,
html:not([data-theme="light"]) body[data-fe-route-family="admin"] .main-content .admin-pulse-detail,
html:not([data-theme="light"]) body[data-fe-route-family="admin"] .main-content .admin-metric-tile,
html:not([data-theme="light"]) body[data-fe-route-family="admin"] .main-content .contact-row,
html:not([data-theme="light"]) body[data-fe-route-family="admin"] .main-content .admin-fights-card,
html:not([data-theme="light"]) body[data-fe-route-family="admin"] .main-content .fe-admin-validate-table-card {
    background:
        radial-gradient(ellipse 84% 56% at 7% 0%, rgba(78, 205, 196, 0.050), transparent 58%),
        radial-gradient(ellipse 72% 50% at 100% 0%, rgba(84, 139, 255, 0.035), transparent 62%),
        linear-gradient(180deg, rgba(255, 255, 255, 0.034), rgba(255, 255, 255, 0.008)),
        rgba(14, 17, 23, 0.84) !important;
    border-color: rgba(255, 255, 255, 0.082) !important;
    border-radius: 10px !important;
    box-shadow: var(--t-e1) !important;
}

html:not([data-theme="light"]) body[data-fe-route-family="admin"] .main-content .card,
html:not([data-theme="light"]) body[data-fe-route-family="admin"] .main-content .stat-card,
html:not([data-theme="light"]) body[data-fe-route-family="admin"] .main-content .admin-section-card,
html:not([data-theme="light"]) body[data-fe-route-family="admin"] .main-content .contact-row {
    opacity: 1 !important;
    transform: none !important;
}

html:not([data-theme="light"]) body[data-fe-route-family="admin"] .main-content .stat-grid {
    gap: 10px;
}

html:not([data-theme="light"]) body[data-fe-route-family="admin"] .main-content .stat-card .value,
html:not([data-theme="light"]) body[data-fe-route-family="admin"] .main-content .admin-metric-value,
html:not([data-theme="light"]) body[data-fe-route-family="admin"] .main-content .admin-referral-pulse__value {
    font-feature-settings: "tnum";
    font-variant-numeric: tabular-nums;
}

html:not([data-theme="light"]) body[data-fe-route-family="admin"] .main-content .stat-card .label,
html:not([data-theme="light"]) body[data-fe-route-family="admin"] .main-content .admin-metric-label,
html:not([data-theme="light"]) body[data-fe-route-family="admin"] .main-content .admin-referral-pulse__label,
html:not([data-theme="light"]) body[data-fe-route-family="admin"] .main-content .admin-section-subtitle {
    color: rgba(174, 184, 199, 0.72) !important;
    font-family: var(--font-mono, 'JetBrains Mono', monospace);
    font-weight: 900;
    letter-spacing: 0.12em;
    text-transform: uppercase;
}

html:not([data-theme="light"]) body[data-fe-route-family="admin"] .main-content .table-container,
html:not([data-theme="light"]) body[data-fe-route-family="admin"] .main-content .fe-admin-validate-table-scroll,
html:not([data-theme="light"]) body[data-fe-route-family="admin"] .main-content .admin-fights-table {
    border-radius: 10px;
    overflow-x: auto;
    -webkit-overflow-scrolling: touch;
}

html:not([data-theme="light"]) body[data-fe-route-family="admin"] .main-content table {
    min-width: max-content;
}

html:not([data-theme="light"]) body[data-fe-route-family="admin"] .main-content table th {
    background: rgba(8, 11, 16, 0.46);
    color: rgba(174, 184, 199, 0.76);
    font-size: 10px;
    line-height: 1.25;
    white-space: nowrap;
}

html:not([data-theme="light"]) body[data-fe-route-family="admin"] .main-content table td {
    line-height: 1.42;
    vertical-align: middle;
}

html:not([data-theme="light"]) body[data-fe-route-family="admin"] .main-content .trust-primary,
html:not([data-theme="light"]) body[data-fe-route-family="admin"] .main-content .admin-cell-strong {
    color: rgba(236, 241, 247, 0.92) !important;
}

html:not([data-theme="light"]) body[data-fe-route-family="admin"] .main-content .admin-cell-muted,
html:not([data-theme="light"]) body[data-fe-route-family="admin"] .main-content .admin-muted-note,
html:not([data-theme="light"]) body[data-fe-route-family="admin"] .main-content .admin-section-copy,
html:not([data-theme="light"]) body[data-fe-route-family="admin"] .main-content .admin-ops-subline {
    color: rgba(222, 228, 236, 0.66) !important;
    line-height: 1.5;
}

html:not([data-theme="light"]) body[data-fe-route-family="admin"] .main-content .admin-tools-link,
html:not([data-theme="light"]) body[data-fe-route-family="admin"] .main-content .admin-filter-button,
html:not([data-theme="light"]) body[data-fe-route-family="admin"] .main-content .admin-touch-button,
html:not([data-theme="light"]) body[data-fe-route-family="admin"] .main-content .admin-action-button,
html:not([data-theme="light"]) body[data-fe-route-family="admin"] .main-content .btn-bulk,
html:not([data-theme="light"]) body[data-fe-route-family="admin"] .main-content .member-expand-btn,
html:not([data-theme="light"]) body[data-fe-route-family="admin"] .main-content .btn,
html:not([data-theme="light"]) body[data-fe-route-family="admin"] .main-content button:not(.chip):not(.nav-toggle):not(.fe-mobile-menu-toggle) {
    align-items: center;
    border-radius: 8px !important;
    box-sizing: border-box;
    display: inline-flex;
    justify-content: center;
    min-height: 36px;
    text-align: center;
}

html:not([data-theme="light"]) body[data-fe-route-family="admin"] .main-content .admin-tools-link,
html:not([data-theme="light"]) body[data-fe-route-family="admin"] .main-content .admin-filter-button,
html:not([data-theme="light"]) body[data-fe-route-family="admin"] .main-content .admin-touch-button,
html:not([data-theme="light"]) body[data-fe-route-family="admin"] .main-content .admin-action-button,
html:not([data-theme="light"]) body[data-fe-route-family="admin"] .main-content .btn-bulk {
    background: rgba(8, 11, 16, 0.58) !important;
    border-color: rgba(255, 255, 255, 0.090) !important;
}

html:not([data-theme="light"]) body[data-fe-route-family="admin"] .main-content .admin-tools-link:hover,
html:not([data-theme="light"]) body[data-fe-route-family="admin"] .main-content .admin-touch-button:hover,
html:not([data-theme="light"]) body[data-fe-route-family="admin"] .main-content .admin-action-button:hover {
    border-color: rgba(110, 231, 222, 0.30) !important;
    transform: translateY(-1px);
}

html:not([data-theme="light"]) body[data-fe-route-family="admin"] .main-content input:not([type="checkbox"]):not([type="radio"]),
html:not([data-theme="light"]) body[data-fe-route-family="admin"] .main-content select,
html:not([data-theme="light"]) body[data-fe-route-family="admin"] .main-content textarea {
    background: rgba(8, 11, 16, 0.66) !important;
    border-color: rgba(255, 255, 255, 0.085) !important;
    border-radius: 8px !important;
    color: var(--t-ink) !important;
    min-height: 38px;
}

html:not([data-theme="light"]) body[data-fe-route-family="admin"] .main-content input:not([type="checkbox"]):not([type="radio"]):focus,
html:not([data-theme="light"]) body[data-fe-route-family="admin"] .main-content select:focus,
html:not([data-theme="light"]) body[data-fe-route-family="admin"] .main-content textarea:focus {
    border-color: rgba(110, 231, 222, 0.50) !important;
    box-shadow: 0 0 0 3px rgba(78, 205, 196, 0.12), inset 0 1px 0 rgba(255, 255, 255, 0.026);
    outline: none;
}

html:not([data-theme="light"]) body[data-fe-route-family="admin"] .main-content #bulk-bar,
html:not([data-theme="light"]) body[data-fe-route-family="admin"] .main-content .admin-ops-warnings,
html:not([data-theme="light"]) body[data-fe-route-family="admin"] .main-content .admin-pulse-alert {
    backdrop-filter: blur(12px);
    -webkit-backdrop-filter: blur(12px);
}

html:not([data-theme="light"]) body[data-fe-route-family="admin"] .main-content .admin-js-status,
html:not([data-theme="light"]) body[data-fe-route-family="admin"] .main-content .admin-status-count,
html:not([data-theme="light"]) body[data-fe-route-family="admin"] .main-content .chip {
    min-height: 24px;
}

html:not([data-theme="light"]) body[data-fe-route-family="admin"] .main-content details > summary {
    align-items: center;
    display: flex;
    gap: 8px;
    min-height: 32px;
}

@media (max-width: 900px) {
    html:not([data-theme="light"]) body[data-fe-route-family="admin"] .main-content [style*="grid-template-columns:1fr 1fr"],
    html:not([data-theme="light"]) body[data-fe-route-family="admin"] .main-content [style*="grid-template-columns:repeat(2"],
    html:not([data-theme="light"]) body[data-fe-route-family="admin"] .main-content .admin-pulse-split,
    html:not([data-theme="light"]) body[data-fe-route-family="admin"] .main-content .admin-pulse-detail-grid,
    html:not([data-theme="light"]) body[data-fe-route-family="admin"] .main-content .admin-card-grid,
    html:not([data-theme="light"]) body[data-fe-route-family="admin"] .main-content .admin-ops-grid {
        grid-template-columns: 1fr !important;
    }
}

@media (max-width: 768px) {
    html:not([data-theme="light"]) body[data-fe-route-family="admin"] .fe-content-frame {
        padding-inline: 0;
    }

    html:not([data-theme="light"]) body[data-fe-route-family="admin"] .main-content .card,
    html:not([data-theme="light"]) body[data-fe-route-family="admin"] .main-content .stat-card,
    html:not([data-theme="light"]) body[data-fe-route-family="admin"] .main-content .admin-section-card,
    html:not([data-theme="light"]) body[data-fe-route-family="admin"] .main-content .admin-ops-banner,
    html:not([data-theme="light"]) body[data-fe-route-family="admin"] .main-content .admin-referral-pulse,
    html:not([data-theme="light"]) body[data-fe-route-family="admin"] .main-content .contact-row,
    html:not([data-theme="light"]) body[data-fe-route-family="admin"] .main-content .admin-fights-card {
        padding: 15px !important;
    }

    html:not([data-theme="light"]) body[data-fe-route-family="admin"] .main-content .page-header {
        padding-inline: 4px;
    }

    html:not([data-theme="light"]) body[data-fe-route-family="admin"] .main-content .page-header h1 {
        font-size: clamp(28px, 8vw, 38px);
    }

    html:not([data-theme="light"]) body[data-fe-route-family="admin"] .main-content .stat-grid,
    html:not([data-theme="light"]) body[data-fe-route-family="admin"] .main-content .admin-referral-pulse__grid,
    html:not([data-theme="light"]) body[data-fe-route-family="admin"] .main-content .admin-referral-pulse__insights {
        grid-template-columns: 1fr !important;
    }

    html:not([data-theme="light"]) body[data-fe-route-family="admin"] .main-content .admin-tools-link,
    html:not([data-theme="light"]) body[data-fe-route-family="admin"] .main-content .admin-filter-button,
    html:not([data-theme="light"]) body[data-fe-route-family="admin"] .main-content .admin-touch-button,
    html:not([data-theme="light"]) body[data-fe-route-family="admin"] .main-content .admin-action-button,
    html:not([data-theme="light"]) body[data-fe-route-family="admin"] .main-content .btn-bulk,
    html:not([data-theme="light"]) body[data-fe-route-family="admin"] .main-content .btn,
    html:not([data-theme="light"]) body[data-fe-route-family="admin"] .main-content button:not(.chip):not(.nav-toggle):not(.fe-mobile-menu-toggle) {
        min-height: 44px;
    }
}

@media (max-width: 560px) {
    html:not([data-theme="light"]) body[data-fe-route-family="admin"] .main-content form,
    html:not([data-theme="light"]) body[data-fe-route-family="admin"] .main-content .admin-action-row,
    html:not([data-theme="light"]) body[data-fe-route-family="admin"] .main-content .admin-fights-actions,
    html:not([data-theme="light"]) body[data-fe-route-family="admin"] .main-content .admin-referral-pulse__head {
        align-items: stretch !important;
        flex-direction: column !important;
    }

    html:not([data-theme="light"]) body[data-fe-route-family="admin"] .main-content .admin-tools-link,
    html:not([data-theme="light"]) body[data-fe-route-family="admin"] .main-content .admin-filter-button,
    html:not([data-theme="light"]) body[data-fe-route-family="admin"] .main-content .admin-touch-button,
    html:not([data-theme="light"]) body[data-fe-route-family="admin"] .main-content .admin-action-button,
    html:not([data-theme="light"]) body[data-fe-route-family="admin"] .main-content .btn-bulk,
    html:not([data-theme="light"]) body[data-fe-route-family="admin"] .main-content form .btn {
        width: 100%;
    }

    html:not([data-theme="light"]) body[data-fe-route-family="admin"] .main-content [style*="justify-content:space-between"] {
        flex-wrap: wrap !important;
    }

    html:not([data-theme="light"]) body[data-fe-route-family="admin"] .main-content [style*="justify-content:space-between"][style*="align-items:center"] {
        display: grid !important;
        gap: 6px !important;
        grid-template-columns: 1fr !important;
        justify-items: start !important;
    }

    html:not([data-theme="light"]) body[data-fe-route-family="admin"] .main-content [style*="justify-content:space-between"] > div {
        min-width: 0;
        max-width: 100%;
    }

    html:not([data-theme="light"]) body[data-fe-route-family="admin"] .main-content [style*="justify-content:space-between"] span,
    html:not([data-theme="light"]) body[data-fe-route-family="admin"] .main-content [style*="justify-content:space-between"] a {
        overflow-wrap: anywhere;
        white-space: normal !important;
    }

    html:not([data-theme="light"]) body[data-fe-route-family="admin"] .main-content .admin-activity-row {
        align-items: start !important;
        display: grid !important;
        gap: 6px !important;
        grid-template-columns: minmax(0, 1fr) !important;
        justify-items: start !important;
        width: 100% !important;
    }

    html:not([data-theme="light"]) body[data-fe-route-family="admin"] .main-content .admin-activity-list {
        flex-wrap: nowrap !important;
        overflow-x: hidden;
    }

    html:not([data-theme="light"]) body[data-fe-route-family="admin"] .main-content .admin-activity-user {
        display: flex !important;
        flex-wrap: wrap !important;
        gap: 4px 6px !important;
        max-width: 100% !important;
        min-width: 0 !important;
    }

    html:not([data-theme="light"]) body[data-fe-route-family="admin"] .main-content .admin-activity-user span {
        margin-left: 0 !important;
        overflow-wrap: anywhere;
        white-space: normal !important;
    }
}

/* r738: Cross-cutting loading, empty, and feedback polish.
   Display-only resilience for the global loader and shared empty states. */
html:not([data-theme="light"]) .fe-stage-loader {
    box-sizing: border-box;
    grid-template-columns: 24px minmax(0, 1fr);
    max-width: calc(100vw - 28px);
    padding: 12px 14px;
    width: min(680px, calc(100vw - 32px));
}

html:not([data-theme="light"]) .fe-stage-loader__content {
    gap: 7px;
    min-width: 0;
}

html:not([data-theme="light"]) .fe-stage-loader__title {
    letter-spacing: 0;
    min-width: 0;
}

html:not([data-theme="light"]) .fe-stage-loader__meta {
    align-items: center;
    display: flex;
    flex-wrap: wrap;
    gap: 6px;
    min-width: 0;
}

html:not([data-theme="light"]) .fe-stage-loader__text,
html:not([data-theme="light"]) .fe-stage-loader__eta,
html:not([data-theme="light"]) .fe-stage-loader__elapsed {
    box-sizing: border-box;
    display: inline-flex;
    flex: 0 1 auto;
    gap: 5px;
    letter-spacing: 0;
    max-width: 100%;
    min-width: 0;
}

html:not([data-theme="light"]) .fe-stage-loader__text {
    flex: 1 1 190px;
}

html:not([data-theme="light"]) .fe-stage-loader__eta {
    flex: 0 1 180px;
}

html:not([data-theme="light"]) .fe-stage-loader__elapsed {
    flex: 0 0 auto;
}

html:not([data-theme="light"]) .fe-stage-loader__rail {
    margin-top: 1px;
}

html:not([data-theme="light"]) .fe-loading-target,
html:not([data-theme="light"]) [data-fe-loading="true"] {
    filter: saturate(0.92);
}

html:not([data-theme="light"]) .main-content .fe-empty-state {
    align-items: center;
    display: flex;
    flex-direction: column;
    gap: 8px;
    justify-content: center;
    min-height: 190px;
    overflow: hidden;
    position: relative;
}

html:not([data-theme="light"]) .main-content .fe-empty-state::before {
    background:
        radial-gradient(circle at 50% 0%, rgba(78, 205, 196, 0.13), transparent 42%),
        linear-gradient(90deg, transparent, rgba(255, 255, 255, 0.052), transparent);
    content: "";
    inset: 0;
    opacity: 0.72;
    pointer-events: none;
    position: absolute;
}

html:not([data-theme="light"]) .main-content .fe-empty-state > * {
    position: relative;
    z-index: 1;
}

html:not([data-theme="light"]) .main-content .fe-empty-state__icon .fe-icon {
    color: rgba(110, 231, 222, 0.92);
    filter: drop-shadow(0 0 14px rgba(78, 205, 196, 0.20));
}

html:not([data-theme="light"]) .main-content .fe-empty-state__title {
    color: rgba(241, 245, 249, 0.90) !important;
    font-family: "Sora", "Inter", sans-serif;
    letter-spacing: 0;
}

html:not([data-theme="light"]) .main-content .fe-empty-state__copy {
    line-height: 1.52;
    max-width: 560px;
}

html:not([data-theme="light"]) .main-content .fe-empty-state__action {
    min-width: min(240px, 100%);
}

@media (max-width: 768px) {
    html:not([data-theme="light"]) .fe-stage-loader {
        align-items: start;
        grid-template-columns: 22px minmax(0, 1fr);
        padding: 11px;
        width: calc(100vw - 22px);
    }

    html:not([data-theme="light"]) .fe-stage-loader__title {
        white-space: normal;
    }

    html:not([data-theme="light"]) .fe-stage-loader__text,
    html:not([data-theme="light"]) .fe-stage-loader__eta,
    html:not([data-theme="light"]) .fe-stage-loader__elapsed {
        justify-content: flex-start;
        width: 100%;
    }

    html:not([data-theme="light"]) .fe-stage-loader__elapsed {
        width: auto;
    }

    html:not([data-theme="light"]) .main-content .fe-empty-state {
        min-height: 160px;
        padding: 28px 18px !important;
    }
}

/* r741: Keep dashboard next-card status chips readable on narrow phones.
   A previous <=420px override made this strip a hidden horizontal scroller,
   which clipped readiness pills on iPhone-sized viewports. */
@media (max-width: 480px) {
    html:not([data-theme="light"]) .fe-dashboard-page .dashboard-next-card .fe-proof-strip {
        display: grid !important;
        gap: 7px !important;
        grid-template-columns: repeat(2, minmax(0, 1fr)) !important;
        overflow: visible !important;
        padding-bottom: 0 !important;
        scrollbar-width: auto !important;
    }

    html:not([data-theme="light"]) .fe-dashboard-page .dashboard-next-card .fe-proof-strip::-webkit-scrollbar {
        display: none;
    }

    html:not([data-theme="light"]) .fe-dashboard-page .dashboard-next-card .fe-proof-pill,
    html:not([data-theme="light"]) .fe-dashboard-page .dashboard-next-card .fe-lifecycle-chip {
        flex: initial !important;
        min-width: 0 !important;
        white-space: normal !important;
        width: 100% !important;
    }

    html:not([data-theme="light"]) .fe-dashboard-page .dashboard-next-card .fe-proof-pill strong,
    html:not([data-theme="light"]) .fe-dashboard-page .dashboard-next-card .fe-lifecycle-chip strong {
        white-space: nowrap;
    }
}

/* r775: Compact dashboard next-event card on phones.
   Removes mobile hero-style vertical reserve while preserving the report
   controls, readiness chips, and top-picks rail above the next dashboard zone. */
@media (max-width: 480px) {
    html:not([data-theme="light"]) .fe-dashboard-page .dashboard-next-card {
        gap: 8px !important;
        height: auto !important;
        max-height: none !important;
        min-height: 0 !important;
        padding: 13px 12px !important;
    }

    html:not([data-theme="light"]) .fe-dashboard-page .dashboard-next-header {
        gap: 10px !important;
    }

    html:not([data-theme="light"]) .fe-dashboard-page .dashboard-kicker {
        font-size: 10px !important;
        line-height: 1.25 !important;
        margin-bottom: 4px !important;
    }

    html:not([data-theme="light"]) .fe-dashboard-page .dashboard-event-title {
        font-size: clamp(21px, 7vw, 28px) !important;
        line-height: 1.05 !important;
    }

    html:not([data-theme="light"]) .fe-dashboard-page .dashboard-event-date-row {
        gap: 6px !important;
        margin-top: 6px !important;
    }

    html:not([data-theme="light"]) .fe-dashboard-page .fe-stage-rail {
        gap: 5px !important;
        margin-top: 8px !important;
    }

    html:not([data-theme="light"]) .fe-dashboard-page .fe-stage-pill {
        font-size: 8.5px !important;
        min-height: 22px !important;
        padding: 3px 7px !important;
    }

    html:not([data-theme="light"]) .fe-dashboard-page .dashboard-hero-actions {
        gap: 8px !important;
        grid-template-columns: repeat(auto-fit, minmax(132px, 1fr)) !important;
    }

    html:not([data-theme="light"]) .fe-dashboard-page .dashboard-hero-actions .btn,
    html:not([data-theme="light"]) .fe-dashboard-page .dashboard-next-header > .dashboard-inline-form .btn,
    html:not([data-theme="light"]) .fe-dashboard-page .dashboard-inline-form,
    html:not([data-theme="light"]) .fe-dashboard-page .dashboard-hero-button {
        min-height: 40px !important;
        padding: 9px 12px !important;
    }

    html:not([data-theme="light"]) .fe-dashboard-page .dashboard-next-card .fe-proof-strip {
        gap: 6px !important;
        margin-top: 0 !important;
    }

    html:not([data-theme="light"]) .fe-dashboard-page .dashboard-next-card .fe-proof-pill,
    html:not([data-theme="light"]) .fe-dashboard-page .dashboard-next-card .fe-lifecycle-chip {
        font-size: 9px !important;
        gap: 5px !important;
        min-height: 24px !important;
        padding: 4px 7px !important;
    }

    html:not([data-theme="light"]) .fe-dashboard-page .dashboard-top-picks-panel {
        margin-top: 0 !important;
        padding-top: 8px !important;
    }

    html:not([data-theme="light"]) .fe-dashboard-page .dashboard-top-picks-head {
        gap: 6px !important;
        margin-bottom: 7px !important;
    }

    html:not([data-theme="light"]) .fe-dashboard-page .dashboard-top-picks-grid {
        gap: 8px !important;
        padding-bottom: 2px !important;
    }

    html:not([data-theme="light"]) .fe-dashboard-page .top-pick-card {
        flex-basis: min(72vw, 248px) !important;
        min-height: 84px !important;
        padding: 10px !important;
    }

    html:not([data-theme="light"]) .fe-dashboard-page .top-pick-card > span[style*="position:absolute"] {
        font-size: 8px !important;
        right: 9px !important;
        top: 8px !important;
    }

    html:not([data-theme="light"]) .fe-dashboard-page .top-pick-card > div[style*="text-transform:uppercase"] {
        font-size: 8.5px !important;
        margin-bottom: 4px !important;
        max-width: 78% !important;
    }

    html:not([data-theme="light"]) .fe-dashboard-page .top-pick-card span[style*="font-size:20px"] {
        font-size: 16px !important;
    }
}

@media (min-width: 380px) and (max-width: 480px) {
    html:not([data-theme="light"]) .fe-dashboard-page .dashboard-next-card .fe-proof-strip {
        grid-template-columns: repeat(3, minmax(0, 1fr)) !important;
    }
}

/* r776: Compact dashboard Edge Today on phones.
   Preserves the personalization form and recommendation shortcuts while
   removing stacked-button and over-spaced mobile rhythm. */
@media (max-width: 480px) {
    html:not([data-theme="light"]) .fe-dashboard-page .dashboard-edge-today-card {
        gap: 10px !important;
        margin-bottom: 18px !important;
        padding: 14px !important;
    }

    html:not([data-theme="light"]) .fe-dashboard-page .dashboard-edge-today-head {
        gap: 8px !important;
    }

    html:not([data-theme="light"]) .fe-dashboard-page .dashboard-edge-today-title {
        font-size: 17px !important;
        line-height: 1.08 !important;
    }

    html:not([data-theme="light"]) .fe-dashboard-page .dashboard-edge-today-copy {
        font-size: 11.5px !important;
        line-height: 1.36 !important;
        margin-top: 3px !important;
    }

    html:not([data-theme="light"]) .fe-dashboard-page .dashboard-edge-pill-row {
        gap: 6px !important;
    }

    html:not([data-theme="light"]) .fe-dashboard-page .dashboard-edge-pill {
        font-size: 9.5px !important;
        padding: 4px 7px !important;
    }

    html:not([data-theme="light"]) .fe-dashboard-page .dashboard-edge-today-form {
        gap: 10px !important;
    }

    html:not([data-theme="light"]) .fe-dashboard-page .dashboard-edge-form-grid {
        gap: 10px !important;
    }

    html:not([data-theme="light"]) .fe-dashboard-page .dashboard-edge-form-grid .form-group label {
        margin-bottom: 5px !important;
    }

    html:not([data-theme="light"]) .fe-dashboard-page .dashboard-edge-option-list {
        gap: 6px !important;
    }

    html:not([data-theme="light"]) .fe-dashboard-page .dashboard-edge-option {
        font-size: 11px !important;
        gap: 6px !important;
        padding: 7px 9px !important;
    }

    html:not([data-theme="light"]) .fe-dashboard-page .dashboard-edge-today-actions {
        align-items: stretch !important;
        display: grid !important;
        gap: 8px !important;
        grid-template-columns: repeat(auto-fit, minmax(132px, 1fr)) !important;
    }

    html:not([data-theme="light"]) .fe-dashboard-page .dashboard-edge-today-actions .btn {
        justify-content: center !important;
        min-height: 40px !important;
        padding: 9px 12px !important;
        width: 100% !important;
    }

    html:not([data-theme="light"]) .fe-dashboard-page .dashboard-edge-today-main {
        gap: 8px !important;
    }

    html:not([data-theme="light"]) .fe-dashboard-page .dashboard-edge-today-primary {
        min-height: 0 !important;
        padding: 12px !important;
    }

    html:not([data-theme="light"]) .fe-dashboard-page .dashboard-edge-today-row {
        gap: 8px !important;
        min-height: 44px !important;
        padding: 8px 10px !important;
    }

    html:not([data-theme="light"]) .fe-dashboard-page .dashboard-edge-today-name {
        font-size: 14px !important;
        line-height: 1.16 !important;
        margin-top: 3px !important;
    }

    html:not([data-theme="light"]) .fe-dashboard-page .dashboard-edge-today-row .dashboard-edge-today-name {
        font-size: 12.5px !important;
    }

    html:not([data-theme="light"]) .fe-dashboard-page .dashboard-edge-today-detail {
        display: -webkit-box !important;
        font-size: 11.5px !important;
        line-height: 1.34 !important;
        margin-top: 3px !important;
        overflow: hidden !important;
        -webkit-box-orient: vertical;
        -webkit-line-clamp: 2;
    }

    html:not([data-theme="light"]) .fe-dashboard-page .dashboard-edge-today-cta {
        font-size: 9.5px !important;
    }
}

/* r777: Compact dashboard referral card on phones.
   Keeps the referral code, copy action, metrics, and account link visible while
   trimming explanatory copy and long URL text that made the card feel oversized. */
@media (max-width: 480px) {
    html:not([data-theme="light"]) .fe-dashboard-page .dashboard-referral-card {
        gap: 10px !important;
        margin-bottom: 18px !important;
        padding: 14px !important;
    }

    html:not([data-theme="light"]) .fe-dashboard-page .dashboard-referral-head {
        gap: 10px !important;
    }

    html:not([data-theme="light"]) .fe-dashboard-page .dashboard-referral-title {
        font-size: 17px !important;
        line-height: 1.1 !important;
    }

    html:not([data-theme="light"]) .fe-dashboard-page .dashboard-referral-copy {
        display: -webkit-box !important;
        font-size: 11.5px !important;
        line-height: 1.34 !important;
        margin-top: 4px !important;
        overflow: hidden !important;
        -webkit-box-orient: vertical;
        -webkit-line-clamp: 3;
    }

    html:not([data-theme="light"]) .fe-dashboard-page .dashboard-referral-actions {
        gap: 8px !important;
    }

    html:not([data-theme="light"]) .fe-dashboard-page .dashboard-referral-actions .btn {
        min-height: 40px !important;
        padding: 9px 10px !important;
    }

    html:not([data-theme="light"]) .fe-dashboard-page .dashboard-referral-body {
        gap: 8px !important;
    }

    html:not([data-theme="light"]) .fe-dashboard-page .dashboard-referral-sharebox,
    html:not([data-theme="light"]) .fe-dashboard-page .dashboard-referral-metric {
        padding: 10px !important;
    }

    html:not([data-theme="light"]) .fe-dashboard-page .dashboard-referral-label {
        font-size: 8.5px !important;
        letter-spacing: 0.10em !important;
    }

    html:not([data-theme="light"]) .fe-dashboard-page .dashboard-referral-code {
        font-size: 18px !important;
        line-height: 1.08 !important;
        margin-top: 4px !important;
    }

    html:not([data-theme="light"]) .fe-dashboard-page .dashboard-referral-url {
        display: block !important;
        font-size: 10.5px !important;
        line-height: 1.28 !important;
        margin-top: 4px !important;
        overflow: hidden !important;
        text-overflow: ellipsis;
        white-space: nowrap;
    }

    html:not([data-theme="light"]) .fe-dashboard-page .dashboard-referral-metrics {
        gap: 6px !important;
    }

    html:not([data-theme="light"]) .fe-dashboard-page .dashboard-referral-metric {
        min-height: 0 !important;
        padding: 8px 6px !important;
    }

    html:not([data-theme="light"]) .fe-dashboard-page .dashboard-referral-value {
        font-size: 15px !important;
        line-height: 1 !important;
        margin-top: 4px !important;
    }

    html:not([data-theme="light"]) .fe-dashboard-page .dashboard-referral-detail {
        font-size: 9px !important;
        line-height: 1.18 !important;
        margin-top: 2px !important;
    }
}

/* r778: Compact dashboard Tool Board on phones.
   Preserves every workflow action while avoiding the tall one-column cluster
   stack that pushed useful dashboard content too far down on iPhone. */
@media (max-width: 480px) {
    html:not([data-theme="light"]) .fe-dashboard-page .dashboard-tool-zone {
        margin-bottom: 18px !important;
        padding: 14px !important;
    }

    html:not([data-theme="light"]) .fe-dashboard-page .dashboard-tool-zone .dashboard-zone-header {
        gap: 8px !important;
        margin-bottom: 10px !important;
    }

    html:not([data-theme="light"]) .fe-dashboard-page .dashboard-tool-zone .dashboard-zone-title {
        font-size: 17px !important;
        line-height: 1.08 !important;
    }

    html:not([data-theme="light"]) .fe-dashboard-page .dashboard-tool-zone .dashboard-zone-copy {
        display: -webkit-box !important;
        font-size: 11.5px !important;
        line-height: 1.34 !important;
        margin-top: 3px !important;
        overflow: hidden !important;
        -webkit-box-orient: vertical;
        -webkit-line-clamp: 2;
    }

    html:not([data-theme="light"]) .fe-dashboard-page .dashboard-tool-cluster-grid {
        gap: 8px !important;
        grid-template-columns: repeat(auto-fit, minmax(150px, 1fr)) !important;
    }

    html:not([data-theme="light"]) .fe-dashboard-page .dashboard-tool-cluster {
        gap: 6px !important;
        padding: 9px !important;
    }

    html:not([data-theme="light"]) .fe-dashboard-page .dashboard-tool-cluster__label {
        font-size: 8.5px !important;
        letter-spacing: 0.10em !important;
        line-height: 1.1 !important;
    }

    html:not([data-theme="light"]) .fe-dashboard-page .dashboard-tool-link {
        font-size: 10.5px !important;
        gap: 7px !important;
        min-height: 38px !important;
        padding: 7px 8px !important;
    }

    html:not([data-theme="light"]) .fe-dashboard-page .dashboard-tool-link span:first-child {
        min-width: 0 !important;
        overflow: hidden !important;
        text-overflow: ellipsis !important;
        white-space: nowrap !important;
    }

    html:not([data-theme="light"]) .fe-dashboard-page .dashboard-tool-link span:last-child {
        flex-shrink: 0 !important;
        font-size: 9.5px !important;
    }
}

/* r779: Compact dashboard Upcoming Events on phones.
   Keeps all schedule rows and admin actions available, but turns the mobile
   card table into a tighter scrollable board instead of a very tall stack. */
@media (max-width: 480px) {
    html:not([data-theme="light"]) .fe-dashboard-page .dashboard-events-card {
        padding: 14px !important;
    }

    html:not([data-theme="light"]) .fe-dashboard-page .dashboard-events-card .table-container {
        max-height: 300px !important;
        overflow-y: auto !important;
        padding-right: 2px !important;
        scrollbar-width: thin;
        -webkit-overflow-scrolling: touch;
    }

    html:not([data-theme="light"]) .fe-dashboard-page .dashboard-events-card .trust-table--cards > table > tbody {
        gap: 7px !important;
    }

    html:not([data-theme="light"]) .fe-dashboard-page .dashboard-events-card .dashboard-event-row {
        gap: 4px !important;
        grid-template-columns: repeat(2, minmax(0, 1fr)) !important;
        padding: 8px 9px !important;
    }

    html:not([data-theme="light"]) .fe-dashboard-page .dashboard-events-card .dashboard-event-row > td {
        gap: 7px !important;
        grid-template-columns: minmax(64px, 28%) minmax(0, 1fr) !important;
        min-height: 0 !important;
        padding: 5px 0 !important;
    }

    html:not([data-theme="light"]) .fe-dashboard-page .dashboard-events-card .dashboard-event-row > td::before {
        font-size: 8.5px !important;
        letter-spacing: 0.08em !important;
    }

    html:not([data-theme="light"]) .fe-dashboard-page .dashboard-events-card .dashboard-event-row > td.trust-primary {
        display: -webkit-box !important;
        font-size: 12px !important;
        line-height: 1.25 !important;
        overflow: hidden !important;
        padding-bottom: 6px !important;
        -webkit-box-orient: vertical;
        -webkit-line-clamp: 2;
    }

    html:not([data-theme="light"]) .fe-dashboard-page .dashboard-events-card .dashboard-event-row > td.trust-primary,
    html:not([data-theme="light"]) .fe-dashboard-page .dashboard-events-card .dashboard-event-row > td[data-label="Action"] {
        grid-column: 1 / -1 !important;
    }

    html:not([data-theme="light"]) .fe-dashboard-page .dashboard-events-card .dashboard-event-row > td[data-label="Date"],
    html:not([data-theme="light"]) .fe-dashboard-page .dashboard-events-card .dashboard-event-row > td[data-label="Fights"] {
        grid-template-columns: 1fr !important;
        gap: 2px !important;
    }

    html:not([data-theme="light"]) .fe-dashboard-page .dashboard-events-card .dashboard-event-row > td[data-label="Action"] {
        align-items: center !important;
        display: flex !important;
        flex-wrap: wrap !important;
        gap: 6px !important;
        padding-top: 6px !important;
    }

    html:not([data-theme="light"]) .fe-dashboard-page .dashboard-events-card .dashboard-event-row > td[data-label="Action"]::before {
        display: none !important;
    }

    html:not([data-theme="light"]) .fe-dashboard-page .dashboard-events-card .dashboard-event-row > td[data-label="Action"] .btn,
    html:not([data-theme="light"]) .fe-dashboard-page .dashboard-events-card .dashboard-event-row > td[data-label="Action"] button.btn {
        min-height: 36px !important;
        padding: 7px 10px !important;
    }

    html:not([data-theme="light"]) .fe-dashboard-page .dashboard-events-card .dashboard-event-row > td[data-label="Action"] .chip {
        min-height: 26px !important;
        padding: 4px 8px !important;
    }
}

/* r780: Compact dashboard onboarding guide on phones.
   Keeps the setup guide, dismiss action, progress, primary CTA, and both step
   rails visible while trimming repeated explanatory copy on narrow screens. */
@media (max-width: 480px) {
    html:not([data-theme="light"]) .fe-dashboard-page .dashboard-onboarding-card {
        margin-bottom: 16px !important;
        padding: 12px !important;
    }

    html:not([data-theme="light"]) .fe-dashboard-page .dashboard-onboarding-dismiss {
        right: 10px !important;
        top: 10px !important;
    }

    html:not([data-theme="light"]) .fe-dashboard-page .dashboard-onboarding-dismiss .btn {
        font-size: 10px !important;
        min-height: 32px !important;
        padding: 6px 8px !important;
    }

    html:not([data-theme="light"]) .fe-dashboard-page .dashboard-onboarding-head {
        gap: 6px !important;
    }

    html:not([data-theme="light"]) .fe-dashboard-page .dashboard-onboarding-title {
        font-size: 14px !important;
        line-height: 1.08 !important;
        overflow: hidden !important;
        padding-right: 78px !important;
        text-overflow: ellipsis !important;
        white-space: nowrap !important;
    }

    html:not([data-theme="light"]) .fe-dashboard-page .dashboard-onboarding-copy {
        -webkit-line-clamp: 1 !important;
        font-size: 10.5px !important;
        line-height: 1.25 !important;
        margin-top: 3px !important;
    }

    html:not([data-theme="light"]) .fe-dashboard-page .dashboard-onboarding-progress {
        margin-top: 6px !important;
    }

    html:not([data-theme="light"]) .fe-dashboard-page .dashboard-onboarding-progress__meta {
        margin-bottom: 4px !important;
    }

    html:not([data-theme="light"]) .fe-dashboard-page .dashboard-onboarding-rail {
        height: 5px !important;
    }

    html:not([data-theme="light"]) .fe-dashboard-page .dashboard-onboarding-primary {
        gap: 7px !important;
        margin: 8px 0 !important;
        padding: 8px !important;
    }

    html:not([data-theme="light"]) .fe-dashboard-page .dashboard-onboarding-primary__text {
        display: -webkit-box !important;
        font-size: 10px !important;
        line-height: 1.25 !important;
        overflow: hidden !important;
        -webkit-box-orient: vertical;
        -webkit-line-clamp: 2;
    }

    html:not([data-theme="light"]) .fe-dashboard-page .dashboard-onboarding-primary .btn {
        min-height: 36px !important;
        padding: 8px 10px !important;
    }

    html:not([data-theme="light"]) .fe-dashboard-page .dashboard-onboarding-section-label {
        font-size: 8.5px !important;
        margin: 6px 0 !important;
    }

    html:not([data-theme="light"]) .fe-dashboard-page .dashboard-onboarding-section-label--secondary {
        margin-top: 8px !important;
    }

    html:not([data-theme="light"]) .fe-dashboard-page .dashboard-onboarding-grid,
    html:not([data-theme="light"]) .fe-dashboard-page .dashboard-onboarding-grid--secondary {
        gap: 7px !important;
        padding-bottom: 6px !important;
    }

    html:not([data-theme="light"]) .fe-dashboard-page .dashboard-onboarding-step {
        flex-basis: min(70vw, 250px) !important;
        padding: 8px !important;
    }

    html:not([data-theme="light"]) .fe-dashboard-page .dashboard-onboarding-step__top {
        margin-bottom: 5px !important;
    }

    html:not([data-theme="light"]) .fe-dashboard-page .dashboard-onboarding-step__index {
        height: 20px !important;
        width: 20px !important;
    }

    html:not([data-theme="light"]) .fe-dashboard-page .dashboard-onboarding-step__status {
        font-size: 7.5px !important;
        padding: 3px 5px !important;
    }

    html:not([data-theme="light"]) .fe-dashboard-page .dashboard-onboarding-step__title {
        font-size: 11px !important;
        line-height: 1.15 !important;
    }

    html:not([data-theme="light"]) .fe-dashboard-page .dashboard-onboarding-step__detail {
        -webkit-line-clamp: 1 !important;
        font-size: 9px !important;
        line-height: 1.2 !important;
        margin-top: 4px !important;
    }

    html:not([data-theme="light"]) .fe-dashboard-page .dashboard-onboarding-step__cta {
        font-size: 9px !important;
        margin-top: 5px !important;
    }
}

/* r781: Second-pass Edge Today setup density on phones.
   Keeps every preference control available, but turns the long favorite-class
   checklist into a swipeable chip rail instead of a four-row block. */
@media (max-width: 480px) {
    html:not([data-theme="light"]) .fe-dashboard-page .dashboard-edge-today-copy {
        display: -webkit-box !important;
        overflow: hidden !important;
        -webkit-box-orient: vertical;
        -webkit-line-clamp: 1;
    }

    html:not([data-theme="light"]) .fe-dashboard-page .dashboard-edge-form-grid {
        gap: 8px !important;
        max-width: 100% !important;
        min-width: 0 !important;
        width: 100% !important;
    }

    html:not([data-theme="light"]) .fe-dashboard-page .dashboard-edge-today-form,
    html:not([data-theme="light"]) .fe-dashboard-page .dashboard-edge-form-grid .form-group,
    html:not([data-theme="light"]) .fe-dashboard-page .dashboard-edge-today-actions {
        max-width: 100% !important;
        min-width: 0 !important;
        width: 100% !important;
    }

    html:not([data-theme="light"]) .fe-dashboard-page .dashboard-edge-form-grid .form-group:nth-child(3) .dashboard-edge-option-list {
        flex-wrap: nowrap !important;
        margin-left: -2px !important;
        max-width: 100% !important;
        min-width: 0 !important;
        overflow-x: auto !important;
        overflow-y: hidden !important;
        padding: 1px 2px 5px !important;
        scroll-snap-type: x proximity;
        scrollbar-width: none;
        width: 100% !important;
        -webkit-overflow-scrolling: touch;
    }

    html:not([data-theme="light"]) .fe-dashboard-page .dashboard-edge-form-grid .form-group:nth-child(3) .dashboard-edge-option-list::-webkit-scrollbar {
        display: none;
    }

    html:not([data-theme="light"]) .fe-dashboard-page .dashboard-edge-form-grid .form-group:nth-child(3) .dashboard-edge-option {
        flex: 0 0 auto !important;
        min-height: 40px !important;
        scroll-snap-align: start;
    }
}

/* r782: Compact Proof Pulse on phones.
   Keeps trust metrics and proof links visible while reducing the tall stacked
   snapshot block and clamping the legal reminder to a concise mobile line. */
@media (max-width: 480px) {
    html:not([data-theme="light"]) .fe-dashboard-page .dashboard-proof-card {
        margin-bottom: 18px !important;
        padding: 14px !important;
    }

    html:not([data-theme="light"]) .fe-dashboard-page .dashboard-proof-head {
        gap: 10px !important;
        margin-bottom: 10px !important;
    }

    html:not([data-theme="light"]) .fe-dashboard-page .dashboard-proof-head h2 {
        font-size: 17px !important;
        line-height: 1.12 !important;
        margin: 3px 0 !important;
    }

    html:not([data-theme="light"]) .fe-dashboard-page .dashboard-proof-copy {
        display: -webkit-box !important;
        font-size: 11.5px !important;
        line-height: 1.32 !important;
        overflow: hidden !important;
        -webkit-box-orient: vertical;
        -webkit-line-clamp: 2;
    }

    html:not([data-theme="light"]) .fe-dashboard-page .dashboard-proof-head .btn {
        justify-content: center !important;
        min-height: 40px !important;
        width: 100% !important;
    }

    html:not([data-theme="light"]) .fe-dashboard-page .dashboard-proof-card .dashboard-snapshot-grid {
        gap: 8px !important;
        grid-template-columns: repeat(2, minmax(0, 1fr)) !important;
        margin-bottom: 10px !important;
    }

    html:not([data-theme="light"]) .fe-dashboard-page .dashboard-proof-card .dashboard-meta-tile {
        min-height: 0 !important;
        padding: 8px !important;
    }

    html:not([data-theme="light"]) .fe-dashboard-page .dashboard-proof-card .dashboard-meta-tile__label {
        font-size: 8.5px !important;
        line-height: 1.1 !important;
    }

    html:not([data-theme="light"]) .fe-dashboard-page .dashboard-proof-card .dashboard-meta-tile__value {
        font-size: 15px !important;
        line-height: 1.12 !important;
        margin-top: 4px !important;
    }

    html:not([data-theme="light"]) .fe-dashboard-page .dashboard-proof-card .dashboard-meta-tile__detail {
        display: -webkit-box !important;
        font-size: 10.5px !important;
        line-height: 1.2 !important;
        margin-top: 4px !important;
        overflow: hidden !important;
        -webkit-box-orient: vertical;
        -webkit-line-clamp: 2;
    }

    html:not([data-theme="light"]) .fe-dashboard-page .dashboard-proof-footer {
        gap: 6px !important;
    }

    html:not([data-theme="light"]) .fe-dashboard-page .dashboard-proof-footer a.chip {
        align-items: center !important;
        display: inline-flex !important;
        min-height: 32px !important;
    }

    html:not([data-theme="light"]) .fe-dashboard-page .dashboard-proof-disclaimer {
        display: -webkit-box !important;
        font-size: 9px !important;
        line-height: 1.25 !important;
        overflow: hidden !important;
        padding: 6px 8px !important;
        width: 100% !important;
        -webkit-box-orient: vertical;
        -webkit-line-clamp: 2;
    }
}