/**
 * Flayed theme v2 — authoritative dark green neon/glass palette.
 * Scope: .site-scene[data-theme="flayed"] only.
 * Loaded after page sheets / action-contrast, before header-glass.
 * Does not alter classic / poisoned / immolated.
 */

/* ==========================================================================
   1. Token layer + page scene
   ========================================================================== */

.site-scene[data-theme="flayed"] {
  /* Named flayed system */
  --flayed-page-bg: #06150f;
  --flayed-page-bg-deep: #020b07;
  --flayed-page-glow-left: #315d20;
  --flayed-page-glow-right: #08795d;

  --flayed-surface-1: #0a2419;
  --flayed-surface-2: #0d2e21;
  --flayed-surface-3: #113a29;
  --flayed-surface-inset: #071a12;
  --flayed-surface-glass: rgba(7, 34, 24, 0.76);

  --flayed-border: #2d7048;
  --flayed-border-soft: rgba(84, 177, 111, 0.3);
  --flayed-border-strong: #4a9b5d;

  --flayed-text: #f4faf5;
  --flayed-text-body: #e6eee8;
  --flayed-text-secondary: #b7c6bc;
  --flayed-text-muted: #879a8e;
  --flayed-text-disabled: #65766c;

  --flayed-accent: #93f23f;
  --flayed-accent-strong: #b8ff45;
  --flayed-accent-teal: #2de1b2;
  --flayed-on-accent: #07110a;
  --flayed-focus: #b1ff58;

  --flayed-shadow: rgba(0, 0, 0, 0.34);
  --flayed-glow: rgba(147, 242, 63, 0.22);
  --flayed-teal-glow: rgba(45, 225, 178, 0.16);

  --flayed-success-bg: rgba(47, 201, 87, 0.16);
  --flayed-success-text: #8dffa7;
  --flayed-success-border: #3fa85d;
  --flayed-warning-bg: rgba(255, 193, 7, 0.14);
  --flayed-warning-text: #ffd875;
  --flayed-warning-border: #a97a11;
  --flayed-error-bg: rgba(255, 92, 92, 0.15);
  --flayed-error-text: #ffaaaa;
  --flayed-error-border: #c64a4a;
  --flayed-info-bg: rgba(45, 225, 178, 0.14);
  --flayed-info-text: #7cf3d1;
  --flayed-info-border: #249c7d;

  /* Map into existing semantic scene tokens */
  --page-a: #07150e;
  --page-b: #03120c;
  --page-c: #052019;
  --page-ink: var(--flayed-text);
  --page-muted: var(--flayed-text-secondary);
  --accent: var(--flayed-accent);
  --accent-hi: var(--flayed-accent-strong);
  --signal: var(--flayed-accent-teal);
  --signal-hi: #91ffeb;
  --panel-a: var(--flayed-surface-1);
  --panel-b: var(--flayed-page-bg-deep);
  --panel-ink: var(--flayed-text);
  --panel-muted: var(--flayed-text-secondary);
  --panel-dim: var(--flayed-text-muted);
  --route-bg: #050c08f2;
  --route-ink: var(--flayed-text);
  --binary-blend: screen;
  --grid-line: #96ff6913;

  /* Action / status */
  --action-ink-dark: var(--flayed-on-accent);
  --action-ink-light: var(--flayed-text);
  --action-primary-bg: linear-gradient(100deg, #7eea38, #b8ff45);
  --action-primary-text: var(--flayed-on-accent);
  --action-primary-border: rgba(184, 255, 69, 0.72);
  --action-primary-hover-bg: linear-gradient(100deg, #8ff24a, #c4ff5c);
  --action-secondary-bg: rgba(12, 49, 35, 0.76);
  --action-secondary-text: #e9f2ec;
  --action-secondary-border: rgba(85, 166, 104, 0.38);
  --action-lime-bg: var(--flayed-accent);
  --action-lime-text: var(--flayed-on-accent);

  --status-success-bg: var(--flayed-success-bg);
  --status-success-text: var(--flayed-success-text);
  --status-warning-bg: var(--flayed-warning-bg);
  --status-warning-text: var(--flayed-warning-text);
  --status-error-bg: var(--flayed-error-bg);
  --status-error-text: var(--flayed-error-text);
  --status-current-bg: color-mix(in srgb, var(--flayed-accent) 18%, transparent);
  --status-current-text: var(--flayed-on-accent);

  /* Chips on dark surfaces: dark tint + light ink (not mint+dark) */
  --label-ink: var(--flayed-text);
  --label-muted: var(--flayed-text-secondary);
  --chip-bg: color-mix(in srgb, var(--flayed-accent) 14%, var(--flayed-surface-2));
  --chip-border: color-mix(in srgb, var(--flayed-accent) 42%, var(--flayed-border));
  --chip-ink: var(--flayed-text);

  color: var(--flayed-text);
  background:
    radial-gradient(circle at 0% 45%, rgba(101, 156, 45, 0.38), transparent 42%),
    radial-gradient(circle at 100% 45%, rgba(16, 142, 105, 0.34), transparent 46%),
    linear-gradient(135deg, #07150e 0%, #03120c 52%, #052019 100%);
}

@supports (color: color-mix(in lab, red, red)) {
  .site-scene[data-theme="flayed"] {
    background:
      radial-gradient(
        circle at 0% 45%,
        color-mix(in srgb, var(--flayed-page-glow-left) 42%, transparent),
        transparent 42%
      ),
      radial-gradient(
        circle at 100% 45%,
        color-mix(in srgb, var(--flayed-page-glow-right) 38%, transparent),
        transparent 46%
      ),
      linear-gradient(135deg, #07150e 0%, #03120c 52%, #052019 100%);
  }
}

/* ==========================================================================
   2. Product / work tokens
   ========================================================================== */

.site-scene[data-theme="flayed"] .product-scene,
.site-scene[data-theme="flayed"] .task-training-scene {
  --work-ink: var(--flayed-text);
  --work-muted: var(--flayed-text-secondary);
  --work-surface: var(--flayed-surface-2);
  --work-border: var(--flayed-border-soft);
}

.site-scene[data-theme="flayed"] .product-page h1,
.site-scene[data-theme="flayed"] .product-page h2,
.site-scene[data-theme="flayed"] .product-page .page-title,
.site-scene[data-theme="flayed"] .product-page .login-title,
.site-scene[data-theme="flayed"] .product-page .legal-page > h1 {
  color: var(--flayed-text) !important;
  -webkit-text-fill-color: var(--flayed-text) !important;
}

.site-scene[data-theme="flayed"] .product-intro,
.site-scene[data-theme="flayed"] .product-panel,
.site-scene[data-theme="flayed"] .product-card,
.site-scene[data-theme="flayed"] .product-page .product-panel,
.site-scene[data-theme="flayed"] .product-page .product-card {
  color: var(--flayed-text-body) !important;
  -webkit-text-fill-color: var(--flayed-text-body) !important;
  border-color: var(--flayed-border-soft) !important;
  background:
    linear-gradient(
      145deg,
      rgba(17, 58, 41, 0.94),
      rgba(8, 35, 25, 0.96)
    ) !important;
  box-shadow:
    0 20px 55px var(--flayed-shadow),
    inset 0 1px 0 rgba(255, 255, 255, 0.035) !important;
}

.site-scene[data-theme="flayed"] .product-intro {
  color: var(--flayed-text-secondary) !important;
  -webkit-text-fill-color: var(--flayed-text-secondary) !important;
}

.site-scene[data-theme="flayed"] .product-kicker {
  color: var(--flayed-accent-teal) !important;
}

.site-scene[data-theme="flayed"] .product-page input:not([type="checkbox"]):not([type="radio"]),
.site-scene[data-theme="flayed"] .product-page textarea,
.site-scene[data-theme="flayed"] .product-page select {
  color: var(--flayed-text) !important;
  -webkit-text-fill-color: var(--flayed-text) !important;
  border: 1px solid var(--flayed-border) !important;
  background: var(--flayed-surface-inset) !important;
  box-shadow: none !important;
}

.site-scene[data-theme="flayed"] .product-page input::placeholder,
.site-scene[data-theme="flayed"] .product-page textarea::placeholder {
  color: #7d9285 !important;
  -webkit-text-fill-color: #7d9285 !important;
  opacity: 1;
}

.site-scene[data-theme="flayed"] .product-page input:focus-visible,
.site-scene[data-theme="flayed"] .product-page textarea:focus-visible,
.site-scene[data-theme="flayed"] .product-page select:focus-visible {
  border-color: var(--flayed-accent) !important;
  box-shadow: 0 0 0 3px rgba(147, 242, 63, 0.14) !important;
  outline: none;
}

/* ==========================================================================
   3. Primary / secondary CTA (flayed)
   ========================================================================== */

.site-scene[data-theme="flayed"] .primary-cta,
.site-scene[data-theme="flayed"] .product-btn,
.site-scene[data-theme="flayed"] .product-page .open-task-btn,
.site-scene[data-theme="flayed"] .product-page .login-btn,
.site-scene[data-theme="flayed"] .product-page button[type="submit"],
.site-scene[data-theme="flayed"] .product-page .exam-actions > button.primary,
.site-scene[data-theme="flayed"] .product-page .exam-actions > button:not(.secondary):first-of-type,
.site-scene[data-theme="flayed"] .product-page .funnel-offer-card__btn--primary,
.site-scene[data-theme="flayed"] .account-ui-btn--primary,
.site-scene[data-theme="flayed"] .account-ui-nextgen .account-ui-btn--primary,
.site-scene[data-theme="flayed"] .account-ui-nextgen a.account-ui-btn--primary,
.site-scene[data-theme="flayed"] .account-ui-nextgen button.account-ui-btn--primary,
.site-scene[data-theme="flayed"] .account-continue-card__cta.account-ui-btn--primary,
.site-scene[data-theme="flayed"] .course-system-btn--primary,
.site-scene[data-theme="flayed"] .cng-cta--primary,
.site-scene[data-theme="flayed"] .cng-btn-primary,
.site-scene[data-theme="flayed"] a.cng-btn-primary,
.site-scene[data-theme="flayed"] .exam-nextgen .exam-actions > button.primary,
.site-scene[data-theme="flayed"] .auth-nextgen .auth-submit,
.site-scene[data-theme="flayed"] .product-page .auth-submit,
.site-scene[data-theme="flayed"] .checkout-nextgen .checkout-submit,
.site-scene[data-theme="flayed"] .continue-learning-card__cta,
.site-scene[data-theme="flayed"] .task-detail-nextgen .answer-form button[type="submit"],
.site-scene[data-theme="flayed"] .task-detail-nextgen .tdn-next-after-correct,
.site-scene[data-theme="flayed"] .number-intro-page .training-start-btn,
.site-scene[data-theme="flayed"] .training-page .training-next-btn-primary,
.site-scene[data-theme="flayed"] .training-page .exam-actions button.primary,
.site-scene[data-theme="flayed"] .theory-start,
.site-scene[data-theme="flayed"] .check-answer,
.site-scene[data-theme="flayed"] .next-step-card > a,
.site-scene[data-theme="flayed"] .catalog-footer-cta > a {
  color: var(--flayed-on-accent) !important;
  -webkit-text-fill-color: var(--flayed-on-accent) !important;
  border: 1px solid rgba(184, 255, 69, 0.72) !important;
  background: linear-gradient(100deg, #7eea38, #b8ff45) !important;
  box-shadow: 0 10px 28px rgba(147, 242, 63, 0.25) !important;
}

.site-scene[data-theme="flayed"] .primary-cta:hover,
.site-scene[data-theme="flayed"] .product-btn:hover,
.site-scene[data-theme="flayed"] .product-page button[type="submit"]:hover:not(:disabled),
.site-scene[data-theme="flayed"] .account-ui-btn--primary:hover,
.site-scene[data-theme="flayed"] .cng-btn-primary:hover,
.site-scene[data-theme="flayed"] .auth-submit:hover,
.site-scene[data-theme="flayed"] .checkout-submit:hover,
.site-scene[data-theme="flayed"] .task-detail-nextgen .answer-form button[type="submit"]:hover:not(:disabled),
.site-scene[data-theme="flayed"] .continue-learning-card__cta:hover {
  color: var(--flayed-on-accent) !important;
  -webkit-text-fill-color: var(--flayed-on-accent) !important;
  background: linear-gradient(100deg, #8ff24a, #c4ff5c) !important;
  box-shadow: 0 12px 32px rgba(147, 242, 63, 0.34) !important;
  filter: none;
  transform: translateY(-1px);
}

.site-scene[data-theme="flayed"] .primary-cta:active,
.site-scene[data-theme="flayed"] .product-page button[type="submit"]:active,
.site-scene[data-theme="flayed"] .task-detail-nextgen .answer-form button[type="submit"]:active {
  box-shadow: 0 6px 16px rgba(147, 242, 63, 0.18) !important;
  transform: none;
}

.site-scene[data-theme="flayed"] .primary-cta:disabled,
.site-scene[data-theme="flayed"] .product-page button[type="submit"]:disabled,
.site-scene[data-theme="flayed"] .task-detail-nextgen .answer-form button[type="submit"]:disabled {
  color: var(--flayed-text-muted) !important;
  -webkit-text-fill-color: var(--flayed-text-muted) !important;
  border-color: var(--flayed-border-soft) !important;
  background: var(--flayed-surface-1) !important;
  box-shadow: none !important;
  opacity: 0.72;
}

.site-scene[data-theme="flayed"] .product-btn-secondary,
.site-scene[data-theme="flayed"] .product-page .secondary-btn,
.site-scene[data-theme="flayed"] .cng-btn-secondary,
.site-scene[data-theme="flayed"] .con-btn-secondary,
.site-scene[data-theme="flayed"] .account-ui-btn--secondary,
.site-scene[data-theme="flayed"] .account-ui-btn:not(.account-ui-btn--primary),
.site-scene[data-theme="flayed"] .task-detail-nextgen .tdn-secondary-btn,
.site-scene[data-theme="flayed"] .task-detail-nextgen .tdn-back,
.site-scene[data-theme="flayed"] .task-detail-nextgen .tdn-top-actions a,
.site-scene[data-theme="flayed"] .task-detail-nextgen .tdn-top-actions button,
.site-scene[data-theme="flayed"] .task-detail-nextgen .show-solution-btn,
.site-scene[data-theme="flayed"] .task-detail-nextgen .tdn-nav-btn,
.site-scene[data-theme="flayed"] .exam-nextgen .exam-actions > button:not(.primary),
.site-scene[data-theme="flayed"] .training-page .training-repeat-btn {
  color: #e9f2ec !important;
  -webkit-text-fill-color: #e9f2ec !important;
  border: 1px solid rgba(85, 166, 104, 0.38) !important;
  background: rgba(12, 49, 35, 0.76) !important;
  box-shadow: none !important;
}

.site-scene[data-theme="flayed"] .task-detail-nextgen .tdn-secondary-btn:hover,
.site-scene[data-theme="flayed"] .task-detail-nextgen .tdn-back:hover,
.site-scene[data-theme="flayed"] .task-detail-nextgen .tdn-top-actions a:hover,
.site-scene[data-theme="flayed"] .task-detail-nextgen .tdn-top-actions button:hover,
.site-scene[data-theme="flayed"] .cng-btn-secondary:hover {
  border-color: color-mix(in srgb, var(--flayed-accent) 45%, var(--flayed-border)) !important;
  background: color-mix(in srgb, var(--flayed-surface-3) 88%, var(--flayed-accent) 12%) !important;
  color: var(--flayed-text) !important;
  -webkit-text-fill-color: var(--flayed-text) !important;
}

/* ==========================================================================
   4. Task detail — defeat white condition/answer cards
   ========================================================================== */

.site-scene[data-theme="flayed"] .task-detail-nextgen {
  --tdn-heading-color: var(--flayed-text);
  --tdn-heading-accent: var(--flayed-accent);
  --tdn-heading-shadow: 0 1px 12px rgba(2, 11, 7, 0.45);
  --tdn-condition-bg: color-mix(in srgb, var(--flayed-accent) 16%, var(--flayed-surface-2));
  --tdn-condition-color: var(--flayed-text);
  --tdn-condition-border: var(--flayed-border-soft);
  --tdn-condition-glow: 0 0 0 1px color-mix(in srgb, var(--flayed-accent) 18%, transparent),
    0 0 16px var(--flayed-glow);
}

.site-scene[data-theme="flayed"] .task-detail-nextgen .tdn-condition,
.site-scene[data-theme="flayed"] .task-detail-nextgen .tdn-answer,
.site-scene[data-theme="flayed"] .task-detail-nextgen .tdn-nav {
  color: var(--flayed-text) !important;
  -webkit-text-fill-color: var(--flayed-text) !important;
  border: 1px solid var(--flayed-border-soft) !important;
  background:
    linear-gradient(
      145deg,
      rgba(17, 58, 41, 0.94),
      rgba(8, 35, 25, 0.96)
    ) !important;
  box-shadow:
    0 20px 55px var(--flayed-shadow),
    inset 0 1px 0 rgba(255, 255, 255, 0.035) !important;
  -webkit-backdrop-filter: none !important;
  backdrop-filter: none !important;
}

.site-scene[data-theme="flayed"] .task-detail-nextgen .tdn-condition {
  background:
    linear-gradient(
      145deg,
      rgba(13, 46, 33, 0.96),
      rgba(7, 26, 18, 0.98)
    ) !important;
}

.site-scene[data-theme="flayed"] .task-detail-nextgen .tdn-condition .task-question,
.site-scene[data-theme="flayed"] .task-detail-nextgen .tdn-condition .task-question :where(p, span, li, td, th, strong, em, a, code),
.site-scene[data-theme="flayed"] .task-detail-nextgen .task-question {
  color: var(--flayed-text-body) !important;
  -webkit-text-fill-color: var(--flayed-text-body) !important;
}

.site-scene[data-theme="flayed"] .task-detail-nextgen .tdn-answer .answer-form label,
.site-scene[data-theme="flayed"] .task-detail-nextgen .tdn-answer .answer-form > label {
  color: var(--flayed-text) !important;
  -webkit-text-fill-color: var(--flayed-text) !important;
}

.site-scene[data-theme="flayed"] .task-detail-nextgen .tdn-answer .answer-form input,
.site-scene[data-theme="flayed"] .task-detail-nextgen .task-error-report-form textarea {
  color: var(--flayed-text) !important;
  -webkit-text-fill-color: var(--flayed-text) !important;
  border: 1px solid var(--flayed-border) !important;
  background: var(--flayed-surface-inset) !important;
}

.site-scene[data-theme="flayed"] .task-detail-nextgen .tdn-answer .answer-form input::placeholder {
  color: #7d9285 !important;
  -webkit-text-fill-color: #7d9285 !important;
}

.site-scene[data-theme="flayed"] .task-detail-nextgen .tdn-answer .file-check-note,
.site-scene[data-theme="flayed"] .task-detail-nextgen .tdn-answer .explanation,
.site-scene[data-theme="flayed"] .task-detail-nextgen .tdn-answer .tdn-answer-accepted {
  color: var(--flayed-text-secondary) !important;
  -webkit-text-fill-color: var(--flayed-text-secondary) !important;
  border-color: var(--flayed-border-soft) !important;
  background: var(--flayed-surface-inset) !important;
}

.site-scene[data-theme="flayed"] .task-detail-nextgen .tdn-chips span {
  color: var(--flayed-text) !important;
  -webkit-text-fill-color: var(--flayed-text) !important;
  border-color: var(--chip-border) !important;
  background: var(--chip-bg) !important;
}

/* Dark readable tables inside condition (not navy+dark ink) */
.site-scene[data-theme="flayed"] .task-detail-nextgen .tdn-condition .task-question figure.table,
.site-scene[data-theme="flayed"] .task-detail-nextgen .tdn-condition .task-question > table,
.site-scene[data-theme="flayed"] .task-detail-nextgen .tdn-condition .task-question table {
  border-color: rgba(102, 173, 111, 0.42) !important;
  background: #0b2b1f !important;
}

.site-scene[data-theme="flayed"] .task-detail-nextgen .tdn-condition .task-question figure.table > table {
  background: transparent !important;
  border: 0 !important;
}

.site-scene[data-theme="flayed"] .task-detail-nextgen .tdn-condition .task-question table th,
.site-scene[data-theme="flayed"] .task-detail-nextgen .tdn-condition .task-question table td,
.site-scene[data-theme="flayed"] .task-detail-nextgen .tdn-condition .task-question figure.table th,
.site-scene[data-theme="flayed"] .task-detail-nextgen .tdn-condition .task-question figure.table td {
  border-right-color: rgba(102, 173, 111, 0.42) !important;
  border-bottom-color: rgba(102, 173, 111, 0.42) !important;
  background: rgba(14, 54, 39, 0.88) !important;
  background-color: rgba(14, 54, 39, 0.88) !important;
  color: #edf7f0 !important;
  -webkit-text-fill-color: #edf7f0 !important;
}

.site-scene[data-theme="flayed"] .task-detail-nextgen .tdn-condition .task-question table tr:first-child th,
.site-scene[data-theme="flayed"] .task-detail-nextgen .tdn-condition .task-question table tr:first-child td,
.site-scene[data-theme="flayed"] .task-detail-nextgen .tdn-condition .task-question figure.table tr:first-child th,
.site-scene[data-theme="flayed"] .task-detail-nextgen .tdn-condition .task-question figure.table tr:first-child td {
  background: rgba(64, 130, 68, 0.22) !important;
  background-color: rgba(64, 130, 68, 0.22) !important;
  color: #f4faf5 !important;
  -webkit-text-fill-color: #f4faf5 !important;
  box-shadow: inset 0 -2px 0 color-mix(in srgb, var(--flayed-accent) 55%, transparent);
}

.site-scene[data-theme="flayed"] .task-detail-nextgen .tdn-condition .task-question table :where(strong, em, span, a, code),
.site-scene[data-theme="flayed"] .task-detail-nextgen .tdn-condition .task-question figure.table :where(strong, em, span, a, code) {
  color: inherit !important;
  -webkit-text-fill-color: inherit !important;
}

.site-scene[data-theme="flayed"] .task-detail-nextgen .tdn-answer {
  --tdn-success-bg: var(--flayed-success-bg);
  --tdn-success-border: var(--flayed-success-border);
  --tdn-success-ink: #8dffa7;
  --tdn-success-text: #d4ffe0;
  --tdn-success-shadow: 0 8px 20px rgba(63, 168, 93, 0.22);
  --tdn-error-bg: var(--flayed-error-bg);
  --tdn-error-border: var(--flayed-error-border);
  --tdn-error-ink: #ffaaaa;
  --tdn-error-text: #ffd4d4;
  --tdn-error-shadow: 0 8px 20px rgba(198, 74, 74, 0.2);
}

.site-scene[data-theme="flayed"] .task-detail-nextgen .tdn-answer .result-correct {
  border-color: var(--flayed-success-border) !important;
  border-left-color: var(--flayed-success-border) !important;
  background: var(--flayed-success-bg) !important;
  color: var(--flayed-success-text) !important;
  box-shadow: var(--tdn-success-shadow) !important;
}

.site-scene[data-theme="flayed"] .task-detail-nextgen .tdn-answer .result-correct .tdn-result-icon,
.site-scene[data-theme="flayed"] .task-detail-nextgen .tdn-answer .result-correct strong {
  color: #8dffa7 !important;
  -webkit-text-fill-color: #8dffa7 !important;
}

.site-scene[data-theme="flayed"] .task-detail-nextgen .tdn-answer .result-correct .tdn-result-copy > span {
  color: #d4ffe0 !important;
  -webkit-text-fill-color: #d4ffe0 !important;
}

.site-scene[data-theme="flayed"] .task-detail-nextgen .tdn-answer .result-wrong {
  border-color: var(--flayed-error-border) !important;
  border-left-color: var(--flayed-error-border) !important;
  background: var(--flayed-error-bg) !important;
  color: var(--flayed-error-text) !important;
  box-shadow: var(--tdn-error-shadow) !important;
}

.site-scene[data-theme="flayed"] .task-detail-nextgen .tdn-answer .result-wrong .tdn-result-icon,
.site-scene[data-theme="flayed"] .task-detail-nextgen .tdn-answer .result-wrong strong {
  color: #ffaaaa !important;
  -webkit-text-fill-color: #ffaaaa !important;
}

.site-scene[data-theme="flayed"] .task-detail-nextgen .tdn-answer .result-wrong .tdn-result-copy > span {
  color: #ffd4d4 !important;
  -webkit-text-fill-color: #ffd4d4 !important;
}

/* ==========================================================================
   5. Exam nextgen tokens + panels
   ========================================================================== */

.site-scene[data-theme="flayed"] .exam-nextgen {
  --exn-ink: var(--flayed-text);
  --exn-muted: var(--flayed-text-secondary);
  --exn-surface: var(--flayed-surface-2);
  --exn-soft: var(--flayed-surface-1);
  --exn-border: var(--flayed-border-soft);
  --exn-success: var(--flayed-success-text);
  --exn-success-bg: var(--flayed-success-bg);
  --exn-error: var(--flayed-error-text);
  --exn-error-bg: var(--flayed-error-bg);
  color: var(--exn-ink);
}

.site-scene[data-theme="flayed"] .exam-nextgen .exn-state,
.site-scene[data-theme="flayed"] .exam-nextgen .exn-condition,
.site-scene[data-theme="flayed"] .exam-nextgen .exn-workspace,
.site-scene[data-theme="flayed"] .exam-nextgen .exn-progress,
.site-scene[data-theme="flayed"] .exam-nextgen .exn-result,
.site-scene[data-theme="flayed"] .exam-nextgen .exn-modal,
.site-scene[data-theme="flayed"] .exam-nextgen [class*="exn-"][class*="card"],
.site-scene[data-theme="flayed"] .exam-nextgen [class*="exn-"][class*="panel"] {
  color: var(--flayed-text-body);
  border-color: var(--flayed-border-soft);
  background:
    linear-gradient(
      145deg,
      rgba(17, 58, 41, 0.94),
      rgba(8, 35, 25, 0.96)
    );
}

.site-scene[data-theme="flayed"] .exam-nextgen .exn-nav {
  background: var(--flayed-surface-2) !important;
  border-color: var(--flayed-border-soft) !important;
}

.site-scene[data-theme="flayed"] .exam-nextgen .exn-nav-btn {
  background: var(--flayed-surface-1) !important;
  color: var(--flayed-text-secondary) !important;
  border-color: var(--flayed-border-soft) !important;
}

.site-scene[data-theme="flayed"] .exam-nextgen .exn-nav-btn.is-current {
  color: var(--flayed-on-accent) !important;
  background: linear-gradient(100deg, #7eea38, #b8ff45) !important;
  border-color: rgba(184, 255, 69, 0.72) !important;
}

.site-scene[data-theme="flayed"] .exam-nextgen .exn-nav-btn.is-saved {
  background: var(--flayed-success-bg) !important;
  color: var(--flayed-success-text) !important;
  border-color: var(--flayed-success-border) !important;
}

.site-scene[data-theme="flayed"] .exam-nextgen .exn-nav-btn.is-manual {
  color: var(--flayed-accent-teal) !important;
}

.site-scene[data-theme="flayed"] .exam-nextgen .exn-progress-block {
  background: var(--flayed-surface-2) !important;
  border-color: var(--flayed-border-soft) !important;
  color: var(--flayed-text) !important;
}

.site-scene[data-theme="flayed"] .exam-nextgen .exn-answer {
  background:
    linear-gradient(
      145deg,
      rgba(17, 58, 41, 0.94),
      rgba(8, 35, 25, 0.96)
    ) !important;
  border-color: var(--flayed-border-soft) !important;
  color: var(--flayed-text) !important;
}

.site-scene[data-theme="flayed"] .exam-nextgen .exn-answer-input.is-saved {
  background: var(--flayed-surface-inset) !important;
}

.site-scene[data-theme="flayed"] .exam-nextgen .exn-chips span {
  color: var(--chip-ink) !important;
  background: var(--chip-bg) !important;
  border-color: var(--chip-border) !important;
}

.site-scene[data-theme="flayed"] .exam-nextgen .exn-code-card {
  background: var(--flayed-surface-1) !important;
  border-color: var(--flayed-border-soft) !important;
  color: var(--flayed-text) !important;
}

.site-scene[data-theme="flayed"] .exam-nextgen .exn-rich-content td {
  background: rgba(14, 54, 39, 0.88) !important;
  color: var(--flayed-text-body) !important;
  -webkit-text-fill-color: var(--flayed-text-body) !important;
  border-color: rgba(102, 173, 111, 0.42) !important;
}

.site-scene[data-theme="flayed"] .exam-nextgen .exn-rich-content tbody tr:nth-child(even) td {
  background: rgba(10, 44, 30, 0.88) !important;
}

.site-scene[data-theme="flayed"] .exam-nextgen .exn-rich-content {
  color: var(--flayed-text-body) !important;
  -webkit-text-fill-color: var(--flayed-text-body) !important;
}

.site-scene[data-theme="flayed"] .exam-nextgen .exn-rich-content p.rich-resource-block {
  background: color-mix(in srgb, var(--flayed-accent) 6%, var(--flayed-surface-1)) !important;
}

.site-scene[data-theme="flayed"] .exam-nextgen .exn-rich-content p.rich-resource-block a {
  background: var(--flayed-surface-2) !important;
  color: var(--flayed-text) !important;
}

.site-scene[data-theme="flayed"] .exam-nextgen .exn-rich-content .table-wrapper {
  background: var(--flayed-surface-1) !important;
}

.site-scene[data-theme="flayed"] .exam-nextgen .exn-result .exn-result-summary,
.site-scene[data-theme="flayed"] .exam-nextgen .exn-result .exn-result-section,
.site-scene[data-theme="flayed"] .exam-nextgen .exn-result-details,
.site-scene[data-theme="flayed"] .exam-nextgen .exn-result-answer,
.site-scene[data-theme="flayed"] .exam-nextgen .exn-result-card {
  background: var(--flayed-surface-2) !important;
  border-color: var(--flayed-border-soft) !important;
  color: var(--flayed-text) !important;
}

.site-scene[data-theme="flayed"] .exam-nextgen .exn-summary-item {
  background: var(--flayed-surface-1) !important;
  color: var(--flayed-text) !important;
}

.site-scene[data-theme="flayed"] .exam-nextgen .exn-result-item {
  background: var(--flayed-surface-1) !important;
}

.site-scene[data-theme="flayed"] .exam-nextgen .esc-criteria-rich td {
  background: rgba(14, 54, 39, 0.88) !important;
  color: var(--flayed-text-body) !important;
  border-color: rgba(102, 173, 111, 0.42) !important;
}

.site-scene[data-theme="flayed"] .exam-nextgen .esc-score-option,
.site-scene[data-theme="flayed"] .exam-nextgen .esc-mode-btn,
.site-scene[data-theme="flayed"] .exam-nextgen .esc-panel,
.site-scene[data-theme="flayed"] .exam-nextgen .esc-answer-card,
.site-scene[data-theme="flayed"] .exam-nextgen .esc-hint {
  background: var(--flayed-surface-1) !important;
  border-color: var(--flayed-border-soft) !important;
  color: var(--flayed-text) !important;
}

.site-scene[data-theme="flayed"] .exam-nextgen .exn-condition-body {
  background: var(--flayed-surface-1) !important;
  border-color: var(--flayed-border-soft) !important;
  color: var(--flayed-text-body) !important;
}

.site-scene[data-theme="flayed"] .exam-nextgen .exn-status {
  background: var(--flayed-surface-1) !important;
  color: var(--flayed-text-secondary) !important;
}

.site-scene[data-theme="flayed"] .exam-nextgen .exn-bottom-nav {
  background: var(--flayed-surface-2) !important;
  border-color: var(--flayed-border-soft) !important;
}

.site-scene[data-theme="flayed"] .exam-nextgen .exn-secondary-btn,
.site-scene[data-theme="flayed"] .exam-nextgen .exn-nav-step {
  background: rgba(12, 49, 35, 0.76) !important;
  color: #e9f2ec !important;
  -webkit-text-fill-color: #e9f2ec !important;
  border-color: rgba(85, 166, 104, 0.38) !important;
}

.site-scene[data-theme="flayed"] .exam-nextgen .exn-nav-step:disabled {
  color: var(--flayed-text-muted) !important;
  -webkit-text-fill-color: var(--flayed-text-muted) !important;
}

.site-scene[data-theme="flayed"] .exam-nextgen .exn-manual-note {
  background: var(--flayed-surface-1) !important;
  color: var(--flayed-text-secondary) !important;
}

.site-scene[data-theme="flayed"] .exam-nextgen input:not([type="checkbox"]):not([type="radio"]),
.site-scene[data-theme="flayed"] .exam-nextgen textarea {
  color: var(--flayed-text) !important;
  -webkit-text-fill-color: var(--flayed-text) !important;
  border: 1px solid var(--flayed-border) !important;
  background: var(--flayed-surface-inset) !important;
}

/* ==========================================================================
   6. Course / offer — dark surfaces
   ========================================================================== */

.site-scene[data-theme="flayed"] .course-nextgen {
  --cng-page-heading: var(--flayed-text);
  --cng-page-muted: var(--flayed-text-secondary);
  --cng-border: var(--flayed-border-soft);
  --cng-surface: var(--flayed-surface-2);
  --cng-surface-text: var(--flayed-text);
  --cng-surface-muted: var(--flayed-text-secondary);
  --cng-soft: var(--flayed-surface-1);
  --cng-ink: var(--flayed-text);
  --cng-muted: var(--flayed-text-secondary);
  --cng-accent: var(--flayed-accent);
}

.site-scene[data-theme="flayed"] .course-nextgen .cng-kicker {
  color: var(--flayed-accent-teal) !important;
  -webkit-text-fill-color: var(--flayed-accent-teal) !important;
}

.site-scene[data-theme="flayed"] .course-nextgen .cng-module,
.site-scene[data-theme="flayed"] .course-nextgen .cng-module-cta,
.site-scene[data-theme="flayed"] .course-nextgen .cng-hero,
.site-scene[data-theme="flayed"] .course-nextgen .cng-feature,
.site-scene[data-theme="flayed"] .course-nextgen .cng-btn-secondary {
  background: var(--flayed-surface-2) !important;
  color: var(--flayed-text) !important;
  -webkit-text-fill-color: var(--flayed-text) !important;
  border-color: var(--flayed-border-soft) !important;
}

.site-scene[data-theme="flayed"] .course-offer-nextgen {
  --con-surface: var(--flayed-surface-2);
  --con-soft: var(--flayed-surface-1);
  --con-surface-text: var(--flayed-text);
  --con-surface-muted: var(--flayed-text-secondary);
  --con-page-heading: var(--flayed-text);
  --con-page-muted: var(--flayed-text-secondary);
  --con-muted: var(--flayed-text-secondary);
  --con-border: var(--flayed-border-soft);
  color: var(--flayed-text-body) !important;
}

.site-scene[data-theme="flayed"] .course-offer-nextgen .con-panel,
.site-scene[data-theme="flayed"] .course-offer-nextgen .con-hero,
.site-scene[data-theme="flayed"] .course-offer-nextgen .con-card {
  background: var(--flayed-surface-2) !important;
  border-color: var(--flayed-border-soft) !important;
  color: var(--flayed-text) !important;
}

.site-scene[data-theme="flayed"] .course-offer-nextgen .con-format-card,
.site-scene[data-theme="flayed"] .course-offer-nextgen .con-faq-item,
.site-scene[data-theme="flayed"] .course-offer-nextgen .con-btn-secondary {
  background: var(--flayed-surface-2) !important;
  color: var(--flayed-text) !important;
  -webkit-text-fill-color: var(--flayed-text) !important;
  border-color: var(--flayed-border-soft) !important;
}

.site-scene[data-theme="flayed"] .course-offer-nextgen .con-format-card.is-request {
  background: color-mix(in srgb, var(--flayed-surface-2) 70%, var(--flayed-surface-3)) !important;
}

.site-scene[data-theme="flayed"] .course-offer-nextgen .con-lead,
.site-scene[data-theme="flayed"] .course-offer-nextgen .con-subtitle {
  color: var(--flayed-text-secondary) !important;
  -webkit-text-fill-color: var(--flayed-text-secondary) !important;
}

.site-scene[data-theme="flayed"] .course-offer-nextgen .con-section-lead {
  color: var(--flayed-text-secondary) !important;
  -webkit-text-fill-color: var(--flayed-text-secondary) !important;
}

.site-scene[data-theme="flayed"] .course-offer-nextgen .con-format-lead,
.site-scene[data-theme="flayed"] .course-offer-nextgen .con-format-note {
  color: var(--flayed-text-secondary) !important;
  -webkit-text-fill-color: var(--flayed-text-secondary) !important;
}

.site-scene[data-theme="flayed"] .course-offer-nextgen .con-compare-item p {
  color: var(--flayed-text-secondary) !important;
  -webkit-text-fill-color: var(--flayed-text-secondary) !important;
}

.site-scene[data-theme="flayed"] .course-offer-nextgen .con-format-badge {
  background: color-mix(in srgb, var(--flayed-accent) 10%, var(--flayed-surface-3)) !important;
  color: var(--flayed-text) !important;
  -webkit-text-fill-color: var(--flayed-text) !important;
}

.site-scene[data-theme="flayed"] .course-offer-nextgen .con-audience-grid article {
  background: var(--flayed-surface-1) !important;
}

.site-scene[data-theme="flayed"] .course-offer-nextgen .con-audience-label {
  background: var(--chip-bg) !important;
  color: var(--chip-ink) !important;
  border-color: var(--chip-border) !important;
}

.site-scene[data-theme="flayed"] .course-offer-nextgen .con-btn-primary {
  color: var(--flayed-on-accent) !important;
  -webkit-text-fill-color: var(--flayed-on-accent) !important;
}

/* ==========================================================================
   7. Auth / checkout token alignment
   ========================================================================== */

.site-scene[data-theme="flayed"] .product-page .login-page,
.site-scene[data-theme="flayed"] .product-page .register-page,
.site-scene[data-theme="flayed"] .product-page .password-reset-page {
  --auth-panel-bg: linear-gradient(145deg, rgba(17, 58, 41, 0.94), rgba(8, 35, 25, 0.96));
  --auth-panel-border: var(--flayed-border-soft);
  --auth-panel-shadow: 0 20px 55px var(--flayed-shadow);
  --auth-heading: var(--flayed-text);
  --auth-text: var(--flayed-text-body);
  --auth-muted: var(--flayed-text-secondary);
  --auth-label: var(--flayed-text-secondary);
  --auth-input-bg: var(--flayed-surface-inset);
  --auth-input-border: var(--flayed-border);
  --auth-input-text: var(--flayed-text);
  --auth-focus: var(--flayed-focus);
  --auth-error: var(--flayed-error-text);
  --auth-error-soft: var(--flayed-error-bg);
  --auth-success: var(--flayed-success-text);
  --auth-success-soft: var(--flayed-success-bg);
  --auth-warning: var(--flayed-warning-text);
  --auth-warning-soft: var(--flayed-warning-bg);
  --auth-link: var(--flayed-accent-teal);
  --auth-cta-text: var(--flayed-on-accent);
}

.site-scene[data-theme="flayed"] .product-page .checkout-nextgen {
  --checkout-panel-bg: linear-gradient(145deg, rgba(17, 58, 41, 0.94), rgba(8, 35, 25, 0.96));
  --checkout-heading: var(--flayed-text);
  --checkout-text: var(--flayed-text-body);
  --checkout-muted: var(--flayed-text-secondary);
  --checkout-border: var(--flayed-border-soft);
  --checkout-input-border: var(--flayed-border);
  --checkout-accent: var(--flayed-accent);
  --checkout-focus: var(--flayed-focus);
  --checkout-shadow: 0 20px 55px var(--flayed-shadow);
}

.site-scene[data-theme="flayed"] .product-page .checkout-nextgen input,
.site-scene[data-theme="flayed"] .product-page .checkout-nextgen textarea,
.site-scene[data-theme="flayed"] .product-page .checkout-nextgen select {
  color: var(--flayed-text) !important;
  -webkit-text-fill-color: var(--flayed-text) !important;
  border: 1px solid var(--flayed-border) !important;
  background: var(--flayed-surface-inset) !important;
}

/* ==========================================================================
   8. Account UI — align + kill leftover light stats
   ========================================================================== */

.site-scene[data-theme="flayed"] .account-ui-nextgen {
  --account-page-bg: var(--flayed-page-bg);
  --account-panel-bg: var(--flayed-surface-2);
  --account-panel-raised: var(--flayed-surface-3);
  --account-heading: var(--flayed-text);
  --account-text: var(--flayed-text-body);
  --account-muted: var(--flayed-text-secondary);
  --account-border: var(--flayed-border-soft);
  --account-border-strong: var(--flayed-border-strong);
  --account-accent: var(--flayed-accent);
  --account-accent-soft: color-mix(in srgb, var(--flayed-accent) 18%, transparent);
  --account-success: var(--flayed-success-text);
  --account-success-soft: var(--flayed-success-bg);
  --account-error: var(--flayed-error-text);
  --account-error-soft: var(--flayed-error-bg);
  --account-warning: var(--flayed-warning-text);
  --account-warning-soft: var(--flayed-warning-bg);
  --account-focus: var(--flayed-focus);
  --account-shadow: 0 20px 55px var(--flayed-shadow);
}

.site-scene[data-theme="flayed"] .account-nextgen .profile-overview-stat,
.site-scene[data-theme="flayed"] .account-ui-nextgen [class*="stat"],
.site-scene[data-theme="flayed"] .account-ui-nextgen .account-metric {
  color: var(--flayed-text) !important;
  -webkit-text-fill-color: var(--flayed-text) !important;
  border-color: var(--flayed-border-soft) !important;
  background: var(--flayed-surface-2) !important;
}

/* ==========================================================================
   9. Task catalog cards — dark surfaces
   ========================================================================== */

html .task-catalog-scene.site-scene[data-theme="flayed"] {
  --task-card-surface-top: color-mix(in srgb, var(--flayed-surface-3) 92%, #163d2c);
  --task-card-surface-bottom: color-mix(in srgb, var(--flayed-surface-1) 88%, #06150f);
  --task-card-glow: var(--flayed-glow);
  --task-card-shadow: var(--flayed-shadow);
  --task-card-border: var(--flayed-border-strong);
  --task-card-border-hover: var(--flayed-accent);
  --task-card-dot: var(--flayed-accent);
  --task-card-focus-ring: color-mix(in srgb, var(--flayed-accent) 70%, transparent);
}

.site-scene[data-theme="flayed"].task-catalog-scene .catalog-controls,
.site-scene[data-theme="flayed"] .task-catalog-scene .catalog-controls {
  border-color: var(--flayed-border-soft) !important;
  background: var(--flayed-surface-glass) !important;
  box-shadow: 0 12px 30px var(--flayed-shadow) !important;
}

.site-scene[data-theme="flayed"].task-catalog-scene .task-filters button,
.site-scene[data-theme="flayed"] .task-catalog-scene .task-filters button {
  color: var(--flayed-text-secondary) !important;
  -webkit-text-fill-color: var(--flayed-text-secondary) !important;
  border-color: var(--flayed-border-soft) !important;
  background: var(--flayed-surface-1) !important;
}

.site-scene[data-theme="flayed"].task-catalog-scene .task-filters button.is-active,
.site-scene[data-theme="flayed"] .task-catalog-scene .task-filters button.is-active {
  color: var(--flayed-on-accent) !important;
  -webkit-text-fill-color: var(--flayed-on-accent) !important;
  border-color: rgba(184, 255, 69, 0.72) !important;
  background: linear-gradient(100deg, #7eea38, #b8ff45) !important;
  box-shadow: 0 8px 20px var(--flayed-glow) !important;
}

.site-scene[data-theme="flayed"].task-catalog-scene .task-status,
.site-scene[data-theme="flayed"] .task-catalog-scene .task-status {
  color: var(--flayed-text-secondary) !important;
  -webkit-text-fill-color: var(--flayed-text-secondary) !important;
  border-color: var(--flayed-border-soft) !important;
  background: rgba(7, 26, 18, 0.72) !important;
}

.site-scene[data-theme="flayed"].task-catalog-scene .task-card-grid::before,
.site-scene[data-theme="flayed"] .task-catalog-scene .task-card-grid::before {
  background: radial-gradient(ellipse at center, rgba(147, 242, 63, 0.08), transparent 70%) !important;
}

.site-scene[data-theme="flayed"].task-catalog-scene .catalog-task-card,
.site-scene[data-theme="flayed"] .task-catalog-scene .catalog-task-card {
  --card-text: var(--flayed-text);
  --card-muted: var(--flayed-text-secondary);
  color: var(--flayed-text) !important;
}

/* ==========================================================================
   10. Number intro / training / continue-learning
   ========================================================================== */

.site-scene[data-theme="flayed"] .number-intro-page .number-intro-card {
  background:
    linear-gradient(
      145deg,
      rgba(17, 58, 41, 0.94),
      rgba(8, 35, 25, 0.96)
    ) !important;
  border-color: var(--flayed-border-soft) !important;
  box-shadow: 0 20px 55px var(--flayed-shadow) !important;
  color: var(--flayed-text) !important;
}

.site-scene[data-theme="flayed"] .number-intro-page .number-intro-card .page-title {
  color: var(--flayed-text) !important;
  -webkit-text-fill-color: var(--flayed-text) !important;
}

.site-scene[data-theme="flayed"] .number-intro-page .training-start-text {
  color: var(--flayed-text-secondary) !important;
  -webkit-text-fill-color: var(--flayed-text-secondary) !important;
}

.site-scene[data-theme="flayed"] .number-intro-page .back-btn {
  background: var(--flayed-surface-1) !important;
  color: var(--flayed-text-secondary) !important;
  -webkit-text-fill-color: var(--flayed-text-secondary) !important;
  border-color: var(--flayed-border-soft) !important;
}

.site-scene[data-theme="flayed"] .number-intro-page .seo-info-card {
  background: var(--flayed-surface-1) !important;
  color: var(--flayed-text-body) !important;
  -webkit-text-fill-color: var(--flayed-text-body) !important;
  border-color: var(--flayed-border-soft) !important;
}

.site-scene[data-theme="flayed"] .number-intro-page .seo-info-card h2 {
  color: var(--flayed-text) !important;
  -webkit-text-fill-color: var(--flayed-text) !important;
}

.site-scene[data-theme="flayed"] .number-intro-page .seo-info-card p {
  color: var(--flayed-text-secondary) !important;
  -webkit-text-fill-color: var(--flayed-text-secondary) !important;
}

.site-scene[data-theme="flayed"] .number-intro-page .number-task-bank {
  background: var(--flayed-surface-2) !important;
  border-color: var(--flayed-border-soft) !important;
  color: var(--flayed-text) !important;
}

.site-scene[data-theme="flayed"] .number-intro-page .number-task-bank h2 {
  color: var(--flayed-text) !important;
  -webkit-text-fill-color: var(--flayed-text) !important;
}

.site-scene[data-theme="flayed"] .number-intro-page .number-task-bank-head p {
  color: var(--flayed-text-secondary) !important;
  -webkit-text-fill-color: var(--flayed-text-secondary) !important;
}

.site-scene[data-theme="flayed"] .number-intro-page .number-task-bank-kicker {
  color: var(--flayed-accent-teal) !important;
  -webkit-text-fill-color: var(--flayed-accent-teal) !important;
}

.site-scene[data-theme="flayed"] .number-intro-page .number-task-bank-filters button {
  background: var(--flayed-surface-1) !important;
  color: var(--flayed-text-secondary) !important;
  -webkit-text-fill-color: var(--flayed-text-secondary) !important;
  border-color: var(--flayed-border-soft) !important;
}

.site-scene[data-theme="flayed"] .number-intro-page .number-task-bank-filters button.is-active {
  color: var(--flayed-on-accent) !important;
  -webkit-text-fill-color: var(--flayed-on-accent) !important;
  background: linear-gradient(100deg, #7eea38, #b8ff45) !important;
  border-color: rgba(184, 255, 69, 0.72) !important;
}

.site-scene[data-theme="flayed"] .number-intro-page .number-task-bank-filters .filter-toggle.is-on {
  background: color-mix(in srgb, var(--flayed-accent) 10%, var(--flayed-surface-3)) !important;
}

.site-scene[data-theme="flayed"] .number-intro-page .number-task-bank-filters button:focus-visible {
  outline-color: var(--flayed-focus) !important;
}

.site-scene[data-theme="flayed"] .number-intro-page .number-task-bank-empty {
  color: var(--flayed-text-muted) !important;
  -webkit-text-fill-color: var(--flayed-text-muted) !important;
}

.site-scene[data-theme="flayed"] .number-intro-page a.number-task-card {
  background: var(--flayed-surface-1) !important;
  border-color: var(--flayed-border-soft) !important;
  box-shadow: 0 8px 24px var(--flayed-shadow) !important;
  color: var(--flayed-text) !important;
}

.site-scene[data-theme="flayed"] .number-intro-page a.number-task-card:hover {
  border-color: var(--flayed-accent) !important;
}

.site-scene[data-theme="flayed"] .number-intro-page .number-task-card-title,
.site-scene[data-theme="flayed"] .number-intro-page .number-task-card-title h3 {
  color: var(--flayed-text) !important;
  -webkit-text-fill-color: var(--flayed-text) !important;
}

.site-scene[data-theme="flayed"] .number-intro-page .number-task-arrow {
  background: color-mix(in srgb, var(--flayed-accent) 7%, var(--flayed-surface-3)) !important;
}

.site-scene[data-theme="flayed"] .number-intro-page .number-task-solved {
  color: var(--flayed-success-text) !important;
  -webkit-text-fill-color: var(--flayed-success-text) !important;
}

.site-scene[data-theme="flayed"] .number-intro-page .number-task-id,
.site-scene[data-theme="flayed"] .product-page .search-task-id,
.site-scene[data-theme="flayed"] .number-intro-page .number-task-stat-chip,
.site-scene[data-theme="flayed"] .number-intro-page .number-task-difficulty,
.site-scene[data-theme="flayed"] .training-page .training-stat-chip,
.site-scene[data-theme="flayed"] .course-nextgen .cng-chip {
  color: var(--chip-ink) !important;
  -webkit-text-fill-color: var(--chip-ink) !important;
  background: var(--chip-bg) !important;
  border-color: var(--chip-border) !important;
}

.site-scene[data-theme="flayed"] .number-intro-page .number-task-index,
.site-scene[data-theme="flayed"] .number-intro-page .number-task-meta,
.site-scene[data-theme="flayed"] .number-intro-page .number-task-topic,
.site-scene[data-theme="flayed"] .number-intro-page .number-task-card-footer,
.site-scene[data-theme="flayed"] .task-catalog-scene .catalog-result-line {
  color: var(--flayed-text-secondary) !important;
  -webkit-text-fill-color: var(--flayed-text-secondary) !important;
}

.site-scene[data-theme="flayed"] .number-intro-page .number-task-stat-chip strong,
.site-scene[data-theme="flayed"] .training-page .training-stat-chip strong {
  color: var(--flayed-text) !important;
  -webkit-text-fill-color: var(--flayed-text) !important;
}

.site-scene[data-theme="flayed"] .continue-learning-card {
  border-color: var(--flayed-border-soft) !important;
  background:
    linear-gradient(
      145deg,
      rgba(17, 58, 41, 0.94),
      rgba(8, 35, 25, 0.96)
    ) !important;
  color: var(--flayed-text) !important;
  box-shadow: 0 20px 55px var(--flayed-shadow) !important;
}

/* ==========================================================================
   11. Training condition cards
   ========================================================================== */

.site-scene[data-theme="flayed"] .training-page .training-condition,
.site-scene[data-theme="flayed"] .training-page .training-answer {
  color: var(--flayed-text) !important;
  border-color: var(--flayed-border-soft) !important;
  background:
    linear-gradient(
      145deg,
      rgba(17, 58, 41, 0.94),
      rgba(8, 35, 25, 0.96)
    ) !important;
}

.site-scene[data-theme="flayed"] .training-page .training-condition .task-question,
.site-scene[data-theme="flayed"] .training-page .training-condition .task-question * {
  color: var(--flayed-text-body) !important;
  -webkit-text-fill-color: var(--flayed-text-body) !important;
}

/* ==========================================================================
   12. Staff console — keep admin dark, ensure readable active
   ========================================================================== */

.site-scene[data-theme="flayed"] .staff-console,
.site-scene[data-theme="flayed"] [class*="staff-console"] {
  --staff-border: var(--flayed-border-soft);
}

.site-scene[data-theme="flayed"] .staff-console-tab,
.site-scene[data-theme="flayed"] button[data-staff-tab],
.site-scene[data-theme="flayed"] .staff-mode-btn.is-active {
  border-color: var(--flayed-border-strong);
}

/* ==========================================================================
   13. Generic white-kill helpers (scoped)
   ========================================================================== */

.site-scene[data-theme="flayed"] .product-page .bg-white,
.site-scene[data-theme="flayed"] .product-page [style*="background: #fff"],
.site-scene[data-theme="flayed"] .product-page [style*="background:#fff"],
.site-scene[data-theme="flayed"] .product-page [style*="background: white"],
.site-scene[data-theme="flayed"] .product-page [style*="background:white"] {
  /* cannot override inline reliably; left for completeness */
}

.site-scene[data-theme="flayed"] .modal,
.site-scene[data-theme="flayed"] .drawer,
.site-scene[data-theme="flayed"] .theory-drawer > aside {
  color: var(--flayed-text) !important;
  border-color: var(--flayed-border-soft) !important;
  background:
    linear-gradient(
      145deg,
      rgba(17, 58, 41, 0.96),
      rgba(8, 35, 25, 0.98)
    ) !important;
}

.site-scene[data-theme="flayed"] .theory-drawer > aside h2,
.site-scene[data-theme="flayed"] .theory-drawer > aside p,
.site-scene[data-theme="flayed"] .theory-drawer > aside span {
  color: var(--flayed-text-body) !important;
  -webkit-text-fill-color: var(--flayed-text-body) !important;
}