/* FRA Prop HQ 13.2 — one visual system for the public site and trading workspace.
   The landing page remains its own composition; shared tokens match it exactly.
   This file owns presentation only. Account, permission and provider logic stays
   with the existing application. Legacy selector specificity is intentional. */
@font-face {
  font-family: "FRA Display Fallback";
  src: local("Impact"), local("Haettenschweiler"), local("Arial Black");
  font-weight: 400;
  font-style: normal;
  font-display: swap;
}

html[data-fra-design="lime"] {
  color-scheme: dark;
  --fra-bg: #0b0b0b;
  --fra-panel: #171717;
  --fra-raised: #202020;
  --fra-line: #333333;
  --fra-line-strong: #505050;
  --fra-text: #ffffff;
  --fra-muted: #a3a3a3;
  --fra-lime: #c6ff00;
  --fra-danger: #ff949c;
  --fra-warning: #edc17d;
  --fra-body: "Manrope", Arial, sans-serif;
  --fra-heading: "Anton", "FRA Display Fallback", "Arial Narrow", Impact, sans-serif;
  --bg: var(--fra-bg) !important;
  --bg-2: #111111 !important;
  --panel: var(--fra-panel) !important;
  --panel-2: var(--fra-raised) !important;
  --panel2: var(--fra-raised) !important;
  --panel-3: #292929 !important;
  --sidebar: var(--fra-bg) !important;
  --topbar: var(--fra-bg) !important;
  --input: #101010 !important;
  --hover: #242424 !important;
  --border: var(--fra-line) !important;
  --border-strong: var(--fra-line-strong) !important;
  --line: var(--fra-line) !important;
  --text: var(--fra-text) !important;
  --text-strong: var(--fra-text) !important;
  --muted: var(--fra-muted) !important;
  --muted-2: #919191 !important;
  --muted-strong: #d0d0d0 !important;
  --accent: var(--fra-lime) !important;
  --accent-rgb: 198, 255, 0 !important;
  --accent-strong: #dcff66 !important;
  --accent-ink: var(--fra-bg) !important;
  --accent-soft: #c6ff000d !important;
  --accent-soft-2: #c6ff0008 !important;
  --accent-border: #c6ff004d !important;
  --green: var(--fra-lime) !important;
  --lime: var(--fra-lime) !important;
  --lime2: var(--fra-lime) !important;
  --positive: var(--fra-lime) !important;
  --negative: var(--fra-danger) !important;
  --red: var(--fra-danger) !important;
  --amber: var(--fra-warning) !important;
  --blue: #b4c8e5 !important;
  --purple: #c4b6e1 !important;
  --teal: #b1cfc7 !important;
  --shadow: none !important;
  --radius: 8px !important;
  --chart-grid: #ffffff10 !important;
  --chart-muted: var(--fra-muted) !important;
  --chart-text: var(--fra-muted) !important;
  --chart-fill: #c6ff0021 !important;
  --chart-fill-end: #c6ff0000 !important;
  --theme-glow: transparent !important;
  --theme-glow-strong: transparent !important;
  --theme-card-gradient: linear-gradient(var(--fra-panel), var(--fra-panel)) !important;
  --theme-hero-gradient: linear-gradient(var(--fra-bg), var(--fra-bg)) !important;
  --theme-meta: var(--fra-bg) !important;
  --v8-bg: var(--fra-bg) !important;
  --v8-panel: var(--fra-panel) !important;
  --v8-text: var(--fra-text) !important;
  --v8-muted: var(--fra-muted) !important;
  --v8-line: var(--fra-line) !important;
  --v8-lime: var(--fra-lime) !important;
  --v74-lime: var(--fra-lime) !important;
  --v74-lime-soft: #dcff66 !important;
  --v91-text: var(--fra-text) !important;
  --v91-muted: var(--fra-muted) !important;
  --v91-line: var(--fra-line) !important;
  --v91-line-strong: var(--fra-line-strong) !important;
  --v91-accent: var(--fra-lime) !important;
  --v91-soft: var(--accent-soft) !important;
  --bc-amber: var(--fra-lime) !important;
  --bc-line: var(--fra-line) !important;
  background: var(--fra-bg) !important;
  min-width: 320px;
}

html[data-fra-design="lime"] body,
html[data-fra-design="lime"] body#fra-hub#fra-hub {
  background: var(--fra-bg) !important;
  background-image: none !important;
  color: var(--fra-text) !important;
  font-family: var(--fra-body) !important;
  font-size: 14px !important;
  line-height: 1.65 !important;
  -webkit-font-smoothing: antialiased;
  margin: 0;
}
html[data-fra-design="lime"] *,
html[data-fra-design="lime"] *::before,
html[data-fra-design="lime"] *::after { box-sizing: border-box; }
html[data-fra-design="lime"] [hidden],
html[data-fra-design="lime"] .hidden { display: none !important; }
html[data-fra-design="lime"] ::selection { background: var(--fra-lime); color: var(--fra-bg); }
html[data-fra-design="lime"] :focus-visible,
html[data-fra-design="lime"] #fra-hub#fra-hub :focus-visible {
  outline: 2px solid var(--fra-lime) !important;
  outline-offset: 4px;
}
html[data-fra-design="lime"] :is(button, input, select, textarea) { font-family: inherit; }
html[data-fra-design="lime"] :is(button, a, summary) { -webkit-tap-highlight-color: transparent; touch-action: manipulation; }
html[data-fra-design="lime"] :is(input[type="checkbox"], input[type="radio"], progress) { accent-color: var(--fra-lime) !important; }
html[data-fra-design="lime"] :is(img, video, canvas) { max-width: 100%; }
html[data-fra-design="lime"] :is(.fra-wordmark, .hub-brand-image) {
  display: block; width: 184px; height: 40px !important; object-fit: contain; object-position: left center;
}
html[data-fra-design="lime"] :is(.brand, .learn-brand, .nt-brand, .hub-brand) { flex-shrink: 0; }
html[data-fra-design="lime"] :is(.brand-dot, .hub-brand-dot, .learn-brand i) { color: var(--fra-lime) !important; }

/* Consistent actions. Destructive and disabled states are kept distinct. */
html[data-fra-design="lime"] :is(.button, .mini-button, .icon-button, .hub-button, .nt-btn, .learn-button, .bc-button, .fra-boxcar-cta, .btn, .copydesk-action, .copydesk-save),
html[data-fra-design="lime"] #fra-hub#fra-hub :is(.button, .mini-button, .icon-button, .hub-button, .learn-button, .copydesk-action, .copydesk-save) {
  background: transparent !important;
  color: #eeeeee !important;
  border: 1px solid var(--fra-line-strong) !important;
  border-radius: 5px !important;
  min-height: 44px !important;
  padding: 11px 16px !important;
  font: 700 12px/1.4 var(--fra-body) !important;
  letter-spacing: 0 !important;
  text-decoration: none;
  box-shadow: none !important;
  cursor: pointer;
  transform: none !important;
  transition: background-color 160ms, color 160ms, border-color 160ms, transform 160ms !important;
}
html[data-fra-design="lime"] :is(.button.primary, .hub-primary, .nt-btn-primary, .learn-button.primary, .bc-button, .fra-boxcar-cta, .btn.primary, .copydesk-action.primary, .copydesk-save),
html[data-fra-design="lime"] #fra-hub#fra-hub :is(.button.primary, .hub-primary, .learn-button.primary, .copydesk-action.primary, .copydesk-save) {
  background: var(--fra-lime) !important; border-color: var(--fra-lime) !important; color: var(--fra-bg) !important;
}
html[data-fra-design="lime"] :is(.button.danger, .mini-button.danger, .copydesk-action.danger),
html[data-fra-design="lime"] #fra-hub#fra-hub :is(.button.danger, .mini-button.danger, .copydesk-action.danger) {
  background: #ff949c08 !important; border-color: #ff949c66 !important; color: var(--fra-danger) !important;
}
html[data-fra-design="lime"] :is(.button, .mini-button, .icon-button, .nt-btn, .learn-button, .bc-button, .fra-boxcar-cta, .btn, .copydesk-action, .copydesk-save):disabled,
html[data-fra-design="lime"] #fra-hub#fra-hub :is(.button, .mini-button, .icon-button, .learn-button, .copydesk-action, .copydesk-save):disabled {
  background: #292929 !important; color: #a3a3a3 !important; border-color: #404040 !important;
  opacity: .65 !important; cursor: not-allowed !important; transform: none !important;
}
@media (hover: hover) and (pointer: fine) {
  html[data-fra-design="lime"] :is(.button, .mini-button, .nt-btn, .learn-button, .bc-button, .fra-boxcar-cta, .btn, .copydesk-action, .copydesk-save):not(:disabled):hover,
  html[data-fra-design="lime"] #fra-hub#fra-hub :is(.button, .mini-button, .learn-button, .copydesk-action, .copydesk-save):not(:disabled):hover {
    background: #ffffff !important; color: var(--fra-bg) !important; border-color: #ffffff !important;
    filter: none !important; transform: translateY(-1px) !important;
  }
}
html[data-fra-design="lime"] :is(.button, .nt-btn, .learn-button, .bc-button, .btn):not(:disabled):active,
html[data-fra-design="lime"] #fra-hub#fra-hub .button:not(:disabled):active { transform: scale(.98) !important; }

/* Workspace frame and menus keep the existing navigation and permission hooks. */
html[data-fra-design="lime"] #fra-hub#fra-hub #appShell,
html[data-fra-design="lime"] #fra-hub#fra-hub #appShell > .main-content { background: var(--fra-bg) !important; }
html[data-fra-design="lime"] #fra-hub .hub-app-header { background: var(--fra-bg); border-color: #292929; }
html[data-fra-design="lime"] #fra-hub .hub-app-header-inner { min-height: 82px; padding-block: 18px; }
html[data-fra-design="lime"] #fra-hub .hub-workspace-label { border-color: var(--fra-line); color: var(--fra-muted); font-size: 10px; font-weight: 700; letter-spacing: .14em; }
html[data-fra-design="lime"] #fra-hub .hub-nt-shortcut { color: var(--fra-muted); font-size: 12px; min-height: 44px; }
html[data-fra-design="lime"] #fra-hub .hub-nt-shortcut:hover { color: var(--fra-lime); }
html[data-fra-design="lime"] #fra-hub .hub-user-button { width: 40px; height: 40px; background: var(--fra-panel); border-color: #505050; color: var(--fra-lime); font-weight: 800; }
html[data-fra-design="lime"] #fra-hub .hub-app-nav { gap: 26px; }
html[data-fra-design="lime"] #fra-hub .hub-nav-button { color: var(--fra-muted); font-size: 12px; font-weight: 700; }
html[data-fra-design="lime"] #fra-hub .hub-nav-button > span { color: inherit; }
html[data-fra-design="lime"] #fra-hub .hub-nav-button:hover { color: white; }
html[data-fra-design="lime"] #fra-hub .hub-nav-button.active { color: var(--fra-lime); border-bottom-color: var(--fra-lime); }
html[data-fra-design="lime"] #fra-hub .hub-nav-panel { background: var(--fra-panel); border-color: #454545; border-radius: 5px; box-shadow: 0 15px 45px #0009; }
html[data-fra-design="lime"] #fra-hub .hub-nav-panel button { color: #d4d4d4; font-size: 12px; font-weight: 600; border-radius: 3px; min-height: 44px; }
html[data-fra-design="lime"] #fra-hub .hub-nav-panel button:hover,
html[data-fra-design="lime"] #fra-hub .hub-nav-panel button.active { color: var(--fra-lime); background: #c6ff000c; }

/* Bold page titles, restrained subheads, readable data typography. */
html[data-fra-design="lime"] #fra-hub#fra-hub :is(.section-head h2, .v801-hero-copy h2, .copydesk-page-head h2) {
  font: 400 clamp(34px, 3.3vw, 44px)/1.12 var(--fra-heading) !important;
  letter-spacing: .005em !important; text-transform: uppercase; color: white !important;
  margin-bottom: 10px !important; overflow-wrap: anywhere;
}
html[data-fra-design="lime"] #fra-hub#fra-hub :is(.section-head p, .v801-hero-copy p, .copydesk-page-head p, .panel-sub, .panel-head p) {
  color: var(--fra-muted) !important; font: 400 13px/1.8 var(--fra-body) !important;
}
html[data-fra-design="lime"] #fra-hub#fra-hub :is(.section-kicker, .dashboard-eyebrow) {
  color: var(--fra-lime) !important; font: 700 10px/1.5 var(--fra-body) !important; letter-spacing: .12em !important;
}
html[data-fra-design="lime"] #fra-hub#fra-hub :is(.panel-head h2, .panel-head h3) {
  color: white !important; font: 700 16px/1.45 var(--fra-body) !important; letter-spacing: -.025em !important;
}
html[data-fra-design="lime"] #fra-hub#fra-hub :is(.panel, .kpi-card) {
  background: var(--fra-panel) !important; background-image: none !important;
  border-color: var(--fra-line) !important; border-radius: 8px !important; color: #e5e5e5 !important;
  box-shadow: none !important;
}
html[data-fra-design="lime"] #fra-hub#fra-hub .panel { font: 400 14px/1.65 var(--fra-body) !important; }
html[data-fra-design="lime"] #fra-hub#fra-hub .panel-head { border-bottom-color: #303030 !important; }
html[data-fra-design="lime"] #fra-hub#fra-hub .kpi-card { min-height: 130px !important; }
html[data-fra-design="lime"] #fra-hub#fra-hub .kpi-label { color: var(--fra-muted) !important; font-size: 11px !important; font-weight: 600 !important; }
html[data-fra-design="lime"] #fra-hub#fra-hub .kpi-value { color: white !important; font: 700 29px/1.25 var(--fra-body) !important; letter-spacing: -.045em !important; }
html[data-fra-design="lime"] #fra-hub#fra-hub .kpi-sub { color: var(--fra-muted) !important; font-size: 11px !important; }
html[data-fra-design="lime"] #fra-hub#fra-hub .positive,
html[data-fra-design="lime"] #fra-hub#fra-hub .kpi-value.positive { color: var(--fra-lime) !important; }
html[data-fra-design="lime"] #fra-hub#fra-hub .negative,
html[data-fra-design="lime"] #fra-hub#fra-hub .kpi-value.negative { color: var(--fra-danger) !important; }
html[data-fra-design="lime"] #fra-hub#fra-hub :is(.muted, .neutral-text, .kpi-card span, .kpi-card small) { color: var(--fra-muted) !important; }
html[data-fra-design="lime"] #fra-hub#fra-hub :is(.hub-data-health, .hub-risk-details, .chart-container, .hub-data-health .panel) {
  background: var(--fra-panel) !important; border-color: var(--fra-line) !important; color: #d0d0d0;
}
html[data-fra-design="lime"] #fra-hub#fra-hub #demoBanner {
  background: #151515 !important; color: #c5c5c5 !important; border-color: #c6ff004d !important;
}
html[data-fra-design="lime"] #fra-hub#fra-hub #demoBanner strong { color: var(--fra-lime) !important; }

/* Tables: the same neutral surface and small labels on every working screen. */
html[data-fra-design="lime"] #fra-hub#fra-hub :is(.table-wrap, .copydesk-table-wrap) { background: var(--fra-panel) !important; scrollbar-color: #555 var(--fra-panel); }
html[data-fra-design="lime"] #fra-hub#fra-hub :is(.data-table, .copydesk-table) { background: transparent !important; color: #eeeeee !important; font-size: 13px !important; }
html[data-fra-design="lime"] #fra-hub#fra-hub :is(.data-table thead, .data-table th, .copydesk-table thead, .copydesk-table th) {
  background: #1d1d1d !important; border-color: var(--fra-line) !important; color: var(--fra-muted) !important;
  font: 700 10px/1.6 var(--fra-body) !important; letter-spacing: .055em !important; text-transform: uppercase;
}
html[data-fra-design="lime"] #fra-hub#fra-hub :is(.data-table td, .copydesk-table td) {
  background: var(--fra-panel) !important; border-color: #2a2a2a !important; color: #e5e5e5 !important;
  font: 500 13px/1.6 var(--fra-body) !important; font-variant-numeric: tabular-nums;
}
html[data-fra-design="lime"] #fra-hub#fra-hub :is(.data-table, .copydesk-table) tr:hover td { background: #202020 !important; }
html[data-fra-design="lime"] #fra-hub#fra-hub .data-table small { color: var(--fra-muted) !important; font-size: 11px !important; }
html[data-fra-design="lime"] #fra-hub#fra-hub :is(.data-table td.positive, .data-table td .positive, .copydesk-table .positive) { color: var(--fra-lime) !important; }
html[data-fra-design="lime"] #fra-hub#fra-hub :is(.data-table td.negative, .data-table td .negative, .copydesk-table .negative) { color: var(--fra-danger) !important; }
html[data-fra-design="lime"] #fra-hub#fra-hub #accountsTable .progress-label { color: #bdbdbd !important; }
html[data-fra-design="lime"] #fra-hub#fra-hub :is(.progress-track, #accountsTable .progress-track) { background: #363636 !important; }
html[data-fra-design="lime"] #fra-hub#fra-hub :is(.progress-fill, #accountsTable .progress-fill) { background: var(--fra-lime) !important; }

/* Form fields and dialogs include auth, account editing and connection wizards. */
html[data-fra-design="lime"] #fra-hub#fra-hub :is(.control, .text-input, select, textarea, input:not([type="checkbox"]):not([type="radio"]):not([type="range"])) {
  background: #101010 !important; color: white !important; border-color: #4a4a4a !important;
  border-radius: 5px !important; min-height: 44px !important; font-size: 14px !important;
}
html[data-fra-design="lime"] #fra-hub#fra-hub :is(.field-label, .setting-row p, .settings-block > p, .secret-label) { color: var(--fra-muted) !important; }
html[data-fra-design="lime"] #fra-hub#fra-hub :is(.setting-row, .profile-login-row) { border-color: var(--fra-line) !important; }
html[data-fra-design="lime"] #fra-hub#fra-hub .modal-backdrop { background: #000c !important; backdrop-filter: blur(5px) !important; }
html[data-fra-design="lime"] #fra-hub#fra-hub .modal-card { background: var(--fra-panel) !important; background-image: none !important; border-color: #4a4a4a !important; border-radius: 10px !important; }
html[data-fra-design="lime"] #fra-hub#fra-hub .modal-card h2 { font: 400 32px/1.2 var(--fra-heading) !important; text-transform: uppercase; letter-spacing: .01em !important; color: white !important; }
html[data-fra-design="lime"] #fra-hub#fra-hub :is(.modal-card p, .modal-card label, .modal-close) { color: #b8b8b8 !important; }
html[data-fra-design="lime"] #fra-hub#fra-hub .modal-close { min-width: 44px; min-height: 44px; }
html[data-fra-design="lime"] #fra-hub#fra-hub :is(.pill, .badge, .status-pill) { border-radius: 4px !important; font-size: 10px !important; font-weight: 700 !important; }
html[data-fra-design="lime"] #fra-hub#fra-hub :is(.pill.neutral, .badge.neutral, .status-pill.neutral) { color: #c0c0c0 !important; background: #252525 !important; border-color: #444 !important; }
html[data-fra-design="lime"] #fra-hub#fra-hub :is(.pill.green, .badge.green, .pill.success, .pill.positive) { color: var(--fra-lime) !important; background: #c6ff000d !important; border-color: #c6ff0040 !important; }
html[data-fra-design="lime"] #fra-hub#fra-hub :is(.pill.red, .badge.red, .pill.danger, .pill.negative) { color: var(--fra-danger) !important; background: #ff949c0d !important; border-color: #ff949c40 !important; }

/* Secondary workspaces use the same surfaces, rather than individual palettes. */
html[data-fra-design="lime"] #fra-hub#fra-hub :is(
  .provider-review-panel, .partner-program-banner, .prop-firm-card, .connection-card, .multi-connection-card, .multi-connect-summary,
  .connection-step, .partner-capability-card, .partner-env-card, .connection-status-banner,
  .discord-connection-card, .discord-membership-stat, .secret-box, .device-item,
  .notebook-editor, .notebook-search, .notebook-list-head, .notebook-editor-top, .editor-toolbar,
  .guardrail-score-card, .guardrail-rule-card, .resource-card, .resource-item,
  .copydesk-console, .copydesk-group-summary, .copydesk-settings-footer, .copydesk-table-footer,
  .copydesk-table-toolbar, .copydesk-orders-head, .copydesk-testbench, .copier-safety-banner,
  .squawk-status-card, .squawk-audio-card, .news-bias-card, .market-move-card, .macro-panel,
  .macro-events, .macro-empty, .macro-next-card, .squawk-tape, .macro-event-card,
  .support-topic-card, .policy-panel, .lab-template-card, .lab-rule-chip,
  .learn-panel, .learn-card, .learn-cover, .affiliate-empty, .membership-plan, .legacy-access-strip,
  .admin-member-mini-kpi, .admin-member-list-item, .admin-plan-limit-card
) { background: var(--fra-panel) !important; background-image: none !important; border-color: var(--fra-line) !important; color: #e5e5e5; box-shadow: none !important; }
html[data-fra-design="lime"] #fra-hub#fra-hub :is(
  .copydesk-summary-cell > span, .copydesk-summary-cell small, .copier-worker-strip,
  .squawk-next-line, .squawk-audio-state, .news-bias-meta, .market-move-foot,
  .macro-source-note, .macro-alert-note, .news-voice-note, .notebook-list-head span,
  .discord-membership-note, .discord-membership-stat small, .discord-membership-stat > span
) { color: var(--fra-muted) !important; }
html[data-fra-design="lime"] #fra-hub#fra-hub :is(.copydesk-group-summary strong, .copydesk-page-head h2, .squawk-status-top h3) { color: white !important; }
html[data-fra-design="lime"] #fra-hub#fra-hub :is(.copydesk-tabs, .macro-tabs, .fra-v91-tabs, .editor-toolbar, .notebook-editor-top) { background: transparent !important; border-color: var(--fra-line) !important; }
html[data-fra-design="lime"] #fra-hub#fra-hub :is(.fra-v91-tab, .copydesk-tabs button, .macro-tabs button) { color: var(--fra-muted) !important; }
html[data-fra-design="lime"] #fra-hub#fra-hub :is(.fra-v91-tab.active, .copydesk-tabs button.active, .macro-tabs button.active) { color: var(--fra-lime) !important; border-bottom-color: var(--fra-lime) !important; }
html[data-fra-design="lime"] #fra-hub#fra-hub :is(.notebook-folder.active, .notebook-note-item.active, .theme-current-pill, .theme-preset-card.active) { background: #c6ff0008 !important; border-color: #c6ff004d !important; color: var(--fra-lime) !important; }
html[data-fra-design="lime"] #fra-hub#fra-hub :is(.notebook-note-item, .notebook-folder, .rich-editor) { color: #dedede !important; border-color: var(--fra-line) !important; }
html[data-fra-design="lime"] #fra-hub#fra-hub .rich-editor { background: #111111 !important; }
html[data-fra-design="lime"] #fra-hub#fra-hub .theme-preset-grid { grid-template-columns: minmax(0, 500px); }
html[data-fra-design="lime"] #fra-hub#fra-hub .theme-preset-preview { --preview-bg: #0b0b0b !important; --preview-panel: #202020 !important; --preview-border: #333 !important; --preview-accent: #c6ff00 !important; }
html[data-fra-design="lime"] #fra-hub#fra-hub .membership-plan.featured { border-color: #c6ff0066 !important; }
html[data-fra-design="lime"] #fra-hub#fra-hub .membership-plan-badge { background: var(--fra-lime) !important; color: var(--fra-bg) !important; }
html[data-fra-design="lime"] #fra-hub#fra-hub :is(.trading-calendar-weekdays, .trading-calendar-grid, .trading-calendar-day) { background: var(--fra-panel) !important; border-color: var(--fra-line) !important; }
html[data-fra-design="lime"] #fra-hub#fra-hub .trading-calendar-day:hover { background: #222 !important; }
html[data-fra-design="lime"] #fra-hub#fra-hub .trading-calendar-day.profit { background: #c6ff000b !important; border-color: #c6ff0030 !important; }
html[data-fra-design="lime"] #fra-hub#fra-hub .trading-calendar-day.loss { background: #ff949c0b !important; border-color: #ff949c30 !important; }
html[data-fra-design="lime"] #fra-hub#fra-hub .trading-calendar-today-label { color: var(--fra-lime) !important; background: #c6ff0010 !important; }
html[data-fra-design="lime"] #fra-hub#fra-hub :is(.calendar-legend-dot.profit, .trading-calendar-activity.profit i) { background: var(--fra-lime) !important; }
html[data-fra-design="lime"] #fra-hub#fra-hub .calendar-legend-dot.loss { background: var(--fra-danger) !important; }

/* Partner features, giveaway and private campaign administration. Official art
   retains Boxcar / NinjaTrader's own colours and proportions. */
html[data-fra-design="lime"] :is(.site-header, .learn-top, .nt-nav, .trust-page-nav) { background: var(--fra-bg) !important; border-color: #292929 !important; }
html[data-fra-design="lime"] :is(.site-header nav a, .learn-top nav a, .nt-nav nav a, .trust-page-nav nav a) { color: var(--fra-muted) !important; font: 600 12px/1.5 var(--fra-body); }
html[data-fra-design="lime"] :is(.site-header nav a, .learn-top nav a, .nt-nav nav a, .trust-page-nav nav a):hover,
html[data-fra-design="lime"] .site-header nav a[aria-current] { color: var(--fra-lime) !important; }
html[data-fra-design="lime"] :is(.page-heading h1, .bc-hero h1, .bc-launch-head h1, .bc-admin h1, .learn-hero h1, .learn-preview h1),
html[data-fra-design="lime"] #fra-hub#fra-hub :is(.nt-hero h1, .trust-hero h1, .fra-learn .learn-title) {
  font: 400 clamp(40px, 4.5vw, 60px)/1.08 var(--fra-heading) !important;
  text-transform: uppercase; letter-spacing: .005em !important; color: white !important;
}
html[data-fra-design="lime"] :is(.page-heading > p, .bc-lead, .bc-launch-sub, .learn-deck) { color: #bcbcbc !important; }
html[data-fra-design="lime"] :is(.page-heading .eyebrow, .bc-eyebrow, .learn-eyebrow, .category, .fra-boxcar-label),
html[data-fra-design="lime"] #fra-hub#fra-hub :is(.nt-kicker, .nt-card-label, .trust-kicker) { color: var(--fra-lime) !important; font-weight: 700; letter-spacing: .12em; }
html[data-fra-design="lime"] :is(
  .partner-card, .workspace-card, .fra-boxcar, .boxcar-info article, .bc-panel, .bc-prize,
  .bc-entry-card, .bc-admin-section, .bc-details, .bc-code-block, .bc-schedule > div,
  .bc-entry-item, .learn-card, .learn-panel, .learn-cover, .learn-loading
),
html[data-fra-design="lime"] #fra-hub#fra-hub :is(.nt-hero-card, .nt-steps article, .nt-workflow-grid article, .nt-email-list, .trust-hero, .trust-hero-card, .trust-section) {
  background: var(--fra-panel) !important; background-image: none !important; border-color: var(--fra-line) !important;
  color: #e5e5e5 !important; box-shadow: none !important; border-radius: 8px;
}
html[data-fra-design="lime"] :is(.partner-card h2, .workspace-card h2, .fra-boxcar h2, .bc-main h2, .learn-section > h2, .learn-panel > h2) {
  color: white !important; font: 400 30px/1.2 var(--fra-heading) !important; letter-spacing: .01em !important; text-transform: uppercase;
}
html[data-fra-design="lime"] :is(.partner-card p, .workspace-card p, .fra-boxcar-copy > p, .bc-panel p, .bc-code-block p, .bc-intro, .bc-small, .bc-legal, .bc-prize p, .bc-draft-terms, .learn-card p, .learn-panel p) { color: #b5b5b5 !important; }
html[data-fra-design="lime"] :is(.bc-programme .bc-route, .bc-source, .bc-check a, .bc-legal a, .boxcar-code, .bc-prize strong, .learn-link) { color: var(--fra-lime) !important; }
html[data-fra-design="lime"] :is(.bc-prize strong, .bc-countdown) { color: var(--fra-lime) !important; font-variant-numeric: tabular-nums; font-weight: 700; }
html[data-fra-design="lime"] .bc-prize { border-top: 2px solid var(--fra-lime) !important; }
html[data-fra-design="lime"] .bc-prize h2 { font: 700 16px/1.5 var(--fra-body) !important; text-transform: none; letter-spacing: -.025em !important; }
html[data-fra-design="lime"] :is(.bc-disclosure, .disclosure, .bc-entry-layout, .bc-jump, .bc-section, .card-actions, .learn-stats, .learn-foot, footer, .bc-table-wrap) { border-color: var(--fra-line) !important; }
html[data-fra-design="lime"] :is(.bc-socials a, .bc-verification, .bc-preview-banner, .bc-success-box) { background: #191919 !important; border-color: #4c4c4c !important; color: #d4d4d4 !important; }
html[data-fra-design="lime"] .bc-verification { border-left-color: var(--fra-lime) !important; }
html[data-fra-design="lime"] .bc-socials a:hover { border-color: var(--fra-lime) !important; color: var(--fra-lime) !important; }
html[data-fra-design="lime"] :is(.bc-field, .bc-check, .bc-table caption, .bc-schedule dt) { color: var(--fra-muted) !important; }
html[data-fra-design="lime"] :is(.bc-field input, .bc-field select, .bc-field textarea, .bc-admin input, .bc-admin select, .bc-admin textarea, .learn-search, .learn-form input, .learn-form textarea) { background: #101010 !important; color: white !important; border-color: #4a4a4a !important; }
html[data-fra-design="lime"] :is(.bc-table caption, .bc-table thead) { background: #202020 !important; }
html[data-fra-design="lime"] .bc-table tbody { background: var(--fra-panel) !important; }
html[data-fra-design="lime"] .bc-table tbody th { color: var(--fra-lime) !important; }
html[data-fra-design="lime"] :is(.bc-table th, .bc-table td) { border-color: var(--fra-line) !important; }
html[data-fra-design="lime"] .bc-status { background: #edc17d0d; border-color: #edc17d55; color: var(--fra-warning); }
html[data-fra-design="lime"] .bc-warning { border-color: #edc17d55 !important; }
html[data-fra-design="lime"] .bc-form-status[data-error="true"] { color: var(--fra-danger) !important; }
html[data-fra-design="lime"] #fra-hub#fra-hub :is(.nt-hero h1 em, .nt-pack-link, .nt-steps a) { color: var(--fra-lime) !important; }
html[data-fra-design="lime"] #fra-hub#fra-hub :is(.nt-section, .nt-proofbar, .nt-footer, .nt-faq details, .nt-email-list > span, .nt-hero-card li) { border-color: var(--fra-line) !important; }
html[data-fra-design="lime"] #fra-hub#fra-hub :is(.nt-lead, .nt-section p, .nt-hero-card p, .nt-hero-card li span, .nt-affiliate-note, .trust-page-shell p, .trust-page-shell li) { color: #b5b5b5 !important; }
html[data-fra-design="lime"] #fra-hub[data-hub-document] :is(.trust-page-shell, .trust-page-nav) { max-width: 1240px; }
html[data-fra-design="lime"] #fra-hub[data-hub-document] :is(.trust-section h2, .trust-section h3) { font-family: var(--fra-body) !important; color: white !important; }
html[data-fra-design="lime"] #fra-hub[data-hub-document] .trust-status-line { border-color: var(--fra-line); }
html[data-fra-design="lime"] #fra-hub[data-hub-document] .trust-status-line strong { color: white; }
html[data-fra-design="lime"] #fra-hub[data-hub-document] .trust-status-line > span { color: var(--fra-muted); }
html[data-fra-design="lime"] #fra-hub#fra-hub .nt-section h2 { font: 400 34px/1.2 var(--fra-heading) !important; text-transform: uppercase; letter-spacing: .01em; }
html[data-fra-design="lime"] .trust-page-nav .brand-logo-full { width: 184px !important; height: 40px !important; object-fit: contain; }

/* Learning uses the same identity while retaining its lesson / practice layout. */
html[data-fra-design="lime"] .fra-learn { font-family: var(--fra-body); }
html[data-fra-design="lime"] :is(.learn-hero h1 span, .learn-title span, .learn-card .learn-eyebrow, .learn-stats strong) { color: var(--fra-lime) !important; }
html[data-fra-design="lime"] .learn-toast { background: var(--fra-lime); color: var(--fra-bg); border-radius: 5px; }
html[data-fra-design="lime"] body[data-fra-surface="course"] :is(header, .sidebar, .player, .player-under, .tabs, .lesson-actions, .tools, .quiz, details, footer) { border-color: var(--fra-line) !important; }
html[data-fra-design="lime"] body[data-fra-surface="course"] :is(header, .sidebar, .player, .quiz, .callout, .welcome, .focus-card, .chapters button, .quiz-options button, .step-card, .lesson-promise, .worked-example, .your-turn, .practice-box, .widget-result, .learn-updated, .step-rail button, .risk-card, .result) { background: var(--fra-panel); background-image: none; border-color: var(--fra-line); color: #e5e5e5; }
html[data-fra-design="lime"] body[data-fra-surface="course"] :is(h1, h2) { color: white; font-family: var(--fra-heading); font-weight: 400; text-transform: uppercase; letter-spacing: .01em; }
html[data-fra-design="lime"] body[data-fra-surface="course"] :is(.copy p, .deck, .small, .player-under, .transcript p, .drills li, .focus-card p, .aside-foot, .course-name) { color: #b5b5b5; }
html[data-fra-design="lime"] body[data-fra-surface="course"] :is(.eyebrow, .progress-row strong, .feedback, .focus-card .eyebrow, .num) { color: var(--fra-lime); }
html[data-fra-design="lime"] body[data-fra-surface="course"] :is(#lessons a.active, .tools a.active) { color: var(--fra-lime); background: #c6ff000c; border-color: #c6ff0040; }
html[data-fra-design="lime"] body[data-fra-surface="course"] :is(#lessons a, .tools a) { color: #bdbdbd; }
html[data-fra-design="lime"] body[data-fra-surface="course"] textarea { background: #101010; color: white; border-color: #4a4a4a; font: 14px/1.7 var(--fra-body); }
html[data-fra-design="lime"] body[data-fra-surface="course"] :is(input:not([type="range"]):not([type="checkbox"]):not([type="radio"]), select) { background: #101010; color: white; border-color: #4a4a4a; font: 16px/1.5 var(--fra-body); min-height: 44px; }
html[data-fra-design="lime"] body[data-fra-surface="course"] :is(.worked-example, .callout) { border-left-color: var(--fra-lime); }
html[data-fra-design="lime"] body[data-fra-surface="course"] :is(.step-rail button.active, .quiz-options button.selected) { border-color: var(--fra-lime); color: var(--fra-lime); }
html[data-fra-design="lime"] body[data-fra-surface="course"] progress::-webkit-progress-bar { background: #333; }
html[data-fra-design="lime"] body[data-fra-surface="course"] progress::-webkit-progress-value { background: var(--fra-lime); }
html[data-fra-design="lime"] body[data-fra-surface="course"] progress::-moz-progress-bar { background: var(--fra-lime); }
html[data-fra-design="lime"] body[data-fra-surface="course"] .tabs button[aria-selected="true"] { color: var(--fra-lime); border-color: var(--fra-lime); }

@media (max-width: 800px) {
  html[data-fra-design="lime"] #fra-hub .hub-app-nav { gap: 20px; }
  html[data-fra-design="lime"] #fra-hub .hub-app-header-inner { gap: 16px; }
  html[data-fra-design="lime"] #fra-hub .hub-app-utilities { gap: 16px; }
}
@media (max-width: 560px) {
  html[data-fra-design="lime"] :is(.fra-wordmark, .hub-brand-image) { width: 160px; height: 36px !important; }
  html[data-fra-design="lime"] #fra-hub .hub-app-header-inner { min-height: 72px; padding: 16px; }
  html[data-fra-design="lime"] #fra-hub .hub-app-utilities { gap: 12px; }
  html[data-fra-design="lime"] #fra-hub .hub-nt-shortcut { font-size: 11px; }
  html[data-fra-design="lime"] #fra-hub .hub-app-nav { grid-template-columns: repeat(4, minmax(0, 1fr)); gap: 0 10px; padding: 0 16px 4px; }
  html[data-fra-design="lime"] #fra-hub .hub-nav-button { font-size: 11px; min-height: 44px; gap: 4px; }
  html[data-fra-design="lime"] #fra-hub .hub-nav-panel { top: 168px; max-height: calc(100dvh - 188px); }
  html[data-fra-design="lime"] #fra-hub#fra-hub :is(.section-head h2, .v801-hero-copy h2, .copydesk-page-head h2) { font-size: 32px !important; }
  html[data-fra-design="lime"] #fra-hub#fra-hub :is(.control, .text-input, select, textarea, input:not([type="checkbox"]):not([type="radio"]):not([type="range"])) { font-size: 16px !important; }
  html[data-fra-design="lime"] #fra-hub#fra-hub .kpi-value { font-size: 24px !important; }
  html[data-fra-design="lime"] #fra-hub#fra-hub .kpi-card { min-height: 120px !important; }
  html[data-fra-design="lime"] #fra-hub#fra-hub :is(.button, .mini-button) { padding: 10px 12px !important; font-size: 12px !important; }
  html[data-fra-design="lime"] :is(.page-heading h1, .bc-hero h1, .bc-launch-head h1, .bc-admin h1, .learn-hero h1, .learn-preview h1),
  html[data-fra-design="lime"] #fra-hub#fra-hub :is(.nt-hero h1, .trust-hero h1, .fra-learn .learn-title) { font-size: 38px !important; }
  html[data-fra-design="lime"] .header-inner > .button { font-size: 10px !important; padding-inline: 11px !important; }
  html[data-fra-design="lime"] .bc-entry-card .bc-button { width: 100%; }
  html[data-fra-design="lime"] .bc-socials a { align-items: center; line-height: 1.6; }
  html[data-fra-design="lime"] .bc-main { overflow-wrap: anywhere; }
  html[data-fra-design="lime"] .trust-page-nav { flex-wrap: wrap; }
  html[data-fra-design="lime"] .trust-page-nav nav { flex-wrap: wrap; gap: 8px 18px; }
  html[data-fra-design="lime"] body[data-fra-surface="course"] .account-nav { flex-wrap: wrap; }
}
@media (max-width: 360px) {
  html[data-fra-design="lime"] #fra-hub .hub-nt-shortcut { font-size: 10px; }
  html[data-fra-design="lime"] #fra-hub .hub-app-utilities { gap: 8px; }
  html[data-fra-design="lime"] #fra-hub .hub-app-nav { gap: 0 5px; }
}
@media (prefers-reduced-motion: reduce) {
  html[data-fra-design="lime"] { scroll-behavior: auto !important; }
  html[data-fra-design="lime"] *,
  html[data-fra-design="lime"] *::before,
  html[data-fra-design="lime"] *::after { animation: none !important; transition: none !important; scroll-behavior: auto !important; }
}