/* GENERATED compact link spacing START */
/* From style/platform.css via astro/scripts/sync-presentation-css.mjs; do not edit this block. */
/* Compact chapter links and linked list rows need at least 24 CSS px of
 * space, including when local type or mobile rules shrink their contents.
 * Size the list row rather than changing inline links' text layout: prose
 * and wrapped references keep their authored line boxes. Anim tour pages
 * and the separately owned players are outside this rule's scope. */
body:not(:has(.anim, .tour-block, math-bridge, .math-bridge-banner, explainer-player, .explainer-player))
  :is(a.iotclass-dashboard-unit-cell, #quarto-document-content li:has(> a[href])) {
  min-inline-size: 24px;
  min-block-size: 24px;
}
/* GENERATED compact link spacing END */

/* ---------------------------------------------------------------------
   Quarto reserved-class collision guard (founder-reported "squeezed into
   a narrow column" + h1/stat-card truncation, animations estate, layout
   audit 2026-07-22; same defect class first patched per-page 2026-07-09
   -- see the `body .page-columns { display: block !important; }` /
   `#XLab.page-columns, #XLab.page-full { display: block; ... }` overrides
   still present in ~30 older animation files).

   Root cause: many standalone animation templates reuse Quarto's own
   layout marker classes -- `page-columns` and `page-full` -- as a generic
   "this is a full-bleed section" label on their OWN wrapper element
   (e.g. `<div id="pipelineLab" class="page-full page-columns" ...>`).
   Quarto's compiled site CSS defines REAL CSS Grid behaviour for those
   exact class names:
     .page-columns { display: grid; grid-template-columns: [...] }
     .page-columns > * { grid-column: body-content-start / body-content-end; }
   `#quarto-content` (the page's real content wrapper) is SUPPOSED to be
   that grid. Any other element nested inside it that happens to carry
   `page-columns` becomes an accidental SECOND grid, and every one of
   its own direct children then gets clamped into Quarto's
   `minmax(500px, calc(850px - 3em))` body-content column instead of the
   wrapper's own intended (much wider) max-width -- squeezing the whole
   animation into a ~500-850px column, wrapping the h1 one word per line,
   and truncating stat-card text ("Environm...").

   Fix: neutralize `.page-columns` / `.page-full` on every element NESTED
   inside `#quarto-content` (i.e. every animation wrapper), while leaving
   `#quarto-content` itself -- the one legitimate Quarto grid -- untouched.
   `scripts/fix-animation-page-grid-collision.py` applies the equivalent
   guard directly to the handful of animation pages that render standalone
   without linking this shared stylesheet.

   Deliberately NOT `!important`: Quarto's `page-layout: full` also injects
   these same two class names onto certain animation-authored elements at
   RENDER time (confirmed on files with zero trace of either class in their
   own .qmd source -- e.g. a plain `<div class="ns-layout">` in source came
   out as `<div class="ns-layout page-columns page-full">` in the rendered
   HTML). A few of those elements are a page's OWN deliberate CSS Grid
   (e.g. `.ns-layout { display: grid !important; grid-template-columns:
   326px minmax(0, 1fr) !important; }` for a sidebar+content split). This
   guard's higher-specificity, non-`!important` selector still beats
   Quarto's un-important bundled `.page-columns{display:grid}` default (the
   actual collision), but correctly loses to -- and so never regresses --
   any page's own `!important` grid declaration on the same element. */
#quarto-content .page-columns {
  display: block;
}
#quarto-content .page-full {
  grid-column: unset;
  margin-left: auto;
  margin-right: auto;
}

/* The interactive's own top-level wrapper sits inside the site content card.
   Keep its inner panels intact while removing the redundant outer frame. */
body[data-iotclass-interactive-family] > main[data-iot-interactive-theme],
body[data-iotclass-interactive-family] #quarto-document-content > :is(div, section, article):not(.level2, .callout),
body[data-iotclass-interactive-family] #quarto-document-content > section.level2 > :is(div, section):not(.callout),
body[data-iotclass-interactive-family] #quarto-document-content > :is(div, section, article) > :is(.pf-shell, .ra-shell, .flow-shell, .privacy-shell) {
  border: 0 !important;
  border-radius: 0 !important;
  box-shadow: none !important;
}

/* Choice labels are the effective pointer targets, not their native glyphs.
   Keep a 24 px target and separate it from adjacent sliders/selects. The
   content ID plus :has() also beats lab-scoped label margin resets, even
   when those styles load after this shared stylesheet (QA-903/QA-904).
   Preserve each component's existing flex/grid layout and text wrapping. */
#quarto-document-content label:has(> input:is([type="checkbox"], [type="radio"])) {
  min-height: 24px;
  margin-block: 8px;
}

.sim-learning-brief {
  display: grid;
  grid-template-columns: repeat(4, minmax(0, 1fr));
  gap: 8px;
  margin: 0 0 14px;
}

.sim-learning-brief__item {
  background: #fff;
  border: 1px solid #dce3e6;
  border-top: 3px solid #16a085;
  border-radius: 6px;
  padding: 10px;
  min-width: 0;
}

.sim-learning-brief__label {
  color: #5e717a;
  font-size: 0.68rem;
  font-weight: 800;
  letter-spacing: 0.04em;
  line-height: 1.2;
  margin-bottom: 4px;
  text-transform: uppercase;
}

.sim-learning-brief__text {
  color: #2c3e50;
  font-size: 0.78rem;
  line-height: 1.42;
}

.sim-reset-btn,
button.sim-reset-btn {
  background: #a65c1c !important;
  color: #fff !important;
}

.sim-reset-btn:hover,
button.sim-reset-btn:hover {
  background: #d35400 !important;
}

.sim-feedback-note {
  background: #fffbe6;
  border: 1px solid #f0d060;
  border-radius: 6px;
  color: #2c3e50;
  font-size: 0.8rem;
  line-height: 1.45;
  margin: 0 0 12px;
  padding: 10px 12px;
}

[data-iot-interactive-theme="flat"] {
  --iot-sim-ink: #20343d;
  --iot-sim-muted: #52666f;
  --iot-sim-border: #d7e2e7;
  --iot-sim-panel: #ffffff;
  --iot-sim-page: #f6f8fa;
  --iot-sim-soft: #edf4f6;
  --iot-sim-accent: #0a6670;
  --iot-sim-accent-2: #255f85;
  --iot-sim-success: #247a52;
  --iot-sim-warning: #9a6420;
  --iot-sim-danger: #a84943;
  --iot-sim-focus: rgba(15, 125, 133, 0.2);
  --ink: var(--iot-sim-ink);
  --muted: var(--iot-sim-muted);
  --line: var(--iot-sim-border);
  --panel: var(--iot-sim-panel);
  --wash: var(--iot-sim-page);
  --wash-2: var(--iot-sim-soft);
  --deep: var(--iot-sim-soft);
  --deep-2: var(--iot-sim-page);
  --teal: var(--iot-sim-accent);
  --blue: var(--iot-sim-accent-2);
  --green: var(--iot-sim-success);
  --amber: var(--iot-sim-warning);
  --red: var(--iot-sim-danger);
  --violet: #665f9a;
  --shadow: none;
  color: var(--iot-sim-ink);
  background: var(--iot-sim-page);
  border: 1px solid var(--iot-sim-border);
  border-radius: 8px;
  box-shadow: none !important;
}

[data-iot-interactive-theme="flat"][data-iot-recolor-pilot="true"] {
  --iot-sim-module-accent: #607d8b !important;
  --iot-sim-module-strong: #455a64 !important;
  --iot-sim-module-tint: color-mix(in srgb, var(--iot-sim-module-accent) 10%, white) !important;
  --iot-sim-module-tint-strong: color-mix(
    in srgb,
    var(--iot-sim-module-accent) 16%,
    white
  ) !important;
  --iot-sim-accent: var(--iot-sim-module-accent) !important;
  --iot-sim-accent-2: var(--iot-sim-module-strong) !important;
  --iot-sim-soft: var(--iot-sim-module-tint) !important;
  --iot-sim-focus: color-mix(in srgb, var(--iot-sim-module-accent) 24%, transparent) !important;
  --teal: var(--iot-sim-module-accent) !important;
  --teal-dark: var(--iot-sim-module-strong) !important;
  --green: var(--iot-sim-module-strong) !important;
}

[data-iot-interactive-theme="flat"][data-iot-recolor-pilot="true"][data-iot-module="zigbee-thread"] {
  --iot-sim-module-accent: #4caf50 !important;
  --iot-sim-module-strong: #2e7d32 !important;
  --iot-sim-module-tint: #eef8ef !important;
  --iot-sim-module-tint-strong: #e3f2e4 !important;
}

[data-iot-interactive-theme="flat"][data-iot-recolor-pilot="true"][data-iot-module="lorawan"] {
  --iot-sim-module-accent: #7ec850 !important;
  --iot-sim-module-strong: #3f7f2f !important;
  --iot-sim-module-tint: #f1faed !important;
  --iot-sim-module-tint-strong: #e6f5df !important;
  --deep: var(--iot-sim-module-strong) !important;
  --deep-2: var(--iot-sim-module-accent) !important;
  --wash: var(--iot-sim-module-tint) !important;
  --wash-2: var(--iot-sim-module-tint-strong) !important;
  --teal: var(--iot-sim-module-accent) !important;
  --green: var(--iot-sim-module-strong) !important;
  --blue: #31547f !important;
  --line: color-mix(in srgb, var(--iot-sim-module-accent) 28%, #d7e2e7) !important;
}

#participatoryLab[data-iot-interactive-theme="flat"][data-iot-recolor-pilot="true"][data-iot-module="sensor-applications"] {
  --iot-sim-module-accent: #e85b2a !important;
  --iot-sim-module-strong: #9f3617 !important;
  --iot-sim-module-tint: #fff2ed !important;
  --iot-sim-module-tint-strong: #faddd2 !important;
  --iot-sim-accent: var(--iot-sim-module-accent) !important;
  --iot-sim-accent-2: var(--iot-sim-module-strong) !important;
  --iot-sim-soft: var(--iot-sim-module-tint) !important;
  --iot-sim-focus: rgba(232, 91, 42, 0.22) !important;
  --ps-accent: var(--iot-sim-module-accent) !important;
  --ps-dark: var(--iot-sim-module-strong) !important;
  --ps-dark-2: #74301b !important;
  --ps-soft: var(--iot-sim-module-tint) !important;
  --ps-line: #f0cdbf !important;
  --ps-blue: #b2491f !important;
  color: var(--iot-sim-ink) !important;
  background: var(--iot-sim-page) !important;
  border-color: var(--iot-sim-border) !important;
  box-shadow: none !important;
}

#participatoryLab[data-iot-interactive-theme="flat"][data-iot-recolor-pilot="true"][data-iot-module="sensor-applications"]
  :where(.ps-hero) {
  color: var(--iot-sim-ink) !important;
  background: var(--iot-sim-module-tint) !important;
  border: 1px solid var(--ps-line) !important;
  border-left: 4px solid var(--iot-sim-module-accent) !important;
  box-shadow: none !important;
}

#participatoryLab[data-iot-interactive-theme="flat"][data-iot-recolor-pilot="true"][data-iot-module="sensor-applications"]
  :where(.ps-hero h2, .ps-hero p, .ps-pill, .ps-metric strong, .ps-metric span) {
  color: var(--iot-sim-ink) !important;
}

#participatoryLab[data-iot-interactive-theme="flat"][data-iot-recolor-pilot="true"][data-iot-module="sensor-applications"]
  :where(.ps-pill, .ps-metric) {
  background: var(--iot-sim-panel) !important;
  border-color: var(--ps-line) !important;
  box-shadow: none !important;
}

#participatoryLab[data-iot-interactive-theme="flat"][data-iot-recolor-pilot="true"][data-iot-module="sensor-applications"]
  :where(
    .ps-guide-card,
    .ps-stage-card,
    .ps-panel,
    .ps-controls,
    .ps-map-wrap,
    .ps-readout,
    .ps-diagnosis,
    .ps-formula,
    .ps-ref-card,
    .ps-practice-card,
    .ps-control-group
  ) {
  background: var(--iot-sim-panel) !important;
  border-color: var(--ps-line) !important;
  box-shadow: none !important;
}

#participatoryLab[data-iot-interactive-theme="flat"][data-iot-recolor-pilot="true"][data-iot-module="sensor-applications"]
  :where(.ps-stage-card.is-active, .ps-cloud.is-active, .ps-diagnosis) {
  border-color: var(--iot-sim-module-accent) !important;
}

#participatoryLab[data-iot-interactive-theme="flat"][data-iot-recolor-pilot="true"][data-iot-module="sensor-applications"]
  .ps-stage-card.is-active::before,
#participatoryLab[data-iot-interactive-theme="flat"][data-iot-recolor-pilot="true"][data-iot-module="sensor-applications"]
  .ps-track-fill {
  background: var(--iot-sim-module-accent) !important;
}

#participatoryLab[data-iot-interactive-theme="flat"][data-iot-recolor-pilot="true"][data-iot-module="sensor-applications"]
  :where(.ps-stage-num, .ps-btn.primary, .ps-profile[aria-pressed="true"]) {
  background: var(--iot-sim-module-strong) !important;
  border-color: var(--iot-sim-module-strong) !important;
  color: #ffffff !important;
}

#participatoryLab[data-iot-interactive-theme="flat"][data-iot-recolor-pilot="true"][data-iot-module="sensor-applications"]
  :where(.ps-btn.secondary, .ps-profile:not([aria-pressed="true"]), .ps-badge) {
  background: var(--iot-sim-panel) !important;
  border-color: var(--ps-line) !important;
  color: var(--iot-sim-ink) !important;
}

#participatoryLab[data-iot-interactive-theme="flat"][data-iot-recolor-pilot="true"][data-iot-module="sensor-applications"]
  :where(.ps-cloud) {
  fill: var(--iot-sim-module-tint) !important;
  stroke: var(--ps-line) !important;
}

#participatoryLab[data-iot-interactive-theme="flat"][data-iot-recolor-pilot="true"][data-iot-module="sensor-applications"]
  :where(.ps-participant.good, .ps-report-dot) {
  fill: var(--iot-sim-module-accent) !important;
  stroke: var(--iot-sim-module-strong) !important;
}

#participatoryLab[data-iot-interactive-theme="flat"][data-iot-recolor-pilot="true"][data-iot-module="sensor-applications"]
  :where(.ps-report-line, .ps-priority) {
  stroke: var(--iot-sim-module-accent) !important;
}

#participatoryLab[data-iot-interactive-theme="flat"][data-iot-recolor-pilot="true"][data-iot-module="sensor-applications"]
  :where(input[type="range"], input[type="checkbox"], input[type="radio"]) {
  accent-color: var(--iot-sim-module-accent) !important;
}

#participatoryLab[data-iot-interactive-theme="flat"][data-iot-recolor-pilot="true"][data-iot-module="sensor-applications"]
  :where(
    .ps-panel-head h3,
    .ps-controls h3,
    .ps-control-row output,
    .ps-formula code,
    .ps-formula p
  ) {
  color: var(--iot-sim-module-strong) !important;
}

#participatoryLab[data-iot-interactive-theme="flat"][data-iot-recolor-pilot="true"][data-iot-module="sensor-applications"]
  :where(.ps-formula) {
  background: var(--iot-sim-module-tint) !important;
  border-color: var(--ps-line) !important;
}

[data-iot-interactive-theme="flat"][data-iot-recolor-pilot="true"][data-iot-module="lorawan"]
  :where([class*="hero"]) {
  color: var(--iot-sim-ink) !important;
  background: var(--iot-sim-module-tint) !important;
  border: 1px solid var(--iot-sim-border) !important;
  border-left: 4px solid var(--iot-sim-module-accent) !important;
  box-shadow: none !important;
}

[data-iot-interactive-theme="flat"][data-iot-recolor-pilot="true"][data-iot-module="lorawan"]
  :where([class*="pill"], [class*="tag"], [class*="badge"]) {
  color: var(--iot-sim-ink) !important;
  background: var(--iot-sim-panel) !important;
  border: 1px solid var(--iot-sim-border) !important;
}

[data-iot-interactive-theme="flat"][data-iot-recolor-pilot="true"][data-iot-module="lorawan"]
  :where(
    button.primary,
    button.is-primary,
    [class*="button"].primary,
    [class*="button"].is-primary,
    [class*="btn"].primary,
    [class*="btn"].is-primary,
    [class*="preset"].is-active,
    [class*="scenario"].is-active,
    [class*="stage"].is-active,
    [class*="step-card"].is-active,
    [class*="guide-step"].is-active
  ) {
  background: var(--iot-sim-module-strong) !important;
  border-color: var(--iot-sim-module-strong) !important;
  color: #ffffff !important;
}

[data-iot-interactive-theme="flat"][data-iot-recolor-pilot="true"][data-iot-module="lorawan"]
  :where([class*="card"] h3, [class*="panel"] h3, [class*="stage-head"] h2) {
  color: var(--iot-sim-module-strong) !important;
}

[data-iot-interactive-theme="flat"][data-iot-recolor-pilot="true"][data-iot-module="cellular-iot"] {
  --iot-sim-module-accent: #43a047 !important;
  --iot-sim-module-strong: #2e7d32 !important;
  --iot-sim-module-tint: #eef8ef !important;
  --iot-sim-module-tint-strong: #e0f2e1 !important;
  --deep: var(--iot-sim-module-strong) !important;
  --deep-2: var(--iot-sim-module-accent) !important;
  --wash: var(--iot-sim-module-tint) !important;
  --wash-2: var(--iot-sim-module-tint-strong) !important;
  --hero: var(--iot-sim-module-strong) !important;
  --hero-2: var(--iot-sim-module-accent) !important;
  --teal: var(--iot-sim-module-accent) !important;
  --green: var(--iot-sim-module-strong) !important;
  --blue: #4f8f9f !important;
  --cloud: var(--iot-sim-module-accent) !important;
  --line: color-mix(in srgb, var(--iot-sim-module-accent) 28%, #d7e2e7) !important;
}

[data-iot-interactive-theme="flat"][data-iot-recolor-pilot="true"][data-iot-module="cellular-iot"]
  :where(.ns-hero, .psm-hero, .sigfox-hero) {
  color: var(--iot-sim-ink) !important;
  background: var(--iot-sim-module-tint) !important;
  border: 1px solid var(--iot-sim-border) !important;
  border-left: 4px solid var(--iot-sim-module-accent) !important;
  box-shadow: none !important;
}

[data-iot-interactive-theme="flat"][data-iot-recolor-pilot="true"][data-iot-module="cellular-iot"]
  :where(.ns-hero h2, .ns-hero p, .psm-hero h2, .psm-hero p, .sigfox-hero h2, .sigfox-hero p) {
  color: var(--iot-sim-ink) !important;
}

[data-iot-interactive-theme="flat"][data-iot-recolor-pilot="true"][data-iot-module="cellular-iot"]
  :where(.ns-pill, .psm-pill, .sigfox-pill, .psm-status-pill, .sigfox-badge) {
  color: var(--iot-sim-ink) !important;
  background: var(--iot-sim-panel) !important;
  border: 1px solid var(--iot-sim-border) !important;
}

[data-iot-interactive-theme="flat"][data-iot-recolor-pilot="true"][data-iot-module="cellular-iot"]
  :where(
    .ns-btn:not(.secondary):not(.warn),
    .psm-btn.psm-primary,
    .psm-btn.psm-active,
    .sigfox-btn.primary,
    .sigfox-scenario.is-active,
    .sigfox-stage.is-active
  ) {
  background: var(--iot-sim-module-strong) !important;
  border-color: var(--iot-sim-module-strong) !important;
  color: #ffffff !important;
}

[data-iot-interactive-theme="flat"][data-iot-recolor-pilot="true"][data-iot-module="cellular-iot"]
  :where(
    .ns-panel h3,
    .ns-stage-head h2,
    .psm-card h3,
    .psm-panel h3,
    .psm-stage-head h2,
    .psm-ref-card h4,
    .sigfox-card h3,
    .sigfox-panel h3,
    .sigfox-ref-card h3,
    .sigfox-support-card h3,
    .sigfox-practice-card h3
  ) {
  color: var(--iot-sim-module-strong) !important;
}

[data-iot-interactive-theme="flat"][data-iot-recolor-pilot="true"][data-iot-module="cellular-iot"]
  :where(.ns-score-card, .psm-result-card, .sigfox-status, .sigfox-diagnosis) {
  background: var(--iot-sim-module-tint) !important;
  border-color: color-mix(
    in srgb,
    var(--iot-sim-module-accent) 38%,
    var(--iot-sim-border)
  ) !important;
}

[data-iot-interactive-theme="flat"][data-iot-recolor-pilot="true"][data-iot-module="network-security-defense"] {
  --iot-sim-module-accent: #56189a !important;
  --iot-sim-module-strong: #38105f !important;
  --iot-sim-module-tint: #f6eefb !important;
  --iot-sim-module-tint-strong: #ecdef5 !important;
  --deep: var(--iot-sim-module-strong) !important;
  --deep-2: var(--iot-sim-module-accent) !important;
  --teal: var(--iot-sim-module-accent) !important;
  --green: var(--iot-sim-module-strong) !important;
  --blue: #5e3fa3 !important;
  --purple: var(--iot-sim-module-accent) !important;
  --wash: var(--iot-sim-module-tint) !important;
  --chl-deep: var(--iot-sim-module-strong) !important;
  --chl-deep-2: var(--iot-sim-module-accent) !important;
  --chl-teal: var(--iot-sim-module-accent) !important;
  --chl-blue: #5e3fa3 !important;
  --chl-green: var(--iot-sim-module-strong) !important;
  --chl-violet: var(--iot-sim-module-accent) !important;
  --chl-wash: var(--iot-sim-module-tint) !important;
  --chl-shadow: none !important;
}

[data-iot-interactive-theme="flat"][data-iot-recolor-pilot="true"][data-iot-module="network-security-defense"]
  :where(.seg-hero, .idps-hero, .chl-hero) {
  color: #ffffff !important;
  background:
    linear-gradient(
      135deg,
      color-mix(in srgb, var(--iot-sim-module-accent) 24%, transparent),
      transparent 40%
    ),
    linear-gradient(135deg, var(--iot-sim-module-strong) 0%, var(--iot-sim-module-accent) 100%) !important;
  border: 1px solid color-mix(in srgb, var(--iot-sim-module-accent) 36%, var(--iot-sim-border)) !important;
  box-shadow: none !important;
}

[data-iot-interactive-theme="flat"][data-iot-recolor-pilot="true"][data-iot-module="network-security-defense"]
  :where(.seg-card h4, .idps-card h4, .chl-card h3, .chl-diagnosis strong) {
  color: var(--iot-sim-module-strong) !important;
}

[data-iot-interactive-theme="flat"][data-iot-recolor-pilot="true"][data-iot-module="network-security-defense"]
  :where(
    .seg-button.primary,
    .idps-button.primary,
    .chl-btn.primary,
    .seg-tab.active,
    .idps-tab.active,
    .chl-scenario-btn.active
  ) {
  background: var(--iot-sim-module-strong) !important;
  border-color: var(--iot-sim-module-strong) !important;
  color: #ffffff !important;
}

[data-iot-interactive-theme="flat"][data-iot-recolor-pilot="true"][data-iot-module="network-security-defense"]
  :where(
    .seg-metric,
    .idps-metric,
    .chl-hero-metric,
    .seg-mini-card,
    .idps-mini-card,
    .chl-info-card
  ) {
  background: var(--iot-sim-module-tint) !important;
  border-color: color-mix(
    in srgb,
    var(--iot-sim-module-accent) 30%,
    var(--iot-sim-border)
  ) !important;
}

[data-iot-interactive-theme="flat"][data-iot-recolor-pilot="true"][data-iot-module="bluetooth-ble"] {
  --iot-sim-module-accent: #2e7d32 !important;
  --iot-sim-module-strong: #1b5e20 !important;
  --iot-sim-module-tint: #eef8ef !important;
  --iot-sim-module-tint-strong: #dff0e1 !important;
  --deep: var(--iot-sim-module-strong) !important;
  --deep-2: var(--iot-sim-module-strong) !important;
  --wash: var(--iot-sim-module-tint) !important;
  --wash-2: var(--iot-sim-module-tint-strong) !important;
  --teal: var(--iot-sim-module-strong) !important;
  --green: var(--iot-sim-module-strong) !important;
  --blue: #2f6477 !important;
  --amber: #80500b !important;
  --red: #8c3935 !important;
  --violet: #4d477f !important;
  --line: color-mix(in srgb, var(--iot-sim-module-accent) 28%, #d7e2e7) !important;
}

[data-iot-interactive-theme="flat"][data-iot-recolor-pilot="true"][data-iot-module="bluetooth-ble"]:where(
    #bleGame,
    #bleBeaconLab,
    #bleConnectionLab,
    #bleGattLab,
    #bleMeshRelayLab,
    #blePairingLab,
    #bleStatesLab
  ) {
  color: var(--iot-sim-ink) !important;
  background: var(--iot-sim-page) !important;
  border-color: var(--iot-sim-border) !important;
  box-shadow: none !important;
}

[data-iot-interactive-theme="flat"][data-iot-recolor-pilot="true"][data-iot-module="bluetooth-ble"]
  :where(.ble-hero, .beacon-hero, .link-hero, .gatt-hero, .mesh-hero, .pair-hero, .state-hero) {
  color: var(--iot-sim-ink) !important;
  background: var(--iot-sim-module-tint) !important;
  border: 1px solid var(--iot-sim-border) !important;
  border-left: 4px solid var(--iot-sim-module-accent) !important;
  box-shadow: none !important;
}

[data-iot-interactive-theme="flat"][data-iot-recolor-pilot="true"][data-iot-module="bluetooth-ble"]
  :where(
    .ble-hero h2,
    .ble-hero p,
    .ble-metric strong,
    .ble-metric span,
    .beacon-metric strong,
    .beacon-metric span,
    .beacon-hero h2,
    .beacon-hero p,
    .link-metric strong,
    .link-metric span,
    .link-hero h2,
    .link-hero p,
    .gatt-metric strong,
    .gatt-metric span,
    .gatt-hero h2,
    .gatt-hero p,
    .mesh-metric strong,
    .mesh-metric span,
    .mesh-hero h2,
    .mesh-hero p,
    .pair-metric strong,
    .pair-metric span,
    .pair-hero h2,
    .pair-hero p,
    .state-metric strong,
    .state-metric span,
    .state-hero h2,
    .state-hero p
  ) {
  color: var(--iot-sim-ink) !important;
}

[data-iot-interactive-theme="flat"][data-iot-recolor-pilot="true"][data-iot-module="bluetooth-ble"]
  :where(
    .ble-pill,
    .ble-metric,
    .ble-stat,
    .ble-tag,
    .beacon-tag,
    .beacon-card,
    .link-tag,
    .link-card,
    .gatt-tag,
    .gatt-guide-card,
    .mesh-tag,
    .mesh-guide-card,
    .pair-tag,
    .pair-guide-card,
    .pair-status-pill,
    .state-tag,
    .state-guide-card
  ) {
  color: var(--iot-sim-ink) !important;
  background: var(--iot-sim-panel) !important;
  border: 1px solid var(--iot-sim-border) !important;
  box-shadow: none !important;
}

[data-iot-interactive-theme="flat"][data-iot-recolor-pilot="true"][data-iot-module="bluetooth-ble"]
  :where(
    .ble-btn:not(.secondary),
    .ble-progress-fill,
    .beacon-action.is-primary,
    .beacon-tab[aria-pressed="true"],
    .link-action.is-primary,
    .gatt-btn.primary,
    .gatt-operation-btn[aria-pressed="true"],
    .gatt-toggle[aria-pressed="true"],
    .mesh-controls button:not(.secondary),
    .pair-button.primary,
    .pair-step.active,
    .state-action.primary,
    .state-step.active
  ) {
  background: var(--iot-sim-module-strong) !important;
  border-color: var(--iot-sim-module-strong) !important;
  color: #ffffff !important;
}

[data-iot-interactive-theme="flat"][data-iot-recolor-pilot="true"][data-iot-module="bluetooth-ble"]
  :where(
    .ble-btn.secondary,
    .beacon-action.is-secondary,
    .beacon-action.is-plain,
    .beacon-tab,
    .link-action.is-secondary,
    .link-action.is-plain,
    .gatt-btn.secondary,
    .gatt-operation-btn,
    .gatt-toggle,
    .mesh-controls button.secondary,
    .pair-button:not(.primary),
    .state-action:not(.primary),
    .state-step:not(.active)
  ) {
  background: var(--iot-sim-panel) !important;
  border-color: var(--iot-sim-border) !important;
  color: var(--iot-sim-ink) !important;
}

[data-iot-interactive-theme="flat"][data-iot-recolor-pilot="true"][data-iot-module="bluetooth-ble"]
  :where(
    .ble-scenario h3,
    .ble-help-card h3,
    .ble-final h3,
    .beacon-panel h3,
    .beacon-stage-head h2,
    .beacon-reference-card h3,
    .link-panel h3,
    .link-stage-head h2,
    .link-reference-card h3,
    .gatt-panel h3,
    .gatt-quick-card h3,
    .gatt-support-card h3,
    .mesh-panel h3,
    .mesh-quick-card h3,
    .mesh-support-card h3,
    .pair-panel h3,
    .pair-quick-card h3,
    .pair-support-card h3,
    .state-panel h3,
    .state-quick-card h3,
    .state-support-card h3
  ) {
  color: var(--iot-sim-module-strong) !important;
}

[data-iot-interactive-theme="flat"][data-iot-recolor-pilot="true"][data-iot-module="bluetooth-ble"]
  :where(
    h2,
    h3,
    h4,
    output,
    .beacon-byte span,
    .beacon-mobile-step span,
    .link-mobile-step span,
    .link-mobile-flow-card span,
    .gatt-summary-card span,
    .gatt-step span,
    .mesh-mobile-card span,
    .mesh-step-pill span,
    .pair-mobile-card span,
    .state-mobile-flow-card span
  ) {
  color: var(--iot-sim-module-strong) !important;
}

[data-iot-interactive-theme="flat"][data-iot-recolor-pilot="true"][data-iot-module="bluetooth-ble"]
  :where(
    .beacon-chip,
    .link-chip,
    .gatt-pill,
    .gatt-step.is-active,
    .mesh-step-pill.is-active,
    .pair-status-pill,
    .pair-step.active,
    .pair-chip.good,
    .state-badge,
    .state-step.active,
    .state-quick-card > span
  ) {
  background: var(--iot-sim-module-strong) !important;
  border-color: var(--iot-sim-module-strong) !important;
  color: #ffffff !important;
}

[data-iot-interactive-theme="flat"][data-iot-recolor-pilot="true"][data-iot-module="bluetooth-ble"]
  :where(
    .beacon-packet,
    .link-packet,
    .gatt-token,
    .mesh-token,
    .pair-token,
    .state-token,
    .state-channel-pill,
    .state-duty-bar
  ) {
  fill: var(--iot-sim-module-strong) !important;
  background: var(--iot-sim-module-strong) !important;
  stroke: var(--iot-sim-module-strong) !important;
}

[data-iot-interactive-theme="flat"][data-iot-recolor-pilot="true"][data-iot-module="bluetooth-ble"]
  :where(
    .beacon-packet-label,
    .link-packet-label,
    .link-packet-label-small,
    .gatt-token-text,
    .mesh-token-text,
    .pair-token-text,
    .state-token-text
  ) {
  color: #ffffff !important;
  fill: #ffffff !important;
}

#bleGame[data-iot-module="bluetooth-ble"],
#bleBeaconLab[data-iot-module="bluetooth-ble"],
#bleConnectionLab[data-iot-module="bluetooth-ble"],
#bleGattLab[data-iot-module="bluetooth-ble"],
#bleMeshRelayLab[data-iot-module="bluetooth-ble"],
#blePairingLab[data-iot-module="bluetooth-ble"],
#bleStatesLab[data-iot-module="bluetooth-ble"] {
  --teal: var(--iot-sim-module-strong) !important;
  --green: var(--iot-sim-module-strong) !important;
  --blue: #2f6477 !important;
  --amber: #80500b !important;
  --red: #8c3935 !important;
  --violet: #4d477f !important;
}

#bleGame[data-iot-module="bluetooth-ble"] :is(h2, h3, h4, output, .ble-result-label),
#bleBeaconLab[data-iot-module="bluetooth-ble"]
  :is(h2, h3, h4, output, .beacon-byte span, .beacon-mobile-step span),
#bleConnectionLab[data-iot-module="bluetooth-ble"]
  :is(h2, h3, h4, output, .link-mobile-step span, .link-mobile-flow-card span),
#bleGattLab[data-iot-module="bluetooth-ble"]
  :is(h2, h3, h4, output, .gatt-summary-card span, .gatt-step span),
#bleMeshRelayLab[data-iot-module="bluetooth-ble"]
  :is(h2, h3, h4, output, .mesh-step-pill span, .mesh-mobile-card span),
#blePairingLab[data-iot-module="bluetooth-ble"] :is(h2, h3, h4, output, .pair-mobile-card span),
#bleStatesLab[data-iot-module="bluetooth-ble"]
  :is(h2, h3, h4, output, .state-mobile-flow-card span) {
  color: var(--iot-sim-module-strong) !important;
  opacity: 1 !important;
}

#bleBeaconLab[data-iot-module="bluetooth-ble"] :is(.beacon-chip),
#bleConnectionLab[data-iot-module="bluetooth-ble"] :is(.link-chip, .link-mobile-token),
#bleGattLab[data-iot-module="bluetooth-ble"] :is(.gatt-pill, .gatt-step.active),
#bleMeshRelayLab[data-iot-module="bluetooth-ble"]
  :is(.mesh-step-pill.is-active, .mesh-quick-card > span),
#blePairingLab[data-iot-module="bluetooth-ble"]
  :is(.pair-status-pill, .pair-step.active, .pair-chip.good, .pair-quick-card > span),
#bleStatesLab[data-iot-module="bluetooth-ble"]
  :is(.state-badge, .state-step.active, .state-quick-card > span) {
  background: var(--iot-sim-module-strong) !important;
  border-color: var(--iot-sim-module-strong) !important;
  color: #ffffff !important;
  opacity: 1 !important;
}

#bleGattLab[data-iot-module="bluetooth-ble"] .gatt-step.active strong,
#bleGattLab[data-iot-module="bluetooth-ble"] .gatt-step.active span,
#bleMeshRelayLab[data-iot-module="bluetooth-ble"] .mesh-step-pill.is-active span,
#blePairingLab[data-iot-module="bluetooth-ble"] .pair-step.active,
#bleStatesLab[data-iot-module="bluetooth-ble"] .state-step.active {
  color: #ffffff !important;
  opacity: 1 !important;
}

[data-iot-interactive-theme="flat"][data-iot-recolor-pilot="true"][data-iot-module="bluetooth-ble"]
  :where(
    .ble-status,
    .ble-results,
    .ble-final,
    .beacon-panel,
    .beacon-stage,
    .link-panel,
    .link-stage,
    .gatt-panel,
    .gatt-quick-card,
    .gatt-support-card,
    .mesh-panel,
    .mesh-quick-card,
    .mesh-support-card,
    .pair-panel,
    .pair-quick-card,
    .pair-support-card,
    .state-panel,
    .state-quick-card,
    .state-support-card
  ) {
  border-color: color-mix(
    in srgb,
    var(--iot-sim-module-accent) 30%,
    var(--iot-sim-border)
  ) !important;
  box-shadow: none !important;
}

[data-iot-interactive-theme="flat"][data-iot-recolor-pilot="true"][data-iot-module="bluetooth-ble"]
  :where(h2, h3, h4) {
  color: var(--iot-sim-module-strong) !important;
}

[data-iot-interactive-theme="flat"][data-iot-recolor-pilot="true"][data-iot-module="bluetooth-ble"]
  :where(
    .beacon-metric span,
    .link-metric span,
    .gatt-metric span,
    .mesh-metric span,
    .pair-metric span,
    .state-metric span
  ) {
  color: var(--iot-sim-ink) !important;
}

[data-iot-interactive-theme="flat"][data-iot-recolor-pilot="true"][data-iot-module="bluetooth-ble"]
  :where(
    .gatt-quick-card > span,
    .gatt-quick-card h4 > span,
    .mesh-quick-card > span,
    .mesh-quick-card h4 > span,
    .pair-quick-card > span,
    .pair-quick-card h3 > span,
    .pair-quick-card h4 > span,
    .state-quick-card > span,
    .state-quick-card h4 > span,
    #linkMobileFlowPacket
  ) {
  color: #ffffff !important;
  background: var(--iot-sim-module-strong) !important;
  border-color: var(--iot-sim-module-strong) !important;
}

[data-iot-interactive-theme="flat"][data-iot-recolor-pilot="true"][data-iot-module="bluetooth-ble"]
  :where(input[type="range"], input[type="checkbox"], input[type="radio"], select) {
  accent-color: var(--iot-sim-module-accent) !important;
}

[data-iot-interactive-theme="flat"][data-iot-recolor-pilot="true"][data-iot-module="actuators"] {
  --iot-sim-module-accent: #f06a35 !important;
  --iot-sim-module-strong: #9a3f17 !important;
  --iot-sim-module-tint: #fff1eb !important;
  --iot-sim-module-tint-strong: #fde1d4 !important;
  --iot-sim-accent: var(--iot-sim-module-accent) !important;
  --iot-sim-accent-2: var(--iot-sim-module-strong) !important;
  --iot-sim-soft: var(--iot-sim-module-tint) !important;
  --line: color-mix(in srgb, var(--iot-sim-module-accent) 28%, #d7e2e7) !important;
}

[data-iot-interactive-theme="flat"][data-iot-recolor-pilot="true"][data-iot-module="actuators"]:where(
    #actuatorGame
  ) {
  color: var(--iot-sim-ink) !important;
  background: var(--iot-sim-page) !important;
  border-color: var(--iot-sim-border) !important;
  box-shadow: none !important;
}

[data-iot-interactive-theme="flat"][data-iot-recolor-pilot="true"][data-iot-module="actuators"]
  :where(.game-header) {
  color: var(--iot-sim-ink) !important;
  background: var(--iot-sim-module-tint) !important;
  border: 1px solid var(--iot-sim-border) !important;
  border-left: 4px solid var(--iot-sim-module-accent) !important;
  box-shadow: none !important;
}

[data-iot-interactive-theme="flat"][data-iot-recolor-pilot="true"][data-iot-module="actuators"]
  :where(.game-header h2, .game-header p, .game-metric strong, .game-metric span) {
  color: var(--iot-sim-ink) !important;
}

[data-iot-interactive-theme="flat"][data-iot-recolor-pilot="true"][data-iot-module="actuators"]
  :where(.game-pill, .game-metric, .scenario-number, .spec-badge) {
  color: var(--iot-sim-ink) !important;
  background: var(--iot-sim-panel) !important;
  border: 1px solid var(--iot-sim-border) !important;
}

[data-iot-interactive-theme="flat"][data-iot-recolor-pilot="true"][data-iot-module="actuators"]
  :where(
    .difficulty-btn.active,
    .difficulty-btn.beginner.active,
    .difficulty-btn.intermediate.active,
    .difficulty-btn.advanced.active,
    .actuator-btn.selected,
    .action-btn.submit,
    .restart-btn
  ) {
  background: var(--iot-sim-module-strong) !important;
  border-color: var(--iot-sim-module-strong) !important;
  color: #ffffff !important;
}

[data-iot-interactive-theme="flat"][data-iot-recolor-pilot="true"][data-iot-module="actuators"]
  :where(.progress-fill) {
  background: var(--iot-sim-module-accent) !important;
}

[data-iot-interactive-theme="flat"][data-iot-recolor-pilot="true"][data-iot-module="actuators"]
  :where(.scenario-description) {
  border-left-color: var(--iot-sim-module-accent) !important;
}

[data-iot-interactive-theme="flat"][data-iot-recolor-pilot="true"][data-iot-module="actuators"]
  :where(
    .scenario-title,
    .requirements-title,
    .actuator-name,
    .actuator-label,
    .feedback-title,
    .feedback-content,
    .feedback-content strong,
    .reference-card h4,
    .complete-title
  ) {
  color: var(--iot-sim-module-strong) !important;
  opacity: 1 !important;
}

[data-iot-interactive-theme="flat"][data-iot-recolor-pilot="true"][data-iot-module="actuators"]
  :where(.actuator-visual) {
  color: var(--iot-sim-ink) !important;
  background: var(--iot-sim-panel) !important;
  border: 1px solid var(--iot-sim-border) !important;
}

[data-iot-interactive-theme="flat"][data-iot-recolor-pilot="true"][data-iot-module="actuators"]
  :where(
    .actuator-btn.selected .actuator-visual,
    .actuator-btn.correct .actuator-visual,
    .actuator-btn.incorrect .actuator-visual
  ) {
  background: var(--iot-sim-panel) !important;
  border-color: var(--iot-sim-module-strong) !important;
}

[data-iot-interactive-theme="flat"][data-iot-recolor-pilot="true"][data-iot-module="actuators"]
  :where(.feedback-panel, .feedback-panel.correct, .feedback-panel.incorrect) {
  color: var(--iot-sim-ink) !important;
  background: var(--iot-sim-panel) !important;
  border-color: color-mix(
    in srgb,
    var(--iot-sim-module-accent) 36%,
    var(--iot-sim-border)
  ) !important;
  box-shadow: none !important;
}

[data-iot-interactive-theme="flat"][data-iot-recolor-pilot="true"][data-iot-module="actuators"]
  :where(.feedback-panel.show) {
  animation: none !important;
}

[data-iot-interactive-theme="flat"][data-iot-recolor-pilot="true"][data-iot-module="actuators"]
  :where(.actuator-btn:hover, .actuator-btn.selected) {
  border-color: var(--iot-sim-module-strong) !important;
}

[data-iot-interactive-theme="flat"][data-iot-recolor-pilot="true"][data-iot-module="actuators"]
  :where(.game-toolbar, .stat-card, .scenario-card, .reference-card, .reference-scan) {
  border-color: color-mix(
    in srgb,
    var(--iot-sim-module-accent) 30%,
    var(--iot-sim-border)
  ) !important;
}

[data-iot-interactive-theme="flat"][data-iot-recolor-pilot="true"][data-iot-module="access-control"] {
  --iot-sim-module-accent: #8b2fb2 !important;
  --iot-sim-module-strong: #5f1f82 !important;
  --iot-sim-module-tint: #f7eefb !important;
  --iot-sim-module-tint-strong: #ecd7f5 !important;
  --iot-sim-muted: #52666f !important;
  --muted: #52666f !important;
  --deep: var(--iot-sim-module-strong) !important;
  --deep-2: #42145f !important;
  --teal: var(--iot-sim-module-accent) !important;
  --green: #3f7f5a !important;
  --blue: #526aa3 !important;
  --purple: var(--iot-sim-module-strong) !important;
  --orange: #9a6420 !important;
  --wash: var(--iot-sim-module-tint) !important;
  --wash-2: var(--iot-sim-module-tint-strong) !important;
  --line: color-mix(in srgb, var(--iot-sim-module-accent) 28%, #d7e2e7) !important;
}

[data-iot-interactive-theme="flat"][data-iot-recolor-pilot="true"][data-iot-module="access-control"]:where(
    #oauthLab
  ) {
  color: var(--iot-sim-ink) !important;
  background: var(--iot-sim-page) !important;
  border-color: var(--iot-sim-border) !important;
  box-shadow: none !important;
  margin-right: 0 !important;
  max-width: calc(100vw - 32px) !important;
}

[data-iot-interactive-theme="flat"][data-iot-recolor-pilot="true"][data-iot-module="access-control"]
  :where(.oauth-hero, .oauth-panel-head) {
  color: var(--iot-sim-ink) !important;
  background: var(--iot-sim-module-tint) !important;
  border: 1px solid var(--iot-sim-border) !important;
  border-left: 4px solid var(--iot-sim-module-accent) !important;
  box-shadow: none !important;
}

[data-iot-interactive-theme="flat"][data-iot-recolor-pilot="true"][data-iot-module="access-control"]
  :where(
    .oauth-hero h2,
    .oauth-hero p,
    .oauth-hero strong,
    .oauth-panel-head h3,
    .oauth-panel-head p,
    .oauth-metric strong,
    .oauth-metric span
  ) {
  color: var(--iot-sim-ink) !important;
}

[data-iot-interactive-theme="flat"][data-iot-recolor-pilot="true"][data-iot-module="access-control"]
  :where(
    .oauth-tag,
    .oauth-metric,
    .oauth-stage,
    .oauth-control-block,
    .oauth-state-card,
    .oauth-code-block,
    .oauth-details details,
    .oauth-lens-badge
  ) {
  color: var(--iot-sim-ink) !important;
  background: var(--iot-sim-panel) !important;
  border-color: var(--iot-sim-border) !important;
  box-shadow: none !important;
}

[data-iot-interactive-theme="flat"][data-iot-recolor-pilot="true"][data-iot-module="access-control"]
  :where(
    .oauth-stage.is-active,
    .oauth-button.is-primary,
    .oauth-preset.is-active,
    .oauth-stage.is-active small
  ) {
  background: var(--iot-sim-module-strong) !important;
  border-color: var(--iot-sim-module-strong) !important;
  color: #ffffff !important;
}

[data-iot-interactive-theme="flat"][data-iot-recolor-pilot="true"][data-iot-module="access-control"]
  :where(.oauth-stage.is-active strong, .oauth-stage.is-active p) {
  color: #ffffff !important;
}

[data-iot-interactive-theme="flat"][data-iot-recolor-pilot="true"][data-iot-module="access-control"]
  :where(.oauth-stage small, .oauth-button.is-warning, .oauth-token circle) {
  background: var(--iot-sim-module-accent) !important;
  border-color: var(--iot-sim-module-accent) !important;
  fill: var(--iot-sim-module-accent) !important;
  color: #ffffff !important;
}

[data-iot-interactive-theme="flat"][data-iot-recolor-pilot="true"][data-iot-module="access-control"]
  :where(.oauth-stage:hover, .oauth-stage:focus-visible, .oauth-button:hover, .oauth-preset:hover) {
  border-color: var(--iot-sim-module-accent) !important;
}

[data-iot-interactive-theme="flat"][data-iot-recolor-pilot="true"][data-iot-module="access-control"]
  :where(.oauth-visual, .oauth-panel, .oauth-details) {
  background: var(--iot-sim-panel) !important;
  border-color: color-mix(
    in srgb,
    var(--iot-sim-module-accent) 30%,
    var(--iot-sim-border)
  ) !important;
  box-shadow: none !important;
}

@media (min-width: 1200px) {
  [data-iot-interactive-theme="flat"][data-iot-recolor-pilot="true"][data-iot-module="access-control"]:where(
      #oauthLab
    ) {
    width: min(1040px, calc(100vw - 32px)) !important;
  }
}

@media (max-width: 1199px) {
  [data-iot-interactive-theme="flat"][data-iot-recolor-pilot="true"][data-iot-module="access-control"]:where(
      #oauthLab
    ) {
    width: auto !important;
  }
}

[data-iot-interactive-theme="flat"][data-iot-recolor-pilot="true"][data-iot-module="coap"] {
  --iot-sim-module-accent: #2e7d32 !important;
  --iot-sim-module-strong: #1b5e20 !important;
  --iot-sim-module-tint: #eef8ef !important;
  --iot-sim-module-tint-strong: #dff1e1 !important;
  --deep: var(--iot-sim-module-strong) !important;
  --deep-2: var(--iot-sim-module-accent) !important;
  --wash: var(--iot-sim-module-tint) !important;
  --wash-2: var(--iot-sim-module-tint-strong) !important;
  --teal: var(--iot-sim-module-accent) !important;
  --green: var(--iot-sim-module-strong) !important;
  --blue: #4f8f9f !important;
  --line: color-mix(in srgb, var(--iot-sim-module-accent) 28%, #d7e2e7) !important;
}

[data-iot-interactive-theme="flat"][data-iot-recolor-pilot="true"][data-iot-module="coap"]:where(
    #coapBlockLab,
    #coapCongestionLab,
    #coapDiscoveryLab,
    #coapMessageLab,
    #coapObserveLab,
    #coapProxyLab
  ) {
  color: var(--iot-sim-ink) !important;
  background: var(--iot-sim-page) !important;
  border-color: var(--iot-sim-border) !important;
  box-shadow: none !important;
}

[data-iot-interactive-theme="flat"][data-iot-recolor-pilot="true"][data-iot-module="coap"]
  :where(.cb-hero, .cc-hero, .cd-hero, .cm-hero, .co-hero, .cp-hero) {
  color: var(--iot-sim-ink) !important;
  background: var(--iot-sim-module-tint) !important;
  border: 1px solid var(--iot-sim-border) !important;
  border-left: 4px solid var(--iot-sim-module-accent) !important;
  box-shadow: none !important;
}

[data-iot-interactive-theme="flat"][data-iot-recolor-pilot="true"][data-iot-module="coap"]
  :where(
    .cb-hero h2,
    .cb-hero p,
    .cc-hero h2,
    .cc-hero p,
    .cd-hero h2,
    .cd-hero p,
    .cm-hero h2,
    .cm-hero p,
    .co-hero h2,
    .co-hero p,
    .cp-hero h2,
    .cp-hero p
  ) {
  color: var(--iot-sim-ink) !important;
}

[data-iot-interactive-theme="flat"][data-iot-recolor-pilot="true"][data-iot-module="coap"]
  :where(
    .cb-tag,
    .cb-badge,
    .cc-tag,
    .cc-badge,
    .cd-tag,
    .cd-badge,
    .cm-tag,
    .cm-badge,
    .co-tag,
    .co-badge,
    .cp-tag,
    .cp-badge
  ) {
  color: var(--iot-sim-ink) !important;
  background: var(--iot-sim-panel) !important;
  border: 1px solid var(--iot-sim-border) !important;
}

[data-iot-interactive-theme="flat"][data-iot-recolor-pilot="true"][data-iot-module="coap"]
  :where(
    .cb-button:not(.secondary):not(.warn),
    .cb-scenario.is-active,
    .cc-button:not(.secondary):not(.warn),
    .cc-scenario.is-active,
    .cd-button:not(.secondary):not(.warn),
    .cd-scenario.is-active,
    .cm-button:not(.secondary):not(.warn),
    .cm-scenario.is-active,
    .co-button:not(.secondary):not(.warn),
    .co-scenario.is-active,
    .cp-button:not(.secondary):not(.warn),
    .cp-scenario.is-active
  ) {
  background: var(--iot-sim-module-strong) !important;
  border-color: var(--iot-sim-module-strong) !important;
  color: #ffffff !important;
}

[data-iot-interactive-theme="flat"][data-iot-recolor-pilot="true"][data-iot-module="coap"]
  :where(
    .cb-card h3,
    .cb-panel h3,
    .cc-card h3,
    .cc-panel h3,
    .cd-card h3,
    .cd-panel h3,
    .cm-card h3,
    .cm-panel h3,
    .co-card h3,
    .co-panel h3,
    .cp-card h3,
    .cp-panel h3,
    [class*="-reference-card"] h3,
    [class*="-support-card"] h3,
    [class*="-practice-card"] h3
  ) {
  color: var(--iot-sim-module-strong) !important;
}

[data-iot-interactive-theme="flat"][data-iot-recolor-pilot="true"][data-iot-module="coap"]
  :where(
    .cb-status,
    .cb-feedback,
    .cc-status,
    .cc-feedback,
    .cd-status,
    .cd-feedback,
    .cm-status,
    .cm-feedback,
    .co-status,
    .co-feedback,
    .cp-status,
    .cp-feedback
  ) {
  background: var(--iot-sim-module-tint) !important;
  border-color: color-mix(
    in srgb,
    var(--iot-sim-module-accent) 38%,
    var(--iot-sim-border)
  ) !important;
}

[data-iot-interactive-theme="flat"][data-iot-recolor-pilot="true"][data-iot-module="app-protocols"] {
  --iot-sim-module-accent: #2e7d32 !important;
  --iot-sim-module-strong: #1b5e20 !important;
  --iot-sim-module-tint: #eef8ef !important;
  --iot-sim-module-tint-strong: #dff1e1 !important;
  --deep: var(--iot-sim-module-strong) !important;
  --deep-2: var(--iot-sim-module-accent) !important;
  --wash: var(--iot-sim-module-tint) !important;
  --wash-2: var(--iot-sim-module-tint-strong) !important;
  --accent: var(--iot-sim-module-accent) !important;
  --teal: var(--iot-sim-module-accent) !important;
  --green: var(--iot-sim-module-strong) !important;
  --line: color-mix(in srgb, var(--iot-sim-module-accent) 28%, #d7e2e7) !important;
}

[data-iot-interactive-theme="flat"][data-iot-recolor-pilot="true"][data-iot-module="app-protocols"]:where(
    #pubSubWorkbench,
    #restApiWorkbench
  ) {
  color: var(--iot-sim-ink) !important;
  background: var(--iot-sim-page) !important;
  border-color: var(--iot-sim-border) !important;
  box-shadow: none !important;
}

[data-iot-interactive-theme="flat"][data-iot-recolor-pilot="true"][data-iot-module="app-protocols"]
  :where(.psf-hero, .ra-hero) {
  color: var(--iot-sim-ink) !important;
  background: var(--iot-sim-module-tint) !important;
  border: 1px solid var(--iot-sim-border) !important;
  border-left: 4px solid var(--iot-sim-module-accent) !important;
  box-shadow: none !important;
}

[data-iot-interactive-theme="flat"][data-iot-recolor-pilot="true"][data-iot-module="app-protocols"]
  :where(.psf-hero h2, .psf-hero p, .ra-hero h2, .ra-hero p) {
  color: var(--iot-sim-ink) !important;
}

[data-iot-interactive-theme="flat"][data-iot-recolor-pilot="true"][data-iot-module="app-protocols"]
  :where(.psf-pill, .psf-metric, .ra-pill, .ra-metric, .ra-status-badge) {
  color: var(--iot-sim-ink) !important;
  background: var(--iot-sim-panel) !important;
  border: 1px solid var(--iot-sim-border) !important;
  box-shadow: none !important;
}

[data-iot-interactive-theme="flat"][data-iot-recolor-pilot="true"][data-iot-module="app-protocols"]
  :where(
    .psf-panel,
    .psf-card,
    .psf-store-card,
    .psf-reference-card,
    .psf-practice-card,
    .psf-detail,
    .ra-panel,
    .ra-state-card,
    .ra-method-card,
    .ra-reference-card,
    .ra-practice-card
  ) {
  background: var(--iot-sim-panel) !important;
  border-color: var(--iot-sim-border) !important;
  box-shadow: none !important;
}

[data-iot-interactive-theme="flat"][data-iot-recolor-pilot="true"][data-iot-module="app-protocols"]
  :where(
    .psf-btn.primary,
    .psf-chip.is-active,
    .psf-chip:hover,
    .psf-stage-pill.is-active,
    .ra-button,
    .ra-scenario.active,
    .ra-scenario:hover,
    .ra-stage.active
  ) {
  background: var(--iot-sim-module-strong) !important;
  border-color: var(--iot-sim-module-strong) !important;
  color: #ffffff !important;
}

[data-iot-interactive-theme="flat"][data-iot-recolor-pilot="true"][data-iot-module="app-protocols"]
  :where(
    .psf-btn.secondary,
    .psf-chip:not(.is-active),
    .psf-stage-pill:not(.is-active),
    .ra-button.secondary,
    .ra-button.warn,
    .ra-scenario:not(.active),
    .ra-stage:not(.active)
  ) {
  color: var(--iot-sim-ink) !important;
  background: var(--iot-sim-module-tint) !important;
  border-color: color-mix(
    in srgb,
    var(--iot-sim-module-accent) 38%,
    var(--iot-sim-border)
  ) !important;
}

[data-iot-interactive-theme="flat"][data-iot-recolor-pilot="true"][data-iot-module="app-protocols"]
  :where(
    .psf-panel h3,
    .psf-stage-card h3,
    .psf-diagnosis h3,
    .psf-reference h3,
    .psf-practice h3,
    .psf-companions h3,
    .psf-card h3,
    .psf-card h4,
    .psf-stage-card h4,
    .psf-trace-card h4,
    .psf-store-card h4,
    .psf-reference-card h4,
    .psf-practice-card h4,
    .psf-detail h4,
    .psf-reference-card strong,
    .psf-practice-card strong,
    .ra-panel h3,
    .ra-panel h4,
    .ra-method-card strong,
    .ra-reference-card strong,
    .ra-practice-card strong,
    .ra-state-card strong
  ) {
  color: var(--iot-sim-module-strong) !important;
}

[data-iot-interactive-theme="flat"][data-iot-recolor-pilot="true"][data-iot-module="app-protocols"]
  :where(
    .psf-metric .psf-label,
    .ra-scenario:not(.active) span,
    .ra-toggle small,
    .ra-trace-line.active span
  ) {
  color: var(--iot-sim-muted) !important;
}

[data-iot-interactive-theme="flat"][data-iot-recolor-pilot="true"][data-iot-module="app-protocols"]
  :where(
    .psf-line.active,
    .psf-line.match,
    .psf-token,
    .psf-track-fill,
    .ra-arrow.active,
    .ra-token,
    .ra-node.active rect
  ) {
  stroke: var(--iot-sim-module-accent) !important;
  fill: var(--iot-sim-module-accent) !important;
}

[data-iot-interactive-theme="flat"][data-iot-recolor-pilot="true"][data-iot-module="app-protocols"]
  :where(
    .psf-field input,
    .psf-field textarea,
    .psf-field select,
    .ra-field select,
    .ra-field textarea
  ) {
  border-color: var(--iot-sim-border) !important;
  accent-color: var(--iot-sim-module-accent) !important;
}

[data-iot-interactive-theme="flat"][data-iot-recolor-pilot="true"][data-iot-module="mqtt"] {
  --iot-sim-module-accent: #2e7d32 !important;
  --iot-sim-module-strong: #1b5e20 !important;
  --iot-sim-module-tint: #eef8ef !important;
  --iot-sim-module-tint-strong: #dff1e1 !important;
  --deep: var(--iot-sim-module-strong) !important;
  --deep-2: var(--iot-sim-module-accent) !important;
  --wash: var(--iot-sim-module-tint) !important;
  --wash-2: var(--iot-sim-module-tint-strong) !important;
  --teal: var(--iot-sim-module-accent) !important;
  --green: var(--iot-sim-module-strong) !important;
  --blue: #4f8f9f !important;
  --line: color-mix(in srgb, var(--iot-sim-module-accent) 28%, #d7e2e7) !important;
}

[data-iot-interactive-theme="flat"][data-iot-recolor-pilot="true"][data-iot-module="mqtt"]:where(
    #mqttClusterLab,
    #mqttWillLab,
    #mqttPubSubLab,
    #mqttQosLab,
    #mqttQosDecisionLab,
    #mqttRetainedLab,
    #mqttSessionManagerLab,
    #mqttSessionLab,
    #mqttSharedLab,
    #mqttTopicDesignerLab
  ) {
  color: var(--iot-sim-ink) !important;
  background: var(--iot-sim-page) !important;
  border-color: var(--iot-sim-border) !important;
  box-shadow: none !important;
}

[data-iot-interactive-theme="flat"][data-iot-recolor-pilot="true"][data-iot-module="mqtt"]
  :where(
    .mcl-hero,
    .mwl-hero,
    .mpb-hero,
    .mqttqos-hero,
    .mqos-hero,
    .mret-hero,
    .msm-hero,
    .mses-hero,
    .msub-hero,
    .mtd-hero
  ) {
  color: var(--iot-sim-ink) !important;
  background: var(--iot-sim-module-tint) !important;
  border: 1px solid var(--iot-sim-border) !important;
  border-left: 4px solid var(--iot-sim-module-accent) !important;
  box-shadow: none !important;
}

/* The recolor pilot turns the MQTT topic designer's translucent hero metrics
   into light panels. Override the workbench's original white-on-dark child
   text at the same boundary so all four headline results remain readable. */
[data-iot-interactive-theme="flat"][data-iot-recolor-pilot="true"][data-iot-module="mqtt"]
  :where(.mtd-metric span, .mtd-metric strong) {
  color: var(--iot-sim-ink) !important;
}

[data-iot-interactive-theme="flat"][data-iot-recolor-pilot="true"][data-iot-module="mqtt"]
  :where(
    .mcl-hero h2,
    .mcl-hero p,
    .mwl-hero h2,
    .mwl-hero p,
    .mpb-hero h2,
    .mpb-hero p,
    .mqttqos-hero h2,
    .mqttqos-hero p,
    .mqos-hero h2,
    .mqos-hero p,
    .mret-hero h2,
    .mret-hero p,
    .msm-hero h2,
    .msm-hero p,
    .mses-hero h2,
    .mses-hero p,
    .msub-hero h2,
    .msub-hero p,
    .mtd-hero h2,
    .mtd-hero p
  ) {
  color: var(--iot-sim-ink) !important;
}

[data-iot-interactive-theme="flat"][data-iot-recolor-pilot="true"][data-iot-module="mqtt"]
  :where(
    .mcl-tag,
    .mcl-metric,
    .mwl-tag,
    .mwl-metric,
    .mpb-tag,
    .mpb-metric,
    .mqttqos-pill,
    .mqttqos-metric,
    .mqttqos-status-pill,
    .mqos-tag,
    .mqos-metric,
    .mret-tag,
    .mret-metric,
    .msm-tag,
    .msm-metric,
    .mses-tag,
    .mses-metric,
    .msub-tag,
    .msub-metric,
    .mtd-tag,
    .mtd-metric
  ) {
  color: var(--iot-sim-ink) !important;
  background: var(--iot-sim-panel) !important;
  border: 1px solid var(--iot-sim-border) !important;
  box-shadow: none !important;
}

[data-iot-interactive-theme="flat"][data-iot-recolor-pilot="true"][data-iot-module="mqtt"]
  :where(
    .mcl-btn:not(.secondary),
    .mcl-scenario.is-active,
    .mwl-btn:not(.secondary),
    .mwl-scenario.is-active,
    .mpb-btn:not(.secondary),
    .mpb-scenario.is-active,
    .mqttqos-btn:not(.mqttqos-secondary),
    .mqttqos-active,
    .mqos-btn.primary,
    .mqos-scenario.is-active,
    .mret-btn:not(.secondary),
    .mret-scenario.is-active,
    .msm-btn:not(.secondary),
    .msm-scenario.is-active,
    .mses-btn:not(.secondary),
    .mses-scenario.is-active,
    .msub-btn:not(.secondary),
    .msub-scenario.is-active,
    .mtd-btn:not(.secondary),
    .mtd-scenario.is-active
  ) {
  background: var(--iot-sim-module-strong) !important;
  border-color: var(--iot-sim-module-strong) !important;
  color: #ffffff !important;
}

[data-iot-interactive-theme="flat"][data-iot-recolor-pilot="true"][data-iot-module="mqtt"]
  :where(
    .mcl-card h3,
    .mcl-panel h3,
    .mwl-card h3,
    .mwl-panel h3,
    .mpb-card h3,
    .mpb-panel h3,
    .mqttqos-card h3,
    .mqttqos-panel h3,
    .mqos-card h3,
    .mqos-panel h3,
    .mret-card h3,
    .mret-panel h3,
    .msm-card h3,
    .msm-panel h3,
    .mses-card h3,
    .mses-panel h3,
    .msub-card h3,
    .msub-panel h3,
    .mtd-card h3,
    .mtd-panel h3,
    [class*="reference-card"] h3,
    [class*="support-card"] h3,
    [class*="practice-card"] h3
  ) {
  color: var(--iot-sim-module-strong) !important;
}

[data-iot-interactive-theme="flat"][data-iot-recolor-pilot="true"][data-iot-module="mqtt"]
  :where(
    .mcl-diagnosis,
    .mwl-diagnosis,
    .mpb-diagnosis,
    .mqttqos-result-card,
    .mqos-result-card,
    .mret-diagnosis,
    .mret-result-card,
    .msm-diagnosis,
    .mses-diagnosis,
    .mses-result-card,
    .msub-diagnosis,
    .mtd-result-card
  ) {
  background: var(--iot-sim-module-tint) !important;
  border-color: color-mix(
    in srgb,
    var(--iot-sim-module-accent) 38%,
    var(--iot-sim-border)
  ) !important;
}

[data-iot-interactive-theme="flat"][data-iot-recolor-pilot="true"][data-iot-module="http-web"] {
  --iot-sim-module-accent: #2e7d32 !important;
  --iot-sim-module-strong: #1b5e20 !important;
  --iot-sim-module-tint: #eef8ef !important;
  --iot-sim-module-tint-strong: #dff1e1 !important;
  --deep: var(--iot-sim-module-strong) !important;
  --deep-2: var(--iot-sim-module-accent) !important;
  --wash: var(--iot-sim-module-tint) !important;
  --wash-2: var(--iot-sim-module-tint-strong) !important;
  --teal: var(--iot-sim-module-accent) !important;
  --green: var(--iot-sim-module-strong) !important;
  --blue: #4f8f9f !important;
  --line: color-mix(in srgb, var(--iot-sim-module-accent) 28%, #d7e2e7) !important;
}

[data-iot-interactive-theme="flat"][data-iot-recolor-pilot="true"][data-iot-module="http-web"]:where(
    #httpWorkbench
  ) {
  color: var(--iot-sim-ink) !important;
  background: var(--iot-sim-page) !important;
  border-color: var(--iot-sim-border) !important;
  box-shadow: none !important;
}

[data-iot-interactive-theme="flat"][data-iot-recolor-pilot="true"][data-iot-module="http-web"]
  :where(.hr-hero) {
  color: var(--iot-sim-ink) !important;
  background: var(--iot-sim-module-tint) !important;
  border: 1px solid var(--iot-sim-border) !important;
  border-left: 4px solid var(--iot-sim-module-accent) !important;
  box-shadow: none !important;
}

[data-iot-interactive-theme="flat"][data-iot-recolor-pilot="true"][data-iot-module="http-web"]
  :where(.hr-hero h2, .hr-hero p) {
  color: var(--iot-sim-ink) !important;
}

[data-iot-interactive-theme="flat"][data-iot-recolor-pilot="true"][data-iot-module="http-web"]
  :where(.hr-pill, .hr-hero-metric, .hr-badge) {
  color: var(--iot-sim-ink) !important;
  background: var(--iot-sim-panel) !important;
  border: 1px solid var(--iot-sim-border) !important;
  box-shadow: none !important;
}

[data-iot-interactive-theme="flat"][data-iot-recolor-pilot="true"][data-iot-module="http-web"]
  :where(.hr-action.primary, .hr-scenario.active, .hr-scenario:hover) {
  background: var(--iot-sim-module-strong) !important;
  border-color: var(--iot-sim-module-strong) !important;
  color: #ffffff !important;
}

[data-iot-interactive-theme="flat"][data-iot-recolor-pilot="true"][data-iot-module="http-web"]
  :where(
    .hr-panel h3,
    .hr-card strong,
    .hr-readout strong,
    .hr-ref-card strong,
    .hr-message-card strong,
    .hr-state-chip strong
  ) {
  color: var(--iot-sim-module-strong) !important;
}

[data-iot-interactive-theme="flat"][data-iot-recolor-pilot="true"][data-iot-module="http-web"]
  :where(.hr-panel h3) {
  border-bottom-color: var(--iot-sim-module-accent) !important;
}

[data-iot-interactive-theme="flat"][data-iot-recolor-pilot="true"][data-iot-module="http-web"]
  :where(
    .hr-scenario,
    .hr-card,
    .hr-readout,
    .hr-ref-card,
    .hr-message-card,
    .hr-state-chip,
    .hr-transcript-row.active
  ) {
  background: var(--iot-sim-module-tint) !important;
  border-color: color-mix(
    in srgb,
    var(--iot-sim-module-accent) 38%,
    var(--iot-sim-border)
  ) !important;
}

[data-iot-interactive-theme="flat"][data-iot-recolor-pilot="true"][data-iot-module="http-web"]
  :where(.hr-field input[type="range"]) {
  accent-color: var(--iot-sim-module-accent) !important;
}

[data-iot-interactive-theme="flat"][data-iot-recolor-pilot="true"][data-iot-module="http-web"]
  :where(.hr-value, .hr-path.active, .hr-token) {
  color: var(--iot-sim-module-accent) !important;
  stroke: var(--iot-sim-module-accent) !important;
}

[data-iot-interactive-theme="flat"][data-iot-recolor-pilot="true"][data-iot-module="http-web"]
  :where(.hr-bar) {
  background: var(--iot-sim-module-accent) !important;
}

[data-iot-interactive-theme="flat"][data-iot-recolor-pilot="true"][data-iot-module="transport-protocols"] {
  --iot-sim-module-accent: #4c956c !important;
  --iot-sim-module-strong: #276247 !important;
  --iot-sim-module-tint: #edf7f2 !important;
  --iot-sim-module-tint-strong: #dff0e8 !important;
  --deep: var(--iot-sim-module-strong) !important;
  --deep-2: var(--iot-sim-module-accent) !important;
  --wash: var(--iot-sim-module-tint) !important;
  --wash-2: var(--iot-sim-module-tint-strong) !important;
  --teal: var(--iot-sim-module-accent) !important;
  --green: var(--iot-sim-module-strong) !important;
  --blue: #4f8f9f !important;
  --line: color-mix(in srgb, var(--iot-sim-module-accent) 30%, #d7e2e7) !important;
}

[data-iot-interactive-theme="flat"][data-iot-recolor-pilot="true"][data-iot-module="transport-protocols"]:where(
    #ackLab,
    #clockLab,
    #tsnWorkbench
  ) {
  color: var(--iot-sim-ink) !important;
  background: var(--iot-sim-page) !important;
  border-color: var(--iot-sim-border) !important;
  box-shadow: none !important;
}

[data-iot-interactive-theme="flat"][data-iot-recolor-pilot="true"][data-iot-module="transport-protocols"]
  :where(.ack-hero, .clock-hero, .tsn-hero) {
  color: var(--iot-sim-ink) !important;
  background: var(--iot-sim-module-tint) !important;
  border: 1px solid var(--iot-sim-border) !important;
  border-left: 4px solid var(--iot-sim-module-accent) !important;
  box-shadow: none !important;
}

[data-iot-interactive-theme="flat"][data-iot-recolor-pilot="true"][data-iot-module="transport-protocols"]
  :where(.ack-hero h2, .ack-hero p, .clock-hero h2, .clock-hero p, .tsn-hero h2, .tsn-hero p) {
  color: var(--iot-sim-ink) !important;
}

[data-iot-interactive-theme="flat"][data-iot-recolor-pilot="true"][data-iot-module="transport-protocols"]
  :where(.ack-pill, .ack-metric, .clock-pill, .clock-metric, .tsn-pill, .tsn-hero-metric) {
  color: var(--iot-sim-ink) !important;
  background: var(--iot-sim-panel) !important;
  border-color: var(--iot-sim-border) !important;
  box-shadow: none !important;
}

[data-iot-interactive-theme="flat"][data-iot-recolor-pilot="true"][data-iot-module="transport-protocols"]
  :where(
    .ack-btn-primary,
    .ack-preset.active,
    .clock-preset[aria-pressed="true"],
    .clock-btn-primary,
    .tsn-btn:not(.secondary):not(.warn),
    .tsn-scenario.active
  ) {
  color: #ffffff !important;
  background: var(--iot-sim-module-strong) !important;
  border-color: var(--iot-sim-module-strong) !important;
}

[data-iot-interactive-theme="flat"][data-iot-recolor-pilot="true"][data-iot-module="transport-protocols"]
  :where(
    .ack-card,
    .ack-panel,
    .clock-card,
    .clock-panel,
    .tsn-panel,
    .tsn-card,
    .tsn-stage,
    .sim-learning-brief__item
  ) {
  background: var(--iot-sim-module-tint) !important;
  border-color: color-mix(
    in srgb,
    var(--iot-sim-module-accent) 38%,
    var(--iot-sim-border)
  ) !important;
  box-shadow: none !important;
}

[data-iot-interactive-theme="flat"][data-iot-recolor-pilot="true"][data-iot-module="transport-protocols"]
  :where(
    .ack-card h3,
    .ack-panel h3,
    .ack-value,
    .clock-card h3,
    .clock-panel h3,
    .clock-value,
    .tsn-panel h3,
    .tsn-value,
    .sim-learning-brief__label
  ) {
  color: var(--iot-sim-module-strong) !important;
}

[data-iot-interactive-theme="flat"][data-iot-recolor-pilot="true"][data-iot-module="transport-protocols"]
  :where(input[type="range"]) {
  accent-color: var(--iot-sim-module-accent) !important;
}

[data-iot-interactive-theme="flat"][data-iot-recolor-pilot="true"][data-iot-module="network-topologies"] {
  --iot-sim-module-accent: #2e7d32 !important;
  --iot-sim-module-strong: #1b5e20 !important;
  --iot-sim-module-tint: #eef8ef !important;
  --iot-sim-module-tint-strong: #dff1e1 !important;
  --deep: var(--iot-sim-module-strong) !important;
  --deep-2: var(--iot-sim-module-accent) !important;
  --wash: var(--iot-sim-module-tint) !important;
  --wash-2: var(--iot-sim-module-tint-strong) !important;
  --teal: var(--iot-sim-module-accent) !important;
  --green: var(--iot-sim-module-strong) !important;
  --blue: #4f8f9f !important;
  --line: color-mix(in srgb, var(--iot-sim-module-accent) 28%, #d7e2e7) !important;
}

[data-iot-interactive-theme="flat"][data-iot-recolor-pilot="true"][data-iot-module="network-topologies"]
  :where(.mesh-hero, .star-hero, .ring-hero, .nt-hero, .mh-header) {
  color: var(--iot-sim-ink) !important;
  background: var(--iot-sim-module-tint) !important;
  border: 1px solid var(--iot-sim-border) !important;
  border-left: 4px solid var(--iot-sim-module-accent) !important;
  box-shadow: none !important;
}

[data-iot-interactive-theme="flat"][data-iot-recolor-pilot="true"][data-iot-module="network-topologies"]
  :where(
    .mesh-hero h2,
    .mesh-hero p,
    .star-hero h2,
    .star-hero p,
    .ring-hero h2,
    .ring-hero p,
    .nt-hero h2,
    .nt-hero p,
    .mh-header h2,
    .mh-header p
  ) {
  color: var(--iot-sim-ink) !important;
}

[data-iot-interactive-theme="flat"][data-iot-recolor-pilot="true"][data-iot-module="network-topologies"]
  :where(
    .mesh-pill,
    .star-pill,
    .ring-pill,
    .nt-pill,
    .mesh-metric,
    .star-metric,
    .ring-metric,
    .nt-metric,
    .mh-summary-item,
    .mh-metric
  ) {
  color: var(--iot-sim-ink) !important;
  background: var(--iot-sim-panel) !important;
  border: 1px solid var(--iot-sim-border) !important;
  box-shadow: none !important;
}

[data-iot-interactive-theme="flat"][data-iot-recolor-pilot="true"][data-iot-module="network-topologies"]
  :where(
    .mesh-btn:not(.secondary):not(.reset),
    .mesh-preset.is-active,
    .star-btn:not(.secondary):not(.reset),
    .star-scenario.is-active,
    .ring-button.is-primary,
    .ring-button.is-active,
    .nt-select-btn[aria-pressed="true"],
    .mh-btn:not(.secondary):not(.fail),
    .mh-preset-btn.active
  ) {
  background: var(--iot-sim-module-strong) !important;
  border-color: var(--iot-sim-module-strong) !important;
  color: #ffffff !important;
}

[data-iot-interactive-theme="flat"][data-iot-recolor-pilot="true"][data-iot-module="network-topologies"]
  :where(
    .mesh-card,
    .mesh-panel,
    .mesh-evidence-card,
    .star-card,
    .star-panel,
    .star-evidence-card,
    .ring-card,
    .ring-panel,
    .ring-stage,
    .ring-insight,
    .nt-card,
    .nt-panel,
    .nt-stage,
    .nt-result-card,
    .mh-guide-card,
    .mh-toolbar,
    .mh-panel,
    .mh-insight
  ) {
  background: var(--iot-sim-panel) !important;
  border-color: color-mix(
    in srgb,
    var(--iot-sim-module-accent) 30%,
    var(--iot-sim-border)
  ) !important;
  box-shadow: none !important;
}

[data-iot-interactive-theme="flat"][data-iot-recolor-pilot="true"][data-iot-module="network-topologies"]
  :where(
    .mesh-card h3,
    .mesh-panel h3,
    .mesh-evidence-card strong,
    .star-card h3,
    .star-panel h3,
    .star-evidence-card strong,
    .ring-card h3,
    .ring-panel h3,
    .ring-stage h3,
    .nt-card h3,
    .nt-panel h3,
    .nt-stage h3,
    .nt-result-card strong,
    .mh-guide-card h3,
    .mh-panel h3,
    .mh-insight h3,
    .mh-range-val
  ) {
  color: var(--iot-sim-module-strong) !important;
  border-bottom-color: var(--iot-sim-module-accent) !important;
}

[data-iot-interactive-theme="flat"][data-iot-recolor-pilot="true"][data-iot-module="network-topologies"]
  :where(input[type="range"]) {
  accent-color: var(--iot-sim-module-accent) !important;
}

[data-iot-interactive-theme="flat"][data-iot-recolor-pilot="true"][data-iot-module="networking-core"] {
  --iot-sim-module-accent: #1b5e20 !important;
  --iot-sim-module-strong: #0f3d14 !important;
  --iot-sim-module-tint: #eef8ef !important;
  --iot-sim-module-tint-strong: #dff1e1 !important;
  --iot-sim-accent: var(--iot-sim-module-accent) !important;
  --iot-sim-accent-2: var(--iot-sim-module-strong) !important;
  --iot-sim-soft: var(--iot-sim-module-tint) !important;
  --accent: var(--iot-sim-module-accent) !important;
  --accent-dark: var(--iot-sim-module-strong) !important;
  --primary: var(--iot-sim-module-accent) !important;
  --primary-dark: var(--iot-sim-module-strong) !important;
  --deep: var(--iot-sim-module-strong) !important;
  --deep-2: var(--iot-sim-module-accent) !important;
  --wash: var(--iot-sim-module-tint) !important;
  --wash-2: var(--iot-sim-module-tint-strong) !important;
  --teal: var(--iot-sim-module-accent) !important;
  --teal-dark: var(--iot-sim-module-strong) !important;
  --green: var(--iot-sim-module-strong) !important;
  --blue: #4f8f9f !important;
  --line: color-mix(in srgb, var(--iot-sim-module-accent) 28%, #d7e2e7) !important;
}

[data-iot-interactive-theme="flat"][data-iot-recolor-pilot="true"][data-iot-module="networking-core"]:where(
    #bandwidthLab,
    #csmaLab,
    #osiTcpipLab,
    #pduWorkbench,
    #birthdayLab,
    #encapWorkbench,
    #fresnelLab,
    #ndWorkbench,
    #busLab,
    #networkEmulator,
    #packetAnalyzerLab,
    #subnetWorkbench,
    #wifi6OfdmaWorkbench,
    #advancedSerializationLab,
    #qosLab,
    #exposedWorkbench,
    #hiddenWorkbench,
    #arpLab,
    #dhcpWorkbench
  ) {
  color: var(--iot-sim-ink) !important;
  background: var(--iot-sim-page) !important;
  border-color: var(--iot-sim-border) !important;
  box-shadow: none !important;
}

[data-iot-interactive-theme="flat"][data-iot-recolor-pilot="true"][data-iot-module="networking-core"]
  :where(
    .bandwidth-hero,
    .csma-hero,
    .ot-hero,
    .pdu-hero,
    .birthday-hero,
    .encap-hero,
    .fresnel-hero,
    .nd-hero,
    .bus-hero,
    .ne-hero,
    .pa-hero,
    .subnet-hero,
    .wf-hero,
    .asa-hero,
    .qos-hero,
    .et-hero,
    .ht-hero,
    .arp-hero,
    .dhcp-hero
  ) {
  color: var(--iot-sim-ink) !important;
  background: var(--iot-sim-module-tint) !important;
  border: 1px solid var(--iot-sim-border) !important;
  border-left: 4px solid var(--iot-sim-module-accent) !important;
  box-shadow: none !important;
}

[data-iot-interactive-theme="flat"][data-iot-recolor-pilot="true"][data-iot-module="networking-core"]
  :where(
    .bandwidth-hero h2,
    .bandwidth-hero p,
    .csma-hero h2,
    .csma-hero p,
    .ot-hero h2,
    .ot-hero p,
    .pdu-hero h2,
    .pdu-hero p,
    .birthday-hero h2,
    .birthday-hero p,
    .encap-hero h2,
    .encap-hero p,
    .fresnel-hero h2,
    .fresnel-hero p,
    .nd-hero h2,
    .nd-hero p,
    .bus-hero h2,
    .bus-hero p,
    .ne-hero h2,
    .ne-hero p,
    .pa-hero h2,
    .pa-hero p,
    .subnet-hero h2,
    .subnet-hero p,
    .wf-hero h2,
    .wf-hero p,
    .asa-hero h2,
    .asa-hero p,
    .qos-hero h2,
    .qos-hero p,
    .et-hero h2,
    .et-hero p,
    .ht-hero h2,
    .ht-hero p,
    .arp-hero h2,
    .arp-hero p,
    .dhcp-hero h2,
    .dhcp-hero p
  ) {
  color: var(--iot-sim-ink) !important;
}

[data-iot-interactive-theme="flat"][data-iot-recolor-pilot="true"][data-iot-module="networking-core"]
  :where(
    [class*="-card"],
    [class*="-panel"],
    [class*="-stage"],
    [class*="-metric"],
    [class*="-pill"],
    [class*="-scenario"],
    [class*="-readout"],
    [class*="-summary"],
    [class*="-insight"],
    [class*="-diagnosis"],
    [class*="-trace"],
    [class*="-reference"],
    [class*="-finding"]
  ) {
  background: var(--iot-sim-panel) !important;
  border-color: color-mix(
    in srgb,
    var(--iot-sim-module-accent) 30%,
    var(--iot-sim-border)
  ) !important;
  box-shadow: none !important;
}

[data-iot-interactive-theme="flat"][data-iot-recolor-pilot="true"][data-iot-module="networking-core"]
  :where(
    h2,
    h3,
    h4,
    strong,
    [class*="-value"],
    [class*="-rate"],
    [class*="-score"],
    [class*="-total"]
  ) {
  border-bottom-color: var(--iot-sim-module-accent) !important;
}

[data-iot-interactive-theme="flat"][data-iot-recolor-pilot="true"][data-iot-module="networking-core"]
  :where(
    button[aria-pressed="true"],
    button.is-active,
    button.active,
    button.primary,
    button.is-primary,
    .active,
    .is-active,
    .selected,
    .is-selected,
    .primary,
    .is-primary,
    [class*="-active"]
  ) {
  background: var(--iot-sim-module-strong) !important;
  border-color: var(--iot-sim-module-strong) !important;
  color: #ffffff !important;
}

[data-iot-interactive-theme="flat"][data-iot-recolor-pilot="true"][data-iot-module="networking-core"]
  :where(
    a,
    button:not([aria-pressed="true"]),
    [role="button"],
    [class*="-link"],
    [class*="-token"],
    [class*="-chip"]
  ) {
  border-color: color-mix(
    in srgb,
    var(--iot-sim-module-accent) 32%,
    var(--iot-sim-border)
  ) !important;
}

[data-iot-interactive-theme="flat"][data-iot-recolor-pilot="true"][data-iot-module="networking-core"]
  :where(input[type="range"]) {
  accent-color: var(--iot-sim-module-accent) !important;
}

[data-iot-interactive-theme="flat"][data-iot-recolor-pilot="true"][data-iot-module="networking-core"]
  :where(
    h1,
    h2,
    h3,
    h4,
    h5,
    legend,
    label,
    p,
    span,
    small,
    li,
    td,
    th,
    output,
    summary,
    .anchored,
    [class*="-title"],
    [class*="-heading"],
    [class*="-label"],
    [class*="-value"],
    [class*="-rate"],
    [class*="-score"],
    [class*="-total"],
    [class*="-hint"],
    [class*="-note"],
    [class*="-k"],
    .k,
    .offset
  ) {
  color: var(--iot-sim-ink) !important;
}

[data-iot-interactive-theme="flat"][data-iot-recolor-pilot="true"][data-iot-module="networking-core"]
  :where(
    button,
    [role="button"],
    input[type="button"],
    input[type="submit"],
    .ipv6-packet,
    .pa-byte.payload,
    #paPayloadBar,
    .bus-primary,
    .bus-reset
  ) {
  color: #ffffff !important;
  background: var(--iot-sim-module-strong) !important;
  border-color: var(--iot-sim-module-strong) !important;
}

[data-iot-interactive-theme="flat"][data-iot-recolor-pilot="true"][data-iot-module="networking-core"]
  :where(
    button:not([aria-pressed="true"]):not(.active):not(.is-active):not(.selected):not(
        .is-selected
      ):not(.primary):not(.is-primary),
    [role="button"]:not([aria-pressed="true"]):not(.active):not(.is-active):not(.selected):not(
        .is-selected
      ):not(.primary):not(.is-primary)
  ) {
  color: var(--iot-sim-ink) !important;
  background: var(--iot-sim-panel) !important;
  border-color: color-mix(
    in srgb,
    var(--iot-sim-module-accent) 32%,
    var(--iot-sim-border)
  ) !important;
}

[data-iot-interactive-theme="flat"][data-iot-recolor-pilot="true"][data-iot-module="networking-core"]
  :where(
    button[aria-pressed="true"],
    button.active,
    button.is-active,
    button.selected,
    button.is-selected,
    button.primary,
    button.is-primary,
    .active,
    .is-active,
    .selected,
    .is-selected,
    .primary,
    .is-primary,
    [class*="-active"]
  )
  :where(h1, h2, h3, h4, h5, strong, span, p, small, output, div, b, .k, .offset) {
  color: #ffffff !important;
}

[data-iot-interactive-theme="flat"][data-iot-recolor-pilot="true"][data-iot-module="networking-core"]
  :where(
    .pa-byte.payload .offset,
    #paPayloadBar,
    .control.active span,
    .bus-btn[aria-pressed="true"],
    .ipv6-packet
  ) {
  color: #ffffff !important;
}

[data-iot-interactive-theme="flat"][data-iot-recolor-pilot="true"][data-iot-module="networking-core"]
  :where(
    svg text,
    .bandwidth-svg text,
    .fresnel-svg text,
    .bus-svg text,
    .asa-scene text,
    .ht-svg-wrap text,
    .et-svg-wrap text,
    .wf-svg-wrap text
  ) {
  fill: var(--iot-sim-ink) !important;
  color: var(--iot-sim-ink) !important;
}

[data-iot-interactive-theme="flat"][data-iot-recolor-pilot="true"][data-iot-module="networking-core"]
  :where(
    .ot-stack-title,
    .ot-layer,
    .pdu-segment,
    .encap-segment,
    .ne-delivery-row.active,
    .ne-chip.delivered,
    .pa-flow-step.active,
    .pa-compare-card.active,
    #paHeaderBar,
    .subnet-quick-table th,
    #otOsiApp,
    #otOsiPresentation,
    #otOsiSession,
    #otOsiTransport,
    #otOsiNetwork,
    #otOsiDataLink,
    #otOsiPhysical,
    #otTcpApplication,
    #otTcpTransport,
    #otTcpInternet,
    #otTcpLink,
    #otToken,
    .wf-ru-block,
    .wf-stage-card.is-active,
    .wf-device-card.is-active,
    .wf-stat strong,
    #wfHeCountValue,
    #wfTxopMsValue,
    #wfTxopBadge,
    .asa-token,
    .asa-option.is-selected,
    .qos-lane.active,
    .qos-lane.active .qos-lane-stat
  ) {
  color: #ffffff !important;
  background: var(--iot-sim-module-strong) !important;
  border-color: var(--iot-sim-module-strong) !important;
}

[data-iot-interactive-theme="flat"][data-iot-recolor-pilot="true"][data-iot-module="networking-core"]
  :where(
    .ot-stack-title *,
    .ot-layer *,
    .pdu-segment *,
    .encap-segment *,
    .ne-delivery-row.active *,
    .ne-chip.delivered *,
    .pa-flow-step.active *,
    .pa-compare-card.active *,
    #paHeaderBar *,
    .wf-ru-block *,
    .wf-stage-card.is-active *,
    .wf-device-card.is-active *,
    #otOsiApp *,
    #otOsiPresentation *,
    #otOsiSession *,
    #otOsiTransport *,
    #otOsiNetwork *,
    #otOsiDataLink *,
    #otOsiPhysical *,
    #otTcpApplication *,
    #otTcpTransport *,
    #otTcpInternet *,
    #otTcpLink *,
    #otToken *,
    .asa-token *,
    .asa-option.is-selected *,
    .qos-lane.active *
  ) {
  color: #ffffff !important;
  fill: #ffffff !important;
}

[data-iot-interactive-theme="flat"][data-iot-recolor-pilot="true"][data-iot-module="networking-core"]
  :where(.asa-formula code, .asa-code-box code) {
  overflow-x: visible !important;
  white-space: normal !important;
  overflow-wrap: anywhere !important;
}

[data-iot-interactive-theme="flat"][data-iot-recolor-pilot="true"][data-iot-module="networking-core"]
  #asaTokenLabel {
  fill: #ffffff !important;
  color: #ffffff !important;
}

[data-iot-interactive-theme="flat"][data-iot-recolor-pilot="true"][data-iot-module="wifi-mobile"] {
  --iot-sim-module-accent: #2e7d32 !important;
  --iot-sim-module-strong: #1b5e20 !important;
  --iot-sim-module-tint: #f1faed !important;
  --iot-sim-module-tint-strong: #e4f4e3 !important;
  --deep: var(--iot-sim-module-strong) !important;
  --deep-2: var(--iot-sim-module-accent) !important;
  --wash: var(--iot-sim-module-tint) !important;
  --wash-2: var(--iot-sim-module-tint-strong) !important;
  --teal: var(--iot-sim-module-accent) !important;
  --green: var(--iot-sim-module-strong) !important;
  --blue: #4f8f9f !important;
  --line: color-mix(in srgb, var(--iot-sim-module-accent) 28%, #d7e2e7) !important;
}

[data-iot-interactive-theme="flat"][data-iot-recolor-pilot="true"][data-iot-module="wifi-mobile"]
  :where(.cc-hero, .f154-hero, .bn-hero, .dr-hero, .gts-hero) {
  color: var(--iot-sim-ink) !important;
  background: var(--iot-sim-module-tint) !important;
  border: 1px solid var(--iot-sim-border) !important;
  border-left: 4px solid var(--iot-sim-module-accent) !important;
  box-shadow: none !important;
}

[data-iot-interactive-theme="flat"][data-iot-recolor-pilot="true"][data-iot-module="wifi-mobile"]
  :where(
    .cc-hero h2,
    .cc-hero p,
    .f154-hero h2,
    .f154-hero p,
    .bn-hero h2,
    .bn-hero p,
    .dr-hero h2,
    .dr-hero p,
    .gts-hero h2,
    .gts-hero p
  ) {
  color: var(--iot-sim-ink) !important;
}

[data-iot-interactive-theme="flat"][data-iot-recolor-pilot="true"][data-iot-module="wifi-mobile"]
  :where(
    .cc-tag,
    .cc-metric,
    .f154-tag,
    .f154-metric,
    .f154-badge,
    .bn-tag,
    .bn-metric,
    .dr-tag,
    .dr-metric,
    .gts-tag,
    .gts-metric,
    .gts-badge
  ) {
  color: var(--iot-sim-ink) !important;
  background: var(--iot-sim-panel) !important;
  border: 1px solid var(--iot-sim-border) !important;
  box-shadow: none !important;
}

[data-iot-interactive-theme="flat"][data-iot-recolor-pilot="true"][data-iot-module="wifi-mobile"]
  :where(
    .cc-card,
    .cc-panel,
    .cc-stage,
    .f154-card,
    .f154-panel,
    .f154-stage,
    .bn-card,
    .bn-panel,
    .bn-stage,
    .dr-card,
    .dr-panel,
    .dr-stage,
    .gts-card,
    .gts-panel,
    .gts-stage,
    .gts-ref-card
  ) {
  background: var(--iot-sim-panel) !important;
  border-color: color-mix(
    in srgb,
    var(--iot-sim-module-accent) 30%,
    var(--iot-sim-border)
  ) !important;
  box-shadow: none !important;
}

[data-iot-interactive-theme="flat"][data-iot-recolor-pilot="true"][data-iot-module="wifi-mobile"]
  :where(
    .cc-btn:not(.secondary),
    .cc-scenario.is-active,
    .f154-btn:not(.secondary),
    .f154-mode.is-active,
    .bn-btn:not(.secondary),
    .bn-mode.is-active,
    .dr-btn:not(.secondary),
    .dr-preset.is-active,
    .gts-btn:not(.secondary),
    .gts-preset.is-active
  ) {
  background: var(--iot-sim-module-strong) !important;
  border-color: var(--iot-sim-module-strong) !important;
  color: #ffffff !important;
}

[data-iot-interactive-theme="flat"][data-iot-recolor-pilot="true"][data-iot-module="wifi-mobile"]
  :where(
    .cc-card strong,
    .cc-panel h3,
    .f154-card h3,
    .f154-panel h3,
    .bn-card h3,
    .bn-panel h3,
    .dr-card h3,
    .dr-panel h3,
    .gts-card h3,
    .gts-panel h3,
    .gts-ref-card summary
  ) {
  color: var(--iot-sim-module-strong) !important;
}

[data-iot-interactive-theme="flat"][data-iot-recolor-pilot="true"][data-iot-module="wifi-mobile"]
  :where(input[type="range"]) {
  accent-color: var(--iot-sim-module-accent) !important;
}

[data-iot-interactive-theme="flat"][data-iot-recolor-pilot="true"][data-iot-module="energy-power"] {
  --iot-sim-module-accent: #455a64 !important;
  --iot-sim-module-strong: #263238 !important;
  --iot-sim-module-tint: #f2f5f6 !important;
  --iot-sim-module-tint-strong: #e6ecef !important;
  --deep: var(--iot-sim-module-strong) !important;
  --deep-2: var(--iot-sim-module-accent) !important;
  --wash: var(--iot-sim-module-tint) !important;
  --wash-2: var(--iot-sim-module-tint-strong) !important;
  --paper: var(--iot-sim-module-tint) !important;
  --navy: var(--iot-sim-module-strong) !important;
  --navy-2: var(--iot-sim-module-accent) !important;
  --teal: var(--iot-sim-module-accent) !important;
  --teal-dark: var(--iot-sim-module-strong) !important;
  --blue: #546e7a !important;
  --green: #607d5b !important;
  --amber: #8a6f2f !important;
  --orange: #8a5a2b !important;
  --line: color-mix(in srgb, var(--iot-sim-module-accent) 28%, #d7e2e7) !important;
}

[data-iot-interactive-theme="flat"][data-iot-recolor-pilot="true"][data-iot-module="energy-power"]
  :where(
    .pw-header,
    .pb-hero,
    .ce-explain,
    .bd-hero,
    .bl-hero,
    .be-hero,
    .ha-hero,
    .hc-hero,
    .ehc-hero,
    .eqd-hero
  ) {
  color: var(--iot-sim-ink) !important;
  background: var(--iot-sim-module-tint) !important;
  border: 1px solid var(--iot-sim-border) !important;
  border-left: 4px solid var(--iot-sim-module-accent) !important;
  box-shadow: none !important;
}

[data-iot-interactive-theme="flat"][data-iot-recolor-pilot="true"][data-iot-module="energy-power"]
  :where(
    .pw-header h2,
    .pw-header p,
    .pb-hero h2,
    .pb-hero p,
    .ce-explain,
    .bd-hero h2,
    .bd-hero p,
    .bl-hero h2,
    .bl-hero p,
    .be-hero h2,
    .be-hero p,
    .ha-hero h2,
    .ha-hero p,
    .hc-hero h2,
    .hc-hero p,
    .ehc-hero h2,
    .ehc-hero p,
    .eqd-hero h2,
    .eqd-hero p
  ) {
  color: var(--iot-sim-ink) !important;
}

[data-iot-interactive-theme="flat"][data-iot-recolor-pilot="true"][data-iot-module="energy-power"]
  :where(
    .pw-guide-card,
    .pw-toolbar,
    .pw-panel,
    .pw-stat,
    .pb-guide,
    .pb-stage-card,
    .pb-panel,
    .pb-formula-card,
    .ce-guide-card,
    .ce-chart-box,
    .ce-ctx-item,
    .ce-metric,
    .ce-panel,
    .bd-metric,
    .bd-brief-card,
    .bd-panel,
    .bd-visual-card,
    .bd-detail-card,
    .bd-support-card,
    .bl-metric,
    .bl-brief-card,
    .bl-panel,
    .bl-visual-card,
    .bl-detail-card,
    .bl-support-card,
    .be-guide,
    .be-stage-card,
    .be-panel,
    .be-rule,
    .be-reference-card,
    .ha-guide,
    .ha-stage-card,
    .ha-panel,
    .ha-rule,
    .ha-reference-card,
    .hc-panel,
    .hc-support-card,
    .hc-practice-card,
    .ehc-metric,
    .ehc-brief-card,
    .ehc-panel,
    .ehc-visual-card,
    .ehc-detail-card,
    .eqd-metric,
    .eqd-card,
    .eqd-panel,
    .eqd-evidence-card
  ) {
  background: var(--iot-sim-panel) !important;
  border-color: color-mix(
    in srgb,
    var(--iot-sim-module-accent) 30%,
    var(--iot-sim-border)
  ) !important;
  box-shadow: none !important;
}

[data-iot-interactive-theme="flat"][data-iot-recolor-pilot="true"][data-iot-module="energy-power"]
  :where(
    .pw-pill,
    .pw-preset-btn,
    .pb-pill,
    .pb-preset,
    .ce-mode-badge,
    .bd-pill,
    .bl-pill,
    .be-pill,
    .be-chip,
    .ha-pill,
    .ha-chip,
    .hc-pill,
    .ehc-pill,
    .eqd-pill,
    .eqd-badge
  ) {
  color: var(--iot-sim-ink) !important;
  background: var(--iot-sim-panel) !important;
  border: 1px solid var(--iot-sim-border) !important;
}

[data-iot-interactive-theme="flat"][data-iot-recolor-pilot="true"][data-iot-module="energy-power"]
  :where(
    .pw-btn:not(.warn),
    .pw-preset-btn.active,
    .pb-action:not(.secondary):not(.warn),
    .pb-preset.active,
    .ce-controls button:not(.stop):not(.reset):not(.secondary),
    .ce-ctx-item.active,
    .bd-button:not(.secondary):not(.reset),
    .bd-preset.is-active,
    .bl-button:not(.secondary):not(.reset),
    .bl-preset.is-active,
    .be-button:not(.secondary):not(.reset),
    .be-chip.is-active,
    .ha-button:not(.secondary):not(.reset),
    .ha-chip.is-active,
    .hc-button:not(.secondary):not(.reset),
    .hc-step.is-active,
    .ehc-button:not(.secondary):not(.reset),
    .ehc-preset.is-active,
    .eqd-button:not(.secondary):not(.reset),
    .eqd-answer.is-selected
  ) {
  background: var(--iot-sim-module-strong) !important;
  border-color: var(--iot-sim-module-strong) !important;
  color: #ffffff !important;
}

[data-iot-interactive-theme="flat"][data-iot-recolor-pilot="true"][data-iot-module="energy-power"]
  :where(
    .pw-guide-card h3,
    .pw-panel h3,
    .pw-duty-val,
    .pw-big-num,
    .pb-panel h3,
    .pb-range-value,
    .ce-chart-box h4,
    .ce-panel h4,
    .bd-detail-card h3,
    .bl-detail-card h3,
    .be-panel h3,
    .ha-panel h3,
    .hc-panel h3,
    .ehc-detail-card h3,
    .eqd-card h3,
    .eqd-panel h3
  ) {
  color: var(--iot-sim-module-strong) !important;
  border-bottom-color: var(--iot-sim-module-accent) !important;
}

[data-iot-interactive-theme="flat"][data-iot-recolor-pilot="true"][data-iot-module="energy-power"]
  :where(input[type="range"], progress) {
  accent-color: var(--iot-sim-module-accent) !important;
}

[data-iot-interactive-theme="flat"][data-iot-recolor-pilot="true"][data-iot-module="electronics"] {
  --iot-sim-module-accent: #795548 !important;
  --iot-sim-module-strong: #4e342e !important;
  --iot-sim-module-tint: #f7f1ee !important;
  --iot-sim-module-tint-strong: #eadbd4 !important;
  --deep: var(--iot-sim-module-strong) !important;
  --deep-2: var(--iot-sim-module-accent) !important;
  --wash: var(--iot-sim-module-tint) !important;
  --wash-2: var(--iot-sim-module-tint-strong) !important;
  --paper: var(--iot-sim-module-tint) !important;
  --navy: var(--iot-sim-module-strong) !important;
  --navy-2: var(--iot-sim-module-accent) !important;
  --teal: var(--iot-sim-module-accent) !important;
  --teal-dark: var(--iot-sim-module-strong) !important;
  --blue: #6d4c41 !important;
  --green: #5d7a52 !important;
  --amber: #a0782a !important;
  --orange: #9a5b2c !important;
  --line: color-mix(in srgb, var(--iot-sim-module-accent) 28%, #d7e2e7) !important;
}

#binaryHexLab[data-iot-interactive-theme="flat"][data-iot-recolor-pilot="true"][data-iot-module="electronics"],
#samplingLab[data-iot-interactive-theme="flat"][data-iot-recolor-pilot="true"][data-iot-module="electronics"],
#adcLab[data-iot-interactive-theme="flat"][data-iot-recolor-pilot="true"][data-iot-module="electronics"],
#ultrasonicDistance[data-iot-interactive-theme="flat"][data-iot-recolor-pilot="true"][data-iot-module="electronics"] {
  background: var(--iot-sim-module-tint) !important;
  border-color: color-mix(
    in srgb,
    var(--iot-sim-module-accent) 30%,
    var(--iot-sim-border)
  ) !important;
  box-shadow: none !important;
}

#binaryHexLab[data-iot-interactive-theme="flat"][data-iot-recolor-pilot="true"][data-iot-module="electronics"]
  :where(.bh-hero),
#samplingLab[data-iot-interactive-theme="flat"][data-iot-recolor-pilot="true"][data-iot-module="electronics"]
  :where(.sample-hero),
#adcLab[data-iot-interactive-theme="flat"][data-iot-recolor-pilot="true"][data-iot-module="electronics"]
  :where(.adc-hero),
#ultrasonicDistance[data-iot-interactive-theme="flat"][data-iot-recolor-pilot="true"][data-iot-module="electronics"]
  :where(.ud-hero) {
  color: var(--iot-sim-ink) !important;
  background: var(--iot-sim-module-tint) !important;
  border: 1px solid var(--iot-sim-border) !important;
  border-left: 4px solid var(--iot-sim-module-accent) !important;
  box-shadow: none !important;
}

#binaryHexLab[data-iot-interactive-theme="flat"][data-iot-recolor-pilot="true"][data-iot-module="electronics"]
  :where(.bh-hero h2, .bh-hero p),
#samplingLab[data-iot-interactive-theme="flat"][data-iot-recolor-pilot="true"][data-iot-module="electronics"]
  :where(.sample-hero h2, .sample-hero p),
#adcLab[data-iot-interactive-theme="flat"][data-iot-recolor-pilot="true"][data-iot-module="electronics"]
  :where(.adc-hero h2, .adc-hero p),
#ultrasonicDistance[data-iot-interactive-theme="flat"][data-iot-recolor-pilot="true"][data-iot-module="electronics"]
  :where(.ud-hero h2, .ud-hero p) {
  color: var(--iot-sim-ink) !important;
}

#binaryHexLab[data-iot-interactive-theme="flat"][data-iot-recolor-pilot="true"][data-iot-module="electronics"]
  :where(
    .bh-metric,
    .bh-brief-item,
    .bh-panel,
    .bh-stage-card,
    .bh-details,
    .bh-chip,
    .bh-conversion-card,
    .bh-bit-section,
    .bh-nibble,
    .bh-scenario-card,
    .bh-support-card
  ),
#samplingLab[data-iot-interactive-theme="flat"][data-iot-recolor-pilot="true"][data-iot-module="electronics"]
  :where(
    .sample-metric,
    .sample-brief-card,
    .sample-panel,
    .sample-stage-card,
    .sample-result-card,
    .sample-visual-card,
    .sample-spectrum-card,
    .sample-trade-card,
    .sample-pipe-step,
    .sample-step-card,
    .sample-details,
    .sample-support-card,
    .sample-reference-card,
    .sample-related a
  ),
#adcLab[data-iot-interactive-theme="flat"][data-iot-recolor-pilot="true"][data-iot-module="electronics"]
  :where(
    .adc-metric,
    .adc-panel,
    .adc-stage-card,
    .adc-reference-card,
    .adc-chip,
    .adc-flow-step,
    .adc-code-card,
    .adc-score-card,
    .adc-card,
    .adc-details
  ),
#ultrasonicDistance[data-iot-interactive-theme="flat"][data-iot-recolor-pilot="true"][data-iot-module="electronics"]
  :where(
    .ud-metric,
    .ud-card,
    .ud-stage-card,
    .ud-panel,
    .ud-evidence-card,
    .ud-reference,
    .ud-practice,
    .ud-link-card,
    .ud-formula,
    .ud-visual-wrap
  ) {
  background: var(--iot-sim-panel) !important;
  border-color: color-mix(
    in srgb,
    var(--iot-sim-module-accent) 30%,
    var(--iot-sim-border)
  ) !important;
  box-shadow: none !important;
}

#binaryHexLab[data-iot-interactive-theme="flat"][data-iot-recolor-pilot="true"][data-iot-module="electronics"]
  :where(.bh-pill, .bh-status-pill, .bh-btn.secondary, .bh-btn.ghost),
#samplingLab[data-iot-interactive-theme="flat"][data-iot-recolor-pilot="true"][data-iot-module="electronics"]
  :where(.sample-pill, .sample-status-pill, .sample-btn-secondary),
#adcLab[data-iot-interactive-theme="flat"][data-iot-recolor-pilot="true"][data-iot-module="electronics"]
  :where(.adc-pill, .adc-status-pill, .adc-btn.secondary),
#ultrasonicDistance[data-iot-interactive-theme="flat"][data-iot-recolor-pilot="true"][data-iot-module="electronics"]
  :where(.ud-pill, .ud-chip, .ud-button.secondary) {
  color: var(--iot-sim-ink) !important;
  background: var(--iot-sim-panel) !important;
  border: 1px solid var(--iot-sim-border) !important;
}

#binaryHexLab[data-iot-interactive-theme="flat"][data-iot-recolor-pilot="true"][data-iot-module="electronics"]
  :where(.bh-brief-label, .bh-value),
#ultrasonicDistance[data-iot-interactive-theme="flat"][data-iot-recolor-pilot="true"][data-iot-module="electronics"]
  :where(.ud-metric span),
#samplingLab[data-iot-interactive-theme="flat"][data-iot-recolor-pilot="true"][data-iot-module="electronics"]
  :where(.sample-spectrum-readout span),
#adcLab[data-iot-interactive-theme="flat"][data-iot-recolor-pilot="true"][data-iot-module="electronics"]
  :where(.adc-value, #adcPresetNote, #adcScore) {
  color: var(--iot-sim-module-strong) !important;
}

#binaryHexLab[data-iot-interactive-theme="flat"][data-iot-recolor-pilot="true"][data-iot-module="electronics"]
  :where(
    .bh-btn.primary,
    .bh-btn:not(.secondary):not(.ghost):not(.warn),
    .bh-bit.one,
    .bh-nibble.active
  ),
#samplingLab[data-iot-interactive-theme="flat"][data-iot-recolor-pilot="true"][data-iot-module="electronics"]
  :where(
    .sample-btn:not(.sample-btn-secondary):not(.sample-btn-reset),
    .sample-scenario-row .sample-btn.active,
    .sample-pipe-step.active
  ),
#adcLab[data-iot-interactive-theme="flat"][data-iot-recolor-pilot="true"][data-iot-module="electronics"]
  :where(
    .adc-btn:not(.secondary):not(.warn),
    .adc-flow-step.active,
    .adc-bit.one,
    .adc-card.active
  ),
#ultrasonicDistance[data-iot-interactive-theme="flat"][data-iot-recolor-pilot="true"][data-iot-module="electronics"]
  :where(
    .ud-button:not(.secondary):not(.warning),
    .ud-chip.is-active,
    .ud-stage-card.is-active .ud-step-index
  ) {
  background: var(--iot-sim-module-strong) !important;
  border-color: var(--iot-sim-module-strong) !important;
  color: #ffffff !important;
}

#binaryHexLab[data-iot-interactive-theme="flat"][data-iot-recolor-pilot="true"][data-iot-module="electronics"]
  :where(.bh-btn.warn),
#adcLab[data-iot-interactive-theme="flat"][data-iot-recolor-pilot="true"][data-iot-module="electronics"]
  :where(.adc-btn.warn) {
  background: var(--iot-sim-module-strong) !important;
  border-color: var(--iot-sim-module-strong) !important;
  color: #ffffff !important;
}

#adcLab[data-iot-interactive-theme="flat"][data-iot-recolor-pilot="true"][data-iot-module="electronics"]
  :where(.adc-flow-step.active b, .adc-flow-step.active span) {
  color: #ffffff !important;
}

#adcLab[data-iot-interactive-theme="flat"][data-iot-recolor-pilot="true"][data-iot-module="electronics"]
  :where(.adc-card.active b, .adc-card.active span) {
  color: #ffffff !important;
}

#binaryHexLab[data-iot-interactive-theme="flat"][data-iot-recolor-pilot="true"][data-iot-module="electronics"]
  :where(.bh-panel h3, .bh-stage-card h3, .bh-chip .v, .bh-card-value, .bh-support-card h4),
#samplingLab[data-iot-interactive-theme="flat"][data-iot-recolor-pilot="true"][data-iot-module="electronics"]
  :where(
    .sample-panel h3,
    .sample-stage-title h3,
    .sample-result-card strong,
    .sample-support-card h4,
    .sample-reference-card h4
  ),
#adcLab[data-iot-interactive-theme="flat"][data-iot-recolor-pilot="true"][data-iot-module="electronics"]
  :where(.adc-panel h3, .adc-stage-card h3, .adc-chip .v, .adc-reference-card h3, .adc-score),
#ultrasonicDistance[data-iot-interactive-theme="flat"][data-iot-recolor-pilot="true"][data-iot-module="electronics"]
  :where(
    .ud-card h3,
    .ud-stage-card h3,
    .ud-panel h3,
    .ud-evidence-card h3,
    .ud-reference h3,
    .ud-practice h3,
    .ud-link-card h3,
    .ud-metric strong
  ) {
  color: var(--iot-sim-module-strong) !important;
}

#adcLab[data-iot-interactive-theme="flat"][data-iot-recolor-pilot="true"][data-iot-module="electronics"]
  :where(.adc-score, .adc-score.warn, .adc-score.bad) {
  background: var(--iot-sim-module-strong) !important;
  color: #ffffff !important;
}

#binaryHexLab[data-iot-interactive-theme="flat"][data-iot-recolor-pilot="true"][data-iot-module="electronics"]
  :where(input[type="range"], input[type="checkbox"]),
#samplingLab[data-iot-interactive-theme="flat"][data-iot-recolor-pilot="true"][data-iot-module="electronics"]
  :where(input[type="range"]),
#adcLab[data-iot-interactive-theme="flat"][data-iot-recolor-pilot="true"][data-iot-module="electronics"]
  :where(input[type="range"]),
#ultrasonicDistance[data-iot-interactive-theme="flat"][data-iot-recolor-pilot="true"][data-iot-module="electronics"]
  :where(input[type="range"]) {
  accent-color: var(--iot-sim-module-accent) !important;
}

[data-iot-interactive-theme="flat"][data-iot-recolor-pilot="true"][data-iot-module="fundamentals"] {
  --iot-sim-module-accent: #a51616 !important;
  --iot-sim-module-strong: #6f0f0f !important;
  --iot-sim-module-tint: #fff1f1 !important;
  --iot-sim-module-tint-strong: #f6dddd !important;
  --deep: var(--iot-sim-module-strong) !important;
  --deep-2: var(--iot-sim-module-accent) !important;
  --wash: var(--iot-sim-module-tint) !important;
  --wash-2: var(--iot-sim-module-tint-strong) !important;
  /* Khan-style design system: nested "paper" rows (formula lists, detail
     rows) inside an already-white card should read as a neutral shade, not
     a saturated per-module wash (founder-reported "pink/red boxed
     aesthetic", animations layout audit 2026-07-22). */
  --paper: var(--iot-sim-page) !important;
  --navy: var(--iot-sim-module-strong) !important;
  --navy-2: var(--iot-sim-module-accent) !important;
  --teal: var(--iot-sim-module-accent) !important;
  --teal-dark: var(--iot-sim-module-strong) !important;
  --blue: #8b1d2c !important;
  --green: #756438 !important;
  --amber: #9a651d !important;
  --orange: #9f4328 !important;
  --line: color-mix(in srgb, var(--iot-sim-module-accent) 26%, #d7e2e7) !important;
}

#payloadBuilderLab[data-iot-interactive-theme="flat"][data-iot-recolor-pilot="true"][data-iot-module="fundamentals"],
#rangeLab[data-iot-interactive-theme="flat"][data-iot-recolor-pilot="true"][data-iot-module="fundamentals"],
#formulaCalcLab[data-iot-interactive-theme="flat"][data-iot-recolor-pilot="true"][data-iot-module="fundamentals"],
#fragmentLab[data-iot-interactive-theme="flat"][data-iot-recolor-pilot="true"][data-iot-module="fundamentals"],
#conditioningLab[data-iot-interactive-theme="flat"][data-iot-recolor-pilot="true"][data-iot-module="fundamentals"],
#pipelineLab[data-iot-interactive-theme="flat"][data-iot-recolor-pilot="true"][data-iot-module="fundamentals"] {
  /* Khan-style design system: wrapper stays white, not a saturated
     per-module wash (founder-reported "pink/red boxed aesthetic",
     animations layout audit 2026-07-22). The module accent is kept as a
     purposeful highlight on the hero's left border and on buttons/badges
     below, not as a whole-page tint. */
  background: var(--iot-sim-panel) !important;
  border-color: var(--line) !important;
  box-shadow: none !important;
}

#payloadBuilderLab[data-iot-interactive-theme="flat"][data-iot-recolor-pilot="true"][data-iot-module="fundamentals"]
  :where(.pb-hero),
#rangeLab[data-iot-interactive-theme="flat"][data-iot-recolor-pilot="true"][data-iot-module="fundamentals"]
  :where(.range-hero),
#formulaCalcLab[data-iot-interactive-theme="flat"][data-iot-recolor-pilot="true"][data-iot-module="fundamentals"]
  :where(.fc-hero),
#fragmentLab[data-iot-interactive-theme="flat"][data-iot-recolor-pilot="true"][data-iot-module="fundamentals"]
  :where(.frag-hero),
#conditioningLab[data-iot-interactive-theme="flat"][data-iot-recolor-pilot="true"][data-iot-module="fundamentals"]
  :where(.cond-hero),
#pipelineLab[data-iot-interactive-theme="flat"][data-iot-recolor-pilot="true"][data-iot-module="fundamentals"]
  :where(.pipe-hero) {
  /* Same white-card rule as the wrapper above; the 4px accent border is
     the "purposeful accent" the design system calls for, not a full-card
     wash. */
  color: var(--iot-sim-ink) !important;
  background: var(--iot-sim-panel) !important;
  border: 1px solid var(--line) !important;
  border-left: 4px solid var(--iot-sim-module-accent) !important;
  box-shadow: none !important;
}

#payloadBuilderLab[data-iot-interactive-theme="flat"][data-iot-recolor-pilot="true"][data-iot-module="fundamentals"]
  :where(.pb-hero h2, .pb-hero p, .pb-pill, .pb-metric strong, .pb-metric span),
#rangeLab[data-iot-interactive-theme="flat"][data-iot-recolor-pilot="true"][data-iot-module="fundamentals"]
  :where(.range-hero h2, .range-hero p, .range-pill, .range-metric strong, .range-metric span),
#formulaCalcLab[data-iot-interactive-theme="flat"][data-iot-recolor-pilot="true"][data-iot-module="fundamentals"]
  :where(.fc-hero h2, .fc-hero p, .fc-pill, .fc-metric strong, .fc-metric span),
#fragmentLab[data-iot-interactive-theme="flat"][data-iot-recolor-pilot="true"][data-iot-module="fundamentals"]
  :where(.frag-hero h1, .frag-hero p, .frag-pill, .frag-metric strong, .frag-metric span),
#conditioningLab[data-iot-interactive-theme="flat"][data-iot-recolor-pilot="true"][data-iot-module="fundamentals"]
  :where(.cond-hero h1, .cond-hero p, .cond-pill, .cond-metric strong, .cond-metric span),
#pipelineLab[data-iot-interactive-theme="flat"][data-iot-recolor-pilot="true"][data-iot-module="fundamentals"]
  :where(.pipe-hero h1, .pipe-hero p, .pipe-pill, .pipe-metric strong, .pipe-metric span) {
  color: var(--iot-sim-ink) !important;
}

#payloadBuilderLab[data-iot-interactive-theme="flat"][data-iot-recolor-pilot="true"][data-iot-module="fundamentals"]
  :where(
    .pb-metric,
    .pb-card,
    .pb-panel,
    .pb-stage-card,
    .pb-format-card,
    .pb-scale-stat,
    .pb-support-card,
    .pb-details,
    .pb-link-card,
    .pb-pipeline-node
  ),
#rangeLab[data-iot-interactive-theme="flat"][data-iot-recolor-pilot="true"][data-iot-module="fundamentals"]
  :where(
    .range-metric,
    .range-card,
    .range-panel,
    .range-stage-card,
    .range-budget-card,
    .range-protocol-card,
    .range-support-card,
    .range-reference-card,
    .range-related a
  ),
#formulaCalcLab[data-iot-interactive-theme="flat"][data-iot-recolor-pilot="true"][data-iot-module="fundamentals"]
  :where(
    .fc-metric,
    .fc-card,
    .fc-panel,
    .fc-stage-card,
    .fc-result-card,
    .fc-visual-card,
    .fc-support-card,
    .fc-reference-card,
    .fc-related a
  ),
#fragmentLab[data-iot-interactive-theme="flat"][data-iot-recolor-pilot="true"][data-iot-module="fundamentals"]
  :where(
    .frag-metric,
    .frag-brief-item,
    .frag-panel,
    .frag-stage-card,
    .frag-support-card,
    .frag-reference-card,
    .frag-related a,
    .frag-details
  ),
#conditioningLab[data-iot-interactive-theme="flat"][data-iot-recolor-pilot="true"][data-iot-module="fundamentals"]
  :where(
    .cond-metric,
    .cond-brief-card,
    .cond-panel,
    .cond-stage-card,
    .cond-support-card,
    .cond-reference-card,
    .cond-related a,
    .cond-details
  ),
#pipelineLab[data-iot-interactive-theme="flat"][data-iot-recolor-pilot="true"][data-iot-module="fundamentals"]
  :where(
    .pipe-metric,
    .pipe-card,
    .pipe-panel,
    .pipe-stage-card,
    .pipe-support-card,
    .pipe-reference-card,
    .pipe-related a,
    .pipe-details,
    .pipe-pipeline-node
  ) {
  background: var(--iot-sim-panel) !important;
  border-color: var(--line) !important;
  box-shadow: none !important;
}

#payloadBuilderLab[data-iot-interactive-theme="flat"][data-iot-recolor-pilot="true"][data-iot-module="fundamentals"]
  :where(.pb-pill, .pb-btn.secondary, .pb-btn.reset, .pb-chip),
#rangeLab[data-iot-interactive-theme="flat"][data-iot-recolor-pilot="true"][data-iot-module="fundamentals"]
  :where(.range-pill, .range-btn-secondary, .range-btn-reset),
#formulaCalcLab[data-iot-interactive-theme="flat"][data-iot-recolor-pilot="true"][data-iot-module="fundamentals"]
  :where(.fc-pill, .fc-btn-secondary, .fc-btn-reset),
#fragmentLab[data-iot-interactive-theme="flat"][data-iot-recolor-pilot="true"][data-iot-module="fundamentals"]
  :where(.frag-pill, .frag-btn.secondary, .frag-btn.reset),
#conditioningLab[data-iot-interactive-theme="flat"][data-iot-recolor-pilot="true"][data-iot-module="fundamentals"]
  :where(.cond-pill, .cond-btn-secondary, .cond-btn-reset),
#pipelineLab[data-iot-interactive-theme="flat"][data-iot-recolor-pilot="true"][data-iot-module="fundamentals"]
  :where(.pipe-pill, .pipe-btn.secondary, .pipe-btn.reset) {
  color: var(--iot-sim-ink) !important;
  background: var(--iot-sim-panel) !important;
  border: 1px solid var(--line) !important;
}

#payloadBuilderLab[data-iot-interactive-theme="flat"][data-iot-recolor-pilot="true"][data-iot-module="fundamentals"]
  :where(.pb-btn:not(.secondary):not(.reset), .pb-pipeline-node.active),
#rangeLab[data-iot-interactive-theme="flat"][data-iot-recolor-pilot="true"][data-iot-module="fundamentals"]
  :where(
    .range-btn:not(.range-btn-secondary):not(.range-btn-reset),
    .range-preset-row .range-btn.active
  ),
#formulaCalcLab[data-iot-interactive-theme="flat"][data-iot-recolor-pilot="true"][data-iot-module="fundamentals"]
  :where(.fc-btn:not(.fc-btn-secondary):not(.fc-btn-reset)),
#fragmentLab[data-iot-interactive-theme="flat"][data-iot-recolor-pilot="true"][data-iot-module="fundamentals"]
  :where(.frag-btn:not(.secondary):not(.reset)),
#conditioningLab[data-iot-interactive-theme="flat"][data-iot-recolor-pilot="true"][data-iot-module="fundamentals"]
  :where(
    .cond-btn:not(.cond-btn-secondary):not(.cond-btn-reset),
    .cond-scenario-row .cond-btn.active
  ),
#pipelineLab[data-iot-interactive-theme="flat"][data-iot-recolor-pilot="true"][data-iot-module="fundamentals"]
  :where(.pipe-btn:not(.secondary):not(.reset)) {
  background: var(--iot-sim-module-strong) !important;
  border-color: var(--iot-sim-module-strong) !important;
  color: #ffffff !important;
}

#payloadBuilderLab[data-iot-interactive-theme="flat"][data-iot-recolor-pilot="true"][data-iot-module="fundamentals"]
  :where(.pb-panel h3, .pb-stage-card h3, .pb-card h3, .pb-metric strong, .pb-support-card h4),
#rangeLab[data-iot-interactive-theme="flat"][data-iot-recolor-pilot="true"][data-iot-module="fundamentals"]
  :where(
    .range-panel h3,
    .range-stage-card h3,
    .range-card h3,
    .range-metric strong,
    .range-support-card h4
  ),
#formulaCalcLab[data-iot-interactive-theme="flat"][data-iot-recolor-pilot="true"][data-iot-module="fundamentals"]
  :where(.fc-panel h3, .fc-stage-card h3, .fc-card h3, .fc-metric strong, .fc-support-card h4),
#fragmentLab[data-iot-interactive-theme="flat"][data-iot-recolor-pilot="true"][data-iot-module="fundamentals"]
  :where(
    .frag-panel h3,
    .frag-stage-card h3,
    .frag-brief-item strong,
    .frag-metric strong,
    .frag-support-card h4
  ),
#conditioningLab[data-iot-interactive-theme="flat"][data-iot-recolor-pilot="true"][data-iot-module="fundamentals"]
  :where(
    .cond-panel h3,
    .cond-stage-card h3,
    .cond-brief-card h3,
    .cond-metric strong,
    .cond-support-card h4
  ),
#pipelineLab[data-iot-interactive-theme="flat"][data-iot-recolor-pilot="true"][data-iot-module="fundamentals"]
  :where(
    .pipe-panel h3,
    .pipe-stage-card h3,
    .pipe-card h3,
    .pipe-metric strong,
    .pipe-support-card h4
  ) {
  color: var(--iot-sim-module-strong) !important;
}

#payloadBuilderLab[data-iot-interactive-theme="flat"][data-iot-recolor-pilot="true"][data-iot-module="fundamentals"]
  :where(input[type="range"], input[type="checkbox"]),
#rangeLab[data-iot-interactive-theme="flat"][data-iot-recolor-pilot="true"][data-iot-module="fundamentals"]
  :where(input[type="range"], input[type="checkbox"]),
#formulaCalcLab[data-iot-interactive-theme="flat"][data-iot-recolor-pilot="true"][data-iot-module="fundamentals"]
  :where(input[type="range"], input[type="checkbox"]),
#fragmentLab[data-iot-interactive-theme="flat"][data-iot-recolor-pilot="true"][data-iot-module="fundamentals"]
  :where(input[type="range"], input[type="checkbox"]),
#conditioningLab[data-iot-interactive-theme="flat"][data-iot-recolor-pilot="true"][data-iot-module="fundamentals"]
  :where(input[type="range"], input[type="checkbox"]),
#pipelineLab[data-iot-interactive-theme="flat"][data-iot-recolor-pilot="true"][data-iot-module="fundamentals"]
  :where(input[type="range"], input[type="checkbox"]) {
  accent-color: var(--iot-sim-module-accent) !important;
}

#formulaCalcLab[data-iot-interactive-theme="flat"][data-iot-recolor-pilot="true"][data-iot-module="fundamentals"]
  :where(.fc-brief-label, .fc-unit, .fc-result-card span),
#fragmentLab[data-iot-interactive-theme="flat"][data-iot-recolor-pilot="true"][data-iot-module="fundamentals"]
  :where(.frag-label, .frag-value, .frag-stat span, .frag-field-card span),
#pipelineLab[data-iot-interactive-theme="flat"][data-iot-recolor-pilot="true"][data-iot-module="fundamentals"]
  :where(.pipe-fit-row span),
#conditioningLab[data-iot-interactive-theme="flat"][data-iot-recolor-pilot="true"][data-iot-module="fundamentals"]
  :where(.cond-frequency-readout span, .cond-stage-detail span) {
  color: var(--iot-sim-module-strong) !important;
}

#formulaCalcLab[data-iot-interactive-theme="flat"][data-iot-recolor-pilot="true"][data-iot-module="fundamentals"]
  :where(.fc-node.gateway),
#fragmentLab[data-iot-interactive-theme="flat"][data-iot-recolor-pilot="true"][data-iot-module="fundamentals"]
  :where(.frag-payload-cell) {
  background: var(--iot-sim-module-strong) !important;
  color: #ffffff !important;
}

#payloadBuilderLab[data-iot-interactive-theme="flat"][data-iot-recolor-pilot="true"][data-iot-module="fundamentals"]
  :where(.pb-stage h3) {
  color: var(--iot-sim-module-strong) !important;
}

#payloadBuilderLab[data-iot-interactive-theme="flat"][data-iot-recolor-pilot="true"][data-iot-module="fundamentals"]
  :where(.pb-pipeline-node.active strong, .pb-pipeline-node.active span) {
  color: #ffffff !important;
}

[data-iot-interactive-theme="flat"][data-iot-recolor-pilot="true"][data-iot-module="zigbee-thread"] {
  --dv-deep: var(--iot-sim-module-strong) !important;
  --dv-teal: var(--iot-sim-module-accent) !important;
  --dv-green: var(--iot-sim-module-strong) !important;
  --dv-soft: var(--iot-sim-module-tint) !important;
  --thread: var(--iot-sim-module-accent) !important;
  --deep: var(--iot-sim-module-strong) !important;
  --deep-2: var(--iot-sim-module-accent) !important;
  --wash: var(--iot-sim-module-tint) !important;
  --wash-2: var(--iot-sim-module-tint-strong) !important;
  --teal: var(--iot-sim-module-accent) !important;
  --green: var(--iot-sim-module-strong) !important;
  --line: color-mix(in srgb, var(--iot-sim-module-accent) 28%, #d7e2e7) !important;
}

[data-iot-interactive-theme="flat"][data-iot-recolor-pilot="true"][data-iot-module="zigbee-thread"]
  :where(.dv-hero, .tn-hero, .tp-hero, .zbm-hero, .ct-hero, .frag-hero, .pl-hero, .ip-hero) {
  color: var(--iot-sim-ink) !important;
  background: var(--iot-sim-module-tint) !important;
  border: 1px solid var(--iot-sim-border) !important;
  border-left: 4px solid var(--iot-sim-module-accent) !important;
  box-shadow: none !important;
}

[data-iot-interactive-theme="flat"][data-iot-recolor-pilot="true"][data-iot-module="zigbee-thread"]
  :where(
    .dv-hero h2,
    .dv-hero p,
    .tn-hero h2,
    .tn-hero p,
    .tp-hero h2,
    .tp-hero p,
    .zbm-hero h2,
    .zbm-hero p,
    .ct-hero h2,
    .ct-hero p,
    .frag-hero h2,
    .frag-hero p,
    .pl-hero h2,
    .pl-hero p,
    .ip-hero h2,
    .ip-hero p
  ) {
  color: var(--iot-sim-ink) !important;
}

[data-iot-interactive-theme="flat"][data-iot-recolor-pilot="true"][data-iot-module="zigbee-thread"]
  :where(
    .dv-tag,
    .tn-tag,
    .tn-badge,
    .tp-tag,
    .tp-badge,
    .zbm-pill,
    .zbm-token,
    .ct-tag,
    .ct-status-pill,
    .frag-pill,
    .pl-brief-label,
    .ip-tag
  ) {
  color: var(--iot-sim-ink) !important;
  background: var(--iot-sim-panel) !important;
  border: 1px solid var(--iot-sim-border) !important;
}

[data-iot-interactive-theme="flat"][data-iot-recolor-pilot="true"][data-iot-module="zigbee-thread"]
  :where(
    .dv-button.primary,
    .dv-stage-button.is-active,
    .tn-button.primary,
    .tn-scenario.is-active,
    .tp-button.primary,
    .tp-scenario.is-active,
    .zbm-primary,
    .zbm-stage.is-active,
    .ct-btn.primary,
    .ct-preset.active,
    .frag-btn-primary,
    .frag-preset.active,
    .pl-btn:not(.pl-btn-secondary),
    .pl-layer.active,
    .ip-button.primary,
    .ip-chip.active
  ) {
  background: var(--iot-sim-module-strong) !important;
  border-color: var(--iot-sim-module-strong) !important;
  color: #ffffff !important;
}

[data-iot-interactive-theme="flat"][data-iot-recolor-pilot="true"][data-iot-module="zigbee-thread"]
  :where(
    .dv-card h3,
    .dv-panel h3,
    .dv-info-card h3,
    .tn-card h3,
    .tn-panel h3,
    .tn-section-head h2,
    .tp-card h3,
    .tp-panel h3,
    .tp-section-head h2,
    .zbm-card h3,
    .zbm-panel h3,
    .zbm-ref-card h4,
    .ct-card h3,
    .ct-panel h3,
    .ct-reference-card h3,
    .frag-details h3,
    .frag-ref-card h4,
    .pl-panel h3,
    .pl-card h3,
    .ip-card h3,
    .ip-panel h3
  ) {
  color: var(--iot-sim-module-strong) !important;
}

[data-iot-interactive-theme="flat"][data-iot-recolor-pilot="true"][data-iot-module="zigbee-thread"]
  :where(
    .dv-feedback,
    .tn-diagnosis-card,
    .tp-status,
    .zbm-diagnosis,
    .ct-insight,
    .frag-status,
    .pl-result-card,
    .ip-feedback-card
  ) {
  background: var(--iot-sim-module-tint) !important;
  border-color: color-mix(
    in srgb,
    var(--iot-sim-module-accent) 38%,
    var(--iot-sim-border)
  ) !important;
}

[data-iot-interactive-theme="flat"][data-iot-recolor-pilot="true"][data-iot-module="protocol-bridging"] {
  --iot-sim-module-accent: #e0a800 !important;
  --iot-sim-module-strong: #745700 !important;
  --iot-sim-module-tint: #fff8df !important;
  --iot-sim-module-tint-strong: #f6e9bd !important;
  --deep: var(--iot-sim-module-strong) !important;
  --deep-2: #9a7300 !important;
  --teal: var(--iot-sim-module-strong) !important;
  --blue: #536d2f !important;
  --green: #5f7f2f !important;
  --wash: var(--iot-sim-module-tint) !important;
  --wash-2: var(--iot-sim-module-tint-strong) !important;
  --line: color-mix(in srgb, var(--iot-sim-module-accent) 30%, #d7e2e7) !important;
}

[data-iot-interactive-theme="flat"][data-iot-recolor-pilot="true"][data-iot-module="protocol-bridging"]
  :where(.pt-header, .can-hero) {
  color: var(--iot-sim-ink) !important;
  background: var(--iot-sim-module-tint) !important;
  border: 1px solid var(--iot-sim-border) !important;
  border-left: 4px solid var(--iot-sim-module-accent) !important;
  box-shadow: none !important;
}

[data-iot-interactive-theme="flat"][data-iot-recolor-pilot="true"][data-iot-module="protocol-bridging"]
  :where(.can-hero h2, .can-hero p, .can-tag) {
  color: var(--iot-sim-ink) !important;
}

[data-iot-interactive-theme="flat"][data-iot-recolor-pilot="true"][data-iot-module="protocol-bridging"]
  :where(
    .can-tag,
    .can-metric,
    .can-guide-card,
    .can-panel,
    .can-quick-card,
    .can-support-card,
    .can-subpanel,
    .can-node,
    .can-step,
    .can-field,
    .can-mini-stat,
    .can-log-entry,
    .can-scenario,
    .can-note-box
  ) {
  background: var(--iot-sim-panel) !important;
  border-color: var(--iot-sim-border) !important;
  box-shadow: none !important;
}

[data-iot-interactive-theme="flat"][data-iot-recolor-pilot="true"][data-iot-module="protocol-bridging"]
  :where(
    .pt-header h2,
    .pt-header p,
    .pt-guide-card h3,
    .pt-panel h3,
    .pt-stage h4,
    .pt-msg-box h3,
    .pt-insight h3,
    .pt-toolbar-title,
    .pt-status,
    .pt-table th,
    .pt-badge,
    .can-guide-card h3,
    .can-panel h3,
    .can-quick-card h3,
    .can-support-card h3,
    .can-section-heading h2,
    .can-subpanel h4,
    .can-note-box h3
  ) {
  color: var(--iot-sim-module-strong) !important;
}

[data-iot-interactive-theme="flat"][data-iot-recolor-pilot="true"][data-iot-module="protocol-bridging"]
  :where(
    .can-guide-card span,
    .can-quick-card span,
    .can-action,
    .can-scenario.active,
    .can-step.active,
    .can-field.active,
    .can-bit-cell.active,
    .pt-stage .snum,
    .pt-btn,
    .pt-stage.done .snum
  ) {
  background: var(--iot-sim-module-strong) !important;
  border-color: var(--iot-sim-module-strong) !important;
  color: #ffffff !important;
}

[data-iot-interactive-theme="flat"][data-iot-recolor-pilot="true"][data-iot-module="protocol-bridging"]
  :where(.can-action.secondary, .pt-btn.secondary, .pt-preset-btn) {
  background: var(--iot-sim-panel) !important;
  border-color: var(--iot-sim-border) !important;
  color: var(--iot-sim-ink) !important;
}

[data-iot-interactive-theme="flat"][data-iot-recolor-pilot="true"][data-iot-module="protocol-bridging"]
  :where(
    .pt-metric .lbl,
    .pt-metric .status,
    .pt-stage p,
    .pt-good,
    .pt-fair,
    .pt-bad,
    .can-metric span,
    .can-bit-cell.lost small,
    .can-bit-cell.lost span
  ) {
  color: var(--iot-sim-ink) !important;
}

[data-iot-interactive-theme="flat"][data-iot-recolor-pilot="true"][data-iot-module="protocol-bridging"]
  .pt-header
  .anchorjs-link {
  color: var(--iot-sim-module-strong) !important;
}

[data-iot-interactive-theme="flat"][data-iot-recolor-pilot="true"][data-iot-module="protocol-bridging"]
  .can-bit-cell.lost
  small,
[data-iot-interactive-theme="flat"][data-iot-recolor-pilot="true"][data-iot-module="protocol-bridging"]
  .can-bit-cell.lost
  span {
  color: var(--iot-sim-ink) !important;
  opacity: 1 !important;
}

[data-iot-interactive-theme="flat"][data-iot-recolor-pilot="true"][data-iot-module="protocol-bridging"]
  .can-bit-cell.active.lost
  small,
[data-iot-interactive-theme="flat"][data-iot-recolor-pilot="true"][data-iot-module="protocol-bridging"]
  .can-bit-cell.active.lost
  span {
  color: #ffffff !important;
}

[data-iot-interactive-theme="flat"][data-iot-recolor-pilot="true"][data-iot-module="message-queuing"] {
  --iot-sim-module-accent: #cf9405 !important;
  --iot-sim-module-strong: #6f5000 !important;
  --iot-sim-module-tint: #fff7df !important;
  --iot-sim-module-tint-strong: #f4e5bd !important;
  --deep: var(--iot-sim-module-strong) !important;
  --deep-2: var(--iot-sim-module-strong) !important;
  --teal: var(--iot-sim-module-strong) !important;
  --blue: #345c7d !important;
  --green: #2f7048 !important;
  --amber: #7a4f18 !important;
  --red: #8a332f !important;
  --violet: #514881 !important;
  --method: #345c7d !important;
  --header: #514881 !important;
  --body: #2f7048 !important;
  --heartbeat: #7a4f18 !important;
  --bad: #8a3338 !important;
  --xmpp: var(--iot-sim-module-strong) !important;
  --device: #8a4a22 !important;
  --server: #31547f !important;
  --ok: #2f7048 !important;
  --warn: #7a4f18 !important;
  --publisher: #8a4a22 !important;
  --service: #31547f !important;
  --node: #514881 !important;
  --subscriber: #2f7048 !important;
  --wash: var(--iot-sim-module-tint) !important;
  --wash-2: var(--iot-sim-module-tint-strong) !important;
  --line: color-mix(in srgb, var(--iot-sim-module-accent) 30%, #d7e2e7) !important;
}

[data-iot-interactive-theme="flat"][data-iot-recolor-pilot="true"][data-iot-module="message-queuing"]:where(
    #amqpDlxLab,
    #amqpExchangeLab,
    #amqpFlowLab,
    #amqpFrameLab,
    #amqpVhostLab,
    #xmppPresenceLab,
    #xmppPubSubLab
  ) {
  color: var(--iot-sim-ink) !important;
  background: var(--iot-sim-page) !important;
  border-color: var(--iot-sim-border) !important;
  box-shadow: none !important;
}

[data-iot-interactive-theme="flat"][data-iot-recolor-pilot="true"][data-iot-module="message-queuing"]
  :where(.dlx-hero, .ex-hero, .flow-hero, .frame-hero, .vhost-hero, .xp-hero, .xps-hero) {
  color: var(--iot-sim-ink) !important;
  background: var(--iot-sim-module-tint) !important;
  border: 1px solid var(--iot-sim-border) !important;
  border-left: 4px solid var(--iot-sim-module-accent) !important;
  box-shadow: none !important;
}

[data-iot-interactive-theme="flat"][data-iot-recolor-pilot="true"][data-iot-module="message-queuing"]
  :where(
    .dlx-hero h2,
    .dlx-hero p,
    .ex-hero h2,
    .ex-hero p,
    .flow-hero h2,
    .flow-hero p,
    .frame-hero h2,
    .frame-hero p,
    .vhost-hero h2,
    .vhost-hero p,
    .xp-hero h2,
    .xp-hero p,
    .xps-hero h2,
    .xps-hero p
  ) {
  color: var(--iot-sim-ink) !important;
}

[data-iot-interactive-theme="flat"][data-iot-recolor-pilot="true"][data-iot-module="message-queuing"]
  :where(
    .dlx-tag,
    .dlx-metric,
    .dlx-badge,
    .ex-tag,
    .ex-metric,
    .ex-chip,
    .flow-tag,
    .flow-metric,
    .flow-chip,
    .frame-tag,
    .frame-metric,
    .frame-badge,
    .vhost-tag,
    .vhost-metric,
    .vhost-status-pill,
    .xp-tag,
    .xp-metric,
    .xp-status-pill,
    .xps-tag,
    .xps-metric,
    .xps-status-pill
  ) {
  color: var(--iot-sim-ink) !important;
  background: var(--iot-sim-panel) !important;
  border: 1px solid var(--iot-sim-border) !important;
  box-shadow: none !important;
}

[data-iot-interactive-theme="flat"][data-iot-recolor-pilot="true"][data-iot-module="message-queuing"]
  :where(
    .dlx-metric strong,
    .dlx-metric span,
    .ex-metric strong,
    .ex-metric span,
    .ex-chip,
    .flow-metric strong,
    .flow-metric span,
    .flow-chip,
    .frame-metric strong,
    .frame-metric span,
    .frame-badge,
    .vhost-metric strong,
    .vhost-metric span,
    .vhost-status-pill,
    .xp-metric strong,
    .xp-metric span,
    .xp-status-pill,
    .xps-metric strong,
    .xps-metric span,
    .xps-status-pill
  ) {
  color: var(--iot-sim-ink) !important;
}

[data-iot-interactive-theme="flat"][data-iot-recolor-pilot="true"][data-iot-module="message-queuing"]
  :where(
    button.primary,
    .primary,
    .dlx-stage.is-active,
    .dlx-presets button.is-active,
    .ex-tabs button.is-active,
    .ex-stage.is-active,
    .flow-tabs button.is-active,
    .flow-stage.is-active,
    .frame-toggle.active,
    .frame-toggle[aria-pressed="true"],
    .vhost-tabs button.is-active,
    .xp-chip.is-active,
    .xp-btn.primary,
    .xps-stage.is-active,
    .xps-scenario-btn.is-active,
    .xps-action-btn.primary
  ) {
  background: var(--iot-sim-module-strong) !important;
  border-color: var(--iot-sim-module-strong) !important;
  color: #ffffff !important;
}

[data-iot-interactive-theme="flat"][data-iot-recolor-pilot="true"][data-iot-module="message-queuing"]
  :where(
    .dlx-card h3,
    .dlx-panel h3,
    .ex-guide-card h3,
    .ex-panel h3,
    .flow-guide-card h3,
    .flow-panel h3,
    .frame-card h3,
    .frame-stage h3,
    .vhost-card h3,
    .vhost-panel h3,
    .vhost-reference-card h3,
    .xp-panel h3,
    .xps-panel h3,
    .xps-brief-item strong,
    [class*="reference-card"] h3,
    [class*="support-card"] h3
  ) {
  color: var(--iot-sim-module-strong) !important;
}

[data-iot-interactive-theme="flat"][data-iot-recolor-pilot="true"][data-iot-module="message-queuing"]
  :where(
    .dlx-feedback,
    .dlx-result,
    .ex-result,
    .ex-helper,
    .flow-helper,
    .flow-result-card,
    .frame-warning,
    .frame-explain,
    .vhost-decision,
    .vhost-log,
    .xp-diagnosis,
    .xp-readout,
    .xps-diagnosis,
    .xps-delivery-list
  ) {
  background: var(--iot-sim-module-tint) !important;
  border-color: color-mix(
    in srgb,
    var(--iot-sim-module-accent) 38%,
    var(--iot-sim-border)
  ) !important;
}

[data-iot-interactive-theme="flat"][data-iot-recolor-pilot="true"][data-iot-module="message-queuing"]
  :where(
    h2,
    h3,
    h4,
    summary,
    .dlx-live-code,
    .ex-stage span,
    .flow-stage span,
    .frame-control-block label,
    .frame-legend-item,
    .frame-explain,
    .frame-timeline-item span,
    .frame-timeline-copy small,
    .frame-timeline-meta small,
    .vhost-log-row strong,
    .vhost-log-row small,
    .xp-stage span,
    .xp-readout span,
    .xps-stage,
    .xps-stage strong,
    .xps-brief-item p
  ) {
  color: var(--iot-sim-ink) !important;
}

[data-iot-interactive-theme="flat"][data-iot-recolor-pilot="true"][data-iot-module="message-queuing"]
  :where(
    a,
    .dlx-link-card strong,
    .ex-link-card strong,
    .flow-link-card strong,
    .vhost-reference-card li::marker,
    .xps-support summary::after
  ) {
  color: var(--iot-sim-module-strong) !important;
}

[data-iot-interactive-theme="flat"][data-iot-recolor-pilot="true"][data-iot-module="message-queuing"]
  :where(.vhost-log-row) {
  opacity: 1 !important;
}

[data-iot-interactive-theme="flat"][data-iot-recolor-pilot="true"][data-iot-module="message-queuing"]
  :where(
    button.secondary,
    button.ghost,
    .secondary,
    .ghost,
    .dlx-presets button:not(.is-active),
    .ex-tabs button:not([aria-pressed="true"]),
    .ex-presets button:not([aria-pressed="true"]),
    .flow-tabs button:not([aria-pressed="true"]),
    .frame-button:not(.primary),
    .frame-toggle:not([aria-pressed="true"]),
    .vhost-tabs button:not([aria-pressed="true"]),
    .vhost-actions button:not(.primary),
    .xp-btn.secondary,
    .xp-btn.ghost,
    .xps-action-btn:not(.primary),
    .xps-scenario-btn:not(.is-active),
    .xps-xml-btn:not(.is-active)
  ) {
  background: var(--iot-sim-panel) !important;
  border-color: var(--iot-sim-border) !important;
  color: var(--iot-sim-ink) !important;
}

[data-iot-interactive-theme="flat"][data-iot-recolor-pilot="true"][data-iot-module="message-queuing"]
  :where(
    .ex-stage.active,
    .flow-stage.active,
    .frame-button.primary,
    .frame-button.secondary,
    .frame-toggle[aria-pressed="true"],
    .vhost-actions .secondary,
    .xp-btn.primary,
    .xp-chip.is-active,
    .xps-scenario-btn.is-active,
    .xps-action-btn.primary,
    .xps-xml-btn.is-active
  ) {
  background: var(--iot-sim-module-strong) !important;
  border-color: var(--iot-sim-module-strong) !important;
  color: #ffffff !important;
}

[data-iot-interactive-theme="flat"][data-iot-recolor-pilot="true"][data-iot-module="message-queuing"]
  :where(
    .ex-stage.active span,
    .flow-stage.active span,
    .frame-type-pill,
    .xp-stage.is-active span,
    .xp-stage.is-active strong,
    .xps-stage.is-active,
    .xps-stage.is-active strong,
    .xps-stage.is-active span
  ) {
  color: #ffffff !important;
}

[data-iot-interactive-theme="flat"][data-iot-recolor-pilot="true"][data-iot-module="message-queuing"]
  :where(.frame-byte-cell span) {
  color: #ffffff !important;
}

[data-iot-interactive-theme="flat"][data-iot-recolor-pilot="true"][data-iot-module="crypto-applications"] {
  --iot-sim-module-accent: #7a2baa !important;
  --iot-sim-module-strong: #4f176f !important;
  --iot-sim-module-tint: #f5edf9 !important;
  --iot-sim-module-tint-strong: #eadcf2 !important;
  --ac-hero: var(--iot-sim-module-strong) !important;
  --ac-teal: var(--iot-sim-module-accent) !important;
  --ac-blue: #6a4fb1 !important;
  --ac-green: var(--iot-sim-module-strong) !important;
  --ac-purple: #6a1b9a !important;
  --ac-soft: var(--iot-sim-module-tint) !important;
  --ac-line: color-mix(in srgb, var(--iot-sim-module-accent) 22%, #d9e8ec) !important;
}

#aesCipherLab[data-iot-interactive-theme="flat"][data-iot-recolor-pilot="true"][data-iot-module="crypto-applications"]
  .ac-hero {
  color: var(--iot-sim-ink) !important;
  background: var(--iot-sim-module-tint) !important;
  border: 1px solid var(--ac-line) !important;
  border-left: 4px solid var(--iot-sim-module-accent) !important;
  box-shadow: none !important;
}

#aesCipherLab[data-iot-interactive-theme="flat"][data-iot-recolor-pilot="true"][data-iot-module="crypto-applications"]
  :where(.ac-hero h2, .ac-hero p, .ac-metric strong, .ac-metric span) {
  color: var(--iot-sim-ink) !important;
}

#aesCipherLab[data-iot-interactive-theme="flat"][data-iot-recolor-pilot="true"][data-iot-module="crypto-applications"]
  :where(.ac-tag, .ac-metric) {
  color: var(--iot-sim-ink) !important;
  background: #ffffff !important;
  border-color: var(--ac-line) !important;
}

#aesCipherLab[data-iot-interactive-theme="flat"][data-iot-recolor-pilot="true"][data-iot-module="crypto-applications"]
  :where(
    .ac-button.primary,
    .ac-preset.is-active,
    .ac-operation.is-active,
    .ac-guide-step.is-active
  ) {
  background: var(--iot-sim-module-strong) !important;
  border-color: var(--iot-sim-module-strong) !important;
  color: #ffffff !important;
}

#aesCipherLab[data-iot-interactive-theme="flat"][data-iot-recolor-pilot="true"][data-iot-module="crypto-applications"]
  :where(.ac-guide-step.is-active span, .ac-preset.is-active span, .ac-operation.is-active span) {
  color: #ffffff !important;
}

#aesCipherLab[data-iot-interactive-theme="flat"][data-iot-recolor-pilot="true"][data-iot-module="crypto-applications"]
  :where(.ac-byte small) {
  color: var(--iot-sim-module-strong) !important;
}

#aesCipherLab[data-iot-interactive-theme="flat"][data-iot-recolor-pilot="true"][data-iot-module="crypto-applications"]
  :where(.ac-button.secondary, .ac-value, .ac-card h4, .ac-link-card strong) {
  color: var(--iot-sim-module-strong) !important;
}

#aesCipherLab[data-iot-interactive-theme="flat"][data-iot-recolor-pilot="true"][data-iot-module="crypto-applications"]
  :where(.ac-flow-card.is-active, .ac-preset.is-active, .ac-operation.is-active) {
  box-shadow: inset 0 0 0 2px color-mix(in srgb, var(--iot-sim-module-accent) 18%, transparent) !important;
}

#aesCipherLab[data-iot-interactive-theme="flat"][data-iot-recolor-pilot="true"][data-iot-module="crypto-applications"]
  :where(.ac-flow-card.is-active, .ac-diagnosis, .ac-byte.is-changed) {
  background: var(--iot-sim-module-tint) !important;
  border-color: color-mix(in srgb, var(--iot-sim-module-accent) 45%, var(--ac-line)) !important;
}

#aesCipherLab[data-iot-interactive-theme="flat"][data-iot-recolor-pilot="true"][data-iot-module="crypto-applications"]
  :where(.ac-diagnosis) {
  color: var(--iot-sim-module-strong) !important;
}

#encLayersLab[data-iot-interactive-theme="flat"][data-iot-recolor-pilot="true"][data-iot-module="layered-encryption"] {
  --iot-sim-module-accent: #742aa4 !important;
  --iot-sim-module-strong: #4b176f !important;
  --iot-sim-module-tint: #f7eefb !important;
  --iot-sim-module-tint-strong: #eadcf3 !important;
  --deep: var(--iot-sim-module-strong) !important;
  --deep-2: #61208a !important;
  --teal: var(--iot-sim-module-accent) !important;
  --green: #5f247f !important;
  --blue: #5b5fb0 !important;
  --purple: var(--iot-sim-module-accent) !important;
  --magenta: #8a3aa8 !important;
  --wash: var(--iot-sim-module-tint) !important;
  --line: color-mix(in srgb, var(--iot-sim-module-accent) 24%, #d9e8eb) !important;
}

#encLayersLab[data-iot-interactive-theme="flat"][data-iot-recolor-pilot="true"][data-iot-module="layered-encryption"]
  .el-hero {
  color: var(--iot-sim-ink) !important;
  background: var(--iot-sim-module-tint) !important;
  border: 1px solid var(--line) !important;
  border-left: 4px solid var(--iot-sim-module-accent) !important;
  box-shadow: none !important;
}

#encLayersLab[data-iot-interactive-theme="flat"][data-iot-recolor-pilot="true"][data-iot-module="layered-encryption"]
  :where(.el-hero h2, .el-hero p, .el-tag, .el-metric strong, .el-metric span) {
  color: var(--iot-sim-ink) !important;
}

#encLayersLab[data-iot-interactive-theme="flat"][data-iot-recolor-pilot="true"][data-iot-module="layered-encryption"]
  :where(.el-tag, .el-metric) {
  background: var(--iot-sim-panel) !important;
  border-color: var(--line) !important;
}

#encLayersLab[data-iot-interactive-theme="flat"][data-iot-recolor-pilot="true"][data-iot-module="layered-encryption"]
  :where(
    .el-button.primary,
    .el-preset.is-active,
    .el-attack.is-active,
    .el-layer-button.is-active,
    .el-stage-button.is-active,
    .el-guide-step.is-active
  ) {
  background: var(--iot-sim-module-strong) !important;
  border-color: var(--iot-sim-module-strong) !important;
  color: #ffffff !important;
  box-shadow: none !important;
}

#encLayersLab[data-iot-interactive-theme="flat"][data-iot-recolor-pilot="true"][data-iot-module="layered-encryption"]
  :where(
    .el-preset.is-active,
    .el-attack.is-active,
    .el-layer-button.is-active,
    .el-stage-button.is-active
  )
  .el-control-sub {
  color: #ffffff !important;
  opacity: 0.92 !important;
}

#encLayersLab[data-iot-interactive-theme="flat"][data-iot-recolor-pilot="true"][data-iot-module="layered-encryption"]
  :where(.el-button.primary:hover, .el-button.primary:focus-visible) {
  background: var(--iot-sim-module-strong) !important;
  border-color: var(--iot-sim-module-strong) !important;
  color: #ffffff !important;
}

#encLayersLab[data-iot-interactive-theme="flat"][data-iot-recolor-pilot="true"][data-iot-module="layered-encryption"]
  :where(
    .el-card,
    .el-diagram-card,
    .el-details,
    .el-guide-step,
    .el-link-card,
    .el-mini-card,
    .el-panel,
    .el-reference-card
  ) {
  border-color: var(--line) !important;
  box-shadow: none !important;
}

#encLayersLab[data-iot-interactive-theme="flat"][data-iot-recolor-pilot="true"][data-iot-module="layered-encryption"]
  :where(
    .el-card h4,
    .el-details summary,
    .el-link-card strong,
    .el-panel-head h3,
    .el-reference-card strong
  ) {
  color: var(--iot-sim-module-strong) !important;
}

#encLayersLab[data-iot-interactive-theme="flat"][data-iot-recolor-pilot="true"][data-iot-module="layered-encryption"]
  :where(
    .el-callout.good,
    .el-guide-step.is-active,
    .el-link-card:hover,
    .el-link-card:focus-visible,
    .el-mini-card,
    .el-reference-card,
    .el-stage-button.is-active
  ) {
  background: var(--iot-sim-module-tint) !important;
  border-color: color-mix(in srgb, var(--iot-sim-module-accent) 38%, var(--line)) !important;
}

#encLayersLab[data-iot-interactive-theme="flat"][data-iot-recolor-pilot="true"][data-iot-module="layered-encryption"]
  :where(.el-callout.risk, .el-code) {
  background: var(--iot-sim-module-tint-strong) !important;
  border-color: color-mix(in srgb, var(--iot-sim-module-accent) 34%, var(--line)) !important;
}

#encLayersLab[data-iot-interactive-theme="flat"][data-iot-recolor-pilot="true"][data-iot-module="layered-encryption"]
  :where(.el-callout.good, .el-callout.risk, .el-code) {
  color: var(--iot-sim-module-strong) !important;
}

#encLayersLab[data-iot-interactive-theme="flat"][data-iot-recolor-pilot="true"][data-iot-module="layered-encryption"]
  :where(
    .el-guide-step strong,
    .el-guide-step p,
    .el-panel-head p,
    .el-diagram-card p,
    .el-card p,
    .el-mini-card span,
    .el-control-sub,
    .el-reference-card,
    .el-reference-card p,
    .el-link-card,
    .el-link-card p
  ) {
  color: var(--iot-sim-ink) !important;
}

#encLayersLab[data-iot-interactive-theme="flat"][data-iot-recolor-pilot="true"][data-iot-module="layered-encryption"]
  :where(
    .el-preset.is-active,
    .el-attack.is-active,
    .el-layer-button.is-active,
    .el-stage-button.is-active
  ) {
  background: var(--iot-sim-module-strong) !important;
  border-color: var(--iot-sim-module-strong) !important;
  color: #ffffff !important;
}

#encLayersLab[data-iot-interactive-theme="flat"][data-iot-recolor-pilot="true"][data-iot-module="layered-encryption"]
  :where(
    .el-preset.is-active,
    .el-attack.is-active,
    .el-layer-button.is-active,
    .el-stage-button.is-active
  )
  .el-control-sub {
  color: #ffffff !important;
  opacity: 0.92 !important;
}

[data-iot-interactive-theme="flat"][data-iot-recolor-pilot="true"][data-iot-module="mobile-gateways"] {
  --iot-sim-module-accent: #c08a00 !important;
  --iot-sim-module-strong: #6d4e00 !important;
  --iot-sim-module-tint: #fff7df !important;
  --iot-sim-module-tint-strong: #f3e2b8 !important;
  --deep: var(--iot-sim-module-strong) !important;
  --deep-2: #9a6f00 !important;
  --teal: var(--iot-sim-module-strong) !important;
  --blue: #5f6d2f !important;
  --green: #657f2f !important;
  --wash: var(--iot-sim-module-tint) !important;
  --wash-2: var(--iot-sim-module-tint-strong) !important;
  --line: color-mix(in srgb, var(--iot-sim-module-accent) 30%, #d7e2e7) !important;
}

[data-iot-interactive-theme="flat"][data-iot-recolor-pilot="true"][data-iot-module="mobile-gateways"]:where(
    #m2mGatewayLab,
    #protocolGatewayLab
  ) {
  color: var(--iot-sim-ink) !important;
  background: var(--iot-sim-page) !important;
  border-color: var(--iot-sim-border) !important;
  box-shadow: none !important;
}

[data-iot-interactive-theme="flat"][data-iot-recolor-pilot="true"][data-iot-module="mobile-gateways"]
  :where(.m2m-hero, .pg-hero) {
  color: var(--iot-sim-ink) !important;
  background: var(--iot-sim-module-tint) !important;
  border: 1px solid var(--iot-sim-border) !important;
  border-left: 4px solid var(--iot-sim-module-accent) !important;
  box-shadow: none !important;
}

[data-iot-interactive-theme="flat"][data-iot-recolor-pilot="true"][data-iot-module="mobile-gateways"]
  :where(.m2m-hero h2, .m2m-hero p, .pg-hero h2, .pg-hero p) {
  color: var(--iot-sim-ink) !important;
}

[data-iot-interactive-theme="flat"][data-iot-recolor-pilot="true"][data-iot-module="mobile-gateways"]
  :where(.m2m-pill, .m2m-metric, .pg-pill, .pg-metric) {
  color: var(--iot-sim-ink) !important;
  background: var(--iot-sim-panel) !important;
  border: 1px solid var(--iot-sim-border) !important;
  box-shadow: none !important;
}

[data-iot-interactive-theme="flat"][data-iot-recolor-pilot="true"][data-iot-module="mobile-gateways"]
  :where(
    .m2m-card,
    .m2m-panel,
    .m2m-scene,
    .m2m-node,
    .m2m-gateway-rack,
    .m2m-state-card,
    .m2m-status-item,
    .m2m-message-card,
    .m2m-support-card,
    .m2m-ref-card,
    .m2m-practice-card,
    .m2m-details,
    .pg-card,
    .pg-panel,
    .pg-scene,
    .pg-lane,
    .pg-target,
    .pg-gateway-rack,
    .pg-mini-panel,
    .pg-status-item,
    .pg-result-card,
    .pg-message-card,
    .pg-support-card,
    .pg-ref-card,
    .pg-practice-card,
    .pg-details,
    .pg-note,
    .pg-check
  ) {
  background: var(--iot-sim-panel) !important;
  border-color: color-mix(
    in srgb,
    var(--iot-sim-module-accent) 30%,
    var(--iot-sim-border)
  ) !important;
  box-shadow: none !important;
}

[data-iot-interactive-theme="flat"][data-iot-recolor-pilot="true"][data-iot-module="mobile-gateways"]
  :where(
    .m2m-card h3,
    .m2m-panel h3,
    .m2m-node h3,
    .m2m-gateway-rack h3,
    .m2m-state-card h3,
    .m2m-message-card h3,
    .m2m-support-card h3,
    .m2m-ref-card h3,
    .m2m-practice-card h3,
    .m2m-section-title h2,
    .m2m-related a,
    .pg-card h3,
    .pg-panel h3,
    .pg-lane h3,
    .pg-gateway-rack h3,
    .pg-target h3,
    .pg-mini-panel h4,
    .pg-result-card h3,
    .pg-message-card h3,
    .pg-support-card h3,
    .pg-ref-card h3,
    .pg-practice-card h3,
    .pg-section-title h2,
    .pg-related a
  ) {
  color: var(--iot-sim-module-strong) !important;
}

[data-iot-interactive-theme="flat"][data-iot-recolor-pilot="true"][data-iot-module="mobile-gateways"]
  :where(
    .m2m-btn.primary,
    .m2m-scenario.active,
    .m2m-scenario:hover,
    .m2m-stack-step.active,
    .m2m-stack-step.done,
    .m2m-stage.active,
    .m2m-stage.done,
    .m2m-packet,
    .pg-btn.primary,
    .pg-scenario.active,
    .pg-scenario:hover,
    .pg-stage.active,
    .pg-stage.done,
    .pg-lane.active,
    .pg-target.active,
    .pg-queue-cell.filled,
    .pg-route-row.active,
    .pg-packet
  ) {
  background: var(--iot-sim-module-strong) !important;
  border-color: var(--iot-sim-module-strong) !important;
  color: #ffffff !important;
}

[data-iot-interactive-theme="flat"][data-iot-recolor-pilot="true"][data-iot-module="mobile-gateways"]
  :where(
    .m2m-scenario.active *,
    .m2m-scenario:hover *,
    .m2m-stack-step.active *,
    .m2m-stack-step.done *,
    .m2m-stage.active *,
    .m2m-stage.done *,
    .m2m-packet *,
    .pg-scenario.active *,
    .pg-scenario:hover *,
    .pg-stage.active *,
    .pg-stage.done *,
    .pg-lane.active *,
    .pg-target.active *,
    .pg-queue-cell.filled *,
    .pg-route-row.active *,
    .pg-packet *
  ) {
  color: #ffffff !important;
}

[data-iot-interactive-theme="flat"][data-iot-recolor-pilot="true"][data-iot-module="mobile-gateways"]
  :where(.m2m-control small, .m2m-control small *, .pg-control small, .pg-control small *) {
  color: var(--iot-sim-ink) !important;
}

[data-iot-interactive-theme="flat"][data-iot-recolor-pilot="true"][data-iot-module="mobile-gateways"]
  :where(.m2m-section-title p, .pg-section-title p, .m2m-trace-list li) {
  color: var(--iot-sim-ink) !important;
  opacity: 1 !important;
}

[data-iot-interactive-theme="flat"][data-iot-recolor-pilot="true"][data-iot-module="mobile-gateways"]
  :where(.pg-protocol-badge, .pg-route-badge) {
  color: #ffffff !important;
  background: var(--iot-sim-module-strong) !important;
  border-color: var(--iot-sim-module-strong) !important;
}

[data-iot-interactive-theme="flat"][data-iot-recolor-pilot="true"][data-iot-module="mobile-gateways"]
  :where(
    .m2m-trace-list li.active,
    .m2m-related a:hover,
    .pg-log-list li.active,
    .pg-related a:hover,
    .pg-result-card.warning
  ) {
  background: var(--iot-sim-module-tint) !important;
  border-color: color-mix(
    in srgb,
    var(--iot-sim-module-accent) 38%,
    var(--iot-sim-border)
  ) !important;
}

[data-iot-interactive-theme="flat"][data-iot-recolor-pilot="true"][data-iot-module="mobile-gateways"]
  :where(input[type="range"], input[type="checkbox"]) {
  accent-color: var(--iot-sim-module-accent) !important;
}

[data-iot-interactive-theme="flat"][data-iot-recolor-pilot="true"][data-iot-module="edge-fog"] {
  --iot-sim-module-accent: #ffc400 !important;
  --iot-sim-module-strong: #735800 !important;
  --iot-sim-module-tint: #fff8df !important;
  --iot-sim-module-tint-strong: #ffefb8 !important;
  --mq-teal: var(--iot-sim-module-accent) !important;
  --mq-green: var(--iot-sim-module-strong) !important;
  --mq-yellow: #a56900 !important;
  --mq-deep: var(--iot-sim-module-strong) !important;
  --mq-soft: var(--iot-sim-module-tint) !important;
  --edge-deep: var(--iot-sim-module-strong) !important;
  --edge-deep-2: var(--iot-sim-module-accent) !important;
  --edge-teal: var(--iot-sim-module-accent) !important;
  --edge-green: var(--iot-sim-module-strong) !important;
  --lt-deep: var(--iot-sim-module-strong) !important;
  --lt-deep-2: var(--iot-sim-module-accent) !important;
  --lt-edge: var(--iot-sim-module-accent) !important;
  --lt-fog: var(--iot-sim-module-strong) !important;
  --eflow-deep: var(--iot-sim-module-strong) !important;
  --eflow-deep-2: var(--iot-sim-module-accent) !important;
  --eflow-edge: var(--iot-sim-module-accent) !important;
  --eflow-fog: var(--iot-sim-module-strong) !important;
  --fo-deep: var(--iot-sim-module-strong) !important;
  --fo-deep-2: var(--iot-sim-module-accent) !important;
  --fo-fog: var(--iot-sim-module-accent) !important;
  --fg-deep: var(--iot-sim-module-strong) !important;
  --fg-deep-2: var(--iot-sim-module-accent) !important;
  --fg-fog: var(--iot-sim-module-accent) !important;
  --fg-ok: var(--iot-sim-module-strong) !important;
}

[data-iot-interactive-theme="flat"][data-iot-recolor-pilot="true"][data-iot-module="edge-fog"]
  :where(.mq-hero, .ecd-hero, .edge-hero, .lt-hero, .eflow-hero, .fo-hero, .fg-hero) {
  color: var(--iot-sim-ink) !important;
  background: var(--iot-sim-module-tint) !important;
  border: 1px solid var(--iot-sim-border) !important;
  border-left: 4px solid var(--iot-sim-module-accent) !important;
  box-shadow: none !important;
}

[data-iot-interactive-theme="flat"][data-iot-recolor-pilot="true"][data-iot-module="edge-fog"]
  :where(
    .mq-hero h1,
    .mq-hero h2,
    .mq-hero p,
    .mq-hero-card span,
    .mq-hero-card strong,
    .ecd-hero h2,
    .ecd-hero p,
    .ecd-hero-metric strong,
    .ecd-hero-metric span,
    .edge-hero h2,
    .edge-hero p,
    .edge-metric strong,
    .edge-metric span,
    .lt-hero h2,
    .lt-hero p,
    .lt-hero-metric strong,
    .lt-hero-metric span,
    .eflow-hero h2,
    .eflow-hero p,
    .eflow-hero-metric strong,
    .eflow-hero-metric span,
    .fo-hero h2,
    .fo-hero p,
    .fo-hero-metric strong,
    .fo-hero-metric span,
    .fg-hero h2,
    .fg-hero p,
    .fg-hero-metric strong,
    .fg-hero-metric span
  ) {
  color: var(--iot-sim-ink) !important;
}

[data-iot-interactive-theme="flat"][data-iot-recolor-pilot="true"][data-iot-module="edge-fog"]
  :where(
    .mq-kicker span,
    .mq-chip,
    .mq-metric,
    .mq-hero-card,
    .ecd-pill,
    .ecd-hero-metric,
    .edge-tag,
    .edge-metric,
    .lt-pill,
    .lt-hero-metric,
    .eflow-pill,
    .eflow-hero-metric,
    .fo-pill,
    .fo-hero-metric,
    .fg-pill,
    .fg-hero-metric
  ) {
  color: var(--iot-sim-ink) !important;
  background: #ffffff !important;
  border-color: color-mix(
    in srgb,
    var(--iot-sim-module-accent) 30%,
    var(--iot-sim-border)
  ) !important;
}

[data-iot-interactive-theme="flat"][data-iot-recolor-pilot="true"][data-iot-module="edge-fog"]
  :where(
    .mq-button.is-primary,
    .mq-scenario.is-active,
    .mq-format.is-active,
    .mq-stage-chip.is-active,
    .ecd-action.primary,
    .ecd-scenario.active,
    .ecd-placement.active,
    .edge-btn.primary,
    .edge-scenario.is-active,
    .edge-stage.is-active,
    .lt-btn.primary,
    .lt-preset.active,
    .lt-tier.active,
    .eflow-btn.primary,
    .eflow-seg-btn.active,
    .eflow-preset-btn.active,
    .eflow-tier-btn.active,
    .fo-button.primary,
    .fo-button.active,
    .fo-preset.active,
    .fo-goal.active,
    .fo-phase.active,
    .fg-button.primary,
    .fg-seg-button.active,
    .fg-phase.active
  ) {
  background: var(--iot-sim-module-strong) !important;
  border-color: var(--iot-sim-module-strong) !important;
  color: #ffffff !important;
}

[data-iot-interactive-theme="flat"][data-iot-recolor-pilot="true"][data-iot-module="edge-fog"]
  :where(
    .mq-card h3,
    .mq-feedback-card strong,
    .mq-link-card strong,
    .ecd-panel h3,
    .ecd-output h3,
    .ecd-record-card strong,
    .edge-card h3,
    .edge-panel h3,
    .lt-panel h3,
    .lt-brief-card strong,
    .eflow-panel h3,
    .eflow-brief-card strong,
    .fo-panel h3,
    .fo-status-card strong,
    .fg-panel h3,
    .fg-score-card strong
  ) {
  color: var(--iot-sim-module-strong) !important;
}

[data-iot-interactive-theme="flat"][data-iot-recolor-pilot="true"][data-iot-module="edge-fog"]
  :where(
    .mq-stage-chip.is-active,
    .mq-feedback-card,
    .ecd-score-card.active,
    .ecd-traffic-card,
    .edge-stage.is-active,
    .lt-stage-card.active,
    .eflow-stage-card.active,
    .fo-task-card.active,
    .fo-decision,
    .fg-scenario-card,
    .fg-readout,
    .fg-meter-card
  ) {
  background: var(--iot-sim-module-tint) !important;
  border-color: color-mix(
    in srgb,
    var(--iot-sim-module-accent) 38%,
    var(--iot-sim-border)
  ) !important;
}

[data-iot-interactive-theme="flat"][data-iot-recolor-pilot="true"][data-iot-module="edge-fog"]
  :where(.mq-primary, .edge-button.primary, .lt-button.primary, .eflow-step-badge) {
  background: var(--iot-sim-module-strong) !important;
  border-color: var(--iot-sim-module-strong) !important;
  color: #ffffff !important;
}

[data-iot-interactive-theme="flat"][data-iot-recolor-pilot="true"][data-iot-module="edge-fog"]
  :where(.mq-stage-chip.is-active) {
  background: var(--iot-sim-module-strong) !important;
  border-color: var(--iot-sim-module-strong) !important;
  color: #ffffff !important;
}

[data-iot-interactive-theme="flat"][data-iot-recolor-pilot="true"][data-iot-module="edge-fog"]
  :where(
    .mq-learning-card span,
    .mq-feedback-card span,
    .mq-card h2,
    .mq-card h3,
    .ecd-stage h3,
    .edge-step h3,
    .edge-stage h3,
    .edge-panel h3,
    .edge-panel output,
    .lt-stage h3,
    .lt-panel h4,
    .eflow-stage h3,
    .eflow-panel h3,
    .fo-panel h4,
    .fo-node small,
    .fo-task-card strong,
    .fo-task-card span,
    .fg-node h4
  ) {
  color: var(--iot-sim-module-strong) !important;
}

[data-iot-interactive-theme="flat"][data-iot-recolor-pilot="true"][data-iot-module="edge-fog"]
  :where(.lt-status.warn, .lt-chip.warn, .fo-mini-badge.warn) {
  background: var(--iot-sim-module-tint-strong) !important;
  border-color: var(--iot-sim-module-strong) !important;
  color: var(--iot-sim-module-strong) !important;
}

[data-iot-interactive-theme="flat"][data-iot-recolor-pilot="true"][data-iot-module="edge-fog"]
  :where(
    #mqCurrentTitle,
    #format-comparison,
    #related-learning,
    #edgeStageReadout,
    #edgeReferenceTitle,
    #edgeRelatedTitle,
    #response-time-stack,
    #raw-rate,
    #cloud-volume,
    #reduction,
    #command-loop,
    #formula-trace,
    #device-fleet-1,
    #edge-tier,
    #fog-tier,
    #cloud-tier,
    #try-this-first,
    #compare-modes,
    #decision-check,
    #edge,
    #fog,
    #cloud
  ),
[data-iot-interactive-theme="flat"][data-iot-recolor-pilot="true"][data-iot-module="edge-fog"]
  :where(
    #\31 -sense,
    #\32 -buffer,
    #\33 -preprocess,
    #\34 -infer,
    #\35 -decide,
    #\36 -act,
    .fo-node.fog small
  ) {
  color: var(--iot-sim-module-strong) !important;
}

[data-iot-interactive-theme="flat"][data-iot-recolor-pilot="true"][data-iot-module="edge-fog"]
  :where(.fo-node.fog small) {
  color: #ffffff !important;
}

[data-iot-interactive-theme="flat"][data-iot-recolor-pilot="true"][data-iot-module="edge-fog"]
  :where(.fo-node.winner.fog) {
  background: var(--iot-sim-module-strong) !important;
}

[data-iot-interactive-theme="flat"][data-iot-recolor-pilot="true"]
  :where(.ip-stage-card.active, .ip-mobile-summary, .ip-feedback-card, .ip-reference[open]) {
  background: var(--iot-sim-module-tint) !important;
  border-color: color-mix(
    in srgb,
    var(--iot-sim-module-accent) 38%,
    var(--iot-sim-border)
  ) !important;
}

[data-iot-interactive-theme="flat"][data-iot-recolor-pilot="true"]
  :where(.ip-stage-card.active strong) {
  background: var(--iot-sim-module-accent) !important;
  color: #ffffff !important;
}

[data-iot-interactive-theme="flat"][data-iot-recolor-pilot="true"]
  :where(.ip-link-card:hover, .ip-preset.active) {
  background: var(--iot-sim-module-tint-strong) !important;
  border-color: var(--iot-sim-module-accent) !important;
}

.iot-sr-only {
  position: absolute;
  width: 1px;
  height: 1px;
  padding: 0;
  margin: -1px;
  overflow: hidden;
  clip: rect(0, 0, 0, 0);
  white-space: nowrap;
  border: 0;
}

[data-iot-interactive-theme="flat"],
[data-iot-interactive-theme="flat"] * {
  box-sizing: border-box;
  letter-spacing: 0;
}

[data-iot-interactive-theme="flat"] :where(.pt-header, .ack-hero, .cpg-hero) {
  color: var(--iot-sim-ink) !important;
  background: var(--iot-sim-soft) !important;
  border: 1px solid var(--iot-sim-border) !important;
  border-left: 4px solid var(--iot-sim-accent) !important;
  border-radius: 8px !important;
  box-shadow: none !important;
}

[data-iot-interactive-theme="flat"] :where(.pt-header h2, .ack-hero h2, .cpg-hero h2),
[data-iot-interactive-theme="flat"] :where(.pt-header p, .ack-hero p, .cpg-hero p) {
  color: var(--iot-sim-ink) !important;
}

[data-iot-interactive-theme="flat"]
  :where(.ack-pill, .cpg-pill, .pt-badge, .cpg-tag, .cpg-difficulty) {
  color: var(--iot-sim-ink) !important;
  background: var(--iot-sim-panel) !important;
  border: 1px solid var(--iot-sim-border) !important;
  box-shadow: none !important;
}

[data-iot-interactive-theme="flat"]
  :where(
    .sim-learning-brief__item,
    .pt-body,
    .pt-guide-card,
    .pt-toolbar,
    .pt-panel,
    .pt-stage,
    .pt-msg-box,
    .pt-metric,
    .ack-card,
    .ack-panel,
    .ack-stage,
    .ack-result-card,
    .ack-visual-card,
    .ack-step-card,
    .ack-support-card,
    .ack-ref-card,
    .ack-compare-card,
    .ack-event-card,
    .ack-related a,
    .ack-metric,
    .cpg-progress-card,
    .cpg-stat,
    .cpg-scenario,
    .cpg-requirement,
    .cpg-choice,
    .cpg-feedback,
    .cpg-results,
    .cpg-empty,
    .cpg-metric
  ) {
  background: var(--iot-sim-panel) !important;
  border-color: var(--iot-sim-border) !important;
  box-shadow: none !important;
}

[data-iot-interactive-theme="flat"] :where(.sim-learning-brief__item) {
  border-top-color: var(--iot-sim-accent) !important;
}

[data-iot-interactive-theme="flat"]
  :where(
    .pt-guide-card h3,
    .pt-panel h3,
    .pt-msg-box h3,
    .pt-insight h3,
    .ack-card h3,
    .ack-details h3,
    .anchored,
    .cpg-feedback-title span
  ) {
  color: var(--iot-sim-module-strong, #146b77) !important;
}

[data-iot-interactive-theme="flat"] :where(.pt-good) {
  color: var(--iot-sim-success) !important;
}

[data-iot-interactive-theme="flat"] :where(.pt-fair) {
  color: #7a4b0d !important;
}

[data-iot-interactive-theme="flat"] :where(.pt-bad) {
  color: #92342e !important;
}

[data-iot-interactive-theme="flat"] :where(.pt-panel h3) {
  border-bottom-color: var(--iot-sim-accent) !important;
}

[data-iot-interactive-theme="flat"] :where(.cpg-scenario) {
  border-left-color: var(--iot-sim-warning) !important;
}

[data-iot-interactive-theme="flat"] :where(.cpg-progress-fill, .pt-stage.done .snum) {
  background: var(--iot-sim-accent) !important;
}

[data-iot-interactive-theme="flat"] :where(.cpg-choice-icon, .ack-icon) {
  background: var(--iot-sim-accent) !important;
  color: #ffffff !important;
}

[data-iot-interactive-theme="flat"] :where(.pt-btn, .cpg-btn, .ack-btn, button) {
  border-radius: 8px !important;
  box-shadow: none !important;
  transform: none !important;
  transition:
    background-color 0.15s ease,
    border-color 0.15s ease,
    color 0.15s ease !important;
}

[data-iot-interactive-theme="flat"] :where(.pt-btn, .cpg-btn, .ack-btn) {
  background: var(--iot-sim-accent) !important;
  border: 1px solid var(--iot-sim-accent) !important;
  color: #ffffff !important;
}

[data-iot-interactive-theme="flat"]
  :where(.pt-btn.secondary, .cpg-btn.secondary, .ack-btn.secondary, .pt-preset-btn, .ack-preset) {
  background: var(--iot-sim-panel) !important;
  border-color: var(--iot-sim-border) !important;
  color: var(--iot-sim-ink) !important;
}

[data-iot-interactive-theme="flat"]
  :where(
    .pt-btn.warn,
    .sim-reset-btn,
    button.sim-reset-btn,
    .bn-button.warn,
    .cc-button.warn,
    .frag-btn-reset,
    .lr-button.warn,
    button.reset
  ) {
  background: var(--iot-sim-warning) !important;
  border-color: var(--iot-sim-warning) !important;
  color: #ffffff !important;
}

[data-iot-interactive-theme="flat"]:where(
  #bandwidthLab,
  #rangeLab,
  #pathLossLab,
  #protocolOverheadLab,
  #computePlacementLab,
  #lorawanBudgetLab,
  #packetAnalyzerLab,
  #advancedPacketLab,
  #iotScenarioLab,
  #packetLayersLab,
  #captureLab,
  #full154Lab,
  #rate154Lab,
  #beaconLab,
  #csma154Lab,
  #gts154Lab,
  #fragLab,
  #iphcWorkbench,
  #lowpanRoutingLab
) {
  color: var(--iot-sim-ink) !important;
  background: var(--iot-sim-page) !important;
  border-color: var(--iot-sim-border) !important;
  box-shadow: none !important;
}

[data-iot-interactive-theme="flat"]
  :where(
    .bandwidth-hero,
    .range-hero,
    .pl-hero,
    .po-hero,
    .cp-hero,
    .lw-hero,
    .pa-hero,
    .apa-hero,
    .ips-hero,
    .cap-hero,
    .f154-hero,
    .dr-hero,
    .bn-hero,
    .cc-hero,
    .gts-hero,
    .frag-hero,
    .ip-hero,
    .lr-hero
  ) {
  color: var(--iot-sim-ink) !important;
  background: var(--iot-sim-soft) !important;
  border: 1px solid var(--iot-sim-border) !important;
  border-left: 4px solid var(--iot-sim-accent) !important;
  border-radius: 8px !important;
  box-shadow: none !important;
}

[data-iot-interactive-theme="flat"]
  :where(
    .bandwidth-hero h2,
    .bandwidth-hero p,
    .range-hero h2,
    .range-hero p,
    .pl-hero h1,
    .pl-hero h2,
    .pl-hero p,
    .po-hero h2,
    .po-hero p,
    .cp-hero h2,
    .cp-hero p,
    .lw-hero h2,
    .lw-hero p,
    .pa-hero h2,
    .pa-hero p,
    .apa-hero h1,
    .apa-hero p,
    .ips-hero h1,
    .ips-hero p,
    .cap-hero h2,
    .cap-hero p,
    .f154-hero h2,
    .f154-hero p,
    .dr-hero h2,
    .dr-hero p,
    .bn-hero h2,
    .bn-hero p,
    .cc-hero h2,
    .cc-hero p,
    .gts-hero h2,
    .gts-hero p,
    .frag-hero h2,
    .frag-hero p,
    .ip-hero h2,
    .ip-hero p,
    .lr-hero h2,
    .lr-hero p
  ) {
  color: var(--iot-sim-ink) !important;
}

[data-iot-interactive-theme="flat"]
  :where(
    .bandwidth-pill,
    .range-pill,
    .pl-pill,
    .po-pill,
    .cp-pill,
    .lw-pill,
    .bandwidth-status-pill,
    .range-status-pill,
    .pl-badge,
    .po-badge,
    .cp-chip,
    .lw-badge,
    .pa-pill,
    .pa-chip,
    .pa-status-pill,
    .apa-pill,
    .ips-pill,
    .pl-status-pill,
    .cap-pill,
    .cap-status-pill,
    .f154-tag,
    .f154-badge,
    .dr-tag,
    .dr-badge,
    .bn-tag,
    .bn-stage,
    .cc-tag,
    .cc-badge,
    .gts-tag,
    .gts-badge,
    .frag-pill,
    .frag-step,
    .ip-tag,
    .ip-stage-pill,
    .lr-tag,
    .lr-stage,
    .lr-badge
  ) {
  color: var(--iot-sim-ink) !important;
  background: var(--iot-sim-panel) !important;
  border: 1px solid var(--iot-sim-border) !important;
  box-shadow: none !important;
}

[data-iot-interactive-theme="flat"]
  :where(
    [class$="-card"],
    [class*="-card "],
    [class$="-panel"],
    [class*="-panel "],
    [class$="-metric"],
    [class*="-metric "],
    [class$="-stage"]:not(.is-active):not(.active):not(.is-current):not(.current):not(.selected):not([aria-current]):not([aria-selected="true"]):not([aria-pressed="true"]),
    [class*="-stage "]:not(.is-active):not(.active):not(.is-current):not(.current):not(.selected):not([aria-current]):not([aria-selected="true"]):not([aria-pressed="true"]),
    [class$="-workbench"],
    [class*="-workbench "],
    [class$="-brief"],
    [class*="-brief "],
    [class$="-sidebar"],
    [class*="-sidebar "],
    [class$="-candidate"],
    [class*="-candidate "],
    [class$="-risk"],
    [class*="-risk "],
    [class$="-field"],
    [class*="-field "],
    [class$="-control"],
    [class*="-control "],
    [class$="-evidence"],
    [class*="-evidence "],
    [class$="-result"],
    [class*="-result "],
    [class$="-details"],
    [class*="-details "]
  ) {
  background: var(--iot-sim-panel) !important;
  border-color: var(--iot-sim-border) !important;
  box-shadow: none !important;
}

[data-iot-interactive-theme="flat"]
  :where(
    .bandwidth-metric strong,
    .range-metric strong,
    .pl-metric strong,
    .po-metric strong,
    .cp-hero-metric strong,
    .lw-metric strong,
    .pa-metric strong,
    .apa-metric strong,
    .ips-metric strong,
    .cap-metric strong,
    .cap-stat strong,
    .pl-filter-stat strong,
    .f154-metric strong,
    .dr-metric strong,
    .bn-metric strong,
    .cc-metric strong,
    .gts-metric strong,
    .frag-metric strong,
    .ip-metric strong,
    .lr-metric strong
  ) {
  color: var(--iot-sim-ink) !important;
}

[data-iot-interactive-theme="flat"]
  :where(
    .bandwidth-metric span,
    .range-metric span,
    .pl-metric span,
    .po-metric span,
    .cp-hero-metric span,
    .lw-metric span,
    .pa-metric span,
    .apa-metric span,
    .ips-metric span,
    .cap-metric span,
    .cap-stat span,
    .pl-filter-stat span,
    .f154-metric span,
    .dr-metric span,
    .bn-metric span,
    .cc-metric span,
    .gts-metric span,
    .frag-metric span,
    .ip-metric span,
    .lr-metric span
  ) {
  color: var(--iot-sim-muted) !important;
}

[data-iot-interactive-theme="flat"]
  :where(
    .bandwidth-panel h3,
    .bandwidth-card h3,
    .range-panel h3,
    .range-brief-card strong,
    .pl-value,
    .pl-stage h3,
    .pl-result-card strong,
    .pl-panel h3,
    .pl-card h3,
    .po-stage h3,
    .po-panel h3,
    .po-card h3,
    .cp-stage-card span,
    .cp-related a,
    .cp-panel h3,
    .cp-card h3,
    .lw-panel h3,
    .lw-card h3,
    .pa-value,
    .pa-panel h3,
    .pa-card h3,
    .apa-stage h3,
    .apa-panel h3,
    .apa-card h3,
    .ips-stage h3,
    .ips-panel h3,
    .ips-card h3,
    .cap-value,
    .cap-panel h3,
    .cap-card h3,
    .f154-panel h3,
    .f154-card h3,
    .f154-card strong,
    .dr-panel h3,
    .dr-card h3,
    .dr-card strong,
    .bn-panel h3,
    .bn-card h3,
    .bn-card strong,
    .cc-panel h3,
    .cc-card h3,
    .cc-card strong,
    .gts-panel h3,
    .gts-card h3,
    .gts-card strong,
    .frag-details h3,
    .frag-ref-card h4,
    .frag-support-card h4,
    .ip-panel h3,
    .ip-card h3,
    .ip-card strong,
    .lr-panel h3,
    .lr-card h3,
    .lr-card strong
  ) {
  color: var(--iot-sim-module-strong, #146b77) !important;
}

[data-iot-interactive-theme="flat"]
  :where(
    .pa-brief-label,
    .pl-brief-label,
    .pl-result-card span,
    .cap-label,
    .cap-table tr.selected td
  ) {
  color: var(--iot-sim-muted) !important;
}

[data-iot-interactive-theme="flat"] :where(.cap-table td, .pl-packet-table td) {
  color: var(--iot-sim-ink) !important;
}

[data-iot-interactive-theme="flat"] :where(.cap-table tr.dim td, .pl-packet-table tr.dim td) {
  color: var(--iot-sim-muted) !important;
}

[data-iot-interactive-theme="flat"] .pa-byte.payload,
[data-iot-interactive-theme="flat"] .pa-byte.selected,
[data-iot-interactive-theme="flat"] .pa-field-button.active,
[data-iot-interactive-theme="flat"] .pa-overhead-bar .payload,
[data-iot-interactive-theme="flat"] .pl-frame-segment.payload {
  color: #ffffff !important;
  background: var(--iot-sim-accent) !important;
}

[data-iot-interactive-theme="flat"] .pa-byte.payload .offset,
[data-iot-interactive-theme="flat"] .pa-byte.selected .offset,
[data-iot-interactive-theme="flat"] .pa-field-button.active b,
[data-iot-interactive-theme="flat"] .pa-field-button.active span {
  color: #e6f3f4 !important;
  opacity: 1 !important;
}

[data-iot-interactive-theme="flat"] .cap-hex-offset {
  color: var(--iot-sim-muted) !important;
}

[data-iot-interactive-theme="flat"]
  :where(
    .pa-overhead-bar,
    .apa-timeline,
    .ips-timeline,
    .pl-filter-stat,
    .ips-layout,
    .ips-workbench,
    .ips-stage,
    .ips-main-grid,
    .ips-timeline-card,
    .f154-layout,
    .f154-stage,
    .f154-mini,
    .dr-layout,
    .dr-panel,
    .bn-layout,
    .bn-panel,
    .cc-layout,
    .cc-panel,
    .gts-layout,
    .gts-panel,
    .frag-layout,
    .frag-details,
    .ip-layout,
    .ip-panel,
    .lr-layout,
    .lr-panel
  ) {
  min-width: 0 !important;
}

[data-iot-interactive-theme="flat"] :where(.apa-timeline, .ips-timeline) {
  overflow-x: auto !important;
}

[data-iot-interactive-theme="flat"]
  :where(.pa-overhead-bar, .pl-filter-stat, .ips-stage, .ips-timeline-card) {
  overflow-wrap: anywhere !important;
}

[data-iot-interactive-theme="flat"] :where(.pa-overhead-bar) {
  overflow: hidden !important;
}

[data-iot-interactive-theme="flat"] :where(input, select, textarea) {
  max-width: 100% !important;
  min-width: 0 !important;
  width: 100% !important;
}

[data-iot-interactive-theme="flat"] :where(input[type="radio"], input[type="checkbox"]) {
  width: auto !important;
}

[data-iot-interactive-theme="flat"] .gts-mode input[type="radio"] {
  height: 1px !important;
  min-height: 1px !important;
  width: 1px !important;
}

[data-iot-interactive-theme="flat"]#computePlacementLab
  :where(.cp-primary-btn, .cp-scenario-btn.is-active) {
  background: var(--iot-sim-accent) !important;
  border-color: var(--iot-sim-accent) !important;
  color: #ffffff !important;
}

[data-iot-interactive-theme="flat"]
  :where(
    .bandwidth-btn,
    .range-btn,
    .pl-btn,
    .po-btn,
    .cp-btn,
    .lw-btn,
    .pa-btn,
    .pa-field-button,
    .apa-btn,
    .ips-btn,
    .cap-btn,
    .f154-btn,
    .f154-preset,
    .dr-btn,
    .dr-preset,
    .bn-button,
    .bn-mode,
    .bn-scenario,
    .cc-button,
    .cc-mode,
    .cc-scenario,
    .gts-action,
    .gts-secondary,
    .gts-scenario,
    .frag-btn,
    .frag-preset,
    .ip-btn,
    .ip-button,
    .ip-chip,
    .ip-preset,
    .lr-button,
    .lr-mode,
    .lr-scenario,
    button
  ) {
  border-radius: 8px !important;
  box-shadow: none !important;
  transform: none !important;
}

[data-iot-interactive-theme="flat"]
  :where(
    .bandwidth-btn,
    .range-btn,
    .pl-btn,
    .po-btn,
    .cp-btn,
    .lw-btn,
    .pa-btn,
    .apa-btn,
    .ips-btn,
    .cap-btn,
    .f154-btn,
    button.primary,
    button.is-primary,
    .dr-btn.is-primary,
    .bn-button.primary,
    .bn-mode.is-active,
    .bn-scenario.is-active,
    .cc-button.primary,
    .cc-mode.is-active,
    .cc-scenario.is-active,
    .gts-action,
    .gts-scenario.is-active,
    .frag-btn,
    .frag-btn-primary,
    .frag-preset.active,
    .ip-btn,
    .ip-button.primary,
    .ip-chip.active,
    .lr-button.primary,
    .lr-mode.is-active,
    .lr-scenario.is-active
  ) {
  background: var(--iot-sim-accent) !important;
  border: 1px solid var(--iot-sim-accent) !important;
  color: #ffffff !important;
}

[data-iot-interactive-theme="flat"]
  :where(
    .bandwidth-btn.secondary,
    .range-btn.secondary,
    .pl-btn.secondary,
    .po-btn.secondary,
    .cp-btn.secondary,
    .lw-btn.secondary,
    .bandwidth-preset,
    .range-preset,
    .pl-preset,
    .po-preset,
    .cp-preset,
    .lw-preset,
    .pa-btn.secondary,
    .apa-btn.secondary,
    .ips-btn.secondary,
    .pl-btn-secondary,
    .cap-btn.secondary,
    .f154-preset,
    .dr-btn:not(.is-primary),
    .dr-preset,
    .bn-button:not(.primary):not(.warn),
    .bn-mode:not(.is-active),
    .bn-scenario:not(.is-active),
    .cc-button:not(.primary):not(.warn),
    .cc-mode:not(.is-active),
    .cc-scenario:not(.is-active),
    .gts-secondary,
    .gts-scenario:not(.is-active),
    .frag-preset,
    .ip-button:not(.primary),
    .ip-chip:not(.active),
    .ip-preset,
    .lr-button:not(.primary):not(.warn),
    .lr-mode:not(.is-active),
    .lr-scenario:not(.is-active)
  ) {
  background: var(--iot-sim-panel) !important;
  border-color: var(--iot-sim-border) !important;
  color: var(--iot-sim-ink) !important;
}

[data-iot-interactive-theme="flat"]
  :where(button:hover, .pt-btn:hover, .cpg-btn:hover, .ack-btn:hover, .cpg-choice:hover) {
  box-shadow: none !important;
  transform: none !important;
}

[data-iot-interactive-theme="flat"]
  :where(#bnStageReadout, #lrStageReadout, .bn-stage.is-active h3, .lr-stage.is-active h3) {
  color: var(--iot-sim-ink) !important;
}

[data-iot-interactive-theme="flat"]
  :where(
    .bn-button.primary,
    .bn-mode.is-active,
    .bn-scenario.is-active,
    .lr-button.primary,
    .lr-mode.is-active,
    .lr-scenario.is-active
  ) {
  background: var(--iot-sim-accent) !important;
  border-color: var(--iot-sim-accent) !important;
  color: #ffffff !important;
}

[data-iot-interactive-theme="flat"] :where(.bn-button.warn, .lr-button.warn) {
  background: #87510f !important;
  border-color: #87510f !important;
  color: #ffffff !important;
}

#beaconLab[data-iot-interactive-theme="flat"]
  :where(.bn-button.primary, .bn-mode.is-active, .bn-scenario.is-active),
#lowpanRoutingLab[data-iot-interactive-theme="flat"]
  :where(.lr-button.primary, .lr-mode.is-active, .lr-scenario.is-active) {
  background: var(--iot-sim-accent) !important;
  border-color: var(--iot-sim-accent) !important;
  color: #ffffff !important;
}

#beaconLab[data-iot-interactive-theme="flat"] :where(.bn-button.warn),
#lowpanRoutingLab[data-iot-interactive-theme="flat"] :where(.lr-button.warn) {
  background: #87510f !important;
  border-color: #87510f !important;
  color: #ffffff !important;
}

#beaconLab[data-iot-interactive-theme="flat"] :where(output),
#lowpanRoutingLab[data-iot-interactive-theme="flat"] :where(output) {
  color: var(--iot-sim-ink) !important;
}

#beaconLab[data-iot-interactive-theme="flat"] :where(.bn-insight span.warn),
#lowpanRoutingLab[data-iot-interactive-theme="flat"] :where(.lr-insight span.warn) {
  background: #87510f !important;
  color: #ffffff !important;
}

#beaconLab[data-iot-interactive-theme="flat"] :where(.bn-insight span.good),
#lowpanRoutingLab[data-iot-interactive-theme="flat"] :where(.lr-insight span.good) {
  background: #1f6f49 !important;
  color: #ffffff !important;
}

#csma154Lab[data-iot-module="wifi-mobile"],
#full154Lab[data-iot-module="wifi-mobile"],
#rate154Lab[data-iot-module="wifi-mobile"],
#beaconLab[data-iot-module="wifi-mobile"],
#gts154Lab[data-iot-module="wifi-mobile"] {
  --blue: #31547f !important;
  --green: var(--iot-sim-module-strong) !important;
  --teal: var(--iot-sim-module-accent) !important;
}

#csma154Lab[data-iot-module="wifi-mobile"]
  :where(
    #initialize,
    #random-backoff,
    #cca-1,
    #cca-2-or-tx,
    #data-ack,
    #retry-or-done,
    #ccStageReadout,
    #formula-trace,
    #mode-comparison,
    #reference-material,
    #related-learning
  ),
#beaconLab[data-iot-module="wifi-mobile"]
  :where(
    [id="2-sync"],
    [id="3-cap"],
    [id="4-cfp"],
    [id="5-sleep"],
    [id="6-next"],
    #bnFormulaTitle,
    #bnReferenceTitle,
    #bnRelatedTitle
  ),
#gts154Lab[data-iot-module="wifi-mobile"] :where(#formula-trace, #related-learning),
#full154Lab[data-iot-module="wifi-mobile"]
  :where(#formula-trace, #continue-with-focused-animations),
#rate154Lab[data-iot-module="wifi-mobile"]
  :where(#formula-trace, #reference-material, #related-learning) {
  color: var(--iot-sim-module-strong) !important;
  opacity: 1 !important;
}

#beaconLab[data-iot-module="wifi-mobile"] :where(#bnModeBadge),
#gts154Lab[data-iot-module="wifi-mobile"] :where(.gts-mode input:checked + span),
#full154Lab[data-iot-module="wifi-mobile"]
  :where(.f154-card > span, #f154Step, .f154-mode-row label:has(input:checked)) {
  background: var(--blue) !important;
  border-color: var(--blue) !important;
  color: #ffffff !important;
  opacity: 1 !important;
}

[data-iot-interactive-theme="flat"][data-iot-recolor-pilot="true"]
  :where(
    .ip-card h3,
    .ip-panel h3,
    .ip-control-panel h3,
    .ip-formula h3,
    .ip-reference h3,
    .ip-related h3,
    .ip-stage-card h3,
    .ip-feedback-card strong
  ) {
  color: var(--iot-sim-module-strong) !important;
  opacity: 1 !important;
}

[data-iot-interactive-theme="flat"][data-iot-recolor-pilot="true"]
  :where(.ip-button.primary, .ip-chip.active) {
  background: var(--iot-sim-module-strong) !important;
  border-color: var(--iot-sim-module-strong) !important;
  color: #ffffff !important;
}

[data-iot-interactive-theme="flat"][data-iot-recolor-pilot="true"]
  :where(.ip-button.secondary, .ip-button:not(.primary), .ip-chip:not(.active)) {
  color: var(--iot-sim-ink) !important;
}

[data-iot-interactive-theme="flat"][data-iot-recolor-pilot="true"][data-iot-module="rfid-nfc-uwb"] {
  --iot-sim-module-accent: #66bb6a !important;
  --iot-sim-module-strong: #2e7d32 !important;
  --iot-sim-module-tint: #f1faed !important;
  --iot-sim-module-tint-strong: #e3f4df !important;
  --accent: var(--iot-sim-module-accent) !important;
  --blue: #4c956c !important;
  --deep: var(--iot-sim-module-strong) !important;
  --deep-2: #3f9344 !important;
  --green: var(--iot-sim-module-strong) !important;
  --line: color-mix(in srgb, var(--iot-sim-module-accent) 30%, #d7e2e7) !important;
  --reader: #4c956c !important;
  --tag: #43a047 !important;
  --teal: var(--iot-sim-module-accent) !important;
  --teal-soft: var(--iot-sim-module-tint) !important;
  --uwb: var(--iot-sim-module-accent) !important;
  --wash: var(--iot-sim-module-tint) !important;
  --wash-2: var(--iot-sim-module-tint-strong) !important;
  background: var(--iot-sim-page) !important;
  border-color: var(--iot-sim-border) !important;
  box-shadow: none !important;
}

[data-iot-interactive-theme="flat"][data-iot-recolor-pilot="true"][data-iot-module="rfid-nfc-uwb"]
  :where(
    .rfid-hero,
    .rfid-state-hero,
    .nfc-hero,
    .llcp-hero,
    .tag-hero,
    .ua-hero,
    .ut-hero,
    .wh-hero,
    .isa-hero,
    .zwm-hero,
    .zwr-hero
  ) {
  color: var(--iot-sim-ink) !important;
  background: var(--iot-sim-module-tint) !important;
  border: 1px solid var(--iot-sim-border) !important;
  border-left: 4px solid var(--iot-sim-module-accent) !important;
  box-shadow: none !important;
}

[data-iot-interactive-theme="flat"][data-iot-recolor-pilot="true"][data-iot-module="rfid-nfc-uwb"]
  :where(
    .rfid-hero h2,
    .rfid-hero p,
    .rfid-state-hero h2,
    .rfid-state-hero p,
    .nfc-hero h2,
    .nfc-hero p,
    .llcp-hero h2,
    .llcp-hero p,
    .tag-hero h2,
    .tag-hero p,
    .ua-hero h2,
    .ua-hero p,
    .ut-hero h2,
    .ut-hero p,
    .wh-hero h2,
    .wh-hero p,
    .isa-hero h2,
    .isa-hero p,
    .zwm-hero h2,
    .zwm-hero p,
    .zwr-hero h2,
    .zwr-hero p
  ) {
  color: var(--iot-sim-ink) !important;
}

[data-iot-interactive-theme="flat"][data-iot-recolor-pilot="true"][data-iot-module="rfid-nfc-uwb"]
  :where(
    .rfid-pill,
    .rfid-metric,
    .rfid-state-pill,
    .rfid-state-metric,
    .nfc-tag,
    .nfc-hero-metric,
    .llcp-tag,
    .llcp-hero-metric,
    .tag-chip,
    .tag-hero-metric,
    .ua-tag,
    .ua-metric,
    .ut-tag,
    .ut-metric,
    .wh-pill,
    .wh-hero-metric,
    .isa-pill,
    .isa-hero-metric,
    .zwm-pill,
    .zwm-metric,
    .zwr-pill,
    .zwr-metric
  ) {
  color: var(--iot-sim-ink) !important;
  background: var(--iot-sim-panel) !important;
  border: 1px solid var(--iot-sim-border) !important;
  box-shadow: none !important;
}

[data-iot-interactive-theme="flat"][data-iot-recolor-pilot="true"][data-iot-module="rfid-nfc-uwb"]
  :where(
    .rfid-card,
    .rfid-panel,
    .rfid-main-panel,
    .rfid-ref-card,
    .rfid-practice-card,
    .rfid-tech-card,
    .rfid-reference-panel,
    .rfid-flow-card,
    .rfid-state-card,
    .rfid-state-panel,
    .rfid-state-control-card,
    .rfid-state-reference-card,
    .rfid-state-companion-card,
    .nfc-ramp-card,
    .nfc-workbench,
    .nfc-panel,
    .nfc-control-panel,
    .nfc-code-card,
    .nfc-ref-card,
    .llcp-card,
    .llcp-panel,
    .llcp-reference-card,
    .tag-card,
    .tag-workbench,
    .tag-panel,
    .tag-ref-card,
    .ua-card,
    .ua-panel,
    .ua-stage-card,
    .ua-source-card,
    .ut-card,
    .ut-panel,
    .ut-stage-card,
    .ut-formula-card,
    .ut-source-card,
    .wh-panel,
    .wh-metric,
    .wh-ref-card,
    .isa-panel,
    .isa-card,
    .isa-ref-card,
    .isa-attribute-card,
    .zwm-card,
    .zwm-visual-card,
    .zwm-panel,
    .zwm-evidence-card,
    .zwm-details-card,
    .zwm-support-card,
    .zwm-ref-card,
    .zwm-practice-card,
    .zwr-card,
    .zwr-visual-card,
    .zwr-panel,
    .zwr-stage,
    .zwr-evidence-card,
    .zwr-ref-card,
    .zwr-support-card,
    .zwr-practice-card
  ) {
  background: var(--iot-sim-panel) !important;
  border-color: color-mix(
    in srgb,
    var(--iot-sim-module-accent) 30%,
    var(--iot-sim-border)
  ) !important;
  box-shadow: none !important;
}

[data-iot-interactive-theme="flat"][data-iot-recolor-pilot="true"][data-iot-module="rfid-nfc-uwb"]
  :where(
    .rfid-card h3,
    .rfid-panel h3,
    .rfid-reference-panel h3,
    .rfid-tech-card h3,
    .rfid-state-card h3,
    .rfid-state-panel h3,
    .rfid-state-reference-card h3,
    .nfc-panel h3,
    .nfc-ref-card h3,
    .llcp-card h3,
    .llcp-panel h3,
    .llcp-reference-card h3,
    .tag-card h3,
    .tag-panel h3,
    .tag-ref-card h3,
    .ua-card h3,
    .ua-panel h3,
    .ut-card h3,
    .ut-panel h3,
    .wh-panel h3,
    .wh-ref-card strong,
    .isa-panel h3,
    .isa-card strong,
    .isa-ref-card strong,
    .zwm-card h3,
    .zwm-panel h3,
    .zwr-card h3,
    .zwr-panel h3
  ) {
  color: var(--iot-sim-module-strong) !important;
}

[data-iot-interactive-theme="flat"][data-iot-recolor-pilot="true"][data-iot-module="rfid-nfc-uwb"]
  :where(
    .rfid-button,
    .rfid-scenario-button.active,
    .rfid-stage.active,
    .rfid-stage.is-active,
    .rfid-flow-card.is-active,
    .rfid-state-btn.primary,
    .rfid-state-stage.is-active,
    .rfid-state-flow-card.active,
    .nfc-btn.primary,
    .nfc-scenario.active,
    .nfc-stage.active,
    .llcp-btn.primary,
    .llcp-btn[aria-pressed="true"],
    .tag-btn.primary,
    .tag-stage.active,
    .ua-button.primary,
    .ua-scenario.is-active,
    .ua-stage-card.is-active,
    .ut-btn:not(.secondary):not(.reset),
    .ut-scenario.is-active,
    .ut-stage-card.is-active,
    .wh-scenario[aria-pressed="true"],
    .wh-channel-btn[aria-pressed="true"],
    .isa-scenario.active,
    .isa-badge,
    .zwm-btn.primary,
    .zwm-scenario.is-active,
    .zwm-stage.is-active,
    .zwr-btn.primary,
    .zwr-scenario-btn[aria-pressed="true"],
    .zwr-stage.active
  ) {
  background: var(--iot-sim-module-strong) !important;
  border-color: var(--iot-sim-module-strong) !important;
  color: #ffffff !important;
}

[data-iot-interactive-theme="flat"][data-iot-recolor-pilot="true"][data-iot-module="rfid-nfc-uwb"]
  :where(
    .rfid-diagnosis,
    .rfid-diagnosis-grid,
    .rfid-state-status-pill,
    .nfc-mini-tag,
    .llcp-diagnosis,
    .tag-diagnosis,
    .ua-diagnosis-card,
    .ut-diagnosis,
    .ut-result-card,
    .wh-status-pill,
    .wh-diagnosis-card,
    .isa-status,
    .isa-attribute-card.active,
    .zwm-status-badge,
    .zwr-status,
    .zwr-callout
  ) {
  background: var(--iot-sim-module-tint) !important;
  border-color: color-mix(
    in srgb,
    var(--iot-sim-module-accent) 38%,
    var(--iot-sim-border)
  ) !important;
  color: var(--iot-sim-ink) !important;
}

[data-iot-interactive-theme="flat"][data-iot-recolor-pilot="true"][data-iot-module="rfid-nfc-uwb"]
  :where(input[type="range"], progress) {
  accent-color: var(--iot-sim-module-accent) !important;
}

#accessibilityChecker[data-iot-interactive-theme="flat"][data-iot-recolor-pilot="true"][data-iot-module="accessibility"],
#locationSelector[data-iot-interactive-theme="flat"][data-iot-recolor-pilot="true"][data-iot-module="accessibility"] {
  --iot-sim-module-accent: #ec407a !important;
  --iot-sim-module-strong: #8b1e4d !important;
  --iot-sim-module-tint: #fcebf2 !important;
  --iot-sim-module-tint-strong: #f8d3e3 !important;
  --muted: #4b5f69 !important;
  --deep: var(--iot-sim-module-strong) !important;
  --deep-2: #5f1734 !important;
  --teal: var(--iot-sim-module-accent) !important;
  --green: #2f7d4f !important;
  --blue: #556aa3 !important;
  --amber: #8a5a0f !important;
  --orange: #9a4d20 !important;
  --red: #a84961 !important;
  --coral: #a84961 !important;
  --violet: var(--iot-sim-module-strong) !important;
  --wash: var(--iot-sim-module-tint) !important;
  --wash-2: var(--iot-sim-module-tint-strong) !important;
  --line: color-mix(in srgb, var(--iot-sim-module-accent) 28%, #d7e2e7) !important;
  --shadow: none !important;
}

#accessibilityChecker[data-iot-interactive-theme="flat"][data-iot-recolor-pilot="true"][data-iot-module="accessibility"],
#locationSelector[data-iot-interactive-theme="flat"][data-iot-recolor-pilot="true"][data-iot-module="accessibility"] {
  color: var(--iot-sim-ink) !important;
  background: var(--iot-sim-page) !important;
  border-color: var(--iot-sim-border) !important;
  box-shadow: none !important;
}

#accessibilityChecker[data-iot-interactive-theme="flat"][data-iot-recolor-pilot="true"][data-iot-module="accessibility"]
  :where(.ac-hero),
#locationSelector[data-iot-interactive-theme="flat"][data-iot-recolor-pilot="true"][data-iot-module="accessibility"]
  :where(.lt-hero) {
  /* Wrapper is already neutral (--iot-sim-page); the hero was still on the
     saturated module tint. Same white-card + left-border-accent rule as
     the fundamentals fix (recolor-pilot design review, ceo-decision-
     packs.md Pack B, 2026-07-22). */
  color: var(--iot-sim-ink) !important;
  background: var(--iot-sim-panel) !important;
  border: 1px solid var(--iot-sim-border) !important;
  border-left: 4px solid var(--iot-sim-module-accent) !important;
  box-shadow: none !important;
}

#accessibilityChecker[data-iot-interactive-theme="flat"][data-iot-recolor-pilot="true"][data-iot-module="accessibility"]
  :where(.ac-hero h2, .ac-hero p, .ac-metric strong, .ac-metric span),
#locationSelector[data-iot-interactive-theme="flat"][data-iot-recolor-pilot="true"][data-iot-module="accessibility"]
  :where(.lt-hero h2, .lt-hero p, .lt-metric strong, .lt-metric span) {
  color: var(--iot-sim-ink) !important;
}

#accessibilityChecker[data-iot-interactive-theme="flat"][data-iot-recolor-pilot="true"][data-iot-module="accessibility"]
  :where(
    .ac-tag,
    .ac-metric,
    .ac-card,
    .ac-stage-card,
    .ac-rule,
    .ac-check-card,
    .ac-reference,
    .ac-practice,
    .ac-link-card
  ),
#locationSelector[data-iot-interactive-theme="flat"][data-iot-recolor-pilot="true"][data-iot-module="accessibility"]
  :where(
    .lt-tag,
    .lt-metric,
    .lt-card,
    .lt-stage-card,
    .lt-feedback-card,
    .lt-formula-card,
    .lt-ref-card,
    .lt-link-card
  ) {
  color: var(--iot-sim-ink) !important;
  background: var(--iot-sim-panel) !important;
  border: 1px solid var(--iot-sim-border) !important;
  box-shadow: none !important;
}

#accessibilityChecker[data-iot-interactive-theme="flat"][data-iot-recolor-pilot="true"][data-iot-module="accessibility"]
  :where(.ac-stage-card.is-active, .ac-chip.is-active, .ac-button:not(.secondary):not(.warning)),
#locationSelector[data-iot-interactive-theme="flat"][data-iot-recolor-pilot="true"][data-iot-module="accessibility"]
  :where(.lt-stage-card.active, .lt-chip.active, .lt-button.primary, .lt-stage-pill) {
  color: #ffffff !important;
  background: var(--iot-sim-module-strong) !important;
  border-color: var(--iot-sim-module-strong) !important;
}

#accessibilityChecker[data-iot-interactive-theme="flat"][data-iot-recolor-pilot="true"][data-iot-module="accessibility"]
  :where(
    .ac-stage-card.is-active h3,
    .ac-stage-card.is-active p,
    .ac-stage-card.is-active .ac-step-index,
    button.ac-chip.is-active
  ),
#locationSelector[data-iot-interactive-theme="flat"][data-iot-recolor-pilot="true"][data-iot-module="accessibility"]
  :where(
    .lt-stage-card.active h3,
    .lt-stage-card.active p,
    .lt-stage-card.active strong,
    button.lt-chip.active
  ) {
  color: #ffffff !important;
}

#accessibilityChecker[data-iot-interactive-theme="flat"][data-iot-recolor-pilot="true"][data-iot-module="accessibility"]
  :where(
    .ac-panel,
    .ac-diagnosis,
    .ac-details,
    .ac-visual-shell,
    .ac-control-grid,
    .ac-slider,
    .ac-select,
    .ac-toggle
  ),
#locationSelector[data-iot-interactive-theme="flat"][data-iot-recolor-pilot="true"][data-iot-module="accessibility"]
  :where(
    .lt-panel,
    .lt-control-panel,
    .lt-formula,
    .lt-reference,
    .lt-related,
    .lt-visual-wrap,
    .lt-reference details
  ) {
  border-color: color-mix(
    in srgb,
    var(--iot-sim-module-accent) 28%,
    var(--iot-sim-border)
  ) !important;
  box-shadow: none !important;
}

#accessibilityChecker[data-iot-interactive-theme="flat"][data-iot-recolor-pilot="true"][data-iot-module="accessibility"]
  :where(
    .ac-panel h3,
    .ac-card h3,
    .ac-reference h3,
    .ac-practice h3,
    .ac-link-card h3,
    .ac-stage-card h3,
    .ac-check-card h3,
    .ac-check-card strong,
    .ac-rule strong,
    .ac-slider output,
    .ac-select output,
    #acSvgScore
  ),
#locationSelector[data-iot-interactive-theme="flat"][data-iot-recolor-pilot="true"][data-iot-module="accessibility"]
  :where(
    .lt-panel h3,
    .lt-control-panel h3,
    .lt-card h3,
    .lt-stage-card h3,
    .lt-feedback-card strong,
    .lt-formula h3,
    .lt-reference h3,
    .lt-related h3,
    .lt-link-card strong,
    .lt-control output
  ) {
  color: var(--iot-sim-module-strong) !important;
}

#accessibilityChecker[data-iot-interactive-theme="flat"][data-iot-recolor-pilot="true"][data-iot-module="accessibility"]
  :where(.ac-button.secondary, .ac-chip, .ac-key),
#locationSelector[data-iot-interactive-theme="flat"][data-iot-recolor-pilot="true"][data-iot-module="accessibility"]
  :where(.lt-button.secondary, .lt-chip, .lt-control input[type="range"]) {
  color: var(--iot-sim-ink) !important;
  accent-color: var(--iot-sim-module-accent) !important;
}

#accessibilityChecker[data-iot-interactive-theme="flat"][data-iot-recolor-pilot="true"][data-iot-module="accessibility"]
  :where(.ac-chip.is-active),
#locationSelector[data-iot-interactive-theme="flat"][data-iot-recolor-pilot="true"][data-iot-module="accessibility"]
  :where(.lt-chip.active) {
  color: #ffffff !important;
  background: var(--iot-sim-module-strong) !important;
  border-color: var(--iot-sim-module-strong) !important;
}

#accessibilityChecker[data-iot-interactive-theme="flat"][data-iot-recolor-pilot="true"][data-iot-module="accessibility"]
  :where(#acScoreBar, #acScanToken, #acStatusDot, #acCriticalButton),
#locationSelector[data-iot-interactive-theme="flat"][data-iot-recolor-pilot="true"][data-iot-module="accessibility"]
  :where(.lt-stage-card.active strong) {
  fill: var(--iot-sim-module-accent) !important;
  background: var(--iot-sim-module-accent) !important;
  border-color: var(--iot-sim-module-accent) !important;
}

#accessibilityChecker[data-iot-interactive-theme="flat"][data-iot-recolor-pilot="true"][data-iot-module="accessibility"]
  :where(#acScanBox, #acFocusRing) {
  stroke: var(--iot-sim-module-accent) !important;
}

#accessibilityChecker[data-iot-interactive-theme="flat"][data-iot-recolor-pilot="true"][data-iot-module="accessibility"]
  :where(.ac-stage-card.is-active .ac-step-index, .ac-badge),
#locationSelector[data-iot-interactive-theme="flat"][data-iot-recolor-pilot="true"][data-iot-module="accessibility"]
  :where(.lt-stage-card.active strong) {
  color: #ffffff !important;
  background: var(--iot-sim-module-strong) !important;
}

#accessibilityChecker[data-iot-interactive-theme="flat"][data-iot-recolor-pilot="true"][data-iot-module="accessibility"]
  :where(.ac-diagnosis, .ac-rule.warn, .ac-check-card.warn, .ac-details-content),
#locationSelector[data-iot-interactive-theme="flat"][data-iot-recolor-pilot="true"][data-iot-module="accessibility"]
  :where(.lt-mobile-summary, .lt-formula-card, .lt-ref-card) {
  /* None of these classes carry a background in the page's own base CSS
     (.ac-rule/.ac-check-card only vary their top-border color by state;
     .ac-diagnosis and .ac-details-content are transparent over a white
     parent) -- this !important override was painting them with the full
     module wash regardless of state. Same white-card rule as the rest of
     the recolor-pilot fix (recolor-pilot design review, ceo-decision-
     packs.md Pack B, 2026-07-22). */
  background: var(--iot-sim-panel) !important;
}

#databaseDetectiveGame[data-iot-interactive-theme="flat"][data-iot-recolor-pilot="true"][data-iot-module="data-storage"],
#databaseSelectorTool[data-iot-interactive-theme="flat"][data-iot-recolor-pilot="true"][data-iot-module="data-storage"] {
  --iot-sim-module-accent: #0d47a1 !important;
  --iot-sim-module-strong: #062b67 !important;
  --iot-sim-module-tint: #edf4ff !important;
  --iot-sim-module-tint-strong: #dceaff !important;
  --deep: var(--iot-sim-module-strong) !important;
  --deep-2: #0a3a83 !important;
  --teal: var(--iot-sim-module-accent) !important;
  --green: #2f6f5a !important;
  --blue: var(--iot-sim-module-accent) !important;
  --amber: #7a5b12 !important;
  --orange: #8a4f1f !important;
  --red: #a64358 !important;
  --violet: #604a9a !important;
  --wash: var(--iot-sim-module-tint) !important;
  --wash-2: var(--iot-sim-module-tint-strong) !important;
  --line: color-mix(in srgb, var(--iot-sim-module-accent) 28%, #d7e2e7) !important;
  --shadow: none !important;
}

#databaseDetectiveGame[data-iot-interactive-theme="flat"][data-iot-recolor-pilot="true"][data-iot-module="data-storage"],
#databaseSelectorTool[data-iot-interactive-theme="flat"][data-iot-recolor-pilot="true"][data-iot-module="data-storage"] {
  color: var(--iot-sim-ink) !important;
  background: var(--iot-sim-page) !important;
  border-color: var(--iot-sim-border) !important;
  box-shadow: none !important;
}

#databaseDetectiveGame[data-iot-interactive-theme="flat"][data-iot-recolor-pilot="true"][data-iot-module="data-storage"]
  :where(.dd-hero),
#databaseSelectorTool[data-iot-interactive-theme="flat"][data-iot-recolor-pilot="true"][data-iot-module="data-storage"]
  :where(.ds-header) {
  color: var(--iot-sim-ink) !important;
  background: var(--iot-sim-module-tint) !important;
  border: 1px solid var(--iot-sim-border) !important;
  border-left: 4px solid var(--iot-sim-module-accent) !important;
  box-shadow: none !important;
}

#databaseDetectiveGame[data-iot-interactive-theme="flat"][data-iot-recolor-pilot="true"][data-iot-module="data-storage"]
  :where(.dd-hero h2, .dd-hero p, .dd-pill, .dd-hero-metric strong, .dd-hero-metric span),
#databaseSelectorTool[data-iot-interactive-theme="flat"][data-iot-recolor-pilot="true"][data-iot-module="data-storage"]
  :where(.ds-header h2, .ds-header p) {
  color: var(--iot-sim-ink) !important;
}

#databaseDetectiveGame[data-iot-interactive-theme="flat"][data-iot-recolor-pilot="true"][data-iot-module="data-storage"]
  :where(
    .dd-pill,
    .dd-hero-metric,
    .dd-card,
    .dd-panel,
    .dd-detail,
    .dd-evidence-card,
    .dd-suspect-card,
    .dd-stage-card,
    .dd-score-card,
    .dd-data-card,
    .dd-verdict,
    .dd-flow-node
  ),
#databaseSelectorTool[data-iot-interactive-theme="flat"][data-iot-recolor-pilot="true"][data-iot-module="data-storage"]
  :where(
    .ds-body,
    .ds-panel,
    .ds-guide-card,
    .ds-toolbar,
    .ds-summary-item,
    .ds-rec-card,
    .ds-preset-btn,
    .ds-table th
  ) {
  color: var(--iot-sim-ink) !important;
  background: var(--iot-sim-panel) !important;
  border-color: color-mix(
    in srgb,
    var(--iot-sim-module-accent) 24%,
    var(--iot-sim-border)
  ) !important;
  box-shadow: none !important;
}

#databaseDetectiveGame[data-iot-interactive-theme="flat"][data-iot-recolor-pilot="true"][data-iot-module="data-storage"]
  :where(
    .dd-panel h3,
    .dd-detail summary,
    .dd-evidence-card strong,
    .dd-suspect-card strong,
    .dd-stage-card strong,
    .dd-score-card strong,
    .dd-data-card strong,
    .dd-verdict strong,
    .dd-rank-item strong,
    .dd-related a
  ),
#databaseSelectorTool[data-iot-interactive-theme="flat"][data-iot-recolor-pilot="true"][data-iot-module="data-storage"]
  :where(
    .ds-panel h3,
    .ds-guide-card h3,
    .ds-insight h3,
    .ds-range-val,
    .ds-rec-card .rec-name,
    .ds-summary-item .value
  ) {
  color: var(--iot-sim-module-strong) !important;
  border-bottom-color: var(--iot-sim-module-accent) !important;
}

#databaseDetectiveGame[data-iot-interactive-theme="flat"][data-iot-recolor-pilot="true"][data-iot-module="data-storage"]
  :where(
    .dd-stage-card.is-active,
    .dd-flow-node.is-active,
    .dd-button.primary,
    .dd-button.warn,
    .dd-suspect-card.is-selected
  ),
#databaseSelectorTool[data-iot-interactive-theme="flat"][data-iot-recolor-pilot="true"][data-iot-module="data-storage"]
  :where(.ds-preset-btn.active, .ds-rec-card .rec-score, .ds-fit-fill, .ds-reset) {
  color: #ffffff !important;
  background: var(--iot-sim-module-strong) !important;
  border-color: var(--iot-sim-module-strong) !important;
}

#databaseDetectiveGame[data-iot-interactive-theme="flat"][data-iot-recolor-pilot="true"][data-iot-module="data-storage"]
  :where(.dd-stage-card.is-active span) {
  color: #ffffff !important;
}

#databaseDetectiveGame[data-iot-interactive-theme="flat"][data-iot-recolor-pilot="true"][data-iot-module="data-storage"]
  :where(.dd-scene, .dd-signal-wrap, .dd-detail-body, .dd-verdict[data-state="neutral"]),
#databaseSelectorTool[data-iot-interactive-theme="flat"][data-iot-recolor-pilot="true"][data-iot-module="data-storage"]
  :where(.ds-rec-card.rank1, .ds-preset-btn:hover, .ds-table th) {
  background: var(--iot-sim-module-tint) !important;
}

#databaseSelectorTool[data-iot-interactive-theme="flat"][data-iot-recolor-pilot="true"][data-iot-module="data-storage"]
  :where(.ds-range-labels) {
  color: #52636d !important;
}

#databaseDetectiveGame[data-iot-interactive-theme="flat"][data-iot-recolor-pilot="true"][data-iot-module="data-storage"]
  :where(.dd-token, .dd-case-badge, .dd-bar span),
#databaseSelectorTool[data-iot-interactive-theme="flat"][data-iot-recolor-pilot="true"][data-iot-module="data-storage"]
  :where(.ds-fit-fill) {
  color: #ffffff !important;
  background: var(--iot-sim-module-accent) !important;
  border-color: var(--iot-sim-module-accent) !important;
}

#databaseSelectorTool[data-iot-interactive-theme="flat"][data-iot-recolor-pilot="true"][data-iot-module="data-storage"]
  .ds-field
  input[type="range"]::-webkit-slider-thumb {
  background: var(--iot-sim-module-accent) !important;
}

#databaseSelectorTool[data-iot-interactive-theme="flat"][data-iot-recolor-pilot="true"][data-iot-module="data-storage"]
  .ds-field
  input[type="range"]::-moz-range-thumb {
  background: var(--iot-sim-module-accent) !important;
  border-color: var(--iot-sim-module-accent) !important;
}

#databaseDetectiveGame[data-iot-interactive-theme="flat"][data-iot-recolor-pilot="true"][data-iot-module="data-storage"]
  :where(button, select),
#databaseSelectorTool[data-iot-interactive-theme="flat"][data-iot-recolor-pilot="true"][data-iot-module="data-storage"]
  :where(button, select, input[type="range"]) {
  accent-color: var(--iot-sim-module-accent) !important;
}

[data-iot-interactive-theme="flat"]
  :where(button:focus-visible, select:focus-visible, textarea:focus-visible, input:focus-visible) {
  outline: 3px solid var(--iot-sim-focus);
  outline-offset: 2px;
}

@media (max-width: 760px) {
  .sim-learning-brief {
    grid-template-columns: 1fr;
  }

  #iphcWorkbench[data-iot-interactive-theme="flat"] .ip-hero {
    display: block !important;
    overflow-x: hidden !important;
  }

  #iphcWorkbench[data-iot-interactive-theme="flat"] .ip-hero > * {
    max-width: 100% !important;
    min-width: 0 !important;
  }
}

#privacyLab[data-iot-interactive-theme="flat"][data-iot-recolor-pilot="true"][data-iot-module="privacy-compliance"] {
  --iot-sim-module-accent: #8e24aa !important;
  --iot-sim-module-strong: #5d1374 !important;
  --iot-sim-module-tint: #f8effb !important;
  --iot-sim-module-tint-strong: #eddcf3 !important;
  --deep: var(--iot-sim-module-strong) !important;
  --deep-2: #741b8f !important;
  --muted: #52666f !important;
  --teal: var(--iot-sim-module-accent) !important;
  --green: #6a2fa0 !important;
  --blue: #5f5fb8 !important;
  --purple: var(--iot-sim-module-accent) !important;
  --coral: #7a2b90 !important;
  --paper: var(--iot-sim-module-tint) !important;
  --line: color-mix(in srgb, var(--iot-sim-module-accent) 24%, #d7e2e7) !important;
}

#privacyLab[data-iot-interactive-theme="flat"][data-iot-recolor-pilot="true"][data-iot-module="privacy-compliance"]
  .privacy-shell {
  background: linear-gradient(180deg, #ffffff 0%, var(--iot-sim-module-tint) 100%) !important;
  border-color: var(--line) !important;
  box-shadow: none !important;
}

#privacyLab[data-iot-interactive-theme="flat"][data-iot-recolor-pilot="true"][data-iot-module="privacy-compliance"]
  .privacy-hero {
  color: var(--iot-sim-ink) !important;
  background: var(--iot-sim-module-tint) !important;
  border-bottom: 1px solid var(--line) !important;
  border-left: 4px solid var(--iot-sim-module-accent) !important;
}

#privacyLab[data-iot-interactive-theme="flat"][data-iot-recolor-pilot="true"][data-iot-module="privacy-compliance"]
  :where(
    .privacy-hero h2,
    .privacy-hero p,
    .privacy-pill,
    .privacy-metric strong,
    .privacy-metric span
  ) {
  color: var(--iot-sim-ink) !important;
}

#privacyLab[data-iot-interactive-theme="flat"][data-iot-recolor-pilot="true"][data-iot-module="privacy-compliance"]
  :where(.privacy-pill, .privacy-metric) {
  background: var(--iot-sim-panel) !important;
  border-color: var(--line) !important;
}

#privacyLab[data-iot-interactive-theme="flat"][data-iot-recolor-pilot="true"][data-iot-module="privacy-compliance"]
  :where(
    .privacy-preset.is-active,
    .privacy-button.is-primary,
    .privacy-lens-badge,
    .privacy-check-dot
  ) {
  background: var(--iot-sim-module-strong) !important;
  border-color: var(--iot-sim-module-strong) !important;
  color: #ffffff !important;
}

#privacyLab[data-iot-interactive-theme="flat"][data-iot-recolor-pilot="true"][data-iot-module="privacy-compliance"]
  :where(.privacy-button.is-warning) {
  background: #7a2b90 !important;
  border-color: #7a2b90 !important;
  color: #ffffff !important;
}

#privacyLab[data-iot-interactive-theme="flat"][data-iot-recolor-pilot="true"][data-iot-module="privacy-compliance"]
  :where(
    .privacy-stage,
    .privacy-panel,
    .privacy-visual,
    .privacy-evidence-card,
    .privacy-control-block,
    .privacy-readout,
    .privacy-code-block,
    .privacy-checklist,
    .privacy-learning-card,
    .privacy-toggle,
    .privacy-code-block pre
  ) {
  border-color: var(--line) !important;
  box-shadow: none !important;
}

#privacyLab[data-iot-interactive-theme="flat"][data-iot-recolor-pilot="true"][data-iot-module="privacy-compliance"]
  :where(.privacy-readout, .privacy-stage.is-active) {
  border-left-color: var(--iot-sim-module-accent) !important;
}

#privacyLab[data-iot-interactive-theme="flat"][data-iot-recolor-pilot="true"][data-iot-module="privacy-compliance"]
  .privacy-stage.is-active {
  background: var(--iot-sim-panel) !important;
  border-color: var(--iot-sim-module-accent) !important;
  box-shadow: inset 0 0 0 1px color-mix(in srgb, var(--iot-sim-module-accent) 24%, transparent) !important;
}

#privacyLab[data-iot-interactive-theme="flat"][data-iot-recolor-pilot="true"][data-iot-module="privacy-compliance"]
  .privacy-stage.is-active
  small {
  background: var(--iot-sim-module-strong) !important;
  color: #ffffff !important;
}

#privacyLab[data-iot-interactive-theme="flat"][data-iot-recolor-pilot="true"][data-iot-module="privacy-compliance"]
  :where(.privacy-bar, .privacy-arrow.is-active) {
  background: var(--iot-sim-module-accent) !important;
  stroke: var(--iot-sim-module-accent) !important;
}

#privacyLab[data-iot-interactive-theme="flat"][data-iot-recolor-pilot="true"][data-iot-module="privacy-compliance"]
  :where(
    .privacy-node.is-active rect,
    .privacy-node.is-active path,
    .privacy-gate.is-active circle
  ) {
  fill: var(--iot-sim-module-tint) !important;
  stroke: var(--iot-sim-module-accent) !important;
  filter: none !important;
}

#privacyLab[data-iot-interactive-theme="flat"][data-iot-recolor-pilot="true"][data-iot-module="privacy-compliance"]
  .privacy-token
  circle {
  fill: var(--iot-sim-module-strong) !important;
  filter: none !important;
}

#privacyTrustLab[data-iot-interactive-theme="flat"][data-iot-recolor-pilot="true"][data-iot-module="privacy-by-design"] {
  --iot-sim-module-accent: #6a1b9a !important;
  --iot-sim-module-strong: #4a1368 !important;
  --iot-sim-module-tint: #f7eefb !important;
  --iot-sim-module-tint-strong: #ead7f2 !important;
  --ink: var(--iot-sim-ink) !important;
  --muted: var(--iot-sim-muted) !important;
  --line: color-mix(in srgb, var(--iot-sim-module-accent) 24%, #d9e5e6) !important;
  --wash: var(--iot-sim-module-tint) !important;
  --panel: var(--iot-sim-panel) !important;
  --deep: var(--iot-sim-module-strong) !important;
  --deep-2: #360b4d !important;
  --teal: var(--iot-sim-module-accent) !important;
  --green: #3f6f2a !important;
  --amber: #6f5000 !important;
  --orange: #7a3a00 !important;
  --blue: #285a9c !important;
  --red: #8a1c36 !important;
  --purple: var(--iot-sim-module-accent) !important;
  background: linear-gradient(180deg, #ffffff 0%, var(--iot-sim-module-tint) 100%) !important;
  border-color: var(--line) !important;
  box-shadow: none !important;
}

#privacyTrustLab[data-iot-interactive-theme="flat"][data-iot-recolor-pilot="true"][data-iot-module="privacy-by-design"]
  .pt-hero {
  color: var(--iot-sim-ink) !important;
  background: var(--iot-sim-module-tint) !important;
  border: 1px solid var(--line) !important;
  border-left: 4px solid var(--iot-sim-module-accent) !important;
  box-shadow: none !important;
}

#privacyTrustLab[data-iot-interactive-theme="flat"][data-iot-recolor-pilot="true"][data-iot-module="privacy-by-design"]
  :where(.pt-hero h2, .pt-hero p, .pt-tag, .pt-metric strong, .pt-metric span) {
  color: var(--iot-sim-ink) !important;
}

#privacyTrustLab[data-iot-interactive-theme="flat"][data-iot-recolor-pilot="true"][data-iot-module="privacy-by-design"]
  :where(.pt-tag, .pt-metric) {
  background: var(--iot-sim-panel) !important;
  border-color: var(--line) !important;
}

#privacyTrustLab[data-iot-interactive-theme="flat"][data-iot-recolor-pilot="true"][data-iot-module="privacy-by-design"]
  :where(
    .pt-stage,
    .pt-panel,
    .pt-section,
    .pt-guide-step,
    .pt-scene,
    .pt-result-card,
    .pt-card,
    .pt-link-card,
    .pt-control,
    .pt-preset,
    .pt-button
  ) {
  border-color: var(--line) !important;
  box-shadow: none !important;
}

#privacyTrustLab[data-iot-interactive-theme="flat"][data-iot-recolor-pilot="true"][data-iot-module="privacy-by-design"]
  :where(.pt-stage-head, .pt-panel-head, .pt-section summary) {
  border-color: var(--line) !important;
}

#privacyTrustLab[data-iot-interactive-theme="flat"][data-iot-recolor-pilot="true"][data-iot-module="privacy-by-design"]
  :where(.pt-preset.is-active, .pt-button.primary) {
  background: var(--iot-sim-module-strong) !important;
  border-color: var(--iot-sim-module-strong) !important;
  color: #ffffff !important;
}

#privacyTrustLab[data-iot-interactive-theme="flat"][data-iot-recolor-pilot="true"][data-iot-module="privacy-by-design"]
  .pt-button.secondary {
  color: var(--iot-sim-module-strong) !important;
  background: var(--iot-sim-module-tint) !important;
  border-color: var(--line) !important;
}

#privacyTrustLab[data-iot-interactive-theme="flat"][data-iot-recolor-pilot="true"][data-iot-module="privacy-by-design"]
  :where(.pt-control output, .pt-bar-value, .pt-svg-small, .pt-svg-tiny, .pt-svg-label) {
  color: var(--iot-sim-module-strong) !important;
  fill: var(--iot-sim-module-strong) !important;
}

#privacyTrustLab[data-iot-interactive-theme="flat"][data-iot-recolor-pilot="true"][data-iot-module="privacy-by-design"]
  .pt-guide-step.is-active {
  border-color: var(--iot-sim-module-accent) !important;
  box-shadow: inset 0 0 0 1px var(--iot-sim-module-accent) !important;
}

#privacyTrustLab[data-iot-interactive-theme="flat"][data-iot-recolor-pilot="true"][data-iot-module="privacy-by-design"]
  :where(.pt-diagnosis, .pt-caution) {
  background: var(--iot-sim-module-tint) !important;
  border-left-color: var(--iot-sim-module-accent) !important;
  color: var(--iot-sim-module-strong) !important;
}

#privacyTrustLab[data-iot-interactive-theme="flat"][data-iot-recolor-pilot="true"][data-iot-module="privacy-by-design"]
  :where(.pt-bar-track, .pt-scene) {
  background: var(--iot-sim-module-tint) !important;
}

#privacyTrustLab[data-iot-interactive-theme="flat"][data-iot-recolor-pilot="true"][data-iot-module="privacy-by-design"]
  .pt-control
  input {
  accent-color: var(--iot-sim-module-accent) !important;
}

#privacyTrustLab[data-iot-interactive-theme="flat"][data-iot-recolor-pilot="true"][data-iot-module="privacy-by-design"]
  .pt-scene
  svg
  :where(rect, circle, path, line, polygon) {
  filter: none !important;
}

#privacyTrustLab[data-iot-interactive-theme="flat"][data-iot-recolor-pilot="true"][data-iot-module="privacy-by-design"]
  .pt-link-card:hover {
  border-color: var(--iot-sim-module-accent) !important;
}

[data-iot-interactive-theme="flat"][data-iot-recolor-pilot="true"][data-iot-module="reference-architectures"] {
  --iot-sim-module-accent: #a98200 !important;
  --iot-sim-module-strong: #5f4900 !important;
  --iot-sim-module-tint: #fff7df !important;
  --iot-sim-module-tint-strong: #f3e2b8 !important;
  --amber: var(--iot-sim-module-accent) !important;
  --blue: #6b642f !important;
  --deep: var(--iot-sim-module-strong) !important;
  --deep-2: #8a6900 !important;
  --green: #657f2f !important;
  --line: color-mix(in srgb, var(--iot-sim-module-accent) 30%, #d7e2e7) !important;
  --soft: var(--iot-sim-module-tint) !important;
  --teal: var(--iot-sim-module-accent) !important;
  --wash: var(--iot-sim-module-tint) !important;
  --wash-2: var(--iot-sim-module-tint-strong) !important;
}

[data-iot-interactive-theme="flat"][data-iot-recolor-pilot="true"][data-iot-module="reference-architectures"]:where(
    #archLayerLab,
    #raSim,
    #iotaExplorer,
    #iotRefLab,
    #itutExplorer
  ) {
  display: block !important;
  grid-template-columns: none !important;
  justify-self: center !important;
  color: var(--iot-sim-ink) !important;
  background: var(--iot-sim-page) !important;
  border-color: var(--iot-sim-border) !important;
  box-shadow: none !important;
}

[data-iot-interactive-theme="flat"][data-iot-recolor-pilot="true"][data-iot-module="reference-architectures"]:where(
    #archLayerLab,
    #raSim,
    #iotaExplorer,
    #iotRefLab,
    #itutExplorer
  )
  > * {
  grid-column: auto !important;
  min-width: 0 !important;
  max-width: 100% !important;
}

[data-iot-interactive-theme="flat"][data-iot-recolor-pilot="true"][data-iot-module="reference-architectures"]
  :where(.arch-hero, .ra-header, .iota-hero, .irm-hero, .itut-hero) {
  color: var(--iot-sim-ink) !important;
  background: var(--iot-sim-module-tint) !important;
  border: 1px solid var(--line) !important;
  border-left: 4px solid var(--iot-sim-module-accent) !important;
  box-shadow: none !important;
}

[data-iot-interactive-theme="flat"][data-iot-recolor-pilot="true"][data-iot-module="reference-architectures"]
  :where(
    .arch-hero h1,
    .arch-hero p,
    .ra-header h2,
    .ra-header p,
    .iota-hero h2,
    .iota-hero p,
    .irm-hero h2,
    .irm-hero p,
    .itut-hero h1,
    .itut-hero p
  ) {
  color: var(--iot-sim-ink) !important;
}

[data-iot-interactive-theme="flat"][data-iot-recolor-pilot="true"][data-iot-module="reference-architectures"]
  :where(
    .arch-tag,
    .arch-metric,
    .ra-metric,
    .ra-component-tag,
    .iota-pill,
    .iota-hero-metric,
    .irm-pill,
    .irm-metric,
    .itut-pill,
    .itut-hero-metric
  ) {
  color: var(--iot-sim-ink) !important;
  background: var(--iot-sim-panel) !important;
  border-color: var(--line) !important;
  box-shadow: none !important;
}

[data-iot-interactive-theme="flat"][data-iot-recolor-pilot="true"][data-iot-module="reference-architectures"]
  :where(
    .arch-metric strong,
    .arch-metric span,
    .iota-hero-metric strong,
    .iota-hero-metric span,
    .irm-metric strong,
    .irm-metric span,
    .itut-hero-metric strong,
    .itut-hero-metric span
  ) {
  color: var(--iot-sim-ink) !important;
}

[data-iot-interactive-theme="flat"][data-iot-recolor-pilot="true"][data-iot-module="reference-architectures"]
  :where(
    .arch-stage,
    .arch-panel,
    .arch-support-card,
    .arch-link-card,
    .arch-guide-card,
    .arch-component,
    .arch-zone,
    .arch-flow-step,
    .ra-body,
    .ra-guide-card,
    .ra-toolbar,
    .ra-panel,
    .ra-layer,
    .ra-component,
    .ra-insight,
    .iota-stage,
    .iota-controls,
    .iota-panel,
    .iota-readout,
    .iota-support details,
    .itut-stage,
    .itut-controls,
    .itut-panel,
    .itut-readout,
    .irm-brief-card,
    .irm-panel,
    .irm-support-card,
    .irm-reference-card,
    .irm-practice-card,
    .irm-stage,
    .irm-layer,
    .irm-inspector,
    .irm-transform,
    .irm-volume,
    .irm-reference-snapshot,
    .irm-mini,
    .irm-step
  ) {
  background: var(--iot-sim-panel) !important;
  border-color: var(--line) !important;
  box-shadow: none !important;
}

[data-iot-interactive-theme="flat"][data-iot-recolor-pilot="true"][data-iot-module="reference-architectures"]
  :where(
    .arch-guide-card.is-target,
    .arch-flow-step.is-target,
    .arch-zone.is-target,
    .arch-component.is-selected,
    .arch-feedback,
    .ra-component-note,
    .ra-preset-btn.active,
    .ra-preset-btn:hover,
    .iota-status,
    .iota-btn[aria-pressed="true"],
    .iota-btn.is-active,
    .iota-node.is-current .node-box,
    .iota-node.is-focus .node-box,
    .itut-status,
    .itut-btn.active,
    .itut-toggle input:checked + span,
    .irm-callout,
    .irm-step.active,
    .irm-layer.active,
    .irm-layer:hover,
    .irm-layer:focus-visible
  ) {
  background: var(--iot-sim-module-tint) !important;
  border-color: var(--iot-sim-module-accent) !important;
  color: var(--iot-sim-ink) !important;
}

[data-iot-interactive-theme="flat"][data-iot-recolor-pilot="true"][data-iot-module="reference-architectures"]
  :where(
    .arch-action,
    .arch-chip.is-active,
    .arch-guide-num,
    .ra-btn,
    .iota-btn.primary,
    .itut-btn.primary,
    .irm-btn,
    .irm-step.active .irm-step-index
  ) {
  background: var(--iot-sim-module-strong) !important;
  border-color: var(--iot-sim-module-strong) !important;
  color: #ffffff !important;
}

[data-iot-interactive-theme="flat"][data-iot-recolor-pilot="true"][data-iot-module="reference-architectures"]
  :where(
    .arch-action.secondary,
    .arch-chip:not(.is-active),
    .ra-preset-btn,
    .iota-btn:not(.primary),
    .itut-btn.secondary,
    .irm-btn.secondary,
    .irm-btn.reset
  ) {
  background: var(--iot-sim-panel) !important;
  border-color: var(--line) !important;
  color: var(--iot-sim-ink) !important;
}

[data-iot-interactive-theme="flat"][data-iot-recolor-pilot="true"][data-iot-module="reference-architectures"]
  :where(
    .arch-stage-head h3,
    #available-components,
    #architecture-canvas,
    .arch-panel h4,
    .arch-support-card h4,
    .arch-link-card strong,
    .ra-guide-card h3,
    .ra-panel h3,
    .ra-insight h3,
    .ra-metric .status,
    .ra-badge.good,
    .iota-stage-title h3,
    .iota-controls h3,
    .iota-panel h3,
    .iota-control-label,
    .iota-readout span,
    .iota-readout p,
    .itut-stage-title h3,
    .itut-controls h3,
    .itut-panel h3,
    .itut-control-group h4,
    .itut-readout h4,
    .itut-panel h4,
    .irm-brief-card strong,
    .irm-panel h3,
    .irm-support-card h3,
    .irm-summary-title,
    .irm-reference-card h3,
    .irm-practice-card h3
  ) {
  color: var(--iot-sim-module-strong) !important;
}

[data-iot-interactive-theme="flat"][data-iot-recolor-pilot="true"][data-iot-module="reference-architectures"]
  :where(
    .arch-guide-card > span:not(.arch-guide-num),
    .arch-control-label,
    .arch-pool > p,
    .arch-component span,
    .arch-flow-step span,
    .arch-zone p,
    #archFeedbackText
  ) {
  color: var(--iot-sim-ink) !important;
}

[data-iot-interactive-theme="flat"][data-iot-recolor-pilot="true"][data-iot-module="reference-architectures"]
  :where(.iota-range input, .itut-range input, input[type="range"], input[type="checkbox"]) {
  accent-color: var(--iot-sim-module-accent) !important;
}

[data-iot-interactive-theme="flat"][data-iot-recolor-pilot="true"][data-iot-module="specialized-arch"] {
  --iot-sim-module-accent: #a98200 !important;
  --iot-sim-module-strong: #5f4900 !important;
  --iot-sim-module-tint: #fff7df !important;
  --iot-sim-module-tint-strong: #f5e8bd !important;
  --iot-sim-accent: var(--iot-sim-module-accent) !important;
  --iot-sim-accent-2: var(--iot-sim-module-strong) !important;
  --iot-sim-soft: var(--iot-sim-module-tint) !important;
  --iot-sim-focus: rgba(169, 130, 0, 0.22) !important;
  --navy: var(--iot-sim-module-strong) !important;
  --navy-2: #4f3f00 !important;
  --teal: var(--iot-sim-module-strong) !important;
  --teal-dark: var(--iot-sim-module-strong) !important;
  --blue: #584400 !important;
  --green: #575100 !important;
  --orange: var(--iot-sim-module-strong) !important;
  --amber: #5f4900 !important;
  --line: color-mix(in srgb, var(--iot-sim-module-accent) 28%, #d7e2e7) !important;
}

[data-iot-interactive-theme="flat"][data-iot-recolor-pilot="true"][data-iot-module="specialized-arch"]
  :where(.sw-hero, .dc-hero) {
  color: var(--iot-sim-ink) !important;
  background: var(--iot-sim-module-tint) !important;
  border: 1px solid var(--line) !important;
  border-left: 4px solid var(--iot-sim-module-accent) !important;
  box-shadow: none !important;
}

[data-iot-interactive-theme="flat"][data-iot-recolor-pilot="true"][data-iot-module="specialized-arch"]
  :where(.sw-hero h2, .sw-hero p, .dc-hero h2, .dc-hero p) {
  color: var(--iot-sim-ink) !important;
}

[data-iot-interactive-theme="flat"][data-iot-recolor-pilot="true"][data-iot-module="specialized-arch"]
  :where(.sw-pill, .dc-pill, .sw-metric, .dc-metric) {
  color: var(--iot-sim-ink) !important;
  background: var(--iot-sim-panel) !important;
  border-color: var(--line) !important;
  box-shadow: none !important;
}

[data-iot-interactive-theme="flat"][data-iot-recolor-pilot="true"][data-iot-module="specialized-arch"]
  :where(
    .sw-pill,
    .dc-pill,
    .sw-metric span,
    .dc-metric span,
    .sw-metric strong,
    .dc-metric strong
  ) {
  color: var(--iot-sim-ink) !important;
}

[data-iot-interactive-theme="flat"][data-iot-recolor-pilot="true"][data-iot-module="specialized-arch"]
  :where(
    .sw-step strong,
    .sw-panel h3,
    .sw-formula h3,
    .sw-card h3,
    .sw-link h3,
    .dc-card h3,
    .dc-panel h3,
    .dc-stage h3,
    .dc-evidence-card h3,
    .dc-visual-card h3,
    .dc-detail-card h3,
    .dc-mini-card h3,
    .dc-support-card summary,
    .dc-practice-card summary,
    .dc-related-card h3,
    .dc-related strong
  ) {
  color: var(--iot-sim-module-strong) !important;
}

[data-iot-interactive-theme="flat"][data-iot-recolor-pilot="true"][data-iot-module="specialized-arch"]
  :where(
    .sw-step,
    .sw-panel,
    .sw-stage-card,
    .sw-formula-card,
    .sw-reference-card,
    .sw-links a,
    .dc-card,
    .dc-panel,
    .dc-stage,
    .dc-evidence-card,
    .dc-visual-card,
    .dc-detail-card,
    .dc-mini-card,
    .dc-support-card,
    .dc-practice-card,
    .dc-related a
  ) {
  background: var(--iot-sim-panel) !important;
  border-color: var(--iot-sim-border) !important;
  box-shadow: none !important;
}

[data-iot-interactive-theme="flat"][data-iot-recolor-pilot="true"][data-iot-module="specialized-arch"]
  :where(
    .sw-step.is-active,
    .sw-stage-card.is-active,
    .dc-scenario-btn.active,
    .dc-region-btn.active,
    .dc-stage.active
  ) {
  border-color: var(--iot-sim-module-accent) !important;
  box-shadow: inset 4px 0 0 var(--iot-sim-module-accent) !important;
}

[data-iot-interactive-theme="flat"][data-iot-recolor-pilot="true"][data-iot-module="specialized-arch"]
  :where(
    .sw-stage-chip,
    .sw-button.primary,
    .sw-scenario.is-active,
    .dc-btn:not(.secondary):not(.reset),
    .dc-scenario-btn.active,
    .dc-region-btn.active
  ) {
  background: var(--iot-sim-module-strong) !important;
  border-color: var(--iot-sim-module-strong) !important;
  color: #ffffff !important;
}

[data-iot-interactive-theme="flat"][data-iot-recolor-pilot="true"][data-iot-module="specialized-arch"]
  :where(.dc-region-btn.warn:not(.active)) {
  color: var(--iot-sim-module-strong) !important;
  background: var(--iot-sim-module-tint) !important;
  border-color: var(--line) !important;
}

[data-iot-interactive-theme="flat"][data-iot-recolor-pilot="true"][data-iot-module="specialized-arch"]
  :where(.dc-stage.active) {
  background: var(--iot-sim-module-tint) !important;
  border-color: var(--iot-sim-module-strong) !important;
}

[data-iot-interactive-theme="flat"][data-iot-recolor-pilot="true"][data-iot-module="specialized-arch"]
  :where(.sw-segment, .sw-share-fill, .dc-tx, .dc-token) {
  background: var(--iot-sim-module-strong) !important;
  fill: var(--iot-sim-module-strong) !important;
  stroke: var(--iot-sim-module-strong) !important;
}

[data-iot-interactive-theme="flat"][data-iot-recolor-pilot="true"][data-iot-module="specialized-arch"]
  :where(
    .sw-button,
    .dc-btn,
    button,
    input[type="range"],
    input[type="checkbox"],
    input[type="radio"]
  ) {
  accent-color: var(--iot-sim-module-accent) !important;
}

#ztSim[data-iot-interactive-theme="flat"][data-iot-recolor-pilot="true"][data-iot-module="zero-trust"],
#ztGame[data-iot-interactive-theme="flat"][data-iot-recolor-pilot="true"][data-iot-module="zero-trust"] {
  --zt-module-accent: var(--iot-sim-module-accent);
  --zt-module-strong: var(--iot-sim-module-strong);
  --zt-module-tint: var(--iot-sim-module-tint);
  --zt-module-tint-strong: var(--iot-sim-module-tint-strong);
}

#ztSim[data-iot-interactive-theme="flat"][data-iot-recolor-pilot="true"][data-iot-module="zero-trust"] {
  border-color: color-mix(in srgb, var(--zt-module-accent) 30%, var(--iot-sim-border)) !important;
}

#ztSim[data-iot-interactive-theme="flat"][data-iot-recolor-pilot="true"][data-iot-module="zero-trust"]
  .zt-header {
  background: var(--zt-module-tint) !important;
  border-left-color: var(--zt-module-accent) !important;
}

#ztSim[data-iot-interactive-theme="flat"][data-iot-recolor-pilot="true"][data-iot-module="zero-trust"]
  :where(.zt-guide-card h3, .zt-panel h3, .zt-insight h3) {
  color: var(--zt-module-strong) !important;
}

#ztSim[data-iot-interactive-theme="flat"][data-iot-recolor-pilot="true"][data-iot-module="zero-trust"]
  :where(.zt-panel h3) {
  border-bottom-color: var(--zt-module-accent) !important;
}

#ztSim[data-iot-interactive-theme="flat"][data-iot-recolor-pilot="true"][data-iot-module="zero-trust"]
  :where(.zt-preset-btn:hover, .zt-preset-btn.active) {
  background: var(--zt-module-tint-strong) !important;
  border-color: var(--zt-module-accent) !important;
}

#ztSim[data-iot-interactive-theme="flat"][data-iot-recolor-pilot="true"][data-iot-module="zero-trust"]
  :where(.zt-field select:focus, .zt-field input:focus) {
  border-color: var(--zt-module-accent) !important;
  box-shadow: 0 0 0 2px color-mix(in srgb, var(--zt-module-accent) 22%, transparent) !important;
}

#ztSim[data-iot-interactive-theme="flat"][data-iot-recolor-pilot="true"][data-iot-module="zero-trust"]
  :where(.zt-btn, .zt-btn.secondary, .zt-btn.warn) {
  background: var(--zt-module-strong) !important;
  color: #ffffff !important;
}

#ztSim[data-iot-interactive-theme="flat"][data-iot-recolor-pilot="true"][data-iot-module="zero-trust"]
  :where(.zt-btn:hover, .zt-btn.secondary:hover, .zt-btn.warn:hover) {
  background: var(--zt-module-accent) !important;
}

#ztSim[data-iot-interactive-theme="flat"][data-iot-recolor-pilot="true"][data-iot-module="zero-trust"]
  :where(.zt-path-step.match, .zt-result.mfa) {
  border-left-color: var(--zt-module-accent) !important;
  background: var(--zt-module-tint) !important;
}

#ztSim[data-iot-interactive-theme="flat"][data-iot-recolor-pilot="true"][data-iot-module="zero-trust"]
  :where(.zt-tag) {
  background: var(--zt-module-tint) !important;
  color: var(--zt-module-strong) !important;
}

#ztGame[data-iot-interactive-theme="flat"][data-iot-recolor-pilot="true"][data-iot-module="zero-trust"] {
  background: var(--iot-sim-page) !important;
  border-color: color-mix(in srgb, var(--zt-module-accent) 30%, var(--iot-sim-border)) !important;
  box-shadow: none !important;
}

#ztGame[data-iot-interactive-theme="flat"][data-iot-recolor-pilot="true"][data-iot-module="zero-trust"]
  .game-header {
  background: linear-gradient(
    135deg,
    var(--zt-module-strong) 0%,
    var(--zt-module-accent) 100%
  ) !important;
}

#ztGame[data-iot-interactive-theme="flat"][data-iot-recolor-pilot="true"][data-iot-module="zero-trust"]
  :where(.difficulty-btn.active, .action-btn.submit, .action-btn.next) {
  background: var(--zt-module-strong) !important;
  border-color: var(--zt-module-strong) !important;
  color: #ffffff !important;
}

#ztGame[data-iot-interactive-theme="flat"][data-iot-recolor-pilot="true"][data-iot-module="zero-trust"]
  :where(.difficulty-btn:hover, .scenario-card:hover, .policy-option:hover:not(.disabled)) {
  border-color: var(--zt-module-accent) !important;
}

#ztGame[data-iot-interactive-theme="flat"][data-iot-recolor-pilot="true"][data-iot-module="zero-trust"]
  :where(.policy-section, .scenario-card, .policy-option, .feedback-panel, .stat-card) {
  border-color: color-mix(in srgb, var(--zt-module-accent) 26%, var(--iot-sim-border)) !important;
  box-shadow: none !important;
}

#ztGame[data-iot-interactive-theme="flat"][data-iot-recolor-pilot="true"][data-iot-module="zero-trust"]
  :where(.policy-section, .policy-option.selected, .feedback-panel.show, .scenario-number) {
  background: var(--zt-module-tint) !important;
  border-color: var(--zt-module-accent) !important;
}

#ztGame[data-iot-interactive-theme="flat"][data-iot-recolor-pilot="true"][data-iot-module="zero-trust"]
  :where(.section-title, .policy-builder-title) {
  color: var(--zt-module-strong) !important;
}

#ztGame[data-iot-interactive-theme="flat"][data-iot-recolor-pilot="true"][data-iot-module="zero-trust"]
  .progress-fill {
  background: linear-gradient(
    90deg,
    var(--zt-module-strong) 0%,
    var(--zt-module-accent) 100%
  ) !important;
}

[data-iot-interactive-theme="flat"][data-iot-recolor-pilot="true"][data-iot-module="stream-processing"] {
  --iot-sim-module-accent: #1565c0 !important;
  --iot-sim-module-strong: #0b3d75 !important;
  --iot-sim-module-tint: #eaf2ff !important;
  --iot-sim-module-tint-strong: #cfe1fb !important;
  --amber: #8a5a0f !important;
  --blue: var(--iot-sim-module-accent) !important;
  --deep: var(--iot-sim-module-strong) !important;
  --deep-2: #123f6e !important;
  --event: var(--iot-sim-module-accent) !important;
  --green: #2f7d4f !important;
  --late: #9a5a19 !important;
  --line: color-mix(in srgb, var(--iot-sim-module-accent) 28%, #d7e2e7) !important;
  --ok: #2f7d4f !important;
  --process: #466bb0 !important;
  --red: #a84961 !important;
  --shadow: none !important;
  --side: #9b3f52 !important;
  --soft: var(--iot-sim-module-tint) !important;
  --teal: var(--iot-sim-module-accent) !important;
  --violet: #5b5aa4 !important;
  --wash: var(--iot-sim-module-tint) !important;
  --wash-2: var(--iot-sim-module-tint-strong) !important;
  --watermark: #8a5a0f !important;
}

[data-iot-interactive-theme="flat"][data-iot-recolor-pilot="true"][data-iot-module="stream-processing"]:where(
    #eventTimeLab,
    #streamWindowLab,
    #spgGame
  ) {
  color: var(--iot-sim-ink) !important;
  background: var(--iot-sim-page) !important;
  border-color: var(--iot-sim-border) !important;
  box-shadow: none !important;
}

[data-iot-interactive-theme="flat"][data-iot-recolor-pilot="true"][data-iot-module="stream-processing"]
  :where(.et-hero, .sw-hero, .spg-hero) {
  color: var(--iot-sim-ink) !important;
  background: var(--iot-sim-module-tint) !important;
  border: 1px solid var(--line) !important;
  border-left: 4px solid var(--iot-sim-module-accent) !important;
  box-shadow: none !important;
}

[data-iot-interactive-theme="flat"][data-iot-recolor-pilot="true"][data-iot-module="stream-processing"]
  :where(.et-hero h2, .et-hero p, .sw-hero h2, .sw-hero p, .spg-hero h2, .spg-hero p) {
  color: var(--iot-sim-ink) !important;
}

[data-iot-interactive-theme="flat"][data-iot-recolor-pilot="true"][data-iot-module="stream-processing"]
  :where(.et-pill, .et-hero-metric, .sw-pill, .sw-hero-metric, .spg-pill, .spg-metric) {
  color: var(--iot-sim-ink) !important;
  background: var(--iot-sim-panel) !important;
  border-color: var(--line) !important;
  box-shadow: none !important;
}

[data-iot-interactive-theme="flat"][data-iot-recolor-pilot="true"][data-iot-module="stream-processing"]
  :where(
    .spg-metric strong,
    .spg-metric span,
    .et-hero-metric strong,
    .et-hero-metric span,
    .sw-hero-metric strong,
    .sw-hero-metric span
  ) {
  color: var(--iot-sim-ink) !important;
}

[data-iot-interactive-theme="flat"][data-iot-recolor-pilot="true"][data-iot-module="stream-processing"]
  :where(
    .et-brief-card,
    .et-panel,
    .et-stage,
    .et-support details,
    .et-decision-card,
    .et-window,
    .et-formula,
    .et-ref-table,
    .et-links,
    .sw-card,
    .sw-panel,
    .sw-stage-card,
    .sw-readout,
    .sw-decision,
    .sw-support details,
    .spg-progress-card,
    .spg-stat,
    .spg-scenario-card,
    .spg-panel,
    .spg-feedback,
    .spg-final-card,
    .spg-reference-intro,
    .spg-reference-section
  ) {
  background: var(--iot-sim-panel) !important;
  border-color: var(--line) !important;
  box-shadow: none !important;
}

[data-iot-interactive-theme="flat"][data-iot-recolor-pilot="true"][data-iot-module="stream-processing"]
  :where(
    .et-scenario.is-active,
    .et-phase.is-active,
    .et-action:not(.secondary),
    .sw-primary,
    .sw-segment.is-active,
    .sw-stage-card.is-active,
    .spg-submit,
    .spg-next,
    .spg-reset
  ) {
  background: var(--iot-sim-module-strong) !important;
  border-color: var(--iot-sim-module-strong) !important;
  color: #ffffff !important;
}

[data-iot-interactive-theme="flat"][data-iot-recolor-pilot="true"][data-iot-module="stream-processing"]
  :where(.et-phase.is-active, .sw-stage-card.is-active)
  :where(strong, span) {
  color: #ffffff !important;
}

[data-iot-interactive-theme="flat"][data-iot-recolor-pilot="true"][data-iot-module="stream-processing"]
  :where(.et-ledger-row.pending) {
  opacity: 1 !important;
}

[data-iot-interactive-theme="flat"][data-iot-recolor-pilot="true"][data-iot-module="stream-processing"]
  :where(.et-ledger-row.pending .et-ledger-status) {
  background: var(--iot-sim-module-strong) !important;
  color: #ffffff !important;
}

[data-iot-interactive-theme="flat"][data-iot-recolor-pilot="true"][data-iot-module="stream-processing"]
  :where(
    .et-action.secondary,
    .et-scenario:not(.is-active),
    .sw-segment:not(.is-active),
    .spg-rule-button,
    .spg-rule-row,
    .spg-reference-card
  ) {
  background: var(--iot-sim-panel) !important;
  border-color: var(--line) !important;
  color: var(--iot-sim-ink) !important;
}

[data-iot-interactive-theme="flat"][data-iot-recolor-pilot="true"][data-iot-module="stream-processing"]
  :where(
    .et-brief-card h3,
    .et-panel h3,
    .et-stage h3,
    .et-decision-card strong,
    .sw-card h3,
    .sw-panel h3,
    .sw-stage-card h3,
    .spg-scenario-card h3,
    .spg-panel h3,
    .spg-reference-section h3
  ) {
  color: var(--iot-sim-module-strong) !important;
}

[data-iot-interactive-theme="flat"][data-iot-recolor-pilot="true"][data-iot-module="stream-processing"]
  :where(.et-window-fill, .sw-window-fill, #spgProgressFill, .spg-progress-track > div) {
  background: var(--iot-sim-module-accent) !important;
}

[data-iot-interactive-theme="flat"][data-iot-recolor-pilot="true"][data-iot-module="stream-processing"]
  :where(.et-window.active-window, .sw-window-band.active, .sw-dot.active) {
  border-color: var(--iot-sim-module-accent) !important;
}

[data-iot-interactive-theme="flat"][data-iot-recolor-pilot="true"][data-iot-module="stream-processing"]
  :where(input[type="range"], input[type="checkbox"], input[type="radio"]) {
  accent-color: var(--iot-sim-module-accent) !important;
}

[data-iot-interactive-theme="flat"][data-iot-recolor-pilot="true"][data-iot-module="applications"] {
  --iot-sim-module-accent: #006978 !important;
  --iot-sim-module-strong: #004f5a !important;
  --iot-sim-module-tint: #e9f8fa !important;
  --iot-sim-module-tint-strong: #d8f0f3 !important;
  --iot-sim-accent: var(--iot-sim-module-accent) !important;
  --iot-sim-accent-2: var(--iot-sim-module-strong) !important;
  --iot-sim-soft: var(--iot-sim-module-tint) !important;
  --deep: var(--iot-sim-module-strong) !important;
  --deep-2: #003f48 !important;
  --teal: var(--iot-sim-module-accent) !important;
  --green: var(--iot-sim-module-strong) !important;
  --blue: #006978 !important;
  --amber: #765800 !important;
  --orange: #7f4a1c !important;
  --red: #8c2f36 !important;
  --wash: var(--iot-sim-module-tint) !important;
  --wash-2: var(--iot-sim-module-tint-strong) !important;
  --line: color-mix(in srgb, var(--iot-sim-module-accent) 28%, #d7e2e7) !important;
  --shadow: none !important;
}

#agriLab[data-iot-interactive-theme="flat"][data-iot-recolor-pilot="true"][data-iot-module="applications"] {
  color: var(--iot-sim-ink) !important;
  background: var(--iot-sim-page) !important;
  border-color: var(--iot-sim-border) !important;
  box-shadow: none !important;
}

#agriLab[data-iot-interactive-theme="flat"][data-iot-recolor-pilot="true"][data-iot-module="applications"]
  :where(.agri-hero) {
  color: var(--iot-sim-ink) !important;
  background: var(--iot-sim-module-tint) !important;
  border: 1px solid var(--iot-sim-border) !important;
  border-left: 4px solid var(--iot-sim-module-accent) !important;
  box-shadow: none !important;
}

#agriLab[data-iot-interactive-theme="flat"][data-iot-recolor-pilot="true"][data-iot-module="applications"]
  :where(.agri-hero h2, .agri-hero p, .agri-metric strong, .agri-metric span) {
  color: var(--iot-sim-ink) !important;
}

#agriLab[data-iot-interactive-theme="flat"][data-iot-recolor-pilot="true"][data-iot-module="applications"]
  :where(
    .agri-tag,
    .agri-metric,
    .agri-card,
    .agri-panel,
    .agri-stage-card,
    .agri-feedback-card,
    .agri-check-card,
    .agri-reference,
    .agri-ref-card,
    .agri-practice,
    .agri-link-card
  ) {
  color: var(--iot-sim-ink) !important;
  background: var(--iot-sim-panel) !important;
  border: 1px solid var(--iot-sim-border) !important;
  box-shadow: none !important;
}

#agriLab[data-iot-interactive-theme="flat"][data-iot-recolor-pilot="true"][data-iot-module="applications"]
  :where(
    .agri-button.primary,
    .agri-scenario.is-active,
    .agri-stage-card.is-active,
    .agri-badge.good
  ) {
  color: #ffffff !important;
  background: var(--iot-sim-module-strong) !important;
  border-color: var(--iot-sim-module-strong) !important;
}

#agriLab[data-iot-interactive-theme="flat"][data-iot-recolor-pilot="true"][data-iot-module="applications"]
  :where(.agri-stage-card.is-active h3, .agri-stage-card.is-active p) {
  color: #ffffff !important;
}

#agriLab[data-iot-interactive-theme="flat"][data-iot-recolor-pilot="true"][data-iot-module="applications"]
  :where(.agri-button:not(.primary):not(.warn), .agri-scenario:not(.is-active), .agri-select) {
  color: var(--iot-sim-ink) !important;
  background: var(--iot-sim-panel) !important;
  border-color: var(--iot-sim-border) !important;
}

#agriLab[data-iot-interactive-theme="flat"][data-iot-recolor-pilot="true"][data-iot-module="applications"]
  :where(.agri-button.warn) {
  color: #704000 !important;
  background: #fff4e2 !important;
  border-color: #a56f15 !important;
}

#agriLab[data-iot-interactive-theme="flat"][data-iot-recolor-pilot="true"][data-iot-module="applications"]
  :where(
    .agri-card h3,
    .agri-panel h3,
    .agri-stage-card h3,
    .agri-check-card h3,
    .agri-reference h3,
    .agri-practice h3,
    .agri-link-card h3,
    .agri-control-title output
  ) {
  color: var(--iot-sim-module-strong) !important;
}

#agriLab[data-iot-interactive-theme="flat"][data-iot-recolor-pilot="true"][data-iot-module="applications"]
  :where(.agri-feedback, .agri-formula, .agri-reference details, .agri-badge) {
  background: var(--iot-sim-module-tint) !important;
  border-color: color-mix(
    in srgb,
    var(--iot-sim-module-accent) 35%,
    var(--iot-sim-border)
  ) !important;
}

#agriLab[data-iot-interactive-theme="flat"][data-iot-recolor-pilot="true"][data-iot-module="applications"]
  :where(.agri-formula h3, .agri-formula code) {
  color: var(--iot-sim-ink) !important;
}

#agriLab[data-iot-interactive-theme="flat"][data-iot-recolor-pilot="true"][data-iot-module="applications"]
  :where(input[type="range"], progress) {
  accent-color: var(--iot-sim-module-strong) !important;
}

#agriLab[data-iot-interactive-theme="flat"][data-iot-recolor-pilot="true"][data-iot-module="applications"]
  :where(.agri-token, .agri-sensor.is-alert) {
  fill: var(--iot-sim-module-strong) !important;
}

#agriLab[data-iot-interactive-theme="flat"][data-iot-recolor-pilot="true"][data-iot-module="applications"]
  :where(.agri-flow) {
  stroke: var(--iot-sim-module-strong) !important;
}

#agriLab[data-iot-interactive-theme="flat"][data-iot-recolor-pilot="true"][data-iot-module="applications"]
  :where(
    #agriCoverageRing,
    #agriSvg [stroke="#158a84"],
    #agriSvg [stroke="#3c935d"],
    #agriSvg [stroke="#087873"]
  ) {
  stroke: var(--iot-sim-module-strong) !important;
}

#agriLab[data-iot-interactive-theme="flat"][data-iot-recolor-pilot="true"][data-iot-module="applications"]
  :where(#agriConfidenceBar, #agriSvg [fill="#158a84"], #agriSvg [fill="#3c935d"]) {
  fill: var(--iot-sim-module-strong) !important;
}

#tradeLab[data-iot-interactive-theme="flat"][data-iot-recolor-pilot="true"][data-iot-module="design-methodology"] {
  --iot-sim-module-accent: #263238 !important;
  --iot-sim-module-strong: #111b20 !important;
  --iot-sim-module-tint: #f2f5f6 !important;
  --iot-sim-module-tint-strong: #e2e8eb !important;
  --iot-sim-accent: var(--iot-sim-module-accent) !important;
  --iot-sim-accent-2: var(--iot-sim-module-strong) !important;
  --iot-sim-soft: var(--iot-sim-module-tint) !important;
  --amber: #8d6f2f !important;
  --blue: #3c6170 !important;
  --green: #4c6f5d !important;
  --line: color-mix(in srgb, var(--iot-sim-module-accent) 24%, #d7e2e7) !important;
  --navy: var(--iot-sim-module-strong) !important;
  --navy-2: var(--iot-sim-module-accent) !important;
  --orange: #8f5a35 !important;
  --paper: var(--iot-sim-module-tint) !important;
  --red: #9d4740 !important;
  --teal: var(--iot-sim-module-accent) !important;
  --teal-dark: var(--iot-sim-module-strong) !important;
}

#tradeLab[data-iot-interactive-theme="flat"][data-iot-recolor-pilot="true"][data-iot-module="design-methodology"] {
  color: var(--iot-sim-ink) !important;
  background: var(--iot-sim-page) !important;
  border-color: var(--iot-sim-border) !important;
  box-shadow: none !important;
}

#tradeLab[data-iot-interactive-theme="flat"][data-iot-recolor-pilot="true"][data-iot-module="design-methodology"]
  :where(.dt-hero) {
  color: var(--iot-sim-ink) !important;
  background: var(--iot-sim-module-tint) !important;
  border: 1px solid var(--line) !important;
  border-left: 4px solid var(--iot-sim-module-accent) !important;
  box-shadow: none !important;
}

#tradeLab[data-iot-interactive-theme="flat"][data-iot-recolor-pilot="true"][data-iot-module="design-methodology"]
  :where(.dt-hero h2, .dt-hero p, .dt-metric strong, .dt-metric span) {
  color: var(--iot-sim-ink) !important;
}

#tradeLab[data-iot-interactive-theme="flat"][data-iot-recolor-pilot="true"][data-iot-module="design-methodology"]
  :where(.dt-pill) {
  background: var(--iot-sim-module-strong) !important;
  border-color: var(--iot-sim-module-strong) !important;
  color: #ffffff !important;
}

#tradeLab[data-iot-interactive-theme="flat"][data-iot-recolor-pilot="true"][data-iot-module="design-methodology"]
  :where(
    .dt-pill,
    .dt-metric,
    .dt-card,
    .dt-stage,
    .dt-evidence,
    .dt-control-panel,
    .dt-workbench,
    .dt-decision,
    .dt-rule,
    .dt-reference,
    .dt-practice,
    .dt-link-card,
    .dt-chart
  ) {
  background: var(--iot-sim-panel) !important;
  border-color: var(--line) !important;
  box-shadow: none !important;
}

#tradeLab[data-iot-interactive-theme="flat"][data-iot-recolor-pilot="true"][data-iot-module="design-methodology"]
  :where(.dt-pill) {
  color: var(--iot-sim-module-strong) !important;
}

#tradeLab[data-iot-interactive-theme="flat"][data-iot-recolor-pilot="true"][data-iot-module="design-methodology"]
  :where(
    .dt-card h3,
    .dt-control-title,
    .dt-control-heading,
    .dt-workbench h3,
    .dt-decision h3,
    .dt-log h4,
    .dt-rule h3,
    .dt-reference summary,
    .dt-practice h3,
    .dt-link-card strong,
    .dt-slider label
  ) {
  color: var(--iot-sim-module-strong) !important;
}

#tradeLab[data-iot-interactive-theme="flat"][data-iot-recolor-pilot="true"][data-iot-module="design-methodology"]
  :where(.dt-btn[aria-pressed="true"], .dt-btn.dt-primary, .dt-stage-tag, .dt-stage.dt-active) {
  background: var(--iot-sim-module-strong) !important;
  border-color: var(--iot-sim-module-strong) !important;
  color: #ffffff !important;
}

#tradeLab[data-iot-interactive-theme="flat"][data-iot-recolor-pilot="true"][data-iot-module="design-methodology"]
  :where(.dt-stage.dt-active strong, .dt-stage.dt-active span, .dt-stage.dt-active code) {
  color: #ffffff !important;
}

#tradeLab[data-iot-interactive-theme="flat"][data-iot-recolor-pilot="true"][data-iot-module="design-methodology"]
  :where(
    .dt-btn:not([aria-pressed="true"]):not(.dt-primary):not(.dt-reset),
    .dt-reading,
    .dt-reference code
  ) {
  background: var(--iot-sim-module-tint) !important;
  border-color: var(--line) !important;
  color: var(--iot-sim-ink) !important;
}

#tradeLab[data-iot-interactive-theme="flat"][data-iot-recolor-pilot="true"][data-iot-module="design-methodology"]
  :where(.dt-btn.dt-reset, .dt-badge.warn) {
  background: #8f5a35 !important;
  border-color: #8f5a35 !important;
  color: #ffffff !important;
}

#tradeLab[data-iot-interactive-theme="flat"][data-iot-recolor-pilot="true"][data-iot-module="design-methodology"]
  :where(.dt-stage.dt-active, .dt-reading, .dt-log, .dt-decision p, .dt-decision-row, .dt-log li) {
  border-color: var(--line) !important;
}

#tradeLab[data-iot-interactive-theme="flat"][data-iot-recolor-pilot="true"][data-iot-module="design-methodology"]
  :where(.dt-slider input, input[type="range"], input[type="checkbox"], input[type="radio"]) {
  accent-color: var(--iot-sim-module-accent) !important;
}

[data-iot-interactive-theme="flat"][data-iot-recolor-pilot="true"][data-iot-module="routing-rpl"] {
  --iot-sim-module-accent: #3f9344 !important;
  --iot-sim-module-strong: #246128 !important;
  --iot-sim-module-tint: #eef8ef !important;
  --iot-sim-module-tint-strong: #deefdf !important;
  --line: color-mix(in srgb, var(--iot-sim-module-accent) 28%, #d7e2e7) !important;
  --deep: var(--iot-sim-module-strong) !important;
  --deep-2: #1b4a1f !important;
  --teal: var(--iot-sim-module-accent) !important;
  --blue: #477c8d !important;
  --green: var(--iot-sim-module-strong) !important;
  --wash: var(--iot-sim-module-tint) !important;
  --wash-2: var(--iot-sim-module-tint-strong) !important;
  --shadow: none !important;
}

#rplLab[data-iot-interactive-theme="flat"][data-iot-recolor-pilot="true"][data-iot-module="routing-rpl"] {
  color: var(--iot-sim-ink) !important;
  background: var(--iot-sim-page) !important;
  border-color: var(--iot-sim-border) !important;
  box-shadow: none !important;
}

#rplLab[data-iot-interactive-theme="flat"][data-iot-recolor-pilot="true"][data-iot-module="routing-rpl"]
  .rpl-hero {
  color: var(--iot-sim-ink) !important;
  background: var(--iot-sim-module-tint) !important;
  border: 1px solid var(--line) !important;
  border-left: 4px solid var(--iot-sim-module-accent) !important;
  box-shadow: none !important;
}

#rplLab[data-iot-interactive-theme="flat"][data-iot-recolor-pilot="true"][data-iot-module="routing-rpl"]
  :where(.rpl-hero h2, .rpl-hero p, .rpl-metric strong, .rpl-metric span) {
  color: var(--iot-sim-ink) !important;
}

#rplLab[data-iot-interactive-theme="flat"][data-iot-recolor-pilot="true"][data-iot-module="routing-rpl"]
  :where(.rpl-pill, .rpl-metric, .rpl-badge, .rpl-hint, .rpl-formula, .rpl-event) {
  color: var(--iot-sim-ink) !important;
  background: var(--iot-sim-panel) !important;
  border-color: var(--line) !important;
  box-shadow: none !important;
}

#rplLab[data-iot-interactive-theme="flat"][data-iot-recolor-pilot="true"][data-iot-module="routing-rpl"]
  :where(
    .rpl-card,
    .rpl-panel,
    .rpl-stage,
    .rpl-visual-card,
    .rpl-details-card,
    .rpl-evidence-card,
    .rpl-timeline-card,
    .rpl-ref-card,
    .rpl-practice-card,
    .rpl-support-card,
    .rpl-details,
    .rpl-related a,
    .rpl-svg-wrap
  ) {
  background: var(--iot-sim-panel) !important;
  border-color: var(--line) !important;
  box-shadow: none !important;
}

#rplLab[data-iot-interactive-theme="flat"][data-iot-recolor-pilot="true"][data-iot-module="routing-rpl"]
  :where(
    .rpl-card h3,
    .rpl-panel h3,
    .rpl-stage h3,
    .rpl-visual-card h3,
    .rpl-details-card h3,
    .rpl-evidence-card h3,
    .rpl-timeline-card h3,
    .rpl-ref-card h3,
    .rpl-practice-card h3,
    .rpl-support-card h3,
    .rpl-related strong,
    .rpl-event strong
  ) {
  color: var(--iot-sim-module-strong) !important;
}

#rplLab[data-iot-interactive-theme="flat"][data-iot-recolor-pilot="true"][data-iot-module="routing-rpl"]
  :where(
    .rpl-scenario-row button[aria-pressed="true"],
    .rpl-button-row button[data-primary="true"]
  ) {
  background: var(--iot-sim-module-strong) !important;
  border-color: var(--iot-sim-module-strong) !important;
  color: #ffffff !important;
}

#rplLab[data-iot-interactive-theme="flat"][data-iot-recolor-pilot="true"][data-iot-module="routing-rpl"]
  :where(.rpl-scenario-row button, .rpl-button-row button, .rpl-panel select) {
  background: var(--iot-sim-panel) !important;
  border-color: var(--line) !important;
  color: var(--iot-sim-ink) !important;
}

#rplLab[data-iot-interactive-theme="flat"][data-iot-recolor-pilot="true"][data-iot-module="routing-rpl"]
  :where(.rpl-stage.is-active, .rpl-table tr.is-choice td) {
  border-color: var(--iot-sim-module-accent) !important;
  background: var(--iot-sim-module-tint) !important;
}

#rplLab[data-iot-interactive-theme="flat"][data-iot-recolor-pilot="true"][data-iot-module="routing-rpl"]
  :where(.rpl-stage.is-complete) {
  background: var(--iot-sim-module-tint-strong) !important;
}

#rplLab[data-iot-interactive-theme="flat"][data-iot-recolor-pilot="true"][data-iot-module="routing-rpl"]
  :where(.rpl-panel input[type="range"], input[type="checkbox"], input[type="radio"]) {
  accent-color: var(--iot-sim-module-accent) !important;
}

#rplLab[data-iot-interactive-theme="flat"][data-iot-recolor-pilot="true"][data-iot-module="routing-rpl"]
  :where(.rpl-dot.root) {
  background: var(--iot-sim-module-strong) !important;
}

#rplLab[data-iot-interactive-theme="flat"][data-iot-recolor-pilot="true"][data-iot-module="routing-rpl"]
  :where(.rpl-dot.joined) {
  background: var(--iot-sim-module-accent) !important;
}

[data-iot-interactive-theme="flat"][data-iot-recolor-pilot="true"][data-iot-module="testing-validation"] {
  --iot-sim-module-accent: #546e7a !important;
  --iot-sim-module-strong: #344952 !important;
  --iot-sim-module-tint: #f2f5f6 !important;
  --iot-sim-module-tint-strong: #e3e9ec !important;
  --accent: var(--iot-sim-module-accent) !important;
  --blue: #4f6d7a !important;
  --deep: var(--iot-sim-module-strong) !important;
  --deep-2: #455a64 !important;
  --green: #3f6f54 !important;
  --line: color-mix(in srgb, var(--iot-sim-module-accent) 28%, #d7e2e7) !important;
  --soft: var(--iot-sim-module-tint) !important;
  --teal: var(--iot-sim-module-accent) !important;
  --teal-dark: var(--iot-sim-module-strong) !important;
  --wash: var(--iot-sim-module-tint) !important;
  --wash-2: var(--iot-sim-module-tint-strong) !important;
  background: var(--iot-sim-page) !important;
  border-color: var(--line) !important;
  box-shadow: none !important;
}

[data-iot-interactive-theme="flat"][data-iot-recolor-pilot="true"][data-iot-module="testing-validation"]
  :where(.hw-header, .apa-hero, .ips-hero, .ew-hero, .tg-hero) {
  color: var(--iot-sim-ink) !important;
  background: var(--iot-sim-module-tint) !important;
  border: 1px solid var(--line) !important;
  border-left: 4px solid var(--iot-sim-module-accent) !important;
  box-shadow: none !important;
}

[data-iot-interactive-theme="flat"][data-iot-recolor-pilot="true"][data-iot-module="testing-validation"]
  :where(
    .hw-header h2,
    .hw-header p,
    .apa-hero h1,
    .apa-hero p,
    .ips-hero h1,
    .ips-hero p,
    .ew-hero h1,
    .ew-hero p,
    .tg-hero h1,
    .tg-hero p
  ) {
  color: var(--iot-sim-ink) !important;
}

[data-iot-interactive-theme="flat"][data-iot-recolor-pilot="true"][data-iot-module="testing-validation"]
  :where(
    .hw-panel,
    .hw-guide-card,
    .hw-toolbar,
    .hw-card,
    .hw-summary-item,
    .apa-card,
    .apa-panel,
    .apa-stage,
    .apa-evidence-card,
    .apa-hex-card,
    .apa-list-card,
    .apa-timing-card,
    .apa-support-card,
    .apa-ref-card,
    .apa-practice-card,
    .ips-panel,
    .ips-card,
    .ips-stage,
    .ips-evidence-card,
    .ips-trace-card,
    .ips-details-card,
    .ips-timeline-card,
    .ips-support-card,
    .ips-ref-card,
    .ips-practice-card,
    .ew-panel,
    .ew-view-panel,
    .ew-card,
    .ew-stage,
    .ew-evidence,
    .ew-mini,
    .ew-mini-card,
    .ew-rule,
    .ew-practice,
    .ew-link-card,
    .tg-card,
    .tg-control-panel,
    .tg-workbench,
    .tg-decision,
    .tg-evidence,
    .tg-rule,
    .tg-reference,
    .tg-practice,
    .tg-link-card
  ) {
  background: var(--iot-sim-panel) !important;
  border-color: var(--line) !important;
  box-shadow: none !important;
}

[data-iot-interactive-theme="flat"][data-iot-recolor-pilot="true"][data-iot-module="testing-validation"]
  :where(
    .hw-guide-card h3,
    .hw-panel h3,
    .hw-range-value,
    .apa-card h3,
    .apa-panel h3,
    .apa-stage h3,
    .apa-support-card h3,
    .apa-hex-card h3,
    .apa-list-card h3,
    .apa-timing-card h3,
    .apa-ref-card h3,
    .apa-practice-card h3,
    .apa-metric span,
    .apa-evidence-card span,
    .ips-card h3,
    .ips-panel h3,
    .ips-stage h3,
    .ips-trace-card h3,
    .ips-details-card h3,
    .ips-timeline-card h3,
    .ips-support-card h3,
    .ips-ref-card h3,
    .ips-practice-card h3,
    .ips-metric span,
    .ips-evidence-card span,
    .ew-panel h3,
    .ew-view-panel h3,
    .ew-card h3,
    .ew-stage h3,
    .ew-evidence h3,
    .ew-mini h3,
    .ew-mini-card h3,
    .ew-rule h3,
    .ew-practice h3,
    .ew-metric span,
    .ew-evidence span,
    .tg-card h3,
    .tg-control-title,
    .tg-workbench h3,
    .tg-decision h3,
    .tg-log h4,
    .tg-rule h3,
    .tg-reference summary,
    .tg-practice h3,
    .tg-metric span,
    .tg-evidence span,
    .tg-pill
  ) {
  color: var(--iot-sim-module-strong) !important;
}

[data-iot-interactive-theme="flat"][data-iot-recolor-pilot="true"][data-iot-module="testing-validation"]
  :where(
    .hw-btn,
    .hw-preset-btn.active,
    .apa-btn:not(.secondary),
    .apa-scenario-btn.is-active,
    .ips-btn:not(.secondary),
    .ips-scenario.is-active,
    .ew-btn.primary,
    .ew-btn[aria-pressed="true"],
    .tg-btn.tg-primary,
    .tg-btn[aria-pressed="true"]
  ) {
  background: var(--iot-sim-module-strong) !important;
  border-color: var(--iot-sim-module-strong) !important;
  color: #ffffff !important;
}

[data-iot-interactive-theme="flat"][data-iot-recolor-pilot="true"][data-iot-module="testing-validation"]
  :where(
    .hw-preset-btn:not(.active),
    .apa-btn.secondary,
    .ips-btn.secondary,
    .ew-btn:not(.primary),
    .tg-btn:not(.tg-primary)
  ) {
  background: var(--iot-sim-panel) !important;
  border-color: var(--line) !important;
  color: var(--iot-sim-ink) !important;
}

[data-iot-interactive-theme="flat"][data-iot-recolor-pilot="true"][data-iot-module="testing-validation"]
  :where(input[type="range"], input[type="checkbox"], input[type="radio"], select) {
  accent-color: var(--iot-sim-module-accent) !important;
}

[data-iot-interactive-theme="flat"][data-iot-recolor-pilot="true"][data-iot-module="security-threats"] {
  --iot-sim-module-accent: #4a148c !important;
  --iot-sim-module-strong: #2e0c57 !important;
  --iot-sim-module-tint: #f4eef9 !important;
  --iot-sim-module-tint-strong: #e7d8f3 !important;
  --iot-sim-accent: var(--iot-sim-module-accent) !important;
  --iot-sim-accent-2: var(--iot-sim-module-strong) !important;
  --iot-sim-soft: var(--iot-sim-module-tint) !important;
  --line: color-mix(in srgb, var(--iot-sim-module-accent) 28%, #d7e2e7) !important;
  --deep: var(--iot-sim-module-strong) !important;
  --deep-2: var(--iot-sim-module-accent) !important;
  --teal: var(--iot-sim-module-accent) !important;
  --blue: #57308f !important;
  --green: #4f6f45 !important;
  --purple: var(--iot-sim-module-accent) !important;
  --wash: var(--iot-sim-module-tint) !important;
}

.security-threats-rollout-page[data-iot-interactive-theme="flat"][data-iot-recolor-pilot="true"][data-iot-module="security-threats"] {
  padding: clamp(14px, 2vw, 24px);
  margin: 0 0 24px;
}

.security-threats-rollout-page[data-iot-interactive-theme="flat"][data-iot-recolor-pilot="true"][data-iot-module="security-threats"]
  :where(.quarto-title-block, h2, h3, h4, a) {
  color: var(--iot-sim-module-strong) !important;
}

.security-threats-rollout-page[data-iot-interactive-theme="flat"][data-iot-recolor-pilot="true"][data-iot-module="security-threats"]
  :where(.callout, table, .sourceCode, pre, .quarto-figure, img, .scenario-card, .score-panel) {
  border-color: var(--line) !important;
  box-shadow: none !important;
}

.security-threats-rollout-page[data-iot-interactive-theme="flat"][data-iot-recolor-pilot="true"][data-iot-module="security-threats"]
  :where(.callout-tip, .callout-note, .callout-important, .scenario-description) {
  background: var(--iot-sim-module-tint) !important;
}

.security-threats-rollout-page[data-iot-interactive-theme="flat"][data-iot-recolor-pilot="true"][data-iot-module="security-threats"]
  :where(.callout-header, thead) {
  background: var(--iot-sim-module-tint-strong) !important;
  border-color: var(--line) !important;
}

.security-threats-rollout-page[data-iot-interactive-theme="flat"][data-iot-recolor-pilot="true"][data-iot-module="security-threats"]
  :where(.callout-title-container, th, .score-value, .scenario-title, .arch-title) {
  color: var(--iot-sim-module-strong) !important;
}

.security-threats-rollout-page[data-iot-interactive-theme="flat"][data-iot-recolor-pilot="true"][data-iot-module="security-threats"]
  :where(.callout-icon::before, .callout-toggle::before) {
  color: var(--iot-sim-module-accent) !important;
}

.security-threats-rollout-page[data-iot-interactive-theme="flat"][data-iot-recolor-pilot="true"][data-iot-module="security-threats"]
  :where(code:not(pre code), .sourceCode) {
  background: color-mix(in srgb, var(--iot-sim-module-tint) 68%, white) !important;
}

.security-threats-rollout-page[data-iot-interactive-theme="flat"][data-iot-recolor-pilot="true"][data-iot-module="security-threats"]
  :where(code:not(pre code)) {
  overflow-wrap: anywhere;
  white-space: normal;
}

.security-threats-rollout-page[data-iot-interactive-theme="flat"][data-iot-recolor-pilot="true"][data-iot-module="security-threats"]
  :where(pre, .sourceCode, table) {
  max-width: 100% !important;
  overflow-x: auto !important;
}

.security-threats-rollout-page[data-iot-interactive-theme="flat"][data-iot-recolor-pilot="true"][data-iot-module="security-threats"]
  :where(table) {
  display: block;
}

.security-threats-rollout-page[data-iot-interactive-theme="flat"][data-iot-recolor-pilot="true"][data-iot-module="security-threats"]
  :where(blockquote, .scenario-description) {
  border-left-color: var(--iot-sim-module-accent) !important;
}

.security-threats-rollout-page[data-iot-interactive-theme="flat"][data-iot-recolor-pilot="true"][data-iot-module="security-threats"]
  :where(.threat-hero) {
  background:
    linear-gradient(
      135deg,
      color-mix(in srgb, var(--iot-sim-module-accent) 20%, transparent),
      transparent 42%
    ),
    linear-gradient(135deg, var(--iot-sim-module-strong) 0%, var(--iot-sim-module-accent) 100%) !important;
  box-shadow: none !important;
}

.security-threats-rollout-page[data-iot-interactive-theme="flat"][data-iot-recolor-pilot="true"][data-iot-module="security-threats"]
  :where(.scenario-badge, .action-btn.primary, .diff-btn.active) {
  background: var(--iot-sim-module-strong) !important;
  border-color: var(--iot-sim-module-strong) !important;
  color: #ffffff !important;
}

[data-iot-interactive-theme="flat"][data-iot-recolor-pilot="true"][data-iot-module="device-hardware-security"] {
  --iot-sim-module-accent: #3c1076 !important;
  --iot-sim-module-strong: #260a4b !important;
  --iot-sim-module-tint: #f3eef8 !important;
  --iot-sim-module-tint-strong: #e5d8f0 !important;
  --iot-sim-muted: #52666f !important;
  --deep: var(--iot-sim-module-strong) !important;
  --deep-2: var(--iot-sim-module-accent) !important;
  --teal: var(--iot-sim-module-accent) !important;
  --green: #246128 !important;
  --amber: #735800 !important;
  --red: #7f1d1d !important;
  --blue: #4d5f9a !important;
  --purple: var(--iot-sim-module-accent) !important;
  --wash: var(--iot-sim-module-tint) !important;
  --paper: var(--iot-sim-module-tint) !important;
  --panel: var(--iot-sim-panel) !important;
  --muted: var(--iot-sim-muted) !important;
  --line: color-mix(in srgb, var(--iot-sim-module-accent) 28%, #d7e2e7) !important;
  --shadow: none !important;
}

[data-iot-interactive-theme="flat"][data-iot-recolor-pilot="true"][data-iot-module="device-hardware-security"]:where(
    #otaLab,
    #flowLab,
    #bootLab
  ) {
  color: var(--iot-sim-ink) !important;
  background: var(--iot-sim-page) !important;
  border-color: var(--iot-sim-border) !important;
  box-shadow: none !important;
}

[data-iot-interactive-theme="flat"][data-iot-recolor-pilot="true"][data-iot-module="device-hardware-security"]
  :where(.ota-hero, .flow-hero, .boot-hero) {
  color: #ffffff !important;
  background:
    linear-gradient(
      135deg,
      color-mix(in srgb, var(--iot-sim-module-accent) 22%, transparent),
      transparent 42%
    ),
    linear-gradient(135deg, var(--iot-sim-module-strong) 0%, var(--iot-sim-module-accent) 100%) !important;
  border: 1px solid color-mix(in srgb, var(--iot-sim-module-accent) 34%, var(--iot-sim-border)) !important;
  box-shadow: none !important;
}

[data-iot-interactive-theme="flat"][data-iot-recolor-pilot="true"][data-iot-module="device-hardware-security"]
  :where(
    .ota-panel,
    .ota-visual,
    .ota-control-block,
    .ota-state-card,
    .ota-code-block,
    .ota-learning-card,
    .ota-details details,
    .flow-shell,
    .flow-panel,
    .flow-visual,
    .flow-control-block,
    .flow-readout,
    .flow-code-block,
    .flow-learning-card,
    .flow-detail,
    .boot-panel,
    .boot-visual,
    .boot-controls-card,
    .boot-record,
    .boot-note,
    .boot-ref-body
  ) {
  background: var(--iot-sim-panel) !important;
  border-color: var(--line) !important;
  box-shadow: none !important;
}

[data-iot-interactive-theme="flat"][data-iot-recolor-pilot="true"][data-iot-module="device-hardware-security"]
  :where(
    .ota-stage.is-active,
    .ota-button.is-primary,
    .ota-preset.is-active,
    .flow-stage.is-active,
    .flow-button.is-primary,
    .flow-button.is-warning,
    .flow-preset.is-active,
    .boot-stage.is-active,
    .boot-primary,
    .boot-btn.is-active
  ) {
  background: var(--iot-sim-module-strong) !important;
  border-color: var(--iot-sim-module-strong) !important;
  color: #ffffff !important;
}

[data-iot-interactive-theme="flat"][data-iot-recolor-pilot="true"][data-iot-module="device-hardware-security"]
  :where(
    .ota-stage,
    .ota-button,
    .ota-preset,
    .flow-stage,
    .flow-preset,
    .boot-stage,
    .boot-btn
  ):not(.is-active):not(.is-primary):not(.boot-primary) {
  background: var(--iot-sim-panel) !important;
  border-color: var(--line) !important;
  color: var(--iot-sim-ink) !important;
}

[data-iot-interactive-theme="flat"][data-iot-recolor-pilot="true"][data-iot-module="device-hardware-security"]
  :where(.ota-metric span, .flow-metric span, .boot-metric span) {
  color: #ffffff !important;
}

[data-iot-interactive-theme="flat"][data-iot-recolor-pilot="true"][data-iot-module="device-hardware-security"]
  :where(
    .ota-stage p,
    .flow-stage p,
    .boot-stage p,
    .ota-panel-head p,
    .flow-panel-head p,
    .boot-panel-head p,
    .boot-visual-head p,
    #flowStageText,
    #stageNarrative
  ) {
  color: var(--iot-sim-muted) !important;
}

[data-iot-interactive-theme="flat"][data-iot-recolor-pilot="true"][data-iot-module="device-hardware-security"]
  :where(.ota-stage.is-active p, .flow-stage.is-active p, .boot-stage.is-active p) {
  color: #ffffff !important;
}

[data-iot-interactive-theme="flat"][data-iot-recolor-pilot="true"][data-iot-module="device-hardware-security"]
  :where(.boot-status-chip) {
  color: #ffffff !important;
  background: #7f1d1d !important;
}

[data-iot-interactive-theme="flat"][data-iot-recolor-pilot="true"][data-iot-module="device-hardware-security"]
  :where(.boot-status-chip.is-pass) {
  background: #246128 !important;
}

[data-iot-interactive-theme="flat"][data-iot-recolor-pilot="true"][data-iot-module="device-hardware-security"]
  :where(.boot-status-chip.is-warn) {
  background: #735800 !important;
}

[data-iot-interactive-theme="flat"][data-iot-recolor-pilot="true"][data-iot-module="device-hardware-security"]
  :where(
    .ota-tag,
    .ota-metric,
    .flow-pill,
    .flow-metric,
    .boot-tag,
    .boot-metric,
    .ota-lens-badge,
    .flow-lens-badge,
    .boot-status-chip
  ) {
  border-color: color-mix(
    in srgb,
    var(--iot-sim-module-accent) 34%,
    var(--iot-sim-border)
  ) !important;
  box-shadow: none !important;
}

[data-iot-interactive-theme="flat"][data-iot-recolor-pilot="true"][data-iot-module="device-hardware-security"]
  :where(
    .ota-panel-head h3,
    .ota-learning-card h3,
    .flow-panel-head h3,
    .flow-learning-card h3,
    .boot-panel-head h3,
    .boot-record h4,
    .boot-note strong,
    .boot-ref-body h3
  ) {
  color: var(--iot-sim-module-strong) !important;
}

[data-iot-interactive-theme="flat"][data-iot-recolor-pilot="true"][data-iot-module="device-hardware-security"]
  :where(.ota-bar, .flow-bar, .boot-link.is-pass, .boot-token rect, .boot-progress-fill) {
  background: var(--iot-sim-module-accent) !important;
  fill: var(--iot-sim-module-accent) !important;
  stroke: var(--iot-sim-module-accent) !important;
}

[data-iot-interactive-theme="flat"][data-iot-recolor-pilot="true"][data-iot-module="device-hardware-security"]
  :where(input[type="range"], input[type="checkbox"], input[type="radio"]) {
  accent-color: var(--iot-sim-module-accent) !important;
}

[data-iot-interactive-theme="flat"][data-iot-recolor-pilot="true"][data-iot-module="threat-modeling"] {
  --iot-sim-module-accent: #4a148c !important;
  --iot-sim-module-strong: #2e0c57 !important;
  --iot-sim-module-tint: #f4eef9 !important;
  --iot-sim-module-tint-strong: #e7d8f3 !important;
  --iot-sim-accent: var(--iot-sim-module-accent) !important;
  --iot-sim-accent-2: var(--iot-sim-module-strong) !important;
  --iot-sim-soft: var(--iot-sim-module-tint) !important;
  --ac-hero: var(--iot-sim-module-strong) !important;
  --ac-teal: var(--iot-sim-module-accent) !important;
  --ac-blue: #57308f !important;
  --ac-purple: var(--iot-sim-module-accent) !important;
  --ac-soft: var(--iot-sim-module-tint) !important;
  --ac-line: color-mix(in srgb, var(--iot-sim-module-accent) 28%, #d7e2e7) !important;
  --am-hero: var(--iot-sim-module-strong) !important;
  --am-teal: var(--iot-sim-module-accent) !important;
  --am-blue: #57308f !important;
  --am-purple: var(--iot-sim-module-accent) !important;
  --am-soft: var(--iot-sim-module-tint) !important;
  --am-line: color-mix(in srgb, var(--iot-sim-module-accent) 28%, #d7e2e7) !important;
  --as-hero: var(--iot-sim-module-strong) !important;
  --as-teal: var(--iot-sim-module-accent) !important;
  --as-blue: #57308f !important;
  --as-violet: var(--iot-sim-module-accent) !important;
  --as-soft: var(--iot-sim-module-tint) !important;
  --as-line: color-mix(in srgb, var(--iot-sim-module-accent) 28%, #d7e2e7) !important;
  --st-hero: var(--iot-sim-module-strong) !important;
  --st-teal: var(--iot-sim-module-accent) !important;
  --st-blue: #57308f !important;
  --st-violet: var(--iot-sim-module-accent) !important;
  --st-soft: var(--iot-sim-module-tint) !important;
  --st-line: color-mix(in srgb, var(--iot-sim-module-accent) 28%, #d7e2e7) !important;
}

[data-iot-interactive-theme="flat"][data-iot-recolor-pilot="true"][data-iot-module="threat-modeling"]:where(
    #attackCoreLab,
    #attackMitigationLab,
    #attackSuiteLab,
    #strideLab,
    #threatGame
  ) {
  background: var(--iot-sim-page) !important;
  border-color: var(--iot-sim-border) !important;
  box-shadow: none !important;
}

[data-iot-interactive-theme="flat"][data-iot-recolor-pilot="true"][data-iot-module="threat-modeling"]
  :where(.ac-hero, .am-hero, .as-hero, .st-hero, .threat-hero) {
  background:
    linear-gradient(
      135deg,
      color-mix(in srgb, var(--iot-sim-module-accent) 14%, transparent),
      transparent 42%
    ),
    var(--iot-sim-module-tint) !important;
  border: 1px solid color-mix(in srgb, var(--iot-sim-module-accent) 28%, #d7e2e7) !important;
  border-left: 4px solid var(--iot-sim-module-accent) !important;
  color: var(--iot-sim-ink) !important;
  box-shadow: none !important;
}

[data-iot-interactive-theme="flat"][data-iot-recolor-pilot="true"][data-iot-module="threat-modeling"]
  :where(.ac-hero *, .am-hero *, .as-hero *, .st-hero *, .threat-hero *) {
  color: var(--iot-sim-ink) !important;
}

[data-iot-interactive-theme="flat"][data-iot-recolor-pilot="true"][data-iot-module="threat-modeling"]
  :where(
    .ac-tag,
    .am-tag,
    .as-tag,
    .st-tag,
    .threat-hero-icon,
    .scenario-badge,
    .threat-risk,
    .attack-result.blocked
  ) {
  background: var(--iot-sim-module-strong) !important;
  border-color: var(--iot-sim-module-strong) !important;
  color: #ffffff !important;
}

[data-iot-interactive-theme="flat"][data-iot-recolor-pilot="true"][data-iot-module="threat-modeling"]
  :where(
    .ac-metric,
    .ac-card,
    .ac-panel,
    .ac-scenario,
    .am-metric,
    .am-card,
    .am-panel,
    .am-control,
    .as-metric,
    .as-card,
    .as-panel,
    .as-check,
    .st-metric,
    .st-card,
    .st-panel,
    .st-check,
    .score-item,
    .scenario-card,
    .architecture-diagram,
    .threat-option,
    .mitigation-option,
    .results-panel,
    .hint-box
  ) {
  background: var(--iot-sim-panel) !important;
  border-color: color-mix(in srgb, var(--iot-sim-module-accent) 28%, #d7e2e7) !important;
  box-shadow: none !important;
}

[data-iot-interactive-theme="flat"][data-iot-recolor-pilot="true"][data-iot-module="threat-modeling"]
  :where(
    h2,
    h3,
    h4,
    a,
    .score-value,
    .score-label,
    .scenario-title,
    .arch-title,
    .threat-phase-title,
    .complete-title,
    .results-score,
    .results-verdict
  ) {
  color: var(--iot-sim-module-strong) !important;
}

[data-iot-interactive-theme="flat"][data-iot-recolor-pilot="true"][data-iot-module="threat-modeling"]
  :where(
    .ac-button,
    .am-button,
    .as-button,
    .st-button,
    .action-btn-primary,
    .action-btn.primary,
    .diff-btn.active
  ) {
  background: var(--iot-sim-module-strong) !important;
  border-color: var(--iot-sim-module-strong) !important;
  color: #ffffff !important;
}

[data-iot-interactive-theme="flat"][data-iot-recolor-pilot="true"][data-iot-module="threat-modeling"]
  :where(
    .ac-seg-button.is-active,
    .am-scenario-button.is-active,
    .as-stage-button.is-active,
    .st-stage-button.is-active,
    .threat-option.selected,
    .mitigation-option.selected
  ) {
  background: var(--iot-sim-module-tint) !important;
  border-color: var(--iot-sim-module-accent) !important;
  color: var(--iot-sim-ink) !important;
}

[data-iot-interactive-theme="flat"][data-iot-recolor-pilot="true"][data-iot-module="threat-modeling"]
  :where(.as-stage-button.is-active span, .st-stage-button.is-active span) {
  color: var(--iot-sim-module-strong) !important;
}

[data-iot-interactive-theme="flat"][data-iot-recolor-pilot="true"][data-iot-module="threat-modeling"]
  :where(.as-token, .st-token) {
  background: #9c2f2a !important;
  color: #ffffff !important;
}

[data-iot-interactive-theme="flat"][data-iot-recolor-pilot="true"][data-iot-module="threat-modeling"]
  :where(.diff-btn-medium) {
  background: #8a4b00 !important;
  border-color: #8a4b00 !important;
  color: #ffffff !important;
}

[data-iot-interactive-theme="flat"][data-iot-recolor-pilot="true"][data-iot-module="threat-modeling"]
  :where(.diff-btn-hard) {
  background: #9f2419 !important;
  border-color: #9f2419 !important;
  color: #ffffff !important;
}

[data-iot-interactive-theme="flat"][data-iot-recolor-pilot="true"][data-iot-module="threat-modeling"]
  :where(input[type="range"], input[type="checkbox"], input[type="radio"], select) {
  accent-color: var(--iot-sim-module-accent) !important;
}

[data-iot-interactive-theme="flat"][data-iot-recolor-pilot="true"][data-iot-module="authentication"] {
  --iot-sim-module-accent: #7b1fa2 !important;
  --iot-sim-module-strong: #4a1263 !important;
  --iot-sim-module-tint: #f7eefb !important;
  --iot-sim-module-tint-strong: #eddcf5 !important;
  --iot-sim-accent: var(--iot-sim-module-accent) !important;
  --iot-sim-accent-2: var(--iot-sim-module-strong) !important;
  --iot-sim-soft: var(--iot-sim-module-tint) !important;
  --line: color-mix(in srgb, var(--iot-sim-module-accent) 28%, #d7e2e7) !important;
}

.auth-rollout-page[data-iot-interactive-theme="flat"][data-iot-recolor-pilot="true"][data-iot-module="authentication"] {
  padding: clamp(14px, 2vw, 24px);
  margin: 0 0 24px;
}

.auth-rollout-page[data-iot-interactive-theme="flat"][data-iot-recolor-pilot="true"][data-iot-module="authentication"]
  :where(.quarto-title-block, h2, h3, h4) {
  color: var(--iot-sim-module-strong) !important;
}

.auth-rollout-page[data-iot-interactive-theme="flat"][data-iot-recolor-pilot="true"][data-iot-module="authentication"]
  :where(a) {
  color: var(--iot-sim-module-strong) !important;
}

.auth-rollout-page[data-iot-interactive-theme="flat"][data-iot-recolor-pilot="true"][data-iot-module="authentication"]
  :where(.callout, table, .sourceCode, pre, .quarto-figure, img) {
  border-color: var(--line) !important;
  box-shadow: none !important;
}

.auth-rollout-page[data-iot-interactive-theme="flat"][data-iot-recolor-pilot="true"][data-iot-module="authentication"]
  :where(.callout-tip, .callout-note, .callout-important) {
  background: var(--iot-sim-module-tint) !important;
}

.auth-rollout-page[data-iot-interactive-theme="flat"][data-iot-recolor-pilot="true"][data-iot-module="authentication"]
  :where(.callout-header, thead) {
  background: var(--iot-sim-module-tint-strong) !important;
  border-color: var(--line) !important;
}

.auth-rollout-page[data-iot-interactive-theme="flat"][data-iot-recolor-pilot="true"][data-iot-module="authentication"]
  :where(.callout-title-container, th) {
  color: var(--iot-sim-module-strong) !important;
}

.auth-rollout-page[data-iot-interactive-theme="flat"][data-iot-recolor-pilot="true"][data-iot-module="authentication"]
  :where(.callout-icon::before, .callout-toggle::before) {
  color: var(--iot-sim-module-accent) !important;
}

.auth-rollout-page[data-iot-interactive-theme="flat"][data-iot-recolor-pilot="true"][data-iot-module="authentication"]
  :where(code:not(pre code), .sourceCode) {
  background: color-mix(in srgb, var(--iot-sim-module-tint) 68%, white) !important;
}

.auth-rollout-page[data-iot-interactive-theme="flat"][data-iot-recolor-pilot="true"][data-iot-module="authentication"]
  :where(pre, .sourceCode) {
  max-width: 100% !important;
  overflow-x: auto !important;
}

.auth-rollout-page[data-iot-interactive-theme="flat"][data-iot-recolor-pilot="true"][data-iot-module="authentication"]
  :where(table) {
  display: block;
  max-width: 100% !important;
  overflow-x: auto !important;
}

.auth-rollout-page[data-iot-interactive-theme="flat"][data-iot-recolor-pilot="true"][data-iot-module="authentication"]
  :where(blockquote) {
  border-left-color: var(--iot-sim-module-accent) !important;
  background: var(--iot-sim-module-tint) !important;
}

#pidFeedbackLab[data-iot-interactive-theme="flat"][data-iot-recolor-pilot="true"][data-iot-module="control-gateways"] {
  --iot-sim-module-accent: #c99500 !important;
  --iot-sim-module-strong: #6f5100 !important;
  --iot-sim-module-tint: #fff7df !important;
  --iot-sim-module-tint-strong: #f7e8b8 !important;
  --pid-amber: #b37705 !important;
  --pid-blue: #8a6500 !important;
  --pid-deep: var(--iot-sim-module-strong) !important;
  --pid-green: #5f7a2f !important;
  --pid-line: color-mix(in srgb, var(--iot-sim-module-accent) 28%, #d8e0e7) !important;
  --pid-purple: #7b6475 !important;
  --pid-red: #9a5138 !important;
  --pid-shadow: none !important;
  --pid-soft: var(--iot-sim-module-tint) !important;
  --pid-teal: var(--iot-sim-module-accent) !important;
}

#pidFeedbackLab[data-iot-interactive-theme="flat"][data-iot-recolor-pilot="true"][data-iot-module="control-gateways"] {
  color: var(--iot-sim-ink) !important;
  background: var(--iot-sim-page) !important;
  border-color: var(--iot-sim-border) !important;
  box-shadow: none !important;
}

#pidFeedbackLab[data-iot-interactive-theme="flat"][data-iot-recolor-pilot="true"][data-iot-module="control-gateways"]
  :where(.pid-hero) {
  color: var(--iot-sim-ink) !important;
  background: var(--iot-sim-module-tint) !important;
  border: 1px solid var(--pid-line) !important;
  border-left: 4px solid var(--iot-sim-module-accent) !important;
  box-shadow: none !important;
}

#pidFeedbackLab[data-iot-interactive-theme="flat"][data-iot-recolor-pilot="true"][data-iot-module="control-gateways"]
  .pid-hero::after {
  opacity: 0.2 !important;
}

#pidFeedbackLab[data-iot-interactive-theme="flat"][data-iot-recolor-pilot="true"][data-iot-module="control-gateways"]
  :where(.pid-hero h1, .pid-hero p, .pid-hero-card strong, .pid-hero-card span) {
  color: var(--iot-sim-ink) !important;
}

#pidFeedbackLab[data-iot-interactive-theme="flat"][data-iot-recolor-pilot="true"][data-iot-module="control-gateways"]
  :where(.pid-pill, .pid-hero-card) {
  color: var(--iot-sim-ink) !important;
  background: var(--iot-sim-panel) !important;
  border-color: var(--pid-line) !important;
  box-shadow: none !important;
}

#pidFeedbackLab[data-iot-interactive-theme="flat"][data-iot-recolor-pilot="true"][data-iot-module="control-gateways"]
  :where(
    .pid-learning-card,
    .pid-panel,
    .pid-metric,
    .pid-term-card,
    .pid-feedback-card,
    .pid-note-card,
    .pid-link-card,
    .pid-details,
    .pid-loop-wrap,
    .pid-chart
  ) {
  background: var(--iot-sim-panel) !important;
  border-color: var(--pid-line) !important;
  box-shadow: none !important;
}

#pidFeedbackLab[data-iot-interactive-theme="flat"][data-iot-recolor-pilot="true"][data-iot-module="control-gateways"]
  :where(
    .pid-learning-card span,
    .pid-feedback-card span,
    .pid-panel h2,
    .pid-panel h3,
    .pid-link-card strong
  ) {
  color: var(--iot-sim-module-strong) !important;
}

#pidFeedbackLab[data-iot-interactive-theme="flat"][data-iot-recolor-pilot="true"][data-iot-module="control-gateways"]
  :where(.pid-btn:not(.secondary):not(.warn), .pid-chip.active) {
  background: var(--iot-sim-module-strong) !important;
  border-color: var(--iot-sim-module-strong) !important;
  color: #ffffff !important;
}

#pidFeedbackLab[data-iot-interactive-theme="flat"][data-iot-recolor-pilot="true"][data-iot-module="control-gateways"]
  :where(.pid-btn.secondary, .pid-chip:not(.active)) {
  background: var(--iot-sim-panel) !important;
  border-color: var(--pid-line) !important;
  color: var(--iot-sim-ink) !important;
}

#pidFeedbackLab[data-iot-interactive-theme="flat"][data-iot-recolor-pilot="true"][data-iot-module="control-gateways"]
  .pid-btn.warn {
  background: var(--iot-sim-module-tint) !important;
  border-color: var(--iot-sim-module-accent) !important;
  color: var(--iot-sim-module-strong) !important;
}

#pidFeedbackLab[data-iot-interactive-theme="flat"][data-iot-recolor-pilot="true"][data-iot-module="control-gateways"]
  :where(.pid-field output) {
  color: var(--iot-sim-module-strong) !important;
}

#pidFeedbackLab[data-iot-interactive-theme="flat"][data-iot-recolor-pilot="true"][data-iot-module="control-gateways"]
  :where(.pid-svg-box.active, .pid-pv-line, .pid-pv-marker) {
  stroke: var(--iot-sim-module-accent) !important;
}

#pidFeedbackLab[data-iot-interactive-theme="flat"][data-iot-recolor-pilot="true"][data-iot-module="control-gateways"]
  :where(.pid-pv-marker, .pid-pulse) {
  fill: var(--iot-sim-module-accent) !important;
}

#pidFeedbackLab[data-iot-interactive-theme="flat"][data-iot-recolor-pilot="true"][data-iot-module="control-gateways"]
  :where(.pid-term-fill.i, .pid-term-fill.d, .pid-plant-fill) {
  background: var(--iot-sim-module-accent) !important;
  fill: var(--iot-sim-module-accent) !important;
}

#pidFeedbackLab[data-iot-interactive-theme="flat"][data-iot-recolor-pilot="true"][data-iot-module="control-gateways"]
  #pidPlantGradient
  stop:first-child {
  stop-color: var(--iot-sim-module-accent) !important;
}

#pidFeedbackLab[data-iot-interactive-theme="flat"][data-iot-recolor-pilot="true"][data-iot-module="control-gateways"]
  #pidPlantGradient
  stop:last-child {
  stop-color: var(--iot-sim-module-tint-strong) !important;
}

#pidFeedbackLab[data-iot-interactive-theme="flat"][data-iot-recolor-pilot="true"][data-iot-module="control-gateways"]
  :where(input[type="range"], input[type="checkbox"], input[type="radio"]) {
  accent-color: var(--iot-sim-module-accent) !important;
}

#provCompareLab[data-iot-interactive-theme="flat"][data-iot-recolor-pilot="true"][data-iot-module="test-methods"] {
  --iot-sim-module-accent: #546e7a !important;
  --iot-sim-module-strong: #31444d !important;
  --iot-sim-module-tint: #eef3f5 !important;
  --iot-sim-module-tint-strong: #dce8ec !important;
  --amber: #8a650d !important;
  --blue: #3f6479 !important;
  --deep: var(--iot-sim-module-strong) !important;
  --deep-2: #263942 !important;
  --green: #3f6f5e !important;
  --line: color-mix(in srgb, var(--iot-sim-module-accent) 28%, #d7e2e7) !important;
  --muted: #405660 !important;
  --orange: #99613a !important;
  --purple: #685f8f !important;
  --red: #9a4e55 !important;
  --shadow: none !important;
  --teal: var(--iot-sim-module-accent) !important;
}

#provCompareLab[data-iot-interactive-theme="flat"][data-iot-recolor-pilot="true"][data-iot-module="test-methods"] {
  color: var(--iot-sim-ink) !important;
  background: var(--iot-sim-page) !important;
  border-color: var(--line) !important;
  box-shadow: none !important;
  left: 50% !important;
  margin: 1rem 0 2rem !important;
  position: relative !important;
  transform: translateX(-50%) !important;
  width: min(1240px, calc(100vw - 32px)) !important;
}

#provCompareLab[data-iot-interactive-theme="flat"][data-iot-recolor-pilot="true"][data-iot-module="test-methods"]
  :where(.pc-hero) {
  color: var(--iot-sim-ink) !important;
  background: var(--iot-sim-module-tint) !important;
  border: 1px solid var(--line) !important;
  border-left: 4px solid var(--iot-sim-module-accent) !important;
  box-shadow: none !important;
}

#provCompareLab[data-iot-interactive-theme="flat"][data-iot-recolor-pilot="true"][data-iot-module="test-methods"]
  :where(.pc-hero h2, .pc-hero p, .pc-metric strong, .pc-metric span) {
  color: var(--iot-sim-ink) !important;
}

#provCompareLab[data-iot-interactive-theme="flat"][data-iot-recolor-pilot="true"][data-iot-module="test-methods"]
  :where(.pc-tag, .pc-metric) {
  color: var(--iot-sim-ink) !important;
  background: var(--iot-sim-panel) !important;
  border-color: var(--line) !important;
  box-shadow: none !important;
}

#provCompareLab[data-iot-interactive-theme="flat"][data-iot-recolor-pilot="true"][data-iot-module="test-methods"]
  :where(
    .pc-guide-step,
    .pc-stage,
    .pc-panel,
    .pc-scene,
    .pc-result-card,
    .pc-card,
    .pc-section,
    .pc-method,
    .pc-control,
    .pc-diagnosis,
    .pc-caution
  ) {
  background: var(--iot-sim-panel) !important;
  border-color: var(--line) !important;
  box-shadow: none !important;
}

#provCompareLab[data-iot-interactive-theme="flat"][data-iot-recolor-pilot="true"][data-iot-module="test-methods"]
  :where(
    .pc-stage h3,
    .pc-panel h3,
    .pc-result-card h4,
    .pc-card h4,
    .pc-guide-step strong,
    .pc-method strong,
    .pc-section summary
  ) {
  color: var(--iot-sim-module-strong) !important;
}

#provCompareLab[data-iot-interactive-theme="flat"][data-iot-recolor-pilot="true"][data-iot-module="test-methods"]
  :where(.pc-guide-step.is-active, .pc-method.is-active) {
  background: var(--iot-sim-module-tint) !important;
  border-color: var(--iot-sim-module-accent) !important;
}

#provCompareLab[data-iot-interactive-theme="flat"][data-iot-recolor-pilot="true"][data-iot-module="test-methods"]
  :where(.pc-button.primary, .pc-button.secondary, .pc-presets .is-active) {
  background: var(--iot-sim-module-strong) !important;
  border-color: var(--iot-sim-module-strong) !important;
  color: #ffffff !important;
}

#provCompareLab[data-iot-interactive-theme="flat"][data-iot-recolor-pilot="true"][data-iot-module="test-methods"]
  :where(.pc-button:not(.primary):not(.secondary), .pc-presets button:not(.is-active)) {
  background: var(--iot-sim-panel) !important;
  border-color: var(--line) !important;
  color: var(--iot-sim-ink) !important;
}

#provCompareLab[data-iot-interactive-theme="flat"][data-iot-recolor-pilot="true"][data-iot-module="test-methods"]
  :where(.pc-bar-fill, .pc-svg-accent) {
  background: var(--iot-sim-module-accent) !important;
  fill: var(--iot-sim-module-accent) !important;
  stroke: var(--iot-sim-module-accent) !important;
}

#provCompareLab[data-iot-interactive-theme="flat"][data-iot-recolor-pilot="true"][data-iot-module="test-methods"]
  :where(input[type="range"], input[type="checkbox"], input[type="radio"]) {
  accent-color: var(--iot-sim-module-accent) !important;
}

#troubleLab[data-iot-interactive-theme="flat"][data-iot-recolor-pilot="true"][data-iot-module="hubs"] {
  /* Reserved-color ruling (ceo-decision-packs.md Pack B, 2026-07-22): the
     hubs module used the literal reserved Foundations red (#8B0000)
     outside Foundations context. troubleshooting-simulator is platform
     content, not a branded module, so it takes the approved
     platform-guide ink (#1F2933, close kin of --iot-sim-ink) instead of a
     module hue. Wrapper wash removed the same way as the other RETINT
     pages. */
  --iot-sim-module-accent: #1f2933 !important;
  --iot-sim-module-strong: #12181e !important;
  --iot-sim-module-tint: #eef1f2 !important;
  --iot-sim-module-tint-strong: #e2e7e9 !important;
  --navy: var(--iot-sim-module-strong) !important;
  --navy-2: var(--iot-sim-module-accent) !important;
  --teal: var(--iot-sim-module-accent) !important;
  --teal-dark: var(--iot-sim-module-strong) !important;
  --green: #4c6f3d !important;
  --amber: #d99a25 !important;
  --orange: #9b4a18 !important;
  --red: var(--iot-sim-module-accent) !important;
  --blue: #2e6f8f !important;
  --violet: #6d5d8f !important;
  --line: color-mix(in srgb, var(--iot-sim-module-accent) 26%, #d7e2e7) !important;
  background: var(--iot-sim-panel) !important;
  border-color: var(--line) !important;
  box-shadow: none !important;
}

#troubleLab[data-iot-interactive-theme="flat"][data-iot-recolor-pilot="true"][data-iot-module="hubs"]
  :where(
    .ts-card,
    .ts-stage,
    .ts-control-panel,
    .ts-workbench,
    .ts-decision,
    .ts-evidence,
    .ts-rule,
    .ts-reference,
    .ts-practice,
    .ts-link-card,
    .ts-slider
  ) {
  background: var(--iot-sim-panel) !important;
  border-color: var(--line) !important;
  box-shadow: none !important;
}

#troubleLab[data-iot-interactive-theme="flat"][data-iot-recolor-pilot="true"][data-iot-module="hubs"]
  :where(.ts-stage.is-active, .ts-btn.ts-primary, .ts-btn[aria-pressed="true"], .ts-stage-tag) {
  background: var(--iot-sim-module-strong) !important;
  border-color: var(--iot-sim-module-strong) !important;
  color: #ffffff !important;
}

#troubleLab[data-iot-interactive-theme="flat"][data-iot-recolor-pilot="true"][data-iot-module="hubs"]
  :where(.ts-hero h2, .ts-hero p, .ts-stage.is-active strong, .ts-stage.is-active span) {
  color: #ffffff !important;
}

#troubleLab[data-iot-interactive-theme="flat"][data-iot-recolor-pilot="true"][data-iot-module="hubs"]
  :where(.ts-metric) {
  background: rgba(255, 255, 255, 0.94) !important;
  border-color: rgba(255, 255, 255, 0.72) !important;
}

#troubleLab[data-iot-interactive-theme="flat"][data-iot-recolor-pilot="true"][data-iot-module="hubs"]
  :where(.ts-metric strong) {
  color: var(--iot-sim-module-strong) !important;
}

#troubleLab[data-iot-interactive-theme="flat"][data-iot-recolor-pilot="true"][data-iot-module="hubs"]
  :where(.ts-metric span) {
  color: #5d6c75 !important;
}

#troubleLab[data-iot-interactive-theme="flat"][data-iot-recolor-pilot="true"][data-iot-module="hubs"]
  :where(
    .ts-rule h3,
    .ts-card h3,
    .ts-control-heading,
    .ts-decision-row strong,
    .ts-reference h3,
    .ts-practice h3
  ) {
  color: var(--iot-sim-module-strong) !important;
}

#troubleLab[data-iot-interactive-theme="flat"][data-iot-recolor-pilot="true"][data-iot-module="hubs"]
  :where(input[type="range"], input[type="checkbox"], input[type="radio"]) {
  accent-color: var(--iot-sim-module-accent) !important;
}

#captureLab[data-iot-interactive-theme="flat"][data-iot-recolor-pilot="true"][data-iot-module="traffic-analysis"] {
  --iot-sim-module-accent: #546e7a !important;
  --iot-sim-module-strong: #37474f !important;
  --iot-sim-module-tint: #eef3f5 !important;
  --iot-sim-module-tint-strong: #dfe8ec !important;
  --iot-sim-accent: var(--iot-sim-module-accent) !important;
  --iot-sim-accent-2: var(--iot-sim-module-strong) !important;
  --iot-sim-soft: var(--iot-sim-module-tint) !important;
  --iot-sim-border: color-mix(in srgb, var(--iot-sim-module-accent) 28%, #d7e2e7) !important;
  --line: var(--iot-sim-border) !important;
}

#captureLab[data-iot-interactive-theme="flat"][data-iot-recolor-pilot="true"][data-iot-module="traffic-analysis"]
  :where(.cap-hero) {
  color: var(--iot-sim-ink) !important;
  background: var(--iot-sim-module-tint) !important;
  border: 1px solid var(--line) !important;
  border-left: 4px solid var(--iot-sim-module-accent) !important;
  box-shadow: none !important;
}

#captureLab[data-iot-interactive-theme="flat"][data-iot-recolor-pilot="true"][data-iot-module="traffic-analysis"]
  :where(
    .cap-panel,
    .cap-stage,
    .cap-card,
    .cap-details,
    .cap-support-card,
    .cap-reference-card,
    .cap-related a,
    .cap-metric,
    .cap-stat,
    .cap-cue,
    .cap-diagnosis
  ) {
  background: var(--iot-sim-panel) !important;
  border-color: var(--line) !important;
  box-shadow: none !important;
}

#captureLab[data-iot-interactive-theme="flat"][data-iot-recolor-pilot="true"][data-iot-module="traffic-analysis"]
  :where(
    .cap-btn:not(.secondary),
    .cap-table tr.selected,
    .cap-layer.active,
    .cap-sequence-row.active,
    .cap-byte.active,
    .cap-bar-fill
  ) {
  background: var(--iot-sim-module-strong) !important;
  border-color: var(--iot-sim-module-strong) !important;
  color: #ffffff !important;
}

#captureLab[data-iot-interactive-theme="flat"][data-iot-recolor-pilot="true"][data-iot-module="traffic-analysis"]
  :where(
    .cap-table tr.selected td,
    .cap-layer.active,
    .cap-layer.active strong,
    .cap-layer.active span,
    .cap-layer.active b,
    .cap-sequence-row.active,
    .cap-sequence-row.active .cap-node
  ) {
  color: #ffffff !important;
}

#captureLab[data-iot-interactive-theme="flat"][data-iot-recolor-pilot="true"][data-iot-module="traffic-analysis"]
  :where(
    .cap-panel h3,
    .cap-stage h3,
    .cap-card h4,
    .cap-support-card h4,
    .cap-reference-card h4,
    .cap-details-title,
    .cap-value,
    .cap-related a
  ) {
  color: var(--iot-sim-module-strong) !important;
}

#captureLab[data-iot-interactive-theme="flat"][data-iot-recolor-pilot="true"][data-iot-module="traffic-analysis"]
  :where(
    .cap-pill,
    .cap-status-pill,
    .cap-brief-item,
    .cap-reference-card code,
    .cap-table th,
    .cap-table tr.match,
    .cap-arrow span,
    .cap-bar-track
  ) {
  background: var(--iot-sim-module-tint) !important;
  border-color: var(--line) !important;
  color: var(--iot-sim-ink) !important;
}

#captureLab[data-iot-interactive-theme="flat"][data-iot-recolor-pilot="true"][data-iot-module="traffic-analysis"]
  :where(.cap-table tr.selected, .cap-table tr.selected.match) {
  background: var(--iot-sim-module-strong) !important;
  border-color: var(--iot-sim-module-strong) !important;
  color: #ffffff !important;
}

#captureLab[data-iot-interactive-theme="flat"][data-iot-recolor-pilot="true"][data-iot-module="traffic-analysis"]
  :where(.cap-table tr.selected td, .cap-table tr.selected.match td) {
  color: #ffffff !important;
}

#captureLab[data-iot-interactive-theme="flat"][data-iot-recolor-pilot="true"][data-iot-module="traffic-analysis"]
  :where(.cap-panel-head, .cap-brief-item, .cap-diagnosis) {
  border-color: var(--iot-sim-module-accent) !important;
}

#captureLab[data-iot-interactive-theme="flat"][data-iot-recolor-pilot="true"][data-iot-module="traffic-analysis"]
  .cap-arrow,
#captureLab[data-iot-interactive-theme="flat"][data-iot-recolor-pilot="true"][data-iot-module="traffic-analysis"]
  .cap-arrow::after,
#captureLab[data-iot-interactive-theme="flat"][data-iot-recolor-pilot="true"][data-iot-module="traffic-analysis"]
  .cap-details
  > summary::after {
  color: var(--iot-sim-module-strong) !important;
}

#captureLab[data-iot-interactive-theme="flat"][data-iot-recolor-pilot="true"][data-iot-module="traffic-analysis"]
  .cap-arrow::before {
  background: var(--iot-sim-module-accent) !important;
}

#miraiLab[data-iot-interactive-theme="flat"][data-iot-recolor-pilot="true"][data-iot-module="privacy-foundations"],
#mitmLab[data-iot-interactive-theme="flat"][data-iot-recolor-pilot="true"][data-iot-module="privacy-foundations"] {
  --iot-sim-module-accent: #37474f !important;
  --iot-sim-module-strong: #26343a !important;
  --iot-sim-module-tint: #eef3f5 !important;
  --iot-sim-module-tint-strong: #dfe8ec !important;
  --ink: var(--iot-sim-ink) !important;
  --muted: var(--iot-sim-muted) !important;
  --line: color-mix(in srgb, var(--iot-sim-module-accent) 28%, #d7e2e7) !important;
  --panel: var(--iot-sim-panel) !important;
  --wash: var(--iot-sim-module-tint) !important;
  --deep: var(--iot-sim-module-strong) !important;
  --deep-2: #26343a !important;
  --teal: var(--iot-sim-module-accent) !important;
  --green: var(--iot-sim-module-strong) !important;
  --blue: #4b6570 !important;
  --purple: #62727a !important;
  width: min(1240px, calc(100vw - 64px)) !important;
  max-width: calc(100vw - 64px) !important;
  margin-left: 50% !important;
  margin-right: 0 !important;
  overflow-x: clip !important;
  transform: translateX(-50%) !important;
  background: linear-gradient(180deg, #ffffff 0%, var(--iot-sim-module-tint) 100%) !important;
  border-color: var(--line) !important;
  box-shadow: none !important;
}

#miraiLab[data-iot-interactive-theme="flat"][data-iot-recolor-pilot="true"][data-iot-module="privacy-foundations"]
  :where(.mirai-hero),
#mitmLab[data-iot-interactive-theme="flat"][data-iot-recolor-pilot="true"][data-iot-module="privacy-foundations"]
  :where(.mitm-hero) {
  color: var(--iot-sim-ink) !important;
  background: var(--iot-sim-module-tint) !important;
  border: 1px solid var(--line) !important;
  border-left: 4px solid var(--iot-sim-module-accent) !important;
  box-shadow: none !important;
}

#miraiLab[data-iot-interactive-theme="flat"][data-iot-recolor-pilot="true"][data-iot-module="privacy-foundations"]
  :where(.mirai-hero h2, .mirai-hero p, .mirai-tag, .mirai-metric strong, .mirai-metric span),
#mitmLab[data-iot-interactive-theme="flat"][data-iot-recolor-pilot="true"][data-iot-module="privacy-foundations"]
  :where(.mitm-hero h2, .mitm-hero p, .mitm-tag, .mitm-metric strong, .mitm-metric span) {
  color: var(--iot-sim-ink) !important;
}

#miraiLab[data-iot-interactive-theme="flat"][data-iot-recolor-pilot="true"][data-iot-module="privacy-foundations"]
  :where(.mirai-tag, .mirai-metric),
#mitmLab[data-iot-interactive-theme="flat"][data-iot-recolor-pilot="true"][data-iot-module="privacy-foundations"]
  :where(.mitm-tag, .mitm-metric) {
  background: var(--iot-sim-panel) !important;
  border-color: var(--line) !important;
}

#miraiLab[data-iot-interactive-theme="flat"][data-iot-recolor-pilot="true"][data-iot-module="privacy-foundations"]
  :where(.mirai-control-sub, .mirai-metric span, .mirai-bar-row > span),
#mitmLab[data-iot-interactive-theme="flat"][data-iot-recolor-pilot="true"][data-iot-module="privacy-foundations"]
  :where(.mitm-control-sub, .mitm-metric span, .mitm-bar-row > span) {
  color: #526872 !important;
}

#miraiLab[data-iot-interactive-theme="flat"][data-iot-recolor-pilot="true"][data-iot-module="privacy-foundations"]
  :where(
    .mirai-panel,
    .mirai-details,
    .mirai-diagram-card,
    .mirai-card,
    .mirai-mini-card,
    .mirai-reference-card,
    .mirai-related-grid a,
    .mirai-button,
    .mirai-exposure,
    .mirai-defense,
    .mirai-target,
    .mirai-stage-button,
    .mirai-guide-step
  ),
#mitmLab[data-iot-interactive-theme="flat"][data-iot-recolor-pilot="true"][data-iot-module="privacy-foundations"]
  :where(
    .mitm-panel,
    .mitm-details,
    .mitm-diagram-card,
    .mitm-card,
    .mitm-mini-card,
    .mitm-reference-card,
    .mitm-link-card,
    .mitm-button,
    .mitm-technique,
    .mitm-defense,
    .mitm-scenario,
    .mitm-stage-button,
    .mitm-guide-step
  ) {
  background: var(--iot-sim-panel) !important;
  border-color: var(--line) !important;
  box-shadow: none !important;
}

#miraiLab[data-iot-interactive-theme="flat"][data-iot-recolor-pilot="true"][data-iot-module="privacy-foundations"]
  :where(
    .mirai-panel-head h3,
    .mirai-card h4,
    .mirai-diagram-card h4,
    .mirai-mini-card strong,
    .mirai-reference-card strong,
    .mirai-details summary,
    .mirai-related-grid a,
    .mirai-reference-card a
  ),
#mitmLab[data-iot-interactive-theme="flat"][data-iot-recolor-pilot="true"][data-iot-module="privacy-foundations"]
  :where(
    .mitm-panel-head h3,
    .mitm-card h4,
    .mitm-diagram-card h4,
    .mitm-mini-card strong,
    .mitm-reference-card strong,
    .mitm-link-card strong,
    .mitm-details summary,
    .mitm-reference-card a
  ) {
  color: var(--iot-sim-module-strong) !important;
}

#miraiLab[data-iot-interactive-theme="flat"][data-iot-recolor-pilot="true"][data-iot-module="privacy-foundations"]
  :where(.mirai-button.primary),
#mitmLab[data-iot-interactive-theme="flat"][data-iot-recolor-pilot="true"][data-iot-module="privacy-foundations"]
  :where(.mitm-button.primary) {
  background: var(--iot-sim-module-strong) !important;
  border-color: var(--iot-sim-module-strong) !important;
  color: #ffffff !important;
}

#miraiLab[data-iot-interactive-theme="flat"][data-iot-recolor-pilot="true"][data-iot-module="privacy-foundations"]
  :where(
    .mirai-exposure.is-active,
    .mirai-defense.is-active,
    .mirai-target.is-active,
    .mirai-stage-button.is-active,
    .mirai-guide-step.is-active
  ),
#mitmLab[data-iot-interactive-theme="flat"][data-iot-recolor-pilot="true"][data-iot-module="privacy-foundations"]
  :where(
    .mitm-technique.is-active,
    .mitm-defense.is-active,
    .mitm-scenario.is-active,
    .mitm-stage-button.is-active,
    .mitm-guide-step.is-active
  ) {
  background: var(--iot-sim-module-tint) !important;
  border-color: var(--iot-sim-module-accent) !important;
  color: var(--iot-sim-ink) !important;
}

#miraiLab[data-iot-interactive-theme="flat"][data-iot-recolor-pilot="true"][data-iot-module="privacy-foundations"]
  .mirai-exposure.is-active,
#miraiLab[data-iot-interactive-theme="flat"][data-iot-recolor-pilot="true"][data-iot-module="privacy-foundations"]
  .mirai-defense.is-active,
#miraiLab[data-iot-interactive-theme="flat"][data-iot-recolor-pilot="true"][data-iot-module="privacy-foundations"]
  .mirai-target.is-active,
#miraiLab[data-iot-interactive-theme="flat"][data-iot-recolor-pilot="true"][data-iot-module="privacy-foundations"]
  .mirai-stage-button.is-active,
#miraiLab[data-iot-interactive-theme="flat"][data-iot-recolor-pilot="true"][data-iot-module="privacy-foundations"]
  .mirai-guide-step.is-active,
#mitmLab[data-iot-interactive-theme="flat"][data-iot-recolor-pilot="true"][data-iot-module="privacy-foundations"]
  .mitm-technique.is-active,
#mitmLab[data-iot-interactive-theme="flat"][data-iot-recolor-pilot="true"][data-iot-module="privacy-foundations"]
  .mitm-defense.is-active,
#mitmLab[data-iot-interactive-theme="flat"][data-iot-recolor-pilot="true"][data-iot-module="privacy-foundations"]
  .mitm-scenario.is-active,
#mitmLab[data-iot-interactive-theme="flat"][data-iot-recolor-pilot="true"][data-iot-module="privacy-foundations"]
  .mitm-stage-button.is-active,
#mitmLab[data-iot-interactive-theme="flat"][data-iot-recolor-pilot="true"][data-iot-module="privacy-foundations"]
  .mitm-guide-step.is-active {
  background: var(--iot-sim-module-tint) !important;
  border-color: var(--iot-sim-module-accent) !important;
  border-top-color: var(--iot-sim-module-accent) !important;
  border-right-color: var(--iot-sim-module-accent) !important;
  border-bottom-color: var(--iot-sim-module-accent) !important;
  border-left-color: var(--iot-sim-module-accent) !important;
  color: var(--iot-sim-ink) !important;
}

#miraiLab[data-iot-interactive-theme="flat"][data-iot-recolor-pilot="true"][data-iot-module="privacy-foundations"]
  :where(
    .mirai-button:hover,
    .mirai-exposure:hover,
    .mirai-defense:hover,
    .mirai-target:hover,
    .mirai-stage-button:hover,
    .mirai-guide-step:hover,
    .mirai-button:focus-visible,
    .mirai-exposure:focus-visible,
    .mirai-defense:focus-visible,
    .mirai-target:focus-visible,
    .mirai-stage-button:focus-visible,
    .mirai-guide-step:focus-visible
  ),
#mitmLab[data-iot-interactive-theme="flat"][data-iot-recolor-pilot="true"][data-iot-module="privacy-foundations"]
  :where(
    .mitm-button:hover,
    .mitm-technique:hover,
    .mitm-defense:hover,
    .mitm-scenario:hover,
    .mitm-stage-button:hover,
    .mitm-guide-step:hover,
    .mitm-button:focus-visible,
    .mitm-technique:focus-visible,
    .mitm-defense:focus-visible,
    .mitm-scenario:focus-visible,
    .mitm-stage-button:focus-visible,
    .mitm-guide-step:focus-visible
  ) {
  border-color: var(--iot-sim-module-accent) !important;
}

#miraiLab[data-iot-interactive-theme="flat"][data-iot-recolor-pilot="true"][data-iot-module="privacy-foundations"]
  :where(.mirai-callout.good, .mirai-callout.risk),
#mitmLab[data-iot-interactive-theme="flat"][data-iot-recolor-pilot="true"][data-iot-module="privacy-foundations"]
  :where(.mitm-callout.good, .mitm-callout.risk) {
  background: var(--iot-sim-module-tint) !important;
  border-left-color: var(--iot-sim-module-accent) !important;
  color: var(--iot-sim-ink) !important;
}

#miraiLab[data-iot-interactive-theme="flat"][data-iot-recolor-pilot="true"][data-iot-module="privacy-foundations"]
  :where(.mirai-bar span),
#mitmLab[data-iot-interactive-theme="flat"][data-iot-recolor-pilot="true"][data-iot-module="privacy-foundations"]
  :where(.mitm-bar span) {
  background: var(--iot-sim-module-strong) !important;
}

#grafanaFlowLab[data-iot-interactive-theme="flat"][data-iot-recolor-pilot="true"][data-iot-module="mobile-privacy"] {
  --iot-sim-module-accent: #9c3db5 !important;
  --iot-sim-module-strong: #632374 !important;
  --iot-sim-module-tint: #f8effb !important;
  --iot-sim-module-tint-strong: #ecd9f2 !important;
  --ink: var(--iot-sim-ink) !important;
  --muted: var(--iot-sim-muted) !important;
  --line: color-mix(in srgb, var(--iot-sim-module-accent) 24%, #d7e2e7) !important;
  --panel: var(--iot-sim-panel) !important;
  --wash: var(--iot-sim-module-tint) !important;
  --deep: var(--iot-sim-module-strong) !important;
  --deep-2: #4d185d !important;
  --teal: var(--iot-sim-module-accent) !important;
  --blue: #7442a8 !important;
  --amber: #8a2fa1 !important;
  --coral: #b23c83 !important;
  --violet: var(--iot-sim-module-accent) !important;
  background: linear-gradient(180deg, #ffffff 0%, var(--iot-sim-module-tint) 100%) !important;
  border-color: var(--line) !important;
  box-shadow: none !important;
}

#grafanaFlowLab[data-iot-interactive-theme="flat"][data-iot-recolor-pilot="true"][data-iot-module="mobile-privacy"]
  .gf-hero {
  color: var(--iot-sim-ink) !important;
  background: var(--iot-sim-module-tint) !important;
  border: 1px solid var(--line) !important;
  border-left: 4px solid var(--iot-sim-module-accent) !important;
}

#grafanaFlowLab[data-iot-interactive-theme="flat"][data-iot-recolor-pilot="true"][data-iot-module="mobile-privacy"]
  :where(.gf-hero h2, .gf-hero p, .gf-pill, .gf-hero-metric strong, .gf-hero-metric span) {
  color: var(--iot-sim-ink) !important;
}

#grafanaFlowLab[data-iot-interactive-theme="flat"][data-iot-recolor-pilot="true"][data-iot-module="mobile-privacy"]
  :where(.gf-pill, .gf-hero-metric) {
  background: var(--iot-sim-panel) !important;
  border-color: var(--line) !important;
}

#grafanaFlowLab[data-iot-interactive-theme="flat"][data-iot-recolor-pilot="true"][data-iot-module="mobile-privacy"]
  :where(
    .gf-brief-card,
    .gf-panel,
    .gf-node,
    .gf-readout,
    .gf-dashboard-preview,
    .gf-query-card,
    .gf-gauge,
    .gf-chart,
    .gf-controls,
    .gf-formula,
    .gf-support details
  ) {
  background: var(--iot-sim-panel) !important;
  border-color: var(--line) !important;
  box-shadow: none !important;
}

#grafanaFlowLab[data-iot-interactive-theme="flat"][data-iot-recolor-pilot="true"][data-iot-module="mobile-privacy"]
  :where(
    .gf-brief-card strong,
    .gf-panel-head h3,
    .gf-control-group h3,
    .gf-readout strong,
    .gf-dashboard-top strong,
    .gf-query-card strong,
    .gf-support summary,
    .gf-links a
  ) {
  color: var(--iot-sim-module-strong) !important;
}

#grafanaFlowLab[data-iot-interactive-theme="flat"][data-iot-recolor-pilot="true"][data-iot-module="mobile-privacy"]
  :where(.gf-stage, .gf-node.is-active, .gf-diagnosis, .gf-chip, .gf-links a) {
  background: var(--iot-sim-module-tint) !important;
  border-color: var(--line) !important;
}

#grafanaFlowLab[data-iot-interactive-theme="flat"][data-iot-recolor-pilot="true"][data-iot-module="mobile-privacy"]
  :where(.gf-btn.primary, .gf-btn.active, .gf-status-badge, .gf-icon, .gf-packet) {
  background: var(--iot-sim-module-strong) !important;
  border-color: var(--iot-sim-module-strong) !important;
  color: #ffffff !important;
}

#grafanaFlowLab[data-iot-interactive-theme="flat"][data-iot-recolor-pilot="true"][data-iot-module="mobile-privacy"]
  :where(
    .gf-node.is-active .gf-icon,
    .gf-node.is-active .gf-packet,
    .gf-btn:hover,
    .gf-btn:focus-visible
  ) {
  border-color: var(--iot-sim-module-accent) !important;
}

#grafanaFlowLab[data-iot-interactive-theme="flat"][data-iot-recolor-pilot="true"][data-iot-module="mobile-privacy"]
  :where(.gf-btn:not(.primary):not(.active), .gf-chip) {
  color: var(--iot-sim-ink) !important;
}

#grafanaFlowLab[data-iot-interactive-theme="flat"][data-iot-recolor-pilot="true"][data-iot-module="mobile-privacy"]
  :where(.gf-bars span) {
  background: linear-gradient(
    180deg,
    var(--iot-sim-module-accent),
    var(--iot-sim-module-strong)
  ) !important;
}

#grafanaFlowLab[data-iot-interactive-theme="flat"][data-iot-recolor-pilot="true"][data-iot-module="mobile-privacy"]
  :where(.gf-threshold-line) {
  background: repeating-linear-gradient(
    90deg,
    var(--iot-sim-module-accent),
    var(--iot-sim-module-accent) 9px,
    transparent 9px,
    transparent 15px
  ) !important;
}

#grafanaFlowLab[data-iot-interactive-theme="flat"][data-iot-recolor-pilot="true"][data-iot-module="mobile-privacy"]
  :where(.gf-gauge) {
  background:
    radial-gradient(circle at 50% 62%, #ffffff 0 35%, transparent 36%),
    conic-gradient(var(--iot-sim-module-accent) 0 var(--gauge-angle, 62%), #e8d6ef 0 100%) !important;
}

#grafanaFlowLab[data-iot-interactive-theme="flat"][data-iot-recolor-pilot="true"][data-iot-module="mobile-privacy"]
  :where(input[type="range"]) {
  accent-color: var(--iot-sim-module-accent) !important;
}

[data-iot-interactive-theme="flat"][data-iot-recolor-pilot="true"][data-iot-module="cryptography"] {
  --iot-sim-module-accent: #6a1b9a !important;
  --iot-sim-module-strong: #451166 !important;
  --iot-sim-module-tint: #f5edf9 !important;
  --iot-sim-module-tint-strong: #eadcf2 !important;
  --iot-sim-muted: #52666f !important;
  --muted: var(--iot-sim-muted) !important;
  --deep: var(--iot-sim-module-strong) !important;
  --deep-2: var(--iot-sim-module-accent) !important;
  --navy: var(--iot-sim-module-strong) !important;
  --navy-2: var(--iot-sim-module-accent) !important;
  --wash: var(--iot-sim-module-tint) !important;
  --wash-2: var(--iot-sim-module-tint-strong) !important;
  --teal: var(--iot-sim-module-accent) !important;
  --teal-dark: var(--iot-sim-module-strong) !important;
  --green: #5f7f2f !important;
  --blue: #506da8 !important;
  --purple: var(--iot-sim-module-accent) !important;
  --magenta: #8b2fb2 !important;
  --line: color-mix(in srgb, var(--iot-sim-module-accent) 30%, #d7e2e7) !important;
}

main#quarto-document-content:has(> #cryptoLab[data-iot-module="cryptography"]),
main#quarto-document-content:has(> #dtlsLab[data-iot-module="cryptography"]) {
  grid-column: screen-start / screen-end !important;
  width: 100% !important;
  max-width: none !important;
}

#cryptoLab[data-iot-module="cryptography"],
#dtlsLab[data-iot-module="cryptography"] {
  grid-column: auto !important;
  margin: 1rem auto 2rem !important;
}

[data-iot-interactive-theme="flat"][data-iot-recolor-pilot="true"][data-iot-module="cryptography"]:where(
    #dhLab,
    #cryptoLab,
    #dtlsLab
  ) {
  color: var(--iot-sim-ink) !important;
  background: var(--iot-sim-page) !important;
  border-color: var(--iot-sim-border) !important;
  box-shadow: none !important;
}

[data-iot-interactive-theme="flat"][data-iot-recolor-pilot="true"][data-iot-module="cryptography"]
  :where(.dh-hero, .crypto-hero, .dtls-hero) {
  color: var(--iot-sim-ink) !important;
  background: var(--iot-sim-module-tint) !important;
  border: 1px solid var(--iot-sim-border) !important;
  border-left: 4px solid var(--iot-sim-module-accent) !important;
  box-shadow: none !important;
}

[data-iot-interactive-theme="flat"][data-iot-recolor-pilot="true"][data-iot-module="cryptography"]
  :where(.dh-hero h1, .dh-hero p, .crypto-hero h2, .crypto-hero p, .dtls-hero h2, .dtls-hero p) {
  color: var(--iot-sim-ink) !important;
}

[data-iot-interactive-theme="flat"][data-iot-recolor-pilot="true"][data-iot-module="cryptography"]
  :where(.dh-tag, .dh-metric, .crypto-tag, .crypto-metric, .dtls-pill, .dtls-metric) {
  color: var(--iot-sim-ink) !important;
  background: var(--iot-sim-panel) !important;
  border-color: var(--iot-sim-border) !important;
  box-shadow: none !important;
}

[data-iot-interactive-theme="flat"][data-iot-recolor-pilot="true"][data-iot-module="cryptography"]
  :where(
    .dh-button.primary,
    .dh-preset.is-active,
    .dh-attack.is-active,
    .dh-stage-button.is-active,
    .crypto-btn.crypto-action,
    .crypto-btn.crypto-primary,
    .crypto-btn.is-active,
    .dtls-button.primary,
    .dtls-preset.is-active,
    .dtls-option.is-active,
    .dtls-step.is-active
  ) {
  color: #ffffff !important;
  background: var(--iot-sim-module-strong) !important;
  border-color: var(--iot-sim-module-strong) !important;
}

[data-iot-interactive-theme="flat"][data-iot-recolor-pilot="true"][data-iot-module="cryptography"]
  :where(
    .dh-metric span,
    .dh-guide-step p,
    .dh-panel-head p,
    .dh-card p,
    .dh-mini-card span,
    .dh-control-sub,
    .dh-reference-card p,
    .dh-link-card p,
    .crypto-metric span,
    .crypto-guide-step span:last-child,
    .crypto-card p,
    .crypto-side p,
    .crypto-support p,
    .crypto-details p,
    .crypto-link-card p,
    .dtls-metric span,
    .dtls-guide-step span,
    .dtls-stage-head p,
    .dtls-panel-head p,
    .dtls-card p,
    .dtls-card li,
    .dtls-result-card p,
    .dtls-link-card p,
    .dtls-control small,
    .dtls-preset span
  ) {
  color: var(--iot-sim-muted) !important;
}

[data-iot-interactive-theme="flat"][data-iot-recolor-pilot="true"][data-iot-module="cryptography"]
  :where(.crypto-token, .dtls-bar-fill) {
  color: #ffffff !important;
  background: var(--iot-sim-module-strong) !important;
}

[data-iot-interactive-theme="flat"][data-iot-recolor-pilot="true"][data-iot-module="cryptography"]
  :where(
    .dh-preset.is-active .dh-control-sub,
    .dh-attack.is-active .dh-control-sub,
    .dh-stage-button.is-active .dh-control-sub,
    .crypto-btn.is-active span,
    .dtls-preset.is-active span,
    .dtls-option.is-active span,
    .dtls-step.is-active span
  ) {
  color: #ffffff !important;
}

[data-iot-interactive-theme="flat"][data-iot-recolor-pilot="true"][data-iot-module="cryptography"]
  :where(
    .dh-panel,
    .dh-card,
    .dh-mini-card,
    .dh-reference-card,
    .dh-details,
    .dh-link-card,
    .crypto-card,
    .crypto-side,
    .crypto-control-panel,
    .crypto-support,
    .crypto-details,
    .crypto-link-card,
    .dtls-panel,
    .dtls-stage,
    .dtls-guide-step,
    .dtls-result-card,
    .dtls-ref-card
  ) {
  background: var(--iot-sim-module-tint) !important;
  border-color: color-mix(
    in srgb,
    var(--iot-sim-module-accent) 38%,
    var(--iot-sim-border)
  ) !important;
  box-shadow: none !important;
}

[data-iot-interactive-theme="flat"][data-iot-recolor-pilot="true"][data-iot-module="cryptography"]
  :where(
    .dh-panel h2,
    .dh-card h3,
    .dh-link-card strong,
    .crypto-card h3,
    .crypto-control-label,
    .crypto-link-card strong,
    .dtls-panel h3,
    .dtls-stage h3,
    .dtls-guide-step strong,
    .sim-learning-brief__label
  ) {
  color: var(--iot-sim-module-strong) !important;
}

[data-iot-interactive-theme="flat"][data-iot-recolor-pilot="true"][data-iot-module="cryptography"]
  :where(input[type="range"], input[type="checkbox"], input[type="radio"]) {
  accent-color: var(--iot-sim-module-accent) !important;
}

/* S3 rollout: design-patterns module recolor. */
#protocolStateWorkbench[data-iot-interactive-theme="flat"][data-iot-recolor-pilot="true"][data-iot-module="design-patterns"] {
  --iot-sim-module-accent: #8f6b00 !important;
  --iot-sim-module-strong: #5f4900 !important;
  --iot-sim-module-tint: #fff7df !important;
  --iot-sim-module-tint-strong: #f3e2b8 !important;
  --iot-sim-accent: var(--iot-sim-module-accent) !important;
  --iot-sim-accent-2: var(--iot-sim-module-strong) !important;
  --iot-sim-soft: var(--iot-sim-module-tint) !important;
  --iot-sim-ink: #23333b !important;
  --iot-sim-muted: #5d6c75 !important;
  --iot-sim-panel: #ffffff !important;
  --iot-sim-border: color-mix(in srgb, var(--iot-sim-module-accent) 32%, #d8e2e7) !important;
  color: var(--iot-sim-ink) !important;
  background: #fbfcf8 !important;
  border-color: var(--iot-sim-border) !important;
  box-shadow: none !important;
}

#protocolStateWorkbench[data-iot-interactive-theme="flat"][data-iot-recolor-pilot="true"][data-iot-module="design-patterns"]
  :where(.pst-hero) {
  color: var(--iot-sim-ink) !important;
  background: var(--iot-sim-module-tint) !important;
  border: 1px solid var(--iot-sim-border) !important;
  border-left: 4px solid var(--iot-sim-module-accent) !important;
  box-shadow: none !important;
}

#protocolStateWorkbench[data-iot-interactive-theme="flat"][data-iot-recolor-pilot="true"][data-iot-module="design-patterns"]
  :where(.pst-hero h2, .pst-hero p, .pst-metric strong, .pst-metric span) {
  color: var(--iot-sim-ink) !important;
}

#protocolStateWorkbench[data-iot-interactive-theme="flat"][data-iot-recolor-pilot="true"][data-iot-module="design-patterns"]
  :where(
    .pst-card,
    .pst-panel,
    .pst-stage,
    .pst-diagram-wrap,
    .pst-readout,
    .pst-context-card,
    .pst-reference-card,
    .pst-practice-card,
    .pst-companion-card,
    .pst-log-list li
  ) {
  background: var(--iot-sim-panel) !important;
  border-color: var(--iot-sim-border) !important;
  box-shadow: none !important;
}

#protocolStateWorkbench[data-iot-interactive-theme="flat"][data-iot-recolor-pilot="true"][data-iot-module="design-patterns"]
  :where(
    .pst-option[aria-pressed="true"],
    .pst-small-button[aria-pressed="true"],
    .pst-action-button:hover,
    .pst-run-button,
    .pst-stage.is-active,
    .pst-chip.is-accepted,
    .pst-token
  ) {
  background: var(--iot-sim-module-strong) !important;
  border-color: var(--iot-sim-module-strong) !important;
  color: #ffffff !important;
}

#protocolStateWorkbench[data-iot-interactive-theme="flat"][data-iot-recolor-pilot="true"][data-iot-module="design-patterns"]
  :where(
    .pst-pill,
    .pst-chip,
    .pst-label,
    .pst-control-group,
    .pst-segmented,
    .pst-floating-event,
    .pst-module-links a
  ) {
  background: var(--iot-sim-module-tint) !important;
  border-color: var(--iot-sim-border) !important;
  color: var(--iot-sim-ink) !important;
}

#protocolStateWorkbench[data-iot-interactive-theme="flat"][data-iot-recolor-pilot="true"][data-iot-module="design-patterns"]
  :where(
    .pst-card h3,
    .pst-panel h3,
    .pst-panel h4,
    .pst-detail-title h3,
    .pst-context-card strong,
    .pst-reference-card h3,
    .pst-practice-card h3,
    .pst-companion-card h3
  ) {
  color: var(--iot-sim-module-strong) !important;
}

#protocolStateWorkbench[data-iot-interactive-theme="flat"][data-iot-recolor-pilot="true"][data-iot-module="design-patterns"]
  :where(.pst-floating-event strong, .pst-floating-event span) {
  color: var(--iot-sim-ink) !important;
}

#protocolStateWorkbench[data-iot-interactive-theme="flat"][data-iot-recolor-pilot="true"][data-iot-module="design-patterns"]
  :where(.pst-stage.is-active, .pst-control-group, .pst-panel, .pst-support) {
  border-color: var(--iot-sim-module-strong) !important;
}

#protocolStateWorkbench[data-iot-interactive-theme="flat"][data-iot-recolor-pilot="true"][data-iot-module="design-patterns"]
  :where(input[type="range"], input[type="checkbox"], input[type="radio"]) {
  accent-color: var(--iot-sim-module-strong) !important;
}

#interruptLab[data-iot-interactive-theme="flat"][data-iot-recolor-pilot="true"][data-iot-module="prototyping"] {
  --iot-sim-module-accent: #37474f !important;
  --iot-sim-module-strong: #1f2d34 !important;
  --iot-sim-module-tint: #f2f5f6 !important;
  --iot-sim-module-tint-strong: #e2e8eb !important;
  --amber: #8d6f2f !important;
  --blue: #3c6170 !important;
  --green: #4c6f5d !important;
  --line: color-mix(in srgb, var(--iot-sim-module-accent) 24%, #d7e2e7) !important;
  --navy: var(--iot-sim-module-strong) !important;
  --navy-2: var(--iot-sim-module-accent) !important;
  --orange: #8f5a35 !important;
  --paper: var(--iot-sim-module-tint) !important;
  --red: #9d4740 !important;
  --teal: var(--iot-sim-module-accent) !important;
  --teal-dark: var(--iot-sim-module-strong) !important;
  color: var(--iot-sim-ink) !important;
  background: var(--iot-sim-page) !important;
  border-color: var(--iot-sim-border) !important;
  box-shadow: none !important;
}

#interruptLab[data-iot-interactive-theme="flat"][data-iot-recolor-pilot="true"][data-iot-module="prototyping"]
  :where(.il-hero) {
  color: var(--iot-sim-ink) !important;
  background: var(--iot-sim-module-tint) !important;
  border: 1px solid var(--line) !important;
  border-left: 4px solid var(--iot-sim-module-accent) !important;
  box-shadow: none !important;
}

#interruptLab[data-iot-interactive-theme="flat"][data-iot-recolor-pilot="true"][data-iot-module="prototyping"]
  :where(.il-hero h1, .il-hero p, .il-metric strong, .il-metric span) {
  color: var(--iot-sim-ink) !important;
}

#interruptLab[data-iot-interactive-theme="flat"][data-iot-recolor-pilot="true"][data-iot-module="prototyping"]
  :where(
    .il-pill,
    .il-metric,
    .il-card,
    .il-panel,
    .il-stage,
    .il-evidence-card,
    .il-visual-card,
    .il-detail-card,
    .il-mini-card,
    .il-support-card,
    .il-practice-card,
    .il-related-card,
    .il-related a,
    .il-slider,
    .il-fit-row,
    .il-svg-wrap
  ) {
  background: var(--iot-sim-panel) !important;
  border-color: var(--line) !important;
  box-shadow: none !important;
}

#interruptLab[data-iot-interactive-theme="flat"][data-iot-recolor-pilot="true"][data-iot-module="prototyping"]
  :where(
    .il-card h3,
    .il-panel h3,
    .il-stage strong,
    .il-visual-card h3,
    .il-detail-card h3,
    .il-mini-card h3,
    .il-support-card summary,
    .il-practice-card summary,
    .il-related a strong,
    .il-value,
    .il-mini-value
  ) {
  color: var(--iot-sim-module-strong) !important;
}

#interruptLab[data-iot-interactive-theme="flat"][data-iot-recolor-pilot="true"][data-iot-module="prototyping"]
  :where(
    .il-scenario-btn.active,
    .il-mode-btn.active,
    .il-btn:not(.secondary):not(.reset),
    .il-stage.active,
    .il-pill,
    .il-badge
  ) {
  background: var(--iot-sim-module-strong) !important;
  border-color: var(--iot-sim-module-strong) !important;
  color: #ffffff !important;
}

#interruptLab[data-iot-interactive-theme="flat"][data-iot-recolor-pilot="true"][data-iot-module="prototyping"]
  :where(.il-stage.active h3, .il-stage.active strong, .il-stage.active span) {
  color: #ffffff !important;
}

#interruptLab[data-iot-interactive-theme="flat"][data-iot-recolor-pilot="true"][data-iot-module="prototyping"]
  :where(
    .il-scenario-btn:not(.active),
    .il-mode-btn:not(.active),
    .il-btn.secondary,
    .il-step-note
  ) {
  background: var(--iot-sim-module-tint) !important;
  border-color: var(--line) !important;
  color: var(--iot-sim-ink) !important;
}

#interruptLab[data-iot-interactive-theme="flat"][data-iot-recolor-pilot="true"][data-iot-module="prototyping"]
  :where(.il-btn.reset, .il-badge.warn, .il-stage.warn, .il-fit-row.warn) {
  background: #8f5a35 !important;
  border-color: #8f5a35 !important;
  color: #ffffff !important;
}

#interruptLab[data-iot-interactive-theme="flat"][data-iot-recolor-pilot="true"][data-iot-module="prototyping"]
  :where(.il-badge.bad, .il-stage.bad, .il-fit-row.bad) {
  background: #9d4740 !important;
  border-color: #9d4740 !important;
  color: #ffffff !important;
}

#interruptLab[data-iot-interactive-theme="flat"][data-iot-recolor-pilot="true"][data-iot-module="prototyping"]
  :where(
    .il-stage.warn strong,
    .il-stage.warn span,
    .il-stage.bad strong,
    .il-stage.bad span,
    .il-fit-row.warn strong,
    .il-fit-row.warn span,
    .il-fit-row.warn .il-row-value,
    .il-fit-row.bad strong,
    .il-fit-row.bad span,
    .il-fit-row.bad .il-row-value
  ) {
  color: #ffffff !important;
}

#interruptLab[data-iot-interactive-theme="flat"][data-iot-recolor-pilot="true"][data-iot-module="prototyping"]
  :where(.il-progress-track, .il-code) {
  background: var(--iot-sim-module-tint) !important;
  border-color: var(--line) !important;
}

#interruptLab[data-iot-interactive-theme="flat"][data-iot-recolor-pilot="true"][data-iot-module="prototyping"]
  :where(.il-progress-fill) {
  background: linear-gradient(
    90deg,
    var(--iot-sim-module-accent),
    var(--iot-sim-module-strong)
  ) !important;
}

#interruptLab[data-iot-interactive-theme="flat"][data-iot-recolor-pilot="true"][data-iot-module="prototyping"]
  :where(.il-active-block) {
  fill: var(--iot-sim-module-tint) !important;
  stroke: var(--iot-sim-module-accent) !important;
}

#interruptLab[data-iot-interactive-theme="flat"][data-iot-recolor-pilot="true"][data-iot-module="prototyping"]
  :where(.il-svg-panel) {
  fill: var(--iot-sim-panel) !important;
  stroke: var(--line) !important;
}

#interruptLab[data-iot-interactive-theme="flat"][data-iot-recolor-pilot="true"][data-iot-module="prototyping"]
  :where(.il-svg-line) {
  stroke: color-mix(in srgb, var(--iot-sim-module-accent) 36%, #9bb1ba) !important;
}

#interruptLab[data-iot-interactive-theme="flat"][data-iot-recolor-pilot="true"][data-iot-module="prototyping"]
  :where(input[type="range"], input[type="checkbox"], input[type="radio"]) {
  accent-color: var(--iot-sim-module-accent) !important;
}

/* S3 rework: cloud-sdn-production module recolor with dark accessible text/control states. */
[data-iot-interactive-theme="flat"][data-iot-recolor-pilot="true"][data-iot-module="cloud-sdn-production"] {
  --iot-sim-module-accent: #d99a0b !important;
  --iot-sim-module-strong: #6f5100 !important;
  --iot-sim-module-tint: #fff7df !important;
  --iot-sim-module-tint-strong: #f2e2bb !important;
  --iot-sim-module-accessible: var(--iot-sim-module-strong) !important;
  --iot-sim-accent: var(--iot-sim-module-accent) !important;
  --iot-sim-accent-2: var(--iot-sim-module-strong) !important;
  --iot-sim-soft: var(--iot-sim-module-tint) !important;
  --iot-sim-focus: rgba(217, 154, 11, 0.24) !important;
  --accent: var(--iot-sim-module-accent) !important;
  --accent-2: var(--iot-sim-module-strong) !important;
  --primary: var(--iot-sim-module-accent) !important;
  --primary-dark: var(--iot-sim-module-strong) !important;
  --teal: var(--iot-sim-module-accent) !important;
  --teal-dark: var(--iot-sim-module-strong) !important;
  --blue: #8a6a18 !important;
  --green: #6f7b2e !important;
  --amber: var(--iot-sim-module-accent) !important;
  --orange: #a46b0c !important;
  --line: color-mix(in srgb, var(--iot-sim-module-accent) 30%, #d7e2e7) !important;
  --soft: var(--iot-sim-module-tint) !important;
  --wash: var(--iot-sim-module-tint) !important;
  --wash-2: var(--iot-sim-module-tint-strong) !important;
  --deep: var(--iot-sim-module-strong) !important;
  --deep-2: #8f6607 !important;
}

[data-iot-interactive-theme="flat"][data-iot-recolor-pilot="true"][data-iot-module="cloud-sdn-production"]:where(
    #cpgGame,
    #sdnPlanesLab,
    #sdnSliceLab,
    #sdnSim,
    #openflowLab,
    #sdnFlowLab,
    #anomalyComparisonLab,
    #smartContractLab,
    #bcSim,
    #blockchainTransactionLab
  ) {
  color: var(--iot-sim-ink) !important;
  background: var(--iot-sim-page) !important;
  border-color: var(--iot-sim-border) !important;
  box-shadow: none !important;
}

[data-iot-interactive-theme="flat"][data-iot-recolor-pilot="true"][data-iot-module="cloud-sdn-production"]
  :where(
    .cpg-hero,
    .sp-hero,
    .ssl-hero,
    .sdn-header,
    .of-hero,
    .sf-hero,
    .ac-hero,
    .sce-hero,
    .bc-explain,
    .bt-hero
  ) {
  color: var(--iot-sim-ink) !important;
  background: var(--iot-sim-module-tint) !important;
  border: 1px solid var(--line) !important;
  border-left: 4px solid var(--iot-sim-module-accent) !important;
  box-shadow: none !important;
}

[data-iot-interactive-theme="flat"][data-iot-recolor-pilot="true"][data-iot-module="cloud-sdn-production"]
  :where(
    .cpg-hero *,
    .sp-hero *,
    .ssl-hero *,
    .sdn-header *,
    .of-hero *,
    .sf-hero *,
    .ac-hero *,
    .sce-hero *,
    .bc-explain *,
    .bt-hero *
  ) {
  color: var(--iot-sim-ink) !important;
}

[data-iot-interactive-theme="flat"][data-iot-recolor-pilot="true"][data-iot-module="cloud-sdn-production"]
  :where(
    .cpg-pill,
    .cpg-metric,
    .cpg-progress-card,
    .cpg-stat,
    .cpg-scenario,
    .cpg-results,
    .sp-pill,
    .sp-metric,
    .sp-card,
    .sp-panel,
    .sp-stage-card,
    .sp-support-card,
    .sp-reference-card,
    .ssl-pill,
    .ssl-hero-metric,
    .ssl-card,
    .ssl-panel,
    .ssl-device-card,
    .ssl-mini-metric,
    .ssl-flow-card,
    .sdn-body,
    .sdn-guide-card,
    .sdn-toolbar,
    .sdn-panel,
    .sdn-metric,
    .sdn-rule-note,
    .sdn-switch,
    .sdn-path,
    .of-card,
    .of-panel,
    .of-metric,
    .of-step-note,
    .of-table-wrap,
    .of-support-card,
    .sf-card,
    .sf-panel,
    .sf-metric,
    .sf-stage-card,
    .sf-reference-card,
    .sf-support-card,
    .ac-card,
    .ac-panel,
    .ac-metric,
    .ac-plot-wrap,
    .ac-point-detail,
    .sce-card,
    .sce-stage,
    .sce-panel,
    .sce-metric,
    .sce-receipt,
    .sce-risk-card,
    .bc-guide-card,
    .bc-controls,
    .bc-panel,
    .bc-metric,
    .bc-detail,
    .bt-card,
    .bt-panel,
    .bt-hero-metric,
    .bt-stage,
    .bt-evidence-card,
    .bt-reference-card
  ) {
  background: var(--iot-sim-panel) !important;
  border-color: var(--line) !important;
  box-shadow: none !important;
  color: var(--iot-sim-ink) !important;
}

[data-iot-interactive-theme="flat"][data-iot-recolor-pilot="true"][data-iot-module="cloud-sdn-production"]
  :where(
    .cpg-pill,
    .cpg-metric,
    .cpg-progress-card,
    .cpg-stat,
    .cpg-scenario,
    .cpg-results,
    .sp-pill,
    .sp-metric,
    .sp-card,
    .sp-panel,
    .sp-stage-card,
    .sp-support-card,
    .sp-reference-card,
    .ssl-pill,
    .ssl-hero-metric,
    .ssl-card,
    .ssl-panel,
    .ssl-device-card,
    .ssl-mini-metric,
    .ssl-flow-card,
    .sdn-body,
    .sdn-guide-card,
    .sdn-toolbar,
    .sdn-panel,
    .sdn-metric,
    .sdn-rule-note,
    .sdn-switch,
    .sdn-path,
    .of-card,
    .of-panel,
    .of-metric,
    .of-step-note,
    .of-table-wrap,
    .of-support-card,
    .sf-card,
    .sf-panel,
    .sf-metric,
    .sf-stage-card,
    .sf-reference-card,
    .sf-support-card,
    .ac-card,
    .ac-panel,
    .ac-metric,
    .ac-plot-wrap,
    .ac-point-detail,
    .sce-card,
    .sce-stage,
    .sce-panel,
    .sce-metric,
    .sce-receipt,
    .sce-risk-card,
    .bc-guide-card,
    .bc-controls,
    .bc-panel,
    .bc-metric,
    .bc-detail,
    .bt-card,
    .bt-panel,
    .bt-hero-metric,
    .bt-stage,
    .bt-evidence-card,
    .bt-reference-card
  ) {
  color: var(--iot-sim-ink) !important;
}

[data-iot-interactive-theme="flat"][data-iot-recolor-pilot="true"][data-iot-module="cloud-sdn-production"]
  :where(
    .cpg-btn,
    .sp-scenario-btn,
    .sp-btn,
    .ssl-btn,
    .sdn-btn,
    .of-btn,
    .sf-btn,
    .sf-button,
    .ac-button-primary,
    .sce-button.primary,
    #bcSubmit,
    .bt-btn,
    .bt-button
  ) {
  background: var(--iot-sim-module-strong) !important;
  border-color: var(--iot-sim-module-strong) !important;
  color: #ffffff !important;
}

[data-iot-interactive-theme="flat"][data-iot-recolor-pilot="true"][data-iot-module="cloud-sdn-production"]
  :where(
    .cpg-btn.secondary,
    .sp-scenario-btn:not(.is-active),
    .ssl-choice,
    .sdn-preset-btn,
    .of-scenario-btn,
    .sf-scenario-btn,
    .ac-seg-button,
    .sce-button:not(.primary),
    .secondary-btn,
    .reset-btn,
    .bt-scenario
  ) {
  background: var(--iot-sim-panel) !important;
  border-color: var(--line) !important;
  color: var(--iot-sim-ink) !important;
}

[data-iot-interactive-theme="flat"][data-iot-recolor-pilot="true"][data-iot-module="cloud-sdn-production"]
  :where(
    .cpg-choice.is-selected,
    .sp-scenario-btn.is-active,
    .ssl-choice.is-active,
    .sdn-preset-btn.active,
    .sdn-preset-btn:hover,
    .of-scenario-btn.active,
    .sf-scenario-btn.active,
    .ac-seg-button.is-active,
    .sce-stage.is-active,
    .bt-scenario[aria-pressed="true"],
    .bt-stage.is-active
  ) {
  background: var(--iot-sim-module-tint) !important;
  border-color: var(--iot-sim-module-accent) !important;
  color: var(--iot-sim-ink) !important;
}

[data-iot-interactive-theme="flat"][data-iot-recolor-pilot="true"][data-iot-module="cloud-sdn-production"]
  :where(
    h2,
    h3,
    h4,
    .cpg-stat strong,
    .sp-metric strong,
    .ssl-hero-metric strong,
    .sdn-guide-card h3,
    .sdn-panel h3,
    .of-panel h3,
    .sf-panel h3,
    .ac-panel h3,
    .sce-panel h3,
    .bc-panel h3,
    .bt-panel h3
  ) {
  color: var(--iot-sim-module-strong) !important;
}

[data-iot-interactive-theme="flat"][data-iot-recolor-pilot="true"][data-iot-module="cloud-sdn-production"]
  :where(
    a,
    label,
    legend,
    output,
    summary,
    .muted,
    .hint,
    .kicker,
    .badge,
    .chip,
    .tag,
    .label,
    .metric-label,
    .helper,
    .caption,
    .status,
    .score,
    .step,
    .stage,
    .timeline,
    .trace,
    .log,
    .legend,
    .axis-label,
    .rule-label
  ) {
  color: var(--iot-sim-module-accessible) !important;
}

[data-iot-interactive-theme="flat"][data-iot-recolor-pilot="true"][data-iot-module="cloud-sdn-production"]
  :where(svg text, svg tspan) {
  fill: var(--iot-sim-module-accessible) !important;
}

[data-iot-interactive-theme="flat"][data-iot-recolor-pilot="true"][data-iot-module="cloud-sdn-production"]
  :where(input[type="range"], progress) {
  accent-color: var(--iot-sim-module-accent) !important;
}

[data-iot-interactive-theme="flat"][data-iot-recolor-pilot="true"][data-iot-module="cloud-sdn-production"]
  :where(
    .sp-plane-label span,
    .sp-stage small,
    .sdn-host.probe-src,
    .sdn-badge.good,
    .sdn-badge.fair,
    .sdn-good,
    .sdn-fair,
    .of-stage.skipped,
    .of-stage.skipped strong,
    .of-stage.skipped span,
    .of-rule.unreached,
    .of-rule.unreached .of-rule-title,
    .of-rule.unreached .of-rule-priority,
    .of-rule.unreached .of-rule-meta,
    .of-rule.unreached .of-action,
    .bc-metric .lbl,
    .bc-phase,
    .bt-tx-card span,
    #btTxSummary
  ) {
  color: var(--iot-sim-module-accessible) !important;
  opacity: 1 !important;
}

[data-iot-interactive-theme="flat"][data-iot-recolor-pilot="true"][data-iot-module="cloud-sdn-production"]
  :where(.ssl-chip) {
  background: var(--iot-sim-module-strong) !important;
  color: #ffffff !important;
}

[data-iot-interactive-theme="flat"][data-iot-recolor-pilot="true"][data-iot-module="cloud-sdn-production"]
  :where(.sdn-host.probe-src, .sdn-badge.good, .sdn-badge.fair, .of-action, .bc-phase) {
  background: var(--iot-sim-module-tint) !important;
  border-color: var(--line) !important;
}

[data-iot-interactive-theme="flat"][data-iot-recolor-pilot="true"][data-iot-module="protocols-overview"] {
  --iot-sim-module-accent: #2e7d32 !important;
  --iot-sim-module-strong: #1b5e20 !important;
  --iot-sim-module-tint: #eef8ef !important;
  --iot-sim-module-tint-strong: #dff0e1 !important;
  --iot-sim-accent: var(--iot-sim-module-accent) !important;
  --iot-sim-accent-2: var(--iot-sim-module-strong) !important;
  --iot-sim-soft: var(--iot-sim-module-tint) !important;
  --navy: var(--iot-sim-module-strong) !important;
  --navy-2: #123f16 !important;
  --teal: var(--iot-sim-module-accent) !important;
  --teal-dark: var(--iot-sim-module-strong) !important;
  --green: var(--iot-sim-module-strong) !important;
  --blue: #4c7f5a !important;
  --purple: #64745d !important;
  --orange: #8a6a20 !important;
  --red: #9f4d43 !important;
  --wash: var(--iot-sim-module-tint) !important;
  --wash-2: var(--iot-sim-module-tint-strong) !important;
  --line: color-mix(in srgb, var(--iot-sim-module-accent) 28%, #d7e2e7) !important;
  --shadow: none !important;
}

#protocolLab[data-iot-interactive-theme="flat"][data-iot-recolor-pilot="true"][data-iot-module="protocols-overview"],
#protocolVisualizerWorkbench[data-iot-interactive-theme="flat"][data-iot-recolor-pilot="true"][data-iot-module="protocols-overview"] {
  color: var(--iot-sim-ink) !important;
  background: var(--iot-sim-page) !important;
  border-color: var(--iot-sim-border) !important;
  box-shadow: none !important;
}

#protocolLab[data-iot-interactive-theme="flat"][data-iot-recolor-pilot="true"][data-iot-module="protocols-overview"]
  :where(.prot-hero),
#protocolVisualizerWorkbench[data-iot-interactive-theme="flat"][data-iot-recolor-pilot="true"][data-iot-module="protocols-overview"]
  :where(.psv-hero) {
  color: var(--iot-sim-ink) !important;
  background: var(--iot-sim-module-tint) !important;
  border: 1px solid var(--line) !important;
  border-left: 4px solid var(--iot-sim-module-accent) !important;
  box-shadow: none !important;
}

#protocolLab[data-iot-interactive-theme="flat"][data-iot-recolor-pilot="true"][data-iot-module="protocols-overview"]
  :where(.prot-hero h2, .prot-hero p, .prot-metric strong, .prot-metric span),
#protocolVisualizerWorkbench[data-iot-interactive-theme="flat"][data-iot-recolor-pilot="true"][data-iot-module="protocols-overview"]
  :where(.psv-hero h2, .psv-hero p, .psv-metric strong, .psv-metric span) {
  color: var(--iot-sim-ink) !important;
}

#protocolLab[data-iot-interactive-theme="flat"][data-iot-recolor-pilot="true"][data-iot-module="protocols-overview"]
  :where(
    .prot-pill,
    .prot-metric,
    .prot-guide-step,
    .prot-stage,
    .prot-panel,
    .prot-section,
    .prot-reference-card,
    .prot-result-card,
    .prot-link-card,
    .prot-preset,
    .prot-tradeoff
  ),
#protocolVisualizerWorkbench[data-iot-interactive-theme="flat"][data-iot-recolor-pilot="true"][data-iot-module="protocols-overview"]
  :where(
    .psv-pill,
    .psv-metric,
    .psv-card,
    .psv-panel,
    .psv-layer-card,
    .psv-reference-card,
    .psv-practice-card,
    .psv-path-row,
    .psv-detail-row,
    .psv-chip
  ) {
  color: var(--iot-sim-ink) !important;
  background: var(--iot-sim-panel) !important;
  border-color: var(--line) !important;
  box-shadow: none !important;
}

#protocolLab[data-iot-interactive-theme="flat"][data-iot-recolor-pilot="true"][data-iot-module="protocols-overview"]
  :where(
    .prot-button:not(.secondary):not(.warn),
    .prot-preset.is-active,
    .prot-guide-step.is-active,
    .prot-score-fill
  ),
#protocolVisualizerWorkbench[data-iot-interactive-theme="flat"][data-iot-recolor-pilot="true"][data-iot-module="protocols-overview"]
  :where(
    .psv-btn.psv-primary,
    .psv-btn.is-active,
    .psv-protocol-btn.is-active,
    .psv-lens-btn.is-active,
    .psv-edge-line,
    .psv-legend-line
  ) {
  color: #ffffff !important;
  background: var(--iot-sim-module-strong) !important;
  border-color: var(--iot-sim-module-strong) !important;
  stroke: var(--iot-sim-module-strong) !important;
}

#protocolLab[data-iot-interactive-theme="flat"][data-iot-recolor-pilot="true"][data-iot-module="protocols-overview"]
  :where(.prot-button.secondary, .prot-control input),
#protocolVisualizerWorkbench[data-iot-interactive-theme="flat"][data-iot-recolor-pilot="true"][data-iot-module="protocols-overview"]
  :where(
    .psv-btn.psv-secondary,
    .psv-btn.psv-warning,
    .psv-protocol-btn:not(.is-active),
    .psv-lens-btn:not(.is-active)
  ) {
  color: var(--iot-sim-ink) !important;
  background: var(--iot-sim-panel) !important;
  border-color: var(--line) !important;
}

#protocolLab[data-iot-interactive-theme="flat"][data-iot-recolor-pilot="true"][data-iot-module="protocols-overview"]
  :where(.prot-guide-step.is-active, .prot-feedback, .prot-diagnosis, .prot-score-track),
#protocolVisualizerWorkbench[data-iot-interactive-theme="flat"][data-iot-recolor-pilot="true"][data-iot-module="protocols-overview"]
  :where(.psv-graph-wrap, .psv-graph-legend, .psv-path-row.is-active) {
  background: var(--iot-sim-module-tint) !important;
  border-color: color-mix(
    in srgb,
    var(--iot-sim-module-accent) 35%,
    var(--iot-sim-border)
  ) !important;
}

#protocolLab[data-iot-interactive-theme="flat"][data-iot-recolor-pilot="true"][data-iot-module="protocols-overview"]
  :where(
    .prot-reference-card h4,
    .prot-result-card h4,
    .prot-link-card h4,
    .prot-panel h3,
    .prot-stage-head h2,
    .prot-score-value
  ),
#protocolVisualizerWorkbench[data-iot-interactive-theme="flat"][data-iot-recolor-pilot="true"][data-iot-module="protocols-overview"]
  :where(
    .psv-card h3,
    .psv-panel h3,
    .psv-reference-card h3,
    .psv-practice-card h3,
    .psv-layer-card h3,
    .psv-detail-row strong
  ) {
  color: var(--iot-sim-module-strong) !important;
}

#protocolLab[data-iot-interactive-theme="flat"][data-iot-recolor-pilot="true"][data-iot-module="protocols-overview"]
  :where(input[type="range"], input[type="checkbox"], input[type="radio"]),
#protocolVisualizerWorkbench[data-iot-interactive-theme="flat"][data-iot-recolor-pilot="true"][data-iot-module="protocols-overview"]
  :where(input[type="range"], input[type="checkbox"], input[type="radio"]) {
  accent-color: var(--iot-sim-module-accent) !important;
}

#protocolLab[data-iot-interactive-theme="flat"][data-iot-recolor-pilot="true"][data-iot-module="protocols-overview"]
  :where(
    .prot-guide-step span,
    .prot-panel-head p,
    .prot-stage-head h2,
    .prot-stage-head h3,
    .prot-stage-head h4,
    .prot-stage-head p,
    .prot-preset span,
    .prot-result-card p,
    .prot-reference-card p,
    .prot-reference-card li,
    .prot-link-card p,
    .prot-control label,
    .prot-control output,
    .prot-control small,
    .prot-score-label,
    .prot-score-value,
    .prot-diagnosis,
    .prot-tradeoff
  ),
#protocolVisualizerWorkbench[data-iot-interactive-theme="flat"][data-iot-recolor-pilot="true"][data-iot-module="protocols-overview"]
  :where(
    .psv-card p,
    .psv-panel p,
    .psv-panel-header p,
    .psv-reference-card p,
    .psv-reference-card li,
    .psv-practice-card p,
    .psv-layer-card p,
    .psv-path-row p,
    .psv-detail-row span,
    .psv-control-group label,
    .psv-graph-header p,
    .psv-legend-row
  ) {
  color: var(--iot-sim-ink) !important;
}

#protocolLab[data-iot-interactive-theme="flat"][data-iot-recolor-pilot="true"][data-iot-module="protocols-overview"]
  :where(.prot-preset.is-active span, .prot-button.primary),
#protocolVisualizerWorkbench[data-iot-interactive-theme="flat"][data-iot-recolor-pilot="true"][data-iot-module="protocols-overview"]
  :where(
    .psv-btn.psv-primary,
    .psv-btn.is-active,
    .psv-protocol-btn.is-active,
    .psv-lens-btn.is-active
  ) {
  color: #ffffff !important;
}

#protocolLab[data-iot-interactive-theme="flat"][data-iot-recolor-pilot="true"][data-iot-module="protocols-overview"]
  :where(.prot-svg-text, .prot-svg-small, .prot-svg-tiny) {
  fill: var(--iot-sim-ink);
}

#protocolLab[data-iot-interactive-theme="flat"][data-iot-recolor-pilot="true"][data-iot-module="protocols-overview"]
  .prot-score-fill {
  background: var(--iot-sim-module-strong) !important;
  color: #ffffff !important;
}
[data-iot-interactive-theme="flat"][data-iot-recolor-pilot="true"][data-iot-module="wsn"] {
  --iot-sim-module-base: #ffd54f !important;
  --iot-sim-module-accent: #d99a0b !important;
  --iot-sim-module-strong: #6f5100 !important;
  --iot-sim-module-tint: #fff8df !important;
  --iot-sim-module-tint-strong: #f2dfab !important;
  --iot-module-accent: var(--iot-sim-module-accent) !important;
  --iot-module-strong: var(--iot-sim-module-strong) !important;
  --iot-module-tint: var(--iot-sim-module-tint) !important;
  --dat-ink: var(--iot-sim-ink) !important;
  --dat-muted: var(--iot-sim-muted) !important;
  --dat-line: color-mix(in srgb, var(--iot-sim-module-accent) 26%, #d8e1e8) !important;
  --dat-soft: var(--iot-sim-module-tint) !important;
  --dat-panel: var(--iot-sim-panel) !important;
  --dat-deep: var(--iot-sim-module-strong) !important;
  --dat-deep-2: #8a6400 !important;
  --dat-teal: var(--iot-sim-module-strong) !important;
  --dat-green: #8a7500 !important;
  --dat-amber: var(--iot-sim-module-accent) !important;
  --dat-blue: #737000 !important;
  --dat-violet: #8f6d1a !important;
  --ink: var(--iot-sim-ink) !important;
  --muted: var(--iot-sim-muted) !important;
  --line: color-mix(in srgb, var(--iot-sim-module-accent) 26%, #d7e2e7) !important;
  --panel: var(--iot-sim-panel) !important;
  --paper: var(--iot-sim-module-tint) !important;
  --wash: var(--iot-sim-module-tint) !important;
  --wash-2: #fffdf3 !important;
  --soft: var(--iot-sim-module-tint) !important;
  --deep: var(--iot-sim-module-strong) !important;
  --deep-2: #8a6400 !important;
  --navy: var(--iot-sim-module-strong) !important;
  --navy-2: #8a6400 !important;
  --teal: var(--iot-sim-module-strong) !important;
  --teal-dark: var(--iot-sim-module-strong) !important;
  --green: #7d7900 !important;
  --amber: var(--iot-sim-module-accent) !important;
  --orange: #b67800 !important;
  --blue: #6e7100 !important;
  --violet: #8a6b18 !important;
  --ps-ink: var(--iot-sim-ink) !important;
  --ps-muted: var(--iot-sim-muted) !important;
  --ps-panel: var(--iot-sim-panel) !important;
  --ps-soft: var(--iot-sim-module-tint) !important;
  --ps-line: color-mix(in srgb, var(--iot-sim-module-accent) 26%, #dbe8e5) !important;
  --ps-dark: var(--iot-sim-module-strong) !important;
  --ps-dark-2: #8a6400 !important;
  --ps-accent: var(--iot-sim-module-strong) !important;
  --ps-blue: #6e7100 !important;
  --ps-ok: #7d7900 !important;
  --ms-ink: var(--iot-sim-ink) !important;
  --ms-muted: var(--iot-sim-muted) !important;
  --ms-line: color-mix(in srgb, var(--iot-sim-module-accent) 26%, #d8e0ea) !important;
  --ms-panel: var(--iot-sim-panel) !important;
  --ms-soft: var(--iot-sim-module-tint) !important;
  --ms-navy: var(--iot-sim-module-strong) !important;
  --ms-teal: var(--iot-sim-module-strong) !important;
  --ms-green: #7d7900 !important;
  --ms-yellow: var(--iot-sim-module-accent) !important;
  --ms-blue: #6e7100 !important;
  --ms-violet: #8a6b18 !important;
  color: var(--iot-sim-ink) !important;
  background: linear-gradient(180deg, #ffffff 0%, var(--iot-sim-module-tint) 100%) !important;
  border-color: color-mix(
    in srgb,
    var(--iot-sim-module-accent) 28%,
    var(--iot-sim-border)
  ) !important;
  box-shadow: none !important;
}

[data-iot-interactive-theme="flat"][data-iot-recolor-pilot="true"][data-iot-module="wsn"]
  :where(
    button,
    .dat-control-btn,
    .spf-actions button,
    .dtn-btn,
    .lc-action-btn,
    .lc-secondary-btn,
    .lc-reset-btn,
    .ps-btn,
    .sm-control-button,
    .tm-button,
    .wsn-button,
    .wsn-scenario,
    .kc-btn,
    .ms-btn,
    .ms-segment,
    .wm-btn,
    .wt-btn,
    .xmac-panel button,
    .xmac-primary,
    .xmac-reset
  ) {
  color: var(--iot-sim-ink) !important;
  background: var(--iot-sim-panel) !important;
  border-color: color-mix(
    in srgb,
    var(--iot-sim-module-accent) 28%,
    var(--iot-sim-border)
  ) !important;
}

[data-iot-interactive-theme="flat"][data-iot-recolor-pilot="true"][data-iot-module="wsn"]
  :where(
    .dat-hero,
    .spf-hero,
    .dtn-hero,
    .lc-hero,
    .ps-hero,
    .sm-hero,
    .tm-hero,
    .wsn-hero,
    .kc-hero,
    .ms-hero,
    .wm-hero,
    .wt-hero,
    .xmac-hero
  ) {
  color: var(--iot-sim-ink) !important;
  background: var(--iot-sim-module-tint) !important;
  border: 1px solid color-mix(in srgb, var(--iot-sim-module-accent) 28%, var(--iot-sim-border)) !important;
  border-left: 4px solid var(--iot-sim-module-accent) !important;
  box-shadow: none !important;
}

[data-iot-interactive-theme="flat"][data-iot-recolor-pilot="true"][data-iot-module="wsn"]
  :where(
    .dat-hero h1,
    .dat-hero p,
    .dat-tag,
    .dat-hero-card strong,
    .dat-hero-card span,
    .spf-hero h2,
    .spf-hero p,
    .spf-pill,
    .spf-metric strong,
    .spf-metric span,
    .dtn-hero h1,
    .dtn-hero p,
    .dtn-pill,
    .dtn-metric strong,
    .dtn-metric span,
    .lc-hero h2,
    .lc-hero p,
    .lc-pill,
    .lc-metric strong,
    .lc-metric span,
    .ps-hero h2,
    .ps-hero p,
    .ps-pill,
    .ps-metric strong,
    .ps-metric span,
    .sm-hero h2,
    .sm-hero p,
    .sm-tag,
    .sm-metric strong,
    .sm-metric span,
    .tm-hero h2,
    .tm-hero p,
    .tm-pill,
    .tm-metric strong,
    .tm-metric span,
    .wsn-hero h2,
    .wsn-hero p,
    .wsn-pill,
    .wsn-metric strong,
    .wsn-metric span,
    .kc-hero h2,
    .kc-hero p,
    .kc-tag,
    .kc-metric strong,
    .kc-metric span,
    .ms-hero h1,
    .ms-hero p,
    .ms-pill,
    .ms-hero-card strong,
    .ms-hero-card span,
    .wm-hero h2,
    .wm-hero p,
    .wm-pill,
    .wm-metric strong,
    .wm-metric span,
    .wt-hero h2,
    .wt-hero p,
    .wt-pill,
    .wt-metric strong,
    .wt-metric span,
    .xmac-hero h2,
    .xmac-hero p,
    .xmac-pill,
    .xmac-metric strong,
    .xmac-metric span
  ) {
  color: var(--iot-sim-ink) !important;
}

[data-iot-interactive-theme="flat"][data-iot-recolor-pilot="true"][data-iot-module="wsn"]
  :where(
    .dat-tag,
    .dat-hero-card,
    .spf-pill,
    .spf-metric,
    .dtn-pill,
    .dtn-metric,
    .lc-pill,
    .lc-metric,
    .ps-pill,
    .ps-metric,
    .sm-tag,
    .sm-metric,
    .tm-pill,
    .tm-metric,
    .wsn-pill,
    .wsn-metric,
    .kc-tag,
    .kc-metric,
    .ms-pill,
    .ms-hero-card,
    .wm-pill,
    .wm-metric,
    .wt-pill,
    .wt-metric,
    .xmac-pill,
    .xmac-metric
  ) {
  background: var(--iot-sim-panel) !important;
  border-color: color-mix(
    in srgb,
    var(--iot-sim-module-accent) 30%,
    var(--iot-sim-border)
  ) !important;
}

[data-iot-interactive-theme="flat"][data-iot-recolor-pilot="true"][data-iot-module="wsn"]
  :where(
    .dat-card,
    .dat-panel,
    .dat-stage-card,
    .dat-ref-card,
    .dat-practice-card,
    .spf-panel,
    .spf-note,
    .spf-scenario,
    .dtn-card,
    .dtn-panel,
    .dtn-stage,
    .dtn-ref-card,
    .lc-card,
    .lc-panel,
    .lc-stage,
    .lc-reference-card,
    .ps-guide-card,
    .ps-stage-card,
    .ps-ref-card,
    .ps-practice-card,
    .sm-guide-card,
    .sm-stage-card,
    .sm-ref-card,
    .tm-card,
    .tm-panel,
    .tm-stage,
    .tm-ref-card,
    .wsn-guide-step,
    .wsn-stage,
    .wsn-panel,
    .wsn-card,
    .wsn-formula,
    .wsn-bit-card,
    .wsn-collapsible,
    .wsn-link-card,
    .kc-guide-card,
    .kc-stage-card,
    .kc-ref-card,
    .ms-learning-card,
    .ms-panel,
    .ms-card,
    .wm-card,
    .wm-panel,
    .wm-stage,
    .wm-evidence-card,
    .wm-visual-card,
    .wt-card,
    .wt-panel,
    .wt-scene,
    .wt-stage,
    .xmac-card,
    .xmac-panel,
    .xmac-stage,
    .xmac-evidence-card,
    .xmac-visual-card,
    .xmac-details-card
  ) {
  background: var(--iot-sim-panel) !important;
  border-color: color-mix(
    in srgb,
    var(--iot-sim-module-accent) 24%,
    var(--iot-sim-border)
  ) !important;
  box-shadow: none !important;
}

[data-iot-interactive-theme="flat"][data-iot-recolor-pilot="true"][data-iot-module="wsn"]
  :where(
    h1,
    h2,
    h3,
    h4,
    legend,
    label,
    p,
    span,
    small,
    li,
    td,
    th,
    output,
    .dat-value,
    .spf-node-label,
    .spf-node-label small,
    .dtn-copy-badge,
    .wt-tag,
    .xmac-evidence-card small,
    .xmac-status-pill,
    .ms-stage-tag,
    h3,
    h4,
    summary,
    .dat-value,
    .spf-panel h3,
    .dtn-panel h3,
    .lc-panel h3,
    .ps-guide-card strong,
    .sm-stage-card strong,
    .tm-panel h3,
    .wsn-stage-head h3,
    .kc-stage-card strong,
    .ms-control-heading strong,
    .wm-panel h3,
    .wt-panel h3,
    .xmac-panel h3
  ) {
  color: var(--iot-sim-ink) !important;
  border-color: var(--iot-sim-module-accent) !important;
}

[data-iot-interactive-theme="flat"][data-iot-recolor-pilot="true"][data-iot-module="wsn"]
  :where(button, select, input[type="range"], input[type="checkbox"], input[type="radio"]) {
  accent-color: var(--iot-sim-module-accent) !important;
}

[data-iot-interactive-theme="flat"][data-iot-recolor-pilot="true"][data-iot-module="wsn"]
  :where(
    button[aria-pressed="true"],
    .is-active,
    .active,
    .primary,
    .spf-actions button:first-child,
    .dtn-btn.primary,
    .lc-btn.primary,
    .ps-stage-card.is-active::before,
    .sm-step.is-active,
    .tm-step.is-active,
    .wsn-guide-step.is-active,
    .kc-stage-card.is-active,
    .ms-btn.primary,
    .ms-segment[aria-pressed="true"],
    .wm-btn.primary,
    .wt-button.primary,
    .xmac-button.primary
  ) {
  background: var(--iot-sim-module-strong) !important;
  border-color: var(--iot-sim-module-strong) !important;
  color: #ffffff !important;
}

[data-iot-interactive-theme="flat"][data-iot-recolor-pilot="true"][data-iot-module="wsn"]
  :where(
    button[aria-pressed="true"],
    .is-active,
    .active,
    .primary,
    .spf-actions button:first-child,
    .dtn-btn.primary,
    .lc-btn.primary,
    .ps-stage-card.is-active,
    .sm-step.is-active,
    .tm-step.is-active,
    .wsn-guide-step.is-active,
    .kc-stage-card.is-active,
    .ms-btn.primary,
    .ms-segment[aria-pressed="true"],
    .wm-btn.primary,
    .wt-button.primary,
    .xmac-button.primary
  )
  :where(h1, h2, h3, h4, strong, span, p, small, output) {
  color: #ffffff !important;
}

[data-iot-interactive-theme="flat"][data-iot-recolor-pilot="true"][data-iot-module="wsn"]
  :where(
    .dat-svg-label,
    .dat-svg-small,
    .dat-svg-tiny,
    .sm-svg-label,
    .sm-svg-small,
    .sm-svg-tiny,
    .wt-node-label,
    .wt-sink-label,
    .xmac-axis-text,
    .xmac-lane-label,
    .xmac-small,
    .xmac-tiny
  ) {
  fill: var(--iot-sim-ink) !important;
  color: var(--iot-sim-ink) !important;
}

[data-iot-interactive-theme="flat"][data-iot-recolor-pilot="true"][data-iot-module="wsn"]
  :where(svg rect, svg circle, svg path, svg line, svg polygon, svg polyline) {
  filter: none !important;
}

[data-iot-interactive-theme="flat"][data-iot-recolor-pilot="true"][data-iot-module="wsn"]
  #spfStageBadge,
[data-iot-interactive-theme="flat"][data-iot-recolor-pilot="true"][data-iot-module="wsn"]
  #dtnPhasePill,
[data-iot-interactive-theme="flat"][data-iot-recolor-pilot="true"][data-iot-module="wsn"]
  #dtnCopyBadge,
[data-iot-interactive-theme="flat"][data-iot-recolor-pilot="true"][data-iot-module="wsn"]
  #lcStatusBadge,
[data-iot-interactive-theme="flat"][data-iot-recolor-pilot="true"][data-iot-module="wsn"]
  #smStatusPill {
  background: var(--iot-sim-module-strong) !important;
  border-color: var(--iot-sim-module-strong) !important;
  color: #ffffff !important;
}

[data-iot-interactive-theme="flat"][data-iot-recolor-pilot="true"][data-iot-module="wsn"]
  .spf-node[data-state="tentative"]
  .spf-node-label
  small,
[data-iot-interactive-theme="flat"][data-iot-recolor-pilot="true"][data-iot-module="wsn"]
  #kcFormulaTitle,
[data-iot-interactive-theme="flat"][data-iot-recolor-pilot="true"][data-iot-module="wsn"]
  #xmacDiagnosisText {
  color: #ffffff !important;
}

/* S3 rollout: encryption-algorithms shared animation override. */
#dhLab[data-iot-interactive-theme="flat"][data-iot-recolor-pilot="true"][data-iot-module="encryption-algorithms"],
#cryptoLab[data-iot-interactive-theme="flat"][data-iot-recolor-pilot="true"][data-iot-module="encryption-algorithms"] {
  --iot-sim-module-accent: #5c1788 !important;
  --iot-sim-module-strong: #3b0f5a !important;
  --iot-sim-module-tint: #f5eff9 !important;
  --iot-sim-module-tint-strong: #eadcf3 !important;
  --iot-sim-ink: #23333b !important;
  --iot-sim-muted: #52616b !important;
  --line: color-mix(in srgb, var(--iot-sim-module-accent) 28%, #d7e2e7) !important;
  --muted: var(--iot-sim-muted) !important;
  --wash: var(--iot-sim-module-tint) !important;
  --wash-2: var(--iot-sim-module-tint-strong) !important;
  --deep: var(--iot-sim-module-strong) !important;
  --deep-2: #2b0b42 !important;
  --purple: var(--iot-sim-module-accent) !important;
  --teal: var(--iot-sim-module-accent) !important;
  color: var(--iot-sim-ink) !important;
  background: var(--iot-sim-page) !important;
  border-color: var(--line) !important;
  box-shadow: none !important;
}

#dhLab[data-iot-interactive-theme="flat"][data-iot-recolor-pilot="true"][data-iot-module="encryption-algorithms"]
  :where(.dh-hero h1, .dh-hero p, .dh-tag, .dh-metric strong),
#cryptoLab[data-iot-interactive-theme="flat"][data-iot-recolor-pilot="true"][data-iot-module="encryption-algorithms"]
  :where(.crypto-hero h2, .crypto-hero p, .crypto-tag, .crypto-metric strong) {
  color: var(--iot-sim-ink) !important;
}

#dhLab[data-iot-interactive-theme="flat"][data-iot-recolor-pilot="true"][data-iot-module="encryption-algorithms"]
  :where(.dh-tag, .dh-metric),
#cryptoLab[data-iot-interactive-theme="flat"][data-iot-recolor-pilot="true"][data-iot-module="encryption-algorithms"]
  :where(.crypto-tag, .crypto-metric) {
  background: var(--iot-sim-panel) !important;
  border-color: var(--line) !important;
  box-shadow: none !important;
}

#dhLab[data-iot-interactive-theme="flat"][data-iot-recolor-pilot="true"][data-iot-module="encryption-algorithms"]
  :where(
    .dh-hero p,
    .dh-metric span,
    .dh-guide-step p,
    .dh-panel-head p,
    .dh-card p,
    .dh-mini-card span,
    .dh-control-sub,
    .dh-reference-card p,
    .dh-link-card p
  ),
#cryptoLab[data-iot-interactive-theme="flat"][data-iot-recolor-pilot="true"][data-iot-module="encryption-algorithms"]
  :where(
    .crypto-hero p,
    .crypto-metric span,
    .crypto-guide-step span:last-child,
    .crypto-card p,
    .crypto-card li,
    .crypto-row span,
    .crypto-side p,
    .crypto-support p,
    .crypto-support li,
    .crypto-details p,
    .crypto-link-card span,
    .crypto-check span,
    .crypto-map-node span,
    #methodSummary,
    #resultText
  ) {
  color: var(--iot-sim-muted) !important;
}

#cryptoLab[data-iot-interactive-theme="flat"][data-iot-recolor-pilot="true"][data-iot-module="encryption-algorithms"] {
  left: 50% !important;
  margin: 1rem 0 2rem !important;
  position: relative !important;
  transform: translateX(-50%) !important;
  width: min(1240px, calc(100vw - 32px)) !important;
}

#dhLab[data-iot-interactive-theme="flat"][data-iot-recolor-pilot="true"][data-iot-module="encryption-algorithms"]
  :where(.dh-callout, .dh-code, .dh-bar),
#cryptoLab[data-iot-interactive-theme="flat"][data-iot-recolor-pilot="true"][data-iot-module="encryption-algorithms"]
  :where(.crypto-check b, .crypto-boundary span, .crypto-result-badge, .crypto-check) {
  color: var(--iot-sim-ink) !important;
  background: var(--iot-sim-module-tint) !important;
  border-color: var(--line) !important;
  box-shadow: none !important;
}

#dhLab[data-iot-interactive-theme="flat"][data-iot-recolor-pilot="true"][data-iot-module="encryption-algorithms"]
  :where(.dh-hero),
#cryptoLab[data-iot-interactive-theme="flat"][data-iot-recolor-pilot="true"][data-iot-module="encryption-algorithms"]
  :where(.crypto-hero) {
  color: var(--iot-sim-ink) !important;
  background: var(--iot-sim-module-tint) !important;
  border-color: var(--line) !important;
  box-shadow: none !important;
}

#dhLab[data-iot-interactive-theme="flat"][data-iot-recolor-pilot="true"][data-iot-module="encryption-algorithms"]
  :where(.dh-hero),
#cryptoLab[data-iot-interactive-theme="flat"][data-iot-recolor-pilot="true"][data-iot-module="encryption-algorithms"]
  :where(.crypto-hero) {
  border-left: 4px solid var(--iot-sim-module-accent) !important;
}

#dhLab[data-iot-interactive-theme="flat"][data-iot-recolor-pilot="true"][data-iot-module="encryption-algorithms"]
  :where(
    .dh-button.primary,
    .dh-guide-step.is-active,
    .dh-preset.is-active,
    .dh-attack.is-active,
    .dh-secret-button.is-active,
    .dh-stage-button.is-active
  ),
#cryptoLab[data-iot-interactive-theme="flat"][data-iot-recolor-pilot="true"][data-iot-module="encryption-algorithms"]
  :where(
    .crypto-btn.crypto-action,
    .crypto-btn.crypto-primary,
    .crypto-guide-step.is-active,
    .crypto-btn.is-active
  ) {
  color: #ffffff !important;
  background: var(--iot-sim-module-strong) !important;
  border-color: var(--iot-sim-module-strong) !important;
}

#dhLab[data-iot-interactive-theme="flat"][data-iot-recolor-pilot="true"][data-iot-module="encryption-algorithms"]
  :where(
    .dh-button.primary *,
    .dh-guide-step.is-active *,
    .dh-preset.is-active *,
    .dh-attack.is-active *,
    .dh-secret-button.is-active *,
    .dh-stage-button.is-active *
  ),
#cryptoLab[data-iot-interactive-theme="flat"][data-iot-recolor-pilot="true"][data-iot-module="encryption-algorithms"]
  :where(
    .crypto-btn.crypto-action *,
    .crypto-btn.crypto-primary *,
    .crypto-guide-step.is-active *,
    .crypto-btn.is-active *
  ) {
  color: #ffffff !important;
}

#cryptoLab[data-iot-interactive-theme="flat"][data-iot-recolor-pilot="true"][data-iot-module="encryption-algorithms"]
  :where(.crypto-token) {
  color: #ffffff !important;
  background: var(--iot-sim-module-strong) !important;
}

#dhLab[data-iot-interactive-theme="flat"][data-iot-recolor-pilot="true"][data-iot-module="encryption-algorithms"]
  :where(
    .dh-panel h2,
    .dh-diagram-card h3,
    .dh-card h3,
    .dh-mini-card strong,
    .dh-details summary,
    .dh-reference-card strong,
    .dh-link-card strong,
    a
  ),
#cryptoLab[data-iot-interactive-theme="flat"][data-iot-recolor-pilot="true"][data-iot-module="encryption-algorithms"]
  :where(
    .crypto-stage-head h3,
    .crypto-card h4,
    .crypto-control-panel h4,
    .crypto-control-label,
    .crypto-support h3,
    .crypto-support strong,
    .crypto-details summary,
    .crypto-link-card strong,
    .crypto-row strong,
    .crypto-check strong,
    a
  ) {
  color: var(--iot-sim-module-strong) !important;
}

#dhLab[data-iot-interactive-theme="flat"][data-iot-recolor-pilot="true"][data-iot-module="encryption-algorithms"]
  :where(input[type="range"], input[type="checkbox"], input[type="radio"]),
#cryptoLab[data-iot-interactive-theme="flat"][data-iot-recolor-pilot="true"][data-iot-module="encryption-algorithms"]
  :where(input[type="range"], input[type="checkbox"], input[type="radio"]) {
  accent-color: var(--iot-sim-module-accent) !important;
}

#attackDefenseLab[data-iot-interactive-theme="flat"][data-iot-recolor-pilot="true"][data-iot-module="security-foundations"],
#provSecurityLab[data-iot-interactive-theme="flat"][data-iot-recolor-pilot="true"][data-iot-module="security-foundations"],
#scaLab[data-iot-interactive-theme="flat"][data-iot-recolor-pilot="true"][data-iot-module="security-foundations"] {
  --iot-sim-module-accent: #546e7a !important;
  --iot-sim-module-strong: #37474f !important;
  --iot-sim-module-tint: #eef3f5 !important;
  --iot-sim-module-tint-strong: #d9e3e7 !important;
  color: var(--iot-sim-ink) !important;
  background: linear-gradient(180deg, #ffffff 0%, var(--iot-sim-module-tint) 100%) !important;
  border-color: color-mix(in srgb, var(--iot-sim-module-accent) 28%, #d7e2e7) !important;
  box-shadow: none !important;
}

#attackDefenseLab[data-iot-interactive-theme="flat"][data-iot-recolor-pilot="true"][data-iot-module="security-foundations"] {
  --ad-ink: var(--iot-sim-ink) !important;
  --ad-muted: var(--iot-sim-muted) !important;
  --ad-line: color-mix(in srgb, var(--iot-sim-module-accent) 24%, #d7e2e7) !important;
  --ad-panel: var(--iot-sim-panel) !important;
  --ad-soft: var(--iot-sim-module-tint) !important;
  --ad-hero: var(--iot-sim-module-strong) !important;
  --ad-teal: var(--iot-sim-module-accent) !important;
  --ad-blue: #455a64 !important;
  --ad-orange: #607d8b !important;
  --ad-red: #6d4c41 !important;
  --ad-green: #455a64 !important;
  --ad-purple: #546e7a !important;
}

#provSecurityLab[data-iot-interactive-theme="flat"][data-iot-recolor-pilot="true"][data-iot-module="security-foundations"] {
  --ink: var(--iot-sim-ink) !important;
  --muted: var(--iot-sim-muted) !important;
  --line: color-mix(in srgb, var(--iot-sim-module-accent) 24%, #d7e2e7) !important;
  --wash: var(--iot-sim-module-tint) !important;
  --panel: var(--iot-sim-panel) !important;
  --deep: var(--iot-sim-module-strong) !important;
  --deep-2: #263238 !important;
  --teal: var(--iot-sim-module-accent) !important;
  --green: #455a64 !important;
  --amber: #607d8b !important;
  --orange: #546e7a !important;
  --red: #6d4c41 !important;
  --blue: #455a64 !important;
  --purple: #546e7a !important;
}

#scaLab[data-iot-interactive-theme="flat"][data-iot-recolor-pilot="true"][data-iot-module="security-foundations"]
  :where(.sca-hero) {
  background: var(--iot-sim-module-strong) !important;
  border-color: color-mix(in srgb, var(--iot-sim-module-accent) 40%, #ffffff) !important;
}

#attackDefenseLab[data-iot-interactive-theme="flat"][data-iot-recolor-pilot="true"][data-iot-module="security-foundations"]
  :where(
    .ad-guide-step,
    .ad-stage,
    .ad-panel,
    .ad-section,
    .ad-link-card,
    .ad-summary-card,
    .ad-reference-card,
    .ad-metric,
    .ad-control-block,
    .ad-scenario-card,
    .ad-defense-card
  ),
#provSecurityLab[data-iot-interactive-theme="flat"][data-iot-recolor-pilot="true"][data-iot-module="security-foundations"]
  :where(
    .ps-panel,
    .ps-diagram-card,
    .ps-card,
    .ps-callout,
    .ps-mini-card,
    .ps-reference-card,
    .ps-guide-step
  ),
#scaLab[data-iot-interactive-theme="flat"][data-iot-recolor-pilot="true"][data-iot-module="security-foundations"]
  :where(
    .sca-guide-step,
    .sca-stage,
    .sca-panel,
    .sca-card,
    .sca-result-card,
    .sca-collapsible,
    .sca-link-card,
    .sca-metric,
    .sca-control
  ) {
  background: var(--iot-sim-panel) !important;
  border-color: color-mix(in srgb, var(--iot-sim-module-accent) 24%, #d7e2e7) !important;
  box-shadow: none !important;
}

#attackDefenseLab[data-iot-interactive-theme="flat"][data-iot-recolor-pilot="true"][data-iot-module="security-foundations"]
  :where(
    .ad-guide-step.is-active,
    .ad-scenario-card.is-active,
    .ad-defense-card.is-active,
    .ad-risk-fill,
    .ad-button.primary
  ),
#provSecurityLab[data-iot-interactive-theme="flat"][data-iot-recolor-pilot="true"][data-iot-module="security-foundations"]
  :where(
    .ps-guide-step.is-active,
    .ps-scenario.is-active,
    .ps-attack.is-active,
    .ps-control-chip.is-active,
    .ps-button.primary,
    .ps-bar span
  ),
#scaLab[data-iot-interactive-theme="flat"][data-iot-recolor-pilot="true"][data-iot-module="security-foundations"]
  :where(.sca-guide-step.is-active, .sca-scenario.is-active, .sca-button.primary, .sca-bar-fill) {
  background: var(--iot-sim-module-strong) !important;
  border-color: var(--iot-sim-module-strong) !important;
  color: #ffffff !important;
}

#attackDefenseLab[data-iot-interactive-theme="flat"][data-iot-recolor-pilot="true"][data-iot-module="security-foundations"]
  :where(
    .ad-stage-head h3,
    .ad-panel-head h3,
    .ad-section summary,
    .ad-link-card strong,
    .ad-reference-card strong
  ),
#provSecurityLab[data-iot-interactive-theme="flat"][data-iot-recolor-pilot="true"][data-iot-module="security-foundations"]
  :where(.ps-panel-head h3, .ps-card h4, .ps-reference-card strong, .ps-mini-card strong),
#scaLab[data-iot-interactive-theme="flat"][data-iot-recolor-pilot="true"][data-iot-module="security-foundations"]
  :where(
    .sca-stage-head h3,
    .sca-panel-head h3,
    .sca-card h4,
    .sca-result-card strong,
    .sca-link-card strong
  ) {
  color: var(--iot-sim-module-strong) !important;
}

#attackDefenseLab[data-iot-interactive-theme="flat"][data-iot-recolor-pilot="true"][data-iot-module="security-foundations"]
  :where(.ad-guide-step.is-active, .ad-panel-head, .ad-stage-head, .ad-diagnosis),
#provSecurityLab[data-iot-interactive-theme="flat"][data-iot-recolor-pilot="true"][data-iot-module="security-foundations"]
  :where(.ps-guide-step.is-active, .ps-panel-head, .ps-callout, .ps-mini-card),
#scaLab[data-iot-interactive-theme="flat"][data-iot-recolor-pilot="true"][data-iot-module="security-foundations"]
  :where(.sca-guide-step.is-active, .sca-stage-head, .sca-panel-head, .sca-diagnosis) {
  border-color: var(--iot-sim-module-accent) !important;
}

#attackDefenseLab[data-iot-interactive-theme="flat"][data-iot-recolor-pilot="true"][data-iot-module="security-foundations"]
  :where(.ad-tag, .ad-caution, .ad-mini-results, .ad-section),
#provSecurityLab[data-iot-interactive-theme="flat"][data-iot-recolor-pilot="true"][data-iot-module="security-foundations"]
  :where(.ps-tag, .ps-callout, .ps-mini-card, .ps-bar),
#scaLab[data-iot-interactive-theme="flat"][data-iot-recolor-pilot="true"][data-iot-module="security-foundations"]
  :where(.sca-pill, .sca-annotation, .sca-beats, .sca-bar-track) {
  background: var(--iot-sim-module-tint) !important;
  border-color: color-mix(in srgb, var(--iot-sim-module-accent) 22%, #d7e2e7) !important;
  color: var(--iot-sim-ink) !important;
}

#attackDefenseLab[data-iot-interactive-theme="flat"][data-iot-recolor-pilot="true"][data-iot-module="security-foundations"]
  :where(.ad-metric span, .ad-card h4),
#provSecurityLab[data-iot-interactive-theme="flat"][data-iot-recolor-pilot="true"][data-iot-module="security-foundations"]
  :where(.ps-metric span, .ps-control-sub),
#scaLab[data-iot-interactive-theme="flat"][data-iot-recolor-pilot="true"][data-iot-module="security-foundations"]
  :where(
    .sca-metric span,
    .sca-guide-step strong,
    .sca-guide-step span,
    .sca-beat strong,
    .sca-beat span,
    .sca-result-card span,
    .sca-scenario span,
    .sca-card li,
    .sca-link-card span,
    .sca-stage-head p,
    .sca-panel-head p,
    .sca-control small,
    output
  ) {
  color: var(--iot-sim-ink) !important;
}

#attackDefenseLab[data-iot-interactive-theme="flat"][data-iot-recolor-pilot="true"][data-iot-module="security-foundations"]
  :where(.ad-guide-step.is-active strong, .ad-guide-step.is-active span),
#provSecurityLab[data-iot-interactive-theme="flat"][data-iot-recolor-pilot="true"][data-iot-module="security-foundations"]
  :where(
    .ps-guide-step.is-active strong,
    .ps-guide-step.is-active p,
    .ps-scenario.is-active .ps-control-sub,
    .ps-attack.is-active .ps-control-sub
  ),
#scaLab[data-iot-interactive-theme="flat"][data-iot-recolor-pilot="true"][data-iot-module="security-foundations"]
  :where(
    .sca-guide-step.is-active strong,
    .sca-guide-step.is-active span,
    .sca-scenario.is-active span
  ) {
  color: #ffffff !important;
}

#attackDefenseLab[data-iot-interactive-theme="flat"][data-iot-recolor-pilot="true"][data-iot-module="security-foundations"]
  :where(input[type="range"]),
#provSecurityLab[data-iot-interactive-theme="flat"][data-iot-recolor-pilot="true"][data-iot-module="security-foundations"]
  :where(input[type="range"]),
#scaLab[data-iot-interactive-theme="flat"][data-iot-recolor-pilot="true"][data-iot-module="security-foundations"]
  :where(input[type="range"]) {
  accent-color: var(--iot-sim-module-accent) !important;
}

/* S3 rollout: analytics-ml module recolor. */
[data-iot-interactive-theme="flat"][data-iot-recolor-pilot="true"][data-iot-module="analytics-ml"] {
  --iot-sim-module-accent: #0d47a1 !important;
  --iot-sim-module-strong: #06275c !important;
  --iot-sim-module-tint: #edf4ff !important;
  --iot-sim-module-tint-strong: #dceaff !important;
  --iot-sim-muted: #334155 !important;
  --iot-sim-accent: var(--iot-sim-module-accent) !important;
  --iot-sim-accent-2: var(--iot-sim-module-strong) !important;
  --iot-sim-soft: var(--iot-sim-module-tint) !important;
  --iot-sim-border: color-mix(in srgb, var(--iot-sim-module-accent) 26%, #d7e2e7) !important;
  --ink: var(--iot-sim-ink) !important;
  --muted: var(--iot-sim-muted) !important;
  --line: var(--iot-sim-border) !important;
  --panel: var(--iot-sim-panel) !important;
  --paper: var(--iot-sim-page) !important;
  --soft: var(--iot-sim-module-tint) !important;
  --wash: var(--iot-sim-module-tint) !important;
  --wash-2: var(--iot-sim-module-tint-strong) !important;
  --deep: var(--iot-sim-module-strong) !important;
  --deep-2: #031b3f !important;
  --navy: var(--iot-sim-module-strong) !important;
  --navy-2: #0a367a !important;
  --teal: var(--iot-sim-module-accent) !important;
  --teal-dark: var(--iot-sim-module-strong) !important;
  --blue: var(--iot-sim-module-accent) !important;
  --green: #166c4f !important;
  --amber: #7a4d00 !important;
  --coral: #9b2f3a !important;
  --red: #8f2d2d !important;
  --violet: #474091 !important;
  --fusion-ink: var(--iot-sim-ink) !important;
  --fusion-muted: var(--iot-sim-muted) !important;
  --fusion-line: var(--iot-sim-border) !important;
  --fusion-panel: var(--iot-sim-panel) !important;
  --fusion-soft: var(--iot-sim-module-tint) !important;
  --fusion-deep: var(--iot-sim-module-strong) !important;
  --fusion-teal: var(--iot-sim-module-accent) !important;
  --fusion-teal-dark: var(--iot-sim-module-strong) !important;
  --fusion-blue: var(--iot-sim-module-accent) !important;
  --fusion-purple: #474091 !important;
  --kp-ink: var(--iot-sim-ink) !important;
  --kp-muted: var(--iot-sim-muted) !important;
  --kp-panel: var(--iot-sim-panel) !important;
  --kp-line: var(--iot-sim-border) !important;
  --kp-soft: var(--iot-sim-module-tint) !important;
  --kp-dark: var(--iot-sim-module-strong) !important;
  --kp-blue: var(--iot-sim-module-accent) !important;
  --kp-indigo: #273f96 !important;
  --kp-teal: #0d6f8f !important;
  --kp-purple: #474091 !important;
  background: linear-gradient(180deg, #ffffff 0%, var(--iot-sim-module-tint) 100%) !important;
  border-color: var(--iot-sim-border) !important;
  box-shadow: none !important;
}

[data-iot-interactive-theme="flat"][data-iot-recolor-pilot="true"][data-iot-module="analytics-ml"]
  :where(
    .kafka-hero,
    .pipe-hero,
    .bp-hero,
    .dpb-hero,
    .pfb-hero,
    .pf-hero,
    .fusion-hero,
    .nyq-hero,
    .tc-hero,
    .sf-hero,
    .kf-hero,
    .ad-hero,
    .kp-hero
  ) {
  color: var(--iot-sim-ink) !important;
  background: var(--iot-sim-module-tint) !important;
  border: 1px solid var(--iot-sim-border) !important;
  border-left: 4px solid var(--iot-sim-module-accent) !important;
  box-shadow: none !important;
}

[data-iot-interactive-theme="flat"][data-iot-recolor-pilot="true"][data-iot-module="analytics-ml"]
  :where(
    .kafka-panel,
    .kafka-stage,
    .kafka-hero-metric,
    .pipe-panel,
    .pipe-card,
    .pipe-stage,
    .bp-panel,
    .bp-stage,
    .bp-metric,
    .bp-support-card,
    .dpb-progress-card,
    .dpb-stat,
    .dpb-scenario-card,
    .dpb-panel,
    .dpb-final-card,
    .pfb-progress-card,
    .pfb-stat,
    .pfb-scenario-card,
    .pfb-panel,
    .pfb-final-card,
    .pf-panel,
    .pf-guide-card,
    .pf-ref-card,
    .pf-link-card,
    .fusion-panel,
    .fusion-card,
    .fusion-metric,
    .fusion-ref-card,
    .nyq-panel,
    .nyq-card,
    .nyq-metric,
    .tc-panel,
    .tc-metric,
    .tc-practice-card,
    .sf-panel,
    .sf-card,
    .sf-ref-card,
    .sf-link-card,
    .kf-panel,
    .kf-metric,
    .kf-ref-card,
    .kf-link-card,
    .ad-panel,
    .ad-card,
    .ad-metric,
    .ad-evidence-card,
    .ad-link-card,
    .kp-stage-panel,
    .kp-metric,
    .kp-readout-card,
    .kp-learning-card
  ) {
  background: var(--iot-sim-panel) !important;
  border-color: var(--iot-sim-border) !important;
  box-shadow: none !important;
}

[data-iot-interactive-theme="flat"][data-iot-recolor-pilot="true"][data-iot-module="analytics-ml"]
  :where(
    .kafka-hero p,
    .kafka-hero-metric > span,
    #kafkaStageTitle,
    #scenario,
    #view-focus,
    .pipe-tag,
    .pipe-hero p,
    .pipe-metric > span,
    #pipeFormulaTitle,
    .bp-pill,
    .bp-hero p,
    .bp-metric-card > span,
    .dpb-stat > span,
    #dpbSummary,
    .dpb-empty,
    #pfbSummary,
    .pf-tag,
    .pf-hero p,
    .pf-metric > span,
    .fusion-hero p,
    .fusion-metric > span,
    .nyq-hero p,
    .nyq-brief-label,
    .nyq-value,
    .nyq-result-card span,
    .tc-pill,
    .tc-hero p,
    .sf-tag,
    .sf-hero p,
    .sf-metric > span,
    .kf-hero p,
    .kf-metric > span,
    .kf-metric small,
    .ad-hero p,
    .ad-metric > span,
    .kp-hero-top p,
    #kpStep,
    #kpReset,
    .kp-metric > span,
    .kp-controls h3
  ) {
  color: var(--iot-sim-module-strong) !important;
}

[data-iot-interactive-theme="flat"][data-iot-recolor-pilot="true"][data-iot-module="analytics-ml"]
  #pipeFormulaTitle {
  color: #ffffff !important;
}

[data-iot-interactive-theme="flat"][data-iot-recolor-pilot="true"][data-iot-module="analytics-ml"]
  :where(
    .bp-stage h3,
    .nyq-brief strong,
    .fusion-card h3,
    .sf-ref-card h3,
    .ad-stage-card:not(.is-active) h3,
    .kp-learning-card h3,
    .tc-log h3
  ) {
  color: var(--iot-sim-module-strong) !important;
}

[data-iot-interactive-theme="flat"][data-iot-recolor-pilot="true"][data-iot-module="analytics-ml"]
  :where(
    .kafka-btn.primary,
    .kafka-btn.active,
    .pipe-button.primary,
    .pipe-button.active,
    .bp-button.primary,
    .bp-button.active,
    .dpb-submit,
    .dpb-component-card.is-selected,
    .pfb-submit,
    .pfb-component-card.is-selected,
    .pf-button-primary,
    .pf-chip[aria-pressed="true"],
    .fusion-button.primary,
    .fusion-choice[aria-pressed="true"],
    .nyq-button.primary,
    .nyq-choice[aria-pressed="true"],
    .tc-button.primary,
    .tc-chip[aria-pressed="true"],
    .sf-button.primary,
    .sf-chip.active,
    .kf-button-primary,
    .kf-chip[aria-pressed="true"],
    .ad-button:not(.secondary):not(.warning),
    .ad-button.warning,
    .ad-chip.is-active,
    .ad-stage-card.is-active,
    .fusion-action.warn,
    .kp-button-primary,
    .kp-chip[aria-pressed="true"]
  ) {
  background: var(--iot-sim-module-strong) !important;
  border-color: var(--iot-sim-module-strong) !important;
  color: #ffffff !important;
}

[data-iot-interactive-theme="flat"][data-iot-recolor-pilot="true"][data-iot-module="analytics-ml"]
  :where(
    .kafka-pill,
    .kafka-status,
    .pipe-pill,
    .pipe-status,
    .bp-status-pill,
    .dpb-pill,
    .dpb-scenario-tag,
    .pfb-pill,
    .pfb-scenario-tag,
    .pf-stage-card,
    .fusion-pill,
    .fusion-verdict,
    .nyq-pill,
    .tc-stage-card,
    .sf-stage-card,
    .sf-stage-pill,
    .kf-step-badge,
    .kf-step-card,
    .ad-pill,
    .ad-stage-card,
    .kp-pill,
    .kp-stage-badge
  ) {
  background: var(--iot-sim-module-tint) !important;
  border-color: var(--iot-sim-border) !important;
  color: var(--iot-sim-ink) !important;
}

[data-iot-interactive-theme="flat"][data-iot-recolor-pilot="true"][data-iot-module="analytics-ml"]
  :where(
    .kafka-panel h3,
    .pipe-panel h3,
    .bp-panel h3,
    .dpb-scenario-card h3,
    .pfb-scenario-card h3,
    .pf-panel h3,
    .fusion-panel h3,
    .nyq-panel h3,
    .tc-panel h3,
    .sf-panel h3,
    .kf-panel-head h3,
    .ad-panel-header h3,
    .kp-stage-head h3,
    .kp-readout-card strong,
    .kp-learning-card h3
  ) {
  color: var(--iot-sim-module-strong) !important;
}

[data-iot-interactive-theme="flat"][data-iot-recolor-pilot="true"][data-iot-module="analytics-ml"]
  :where(input[type="range"], input[type="checkbox"], input[type="radio"]) {
  accent-color: var(--iot-sim-module-accent) !important;
}

#privacyGame[data-iot-interactive-theme="flat"][data-iot-recolor-pilot="true"][data-iot-module="safeguards-compliance"] {
  --iot-sim-module-accent: #a148bc !important;
  --iot-sim-module-strong: #6f2b86 !important;
  --iot-sim-module-tint: #f8eefb !important;
  --iot-sim-module-tint-strong: #ead6f1 !important;
  --iot-sim-border: color-mix(in srgb, var(--iot-sim-module-accent) 26%, #d8e1e8) !important;
  --line: var(--iot-sim-border) !important;
  background: linear-gradient(180deg, #fff9ff 0%, var(--iot-sim-module-tint) 100%) !important;
  border-color: var(--iot-sim-border) !important;
}

#privacyGame[data-iot-interactive-theme="flat"][data-iot-recolor-pilot="true"][data-iot-module="safeguards-compliance"]
  :where(.game-header) {
  background: linear-gradient(
    135deg,
    var(--iot-sim-module-strong) 0%,
    var(--iot-sim-module-accent) 100%
  ) !important;
  box-shadow: none !important;
}

#privacyGame[data-iot-interactive-theme="flat"][data-iot-recolor-pilot="true"][data-iot-module="safeguards-compliance"]
  :where(.game-header h2, .game-header p, .difficulty-btn.active) {
  color: #ffffff !important;
}

#privacyGame[data-iot-interactive-theme="flat"][data-iot-recolor-pilot="true"][data-iot-module="safeguards-compliance"]
  :where(
    .scenario-card,
    .stat-card,
    .product-details,
    .detail-item,
    .violation-option,
    .game-complete,
    .privacy-reference-detail
  ) {
  border-color: var(--iot-sim-border) !important;
  box-shadow: none !important;
}

#privacyGame[data-iot-interactive-theme="flat"][data-iot-recolor-pilot="true"][data-iot-module="safeguards-compliance"]
  :where(.product-details, .scenario-description, .hint-box, .performance-item) {
  background: var(--iot-sim-module-tint) !important;
  border-color: var(--iot-sim-module-accent) !important;
}

#privacyGame[data-iot-interactive-theme="flat"][data-iot-recolor-pilot="true"][data-iot-module="safeguards-compliance"]
  :where(
    .difficulty-btn.active,
    .action-btn.submit,
    .action-btn.next,
    .restart-btn,
    .progress-fill
  ) {
  background: var(--iot-sim-module-strong) !important;
  border-color: var(--iot-sim-module-strong) !important;
  color: #ffffff !important;
}

#privacyGame[data-iot-interactive-theme="flat"][data-iot-recolor-pilot="true"][data-iot-module="safeguards-compliance"]
  :where(
    .difficulty-btn:not(.active),
    .scenario-title,
    .violations-title,
    .violation-title,
    .feedback-section h5,
    .detail-label,
    .product-details h3,
    .complete-title,
    .hint-box strong
  ) {
  color: var(--iot-sim-module-strong) !important;
}

#privacyGame[data-iot-interactive-theme="flat"][data-iot-recolor-pilot="true"][data-iot-module="safeguards-compliance"]
  :where(.difficulty-btn, .violation-option:hover:not(.disabled), .violation-option.selected) {
  border-color: var(--iot-sim-module-accent) !important;
}

#privacyGame[data-iot-interactive-theme="flat"][data-iot-recolor-pilot="true"][data-iot-module="safeguards-compliance"]
  :where(.regulation-badge) {
  background: var(--iot-sim-module-strong) !important;
  color: #ffffff !important;
}

#privacyGame[data-iot-interactive-theme="flat"][data-iot-recolor-pilot="true"][data-iot-module="safeguards-compliance"]
  :where(.violation-option.selected) {
  background: var(--iot-sim-module-tint-strong) !important;
}

#privacyGame[data-iot-interactive-theme="flat"][data-iot-recolor-pilot="true"][data-iot-module="safeguards-compliance"]
  :where(.regulation-badge, .scenario-number, .violation-indicator) {
  background: var(--iot-sim-module-strong) !important;
  color: #ffffff !important;
}

#privacyGame[data-iot-interactive-theme="flat"][data-iot-recolor-pilot="true"][data-iot-module="safeguards-compliance"]
  :where(.violation-option.correct, .feedback-panel.perfect) {
  background: #edf7ee !important;
  border-color: #2f6f3e !important;
}

#privacyGame[data-iot-interactive-theme="flat"][data-iot-recolor-pilot="true"][data-iot-module="safeguards-compliance"]
  :where(.violation-option.missed, .feedback-panel.partial) {
  background: #fff7df !important;
  border-color: #735400 !important;
}

#privacyGame[data-iot-interactive-theme="flat"][data-iot-recolor-pilot="true"][data-iot-module="safeguards-compliance"]
  :where(.violation-option.incorrect, .feedback-panel.poor) {
  background: #fff1f1 !important;
  border-color: #8b0000 !important;
}

#privacyGame[data-iot-interactive-theme="flat"][data-iot-recolor-pilot="true"][data-iot-module="safeguards-compliance"]
  :where(
    .violation-option.correct .violation-title,
    .violation-option.correct .violation-description,
    .violation-option.missed .violation-title,
    .violation-option.missed .violation-description,
    .violation-option.incorrect .violation-title,
    .violation-option.incorrect .violation-description,
    .feedback-title,
    .feedback-score,
    .feedback-content
  ) {
  color: #263845 !important;
}

#privacyGame[data-iot-interactive-theme="flat"][data-iot-recolor-pilot="true"][data-iot-module="safeguards-compliance"]
  :where(input[type="checkbox"], input[type="radio"], input[type="range"]) {
  accent-color: var(--iot-sim-module-accent) !important;
}

[data-iot-interactive-theme="flat"][data-iot-recolor-pilot="true"][data-iot-module="emerging-paradigms"] {
  --iot-sim-module-accent: #c99500 !important;
  --iot-sim-module-strong: #6f5100 !important;
  --iot-sim-module-tint: #fff7df !important;
  --iot-sim-module-tint-strong: #f3e3b0 !important;
  --iot-sim-muted: #52666f !important;
  --iot-sim-accent: var(--iot-sim-module-accent) !important;
  --iot-sim-accent-strong: var(--iot-sim-module-strong) !important;
  --muted: var(--iot-sim-muted) !important;
  --panel: var(--iot-sim-panel) !important;
  --paper: var(--iot-sim-panel) !important;
  --teal: var(--iot-sim-module-strong) !important;
  --green: var(--iot-sim-module-strong) !important;
  --amber: var(--iot-sim-module-strong) !important;
  --blue: var(--iot-sim-module-strong) !important;
  --violet: var(--iot-sim-module-strong) !important;
  --deep: var(--iot-sim-module-strong) !important;
  --deep-2: var(--iot-sim-module-strong) !important;
  --wash: var(--iot-sim-module-tint) !important;
  --wash-2: var(--iot-sim-module-tint-strong) !important;
  --line: color-mix(in srgb, var(--iot-sim-module-accent) 30%, #d7e2e7) !important;
}

[data-iot-interactive-theme="flat"][data-iot-recolor-pilot="true"][data-iot-module="emerging-paradigms"]
  :where(
    .adhoc-hero,
    .dta-hero,
    .dtc-hero,
    .dtd-hero,
    .dts-hero,
    .dsdv-hero,
    .dsr-hero,
    .dtn-hero,
    .fanet-hero,
    .fm-hero,
    .om-hero,
    .s2-hero,
    .ucp-hero,
    .url-hero,
    .uro-hero,
    .zrp-hero
  ) {
  color: var(--iot-sim-ink) !important;
  background: var(--iot-sim-module-tint) !important;
  border: 1px solid var(--iot-sim-border) !important;
  border-left: 4px solid var(--iot-sim-module-accent) !important;
  box-shadow: none !important;
}

[data-iot-interactive-theme="flat"][data-iot-recolor-pilot="true"][data-iot-module="emerging-paradigms"]
  :where(
    .adhoc-hero h1,
    .adhoc-hero h2,
    .adhoc-hero p,
    .dta-hero h1,
    .dta-hero h2,
    .dta-hero p,
    .dtc-hero h1,
    .dtc-hero h2,
    .dtc-hero p,
    .dtd-hero h1,
    .dtd-hero h2,
    .dtd-hero p,
    .dts-hero h1,
    .dts-hero h2,
    .dts-hero p,
    .dsdv-hero h1,
    .dsdv-hero h2,
    .dsdv-hero p,
    .dsr-hero h1,
    .dsr-hero h2,
    .dsr-hero p,
    .dtn-hero h1,
    .dtn-hero h2,
    .dtn-hero p,
    .fanet-hero h1,
    .fanet-hero h2,
    .fanet-hero p,
    .fm-hero h1,
    .fm-hero h2,
    .fm-hero p,
    .om-hero h1,
    .om-hero h2,
    .om-hero p,
    .s2-hero h1,
    .s2-hero h2,
    .s2-hero p,
    .ucp-hero h1,
    .ucp-hero h2,
    .ucp-hero p,
    .url-hero h1,
    .url-hero h2,
    .url-hero p,
    .uro-hero h1,
    .uro-hero h2,
    .uro-hero p,
    .zrp-hero h1,
    .zrp-hero h2,
    .zrp-hero p
  ) {
  color: var(--iot-sim-ink) !important;
}

[data-iot-interactive-theme="flat"][data-iot-recolor-pilot="true"][data-iot-module="emerging-paradigms"]
  :where(
    .adhoc-pill,
    .adhoc-status,
    .dta-pill,
    .dta-badge,
    .dtc-pill,
    .dtc-status-pill,
    .dtd-pill,
    .dtd-badge,
    .dts-pill,
    .dts-badge,
    .dsdv-pill,
    .dsdv-badge,
    .dsr-pill,
    .dsr-badge,
    .dtn-pill,
    .dtn-status-pill,
    .dtn-copy-badge,
    .fanet-pill,
    .fanet-status,
    .fm-pill,
    .fm-badge,
    .fm-status,
    .om-pill,
    .om-tree-badge,
    .s2-pill,
    .ucp-pill,
    .url-pill,
    .url-status-pill,
    .uro-pill,
    .zrp-pill
  ) {
  color: var(--iot-sim-ink) !important;
  background: var(--iot-sim-panel) !important;
  border-color: var(--iot-sim-border) !important;
}

[data-iot-interactive-theme="flat"][data-iot-recolor-pilot="true"][data-iot-module="emerging-paradigms"]
  :where(
    button,
    .primary,
    .active,
    .is-active,
    [aria-pressed="true"],
    .dta-mode-button.is-active,
    .dtc-scenario-button.is-active,
    .dtd-mode-button.is-active,
    .dts-scenario-button.is-active,
    .zrp-control-button.primary,
    .url-control-button.primary,
    .uro-control-button.primary,
    .ucp-control-button.primary,
    .s2-button.is-active,
    .om-button.is-active,
    .dtn-btn.primary
  ) {
  color: #ffffff !important;
  background: var(--iot-sim-module-strong) !important;
  border-color: var(--iot-sim-module-strong) !important;
}

[data-iot-interactive-theme="flat"][data-iot-recolor-pilot="true"][data-iot-module="emerging-paradigms"]
  :where(button *, .primary *, .active *, .is-active *, [aria-pressed="true"] *) {
  color: #ffffff !important;
}

[data-iot-interactive-theme="flat"][data-iot-recolor-pilot="true"][data-iot-module="emerging-paradigms"]
  :where(
    .adhoc-metric,
    .adhoc-hero-metric,
    .adhoc-controls,
    .adhoc-info-box,
    .adhoc-guide-card,
    .adhoc-compare,
    .dta-hero-metric,
    .dta-brief-card,
    .dta-panel,
    .dta-card,
    .dtc-hero-metric,
    .dtc-panel,
    .dtc-card,
    .dtd-hero-metric,
    .dtd-panel,
    .dtd-card,
    .dts-hero-metric,
    .dts-panel,
    .dts-hero-metric,
    .dsdv-card,
    .dsdv-diagnosis-card,
    .dsdv-hero-metric,
    .dsr-card,
    .dsr-panel,
    .dsr-hero-metric,
    .dtn-card,
    .dtn-panel,
    .dtn-hero-metric,
    .dtn-mini-metric,
    .fanet-card,
    .fanet-panel,
    .fm-hero-metric,
    .om-metric,
    .om-card,
    .om-panel,
    .s2-metric,
    .s2-card,
    .s2-panel,
    .ucp-hero-metric,
    .ucp-card,
    .ucp-panel,
    .url-hero-card,
    .url-card,
    .url-panel,
    .uro-metric-card,
    .uro-card,
    .uro-panel,
    .zrp-metric,
    .zrp-card,
    .zrp-panel
  ) {
  color: var(--iot-sim-ink) !important;
  background: var(--iot-sim-panel) !important;
  border-color: color-mix(
    in srgb,
    var(--iot-sim-module-accent) 38%,
    var(--iot-sim-border)
  ) !important;
  box-shadow: none !important;
}

[data-iot-interactive-theme="flat"][data-iot-recolor-pilot="true"][data-iot-module="emerging-paradigms"]
  :where(
    h1,
    h2,
    h3,
    h4,
    .sim-learning-brief__label,
    .adhoc-info-box h4,
    .adhoc-guide-card h4,
    .adhoc-compare h4,
    .dta-pill,
    .dtc-pill,
    .dtd-pill,
    .dts-pill,
    .zrp-pill,
    .dtn-status-pill,
    .dtn-pill,
    .fm-pill,
    .om-pill,
    .s2-pill,
    .ucp-pill,
    .url-pill,
    .uro-pill,
    .adhoc-metric strong,
    .adhoc-hero-metric strong,
    .dta-hero-metric strong,
    .dtc-hero-metric strong,
    .dtd-hero-metric strong,
    .dts-hero-metric strong,
    .dsdv-hero-metric strong,
    .dsr-hero-metric strong,
    .dtn-hero-metric strong,
    .dtn-mini-metric strong,
    #dsrPayloadHint,
    .fm-value,
    .s2-metric span,
    .fm-hero-metric strong,
    .om-metric strong,
    .s2-metric strong,
    .ucp-hero-metric strong,
    .url-hero-card strong,
    .uro-metric-value,
    .zrp-metric strong,
    #ucpFormulaTrace,
    output,
    label,
    summary
  ) {
  color: var(--iot-sim-module-strong) !important;
}

[data-iot-interactive-theme="flat"][data-iot-recolor-pilot="true"][data-iot-module="emerging-paradigms"]
  :where(select, input, textarea) {
  color: var(--iot-sim-ink) !important;
  background: var(--iot-sim-panel) !important;
  border-color: var(--iot-sim-border) !important;
}

[data-iot-interactive-theme="flat"][data-iot-recolor-pilot="true"][data-iot-module="emerging-paradigms"]
  :where(input[type="range"], input[type="checkbox"], input[type="radio"]) {
  accent-color: var(--iot-sim-module-strong) !important;
}

/* S3 rollout: sensors module recolor. */
:is(
    #circuitSolverLab,
    #filterLab,
    #i2cProtocolLab,
    #spiProtocolLab,
    #calibGame,
    #calibrationLab,
    #calibrationMethods,
    #scqGame,
    #calibrationDecision,
    #sensorReferenceLab,
    #sensorDecisionLab
  )[data-iot-interactive-theme="flat"][data-iot-recolor-pilot="true"][data-iot-module="sensors"] {
  --iot-sim-module-accent: #c73912 !important;
  --iot-sim-module-strong: #7a210c !important;
  --iot-sim-module-tint: #fff1ed !important;
  --iot-sim-module-tint-strong: #f8ddd4 !important;
  --ink: var(--iot-sim-ink) !important;
  --muted: var(--iot-sim-muted) !important;
  --line: color-mix(in srgb, var(--iot-sim-module-accent) 26%, #d7e2e7) !important;
  /* Khan-style design system: nested "paper" rows (formula lists, detail
     rows) inside an already-white card should read as a neutral shade, not
     a saturated per-module wash (recolor-pilot design review, ceo-decision-
     packs.md Pack B, 2026-07-22). */
  --paper: var(--iot-sim-page) !important;
  --panel: var(--iot-sim-panel) !important;
  --wash: var(--iot-sim-module-tint) !important;
  --wash-2: var(--iot-sim-module-tint-strong) !important;
  --teal: var(--iot-sim-module-accent) !important;
  --teal-dark: var(--iot-sim-module-strong) !important;
  --navy: var(--iot-sim-module-strong) !important;
  --navy-2: var(--iot-sim-module-accent) !important;
  --blue: #8f412c !important;
  --orange: var(--iot-sim-module-accent) !important;
  --amber: #a45e19 !important;
  --green: #4f7f45 !important;
  --red: #a83b2f !important;
  --violet: #8e4e7c !important;
  --yellow: #a45e19 !important;
  --purple: #8e4e7c !important;
  --i2c-ink: var(--iot-sim-ink) !important;
  --i2c-muted: var(--iot-sim-muted) !important;
  --i2c-panel: var(--iot-sim-panel) !important;
  --i2c-soft: var(--iot-sim-module-tint) !important;
  --i2c-line: color-mix(in srgb, var(--iot-sim-module-accent) 26%, #d7e2e7) !important;
  --i2c-dark: var(--iot-sim-module-strong) !important;
  --i2c-dark-2: var(--iot-sim-module-accent) !important;
  --i2c-accent: var(--iot-sim-module-accent) !important;
  --i2c-accent-2: #8f412c !important;
  --i2c-warn: #a45e19 !important;
  --i2c-danger: #a83b2f !important;
  --i2c-ok: #4f7f45 !important;
  --cal-ink: var(--iot-sim-ink) !important;
  --cal-muted: var(--iot-sim-muted) !important;
  --cal-line: color-mix(in srgb, var(--iot-sim-module-accent) 26%, #d7e2e7) !important;
  --cal-panel: var(--iot-sim-panel) !important;
  --cal-soft: var(--iot-sim-module-tint) !important;
  --cal-deep: var(--iot-sim-module-strong) !important;
  --cal-teal: var(--iot-sim-module-accent) !important;
  --cal-teal-dark: var(--iot-sim-module-strong) !important;
  --cal-orange: var(--iot-sim-module-accent) !important;
  --cal-gold: #a45e19 !important;
  --cal-green: #4f7f45 !important;
  --cal-red: #a83b2f !important;
  --cal-blue: #8f412c !important;
  /* Khan-style design system: wrapper stays white, not a saturated
     per-module wash (recolor-pilot design review, ceo-decision-packs.md
     Pack B, 2026-07-22). */
  background: var(--iot-sim-panel) !important;
  border-color: color-mix(
    in srgb,
    var(--iot-sim-module-accent) 32%,
    var(--iot-sim-border)
  ) !important;
  box-shadow: none !important;
}

:is(
    #circuitSolverLab,
    #filterLab,
    #i2cProtocolLab,
    #spiProtocolLab,
    #calibGame,
    #calibrationLab,
    #calibrationMethods,
    #scqGame,
    #calibrationDecision,
    #sensorReferenceLab,
    #sensorDecisionLab
  )[data-iot-interactive-theme="flat"][data-iot-recolor-pilot="true"][data-iot-module="sensors"]
  :where(
    .cs-hero,
    .lf-hero,
    .i2c-hero,
    .spi-hero,
    .game-header,
    .cal-hero,
    .cm-hero,
    .scq-hero,
    .cd-hero,
    .sr-hero,
    .sd-hero
  ) {
  /* Same white-card rule as the wrapper above; the 4px accent border is
     the "purposeful accent" the design system calls for, not a full-card
     wash (recolor-pilot design review, ceo-decision-packs.md Pack B,
     2026-07-22). */
  color: var(--iot-sim-ink) !important;
  background: var(--iot-sim-panel) !important;
  border: 1px solid var(--iot-sim-border) !important;
  border-left: 4px solid var(--iot-sim-module-accent) !important;
  box-shadow: none !important;
}

:is(
    #circuitSolverLab,
    #filterLab,
    #i2cProtocolLab,
    #spiProtocolLab,
    #calibGame,
    #calibrationLab,
    #calibrationMethods,
    #scqGame,
    #calibrationDecision,
    #sensorReferenceLab,
    #sensorDecisionLab
  )[data-iot-interactive-theme="flat"][data-iot-recolor-pilot="true"][data-iot-module="sensors"]
  :where(
    .cs-hero *,
    .lf-hero *,
    .i2c-hero *,
    .spi-hero *,
    .cal-hero *,
    .cm-hero *,
    .scq-hero *,
    .cd-hero *,
    .sr-hero *,
    .sd-hero *
  ) {
  color: var(--iot-sim-ink) !important;
}

:is(
    #circuitSolverLab,
    #filterLab,
    #i2cProtocolLab,
    #spiProtocolLab,
    #calibGame,
    #calibrationLab,
    #calibrationMethods,
    #scqGame,
    #calibrationDecision,
    #sensorReferenceLab,
    #sensorDecisionLab
  )[data-iot-interactive-theme="flat"][data-iot-recolor-pilot="true"][data-iot-module="sensors"]
  :where(
    [class*="pill"],
    [class*="tag"],
    [class*="badge"],
    [class*="metric"],
    [class*="card"],
    [class*="panel"],
    [class*="guide"],
    [class*="stage"],
    [class*="reference"],
    [class*="practice"],
    details
  ) {
  background: var(--iot-sim-panel) !important;
  border-color: color-mix(
    in srgb,
    var(--iot-sim-module-accent) 28%,
    var(--iot-sim-border)
  ) !important;
  box-shadow: none !important;
}

:is(
    #circuitSolverLab,
    #filterLab,
    #i2cProtocolLab,
    #spiProtocolLab,
    #calibGame,
    #calibrationLab,
    #calibrationMethods,
    #scqGame,
    #calibrationDecision,
    #sensorReferenceLab,
    #sensorDecisionLab
  )[data-iot-interactive-theme="flat"][data-iot-recolor-pilot="true"][data-iot-module="sensors"]
  :where(
    button:not(.secondary):not(.warn):not(.reset),
    .is-active,
    .active,
    [aria-pressed="true"],
    [class*="status"],
    [class*="token"]
  ) {
  background: var(--iot-sim-module-strong) !important;
  border-color: var(--iot-sim-module-strong) !important;
  color: #ffffff !important;
}

:is(
    #circuitSolverLab,
    #filterLab,
    #i2cProtocolLab,
    #spiProtocolLab,
    #calibGame,
    #calibrationLab,
    #calibrationMethods,
    #scqGame,
    #calibrationDecision,
    #sensorReferenceLab,
    #sensorDecisionLab
  )[data-iot-interactive-theme="flat"][data-iot-recolor-pilot="true"][data-iot-module="sensors"]
  :where(
    h2,
    h3,
    h4,
    summary,
    [class*="score-value"],
    [class*="metric"] strong,
    [class*="panel-head"] h3
  ) {
  color: var(--iot-sim-module-strong) !important;
}

:is(
    #circuitSolverLab,
    #filterLab,
    #i2cProtocolLab,
    #spiProtocolLab,
    #calibGame,
    #calibrationLab,
    #calibrationMethods,
    #scqGame,
    #calibrationDecision,
    #sensorReferenceLab,
    #sensorDecisionLab
  )[data-iot-interactive-theme="flat"][data-iot-recolor-pilot="true"][data-iot-module="sensors"]
  :where(input[type="range"], progress) {
  accent-color: var(--iot-sim-module-accent) !important;
}

/* S3 rework: sensors dark accessible states and axe focusability. */
#filterLab[data-iot-interactive-theme="flat"][data-iot-recolor-pilot="true"][data-iot-module="sensors"]
  .lf-stage.is-active
  :where(strong, span),
#i2cProtocolLab[data-iot-interactive-theme="flat"][data-iot-recolor-pilot="true"][data-iot-module="sensors"]
  .i2c-stage-card.is-active
  :where(strong, span:not(.i2c-stage-num)),
#i2cProtocolLab[data-iot-interactive-theme="flat"][data-iot-recolor-pilot="true"][data-iot-module="sensors"]
  #i2cFormula,
#spiProtocolLab[data-iot-interactive-theme="flat"][data-iot-recolor-pilot="true"][data-iot-module="sensors"]
  .spi-step.is-active
  :where(strong, span),
#spiProtocolLab[data-iot-interactive-theme="flat"][data-iot-recolor-pilot="true"][data-iot-module="sensors"]
  .spi-bit-cell.is-active
  :where(strong, span),
#calibrationMethods[data-iot-interactive-theme="flat"][data-iot-recolor-pilot="true"][data-iot-module="sensors"]
  .cm-stage-card.is-active
  p,
#calibrationDecision[data-iot-interactive-theme="flat"][data-iot-recolor-pilot="true"][data-iot-module="sensors"]
  .cd-stage-card.is-active
  p,
#sensorReferenceLab[data-iot-interactive-theme="flat"][data-iot-recolor-pilot="true"][data-iot-module="sensors"]
  .sr-step.is-active
  p,
#sensorDecisionLab[data-iot-interactive-theme="flat"][data-iot-recolor-pilot="true"][data-iot-module="sensors"]
  .sd-stage-card.is-active
  p {
  color: #ffffff !important;
}

#scqGame[data-iot-interactive-theme="flat"][data-iot-recolor-pilot="true"][data-iot-module="sensors"]
  .scq-spec
  span {
  color: var(--iot-sim-module-strong) !important;
}

#scqGame[data-iot-interactive-theme="flat"][data-iot-recolor-pilot="true"][data-iot-module="sensors"]
  .scq-option.is-selected
  :where(strong, em, dt, dd) {
  color: #ffffff !important;
}

#sensorDecisionLab[data-iot-interactive-theme="flat"][data-iot-recolor-pilot="true"][data-iot-module="sensors"]
  .sd-legend
  .sd-pill {
  background: var(--iot-sim-module-strong) !important;
  color: #ffffff !important;
}

@media (max-width: 640px) {
  :is(
      #circuitSolverLab,
      #filterLab,
      #i2cProtocolLab,
      #spiProtocolLab,
      #calibGame,
      #calibrationLab,
      #calibrationMethods,
      #scqGame,
      #calibrationDecision,
      #sensorReferenceLab,
      #sensorDecisionLab
    )[data-iot-interactive-theme="flat"][data-iot-recolor-pilot="true"][data-iot-module="sensors"] {
    margin-left: auto !important;
    margin-right: auto !important;
    max-width: calc(100vw - 56px) !important;
    width: calc(100vw - 56px) !important;
  }

  :is(
      #circuitSolverLab,
      #filterLab,
      #i2cProtocolLab,
      #spiProtocolLab,
      #calibGame,
      #calibrationLab,
      #calibrationMethods,
      #scqGame,
      #calibrationDecision,
      #sensorReferenceLab,
      #sensorDecisionLab
    )[data-iot-interactive-theme="flat"][data-iot-recolor-pilot="true"][data-iot-module="sensors"]
    :where(.page-columns, .page-full, [class*="workspace"], [class*="workbench"], [class*="grid"]) {
    max-width: 100% !important;
  }

  #spiProtocolLab[data-iot-interactive-theme="flat"][data-iot-recolor-pilot="true"][data-iot-module="sensors"]
    :where(.spi-wave-card, .spi-wave-head, .spi-wave-row) {
    max-width: 100% !important;
    overflow-x: auto !important;
  }
}

[data-iot-interactive-theme="flat"][data-iot-recolor-pilot="true"][data-iot-module="ux-design"] {
  --iot-sim-module-accent: #c2185b !important;
  --iot-sim-module-strong: #7f0f3c !important;
  --iot-sim-module-tint: #fff0f6 !important;
  --iot-sim-module-tint-strong: #f8d8e7 !important;
  --iot-sim-accent: var(--iot-sim-module-accent) !important;
  --iot-sim-accent-2: var(--iot-sim-module-strong) !important;
  --iot-sim-soft: var(--iot-sim-module-tint) !important;
  --teal: var(--iot-sim-module-accent) !important;
  --green: #4f7f5e !important;
  --blue: #6f5b94 !important;
  --violet: #7f497c !important;
  --amber: #8f6720 !important;
  --coral: #9e4f58 !important;
  --red: #9e4450 !important;
  --line: color-mix(in srgb, var(--iot-sim-module-accent) 25%, #d9e2e7) !important;
  --shadow: none !important;
}

#cognitiveLoadLab[data-iot-interactive-theme="flat"][data-iot-recolor-pilot="true"][data-iot-module="ux-design"],
#journeyMapper[data-iot-interactive-theme="flat"][data-iot-recolor-pilot="true"][data-iot-module="ux-design"],
#uxLab[data-iot-interactive-theme="flat"][data-iot-recolor-pilot="true"][data-iot-module="ux-design"],
#uxGame[data-iot-interactive-theme="flat"][data-iot-recolor-pilot="true"][data-iot-module="ux-design"] {
  color: var(--iot-sim-ink) !important;
  background: var(--iot-sim-page) !important;
  border-color: var(--iot-sim-border) !important;
  box-shadow: none !important;
}

#cognitiveLoadLab[data-iot-interactive-theme="flat"][data-iot-recolor-pilot="true"][data-iot-module="ux-design"]
  :where(.cl-hero),
#journeyMapper[data-iot-interactive-theme="flat"][data-iot-recolor-pilot="true"][data-iot-module="ux-design"]
  :where(.jm-hero),
#uxLab[data-iot-interactive-theme="flat"][data-iot-recolor-pilot="true"][data-iot-module="ux-design"]
  :where(.ux-hero),
#uxGame[data-iot-interactive-theme="flat"][data-iot-recolor-pilot="true"][data-iot-module="ux-design"]
  :where(.game-header) {
  /* Wrapper is already neutral (--iot-sim-page); the hero was still on the
     saturated module tint. Same white-card + left-border-accent rule as
     the fundamentals fix (recolor-pilot design review, ceo-decision-
     packs.md Pack B, 2026-07-22). */
  color: var(--iot-sim-ink) !important;
  background: var(--iot-sim-panel) !important;
  border: 1px solid var(--line) !important;
  border-left: 4px solid var(--iot-sim-module-accent) !important;
  box-shadow: none !important;
}

#cognitiveLoadLab[data-iot-interactive-theme="flat"][data-iot-recolor-pilot="true"][data-iot-module="ux-design"]
  :where(.cl-hero h1, .cl-hero p, .cl-tag, .cl-metric strong, .cl-metric span),
#journeyMapper[data-iot-interactive-theme="flat"][data-iot-recolor-pilot="true"][data-iot-module="ux-design"]
  :where(.jm-hero h1, .jm-hero p, .jm-tag, .jm-metric strong, .jm-metric span),
#uxLab[data-iot-interactive-theme="flat"][data-iot-recolor-pilot="true"][data-iot-module="ux-design"]
  :where(.ux-hero h1, .ux-hero p, .ux-tag, .ux-metric strong, .ux-metric span),
#uxGame[data-iot-interactive-theme="flat"][data-iot-recolor-pilot="true"][data-iot-module="ux-design"]
  :where(.game-header h2, .game-header p) {
  color: var(--iot-sim-ink) !important;
}

#cognitiveLoadLab[data-iot-interactive-theme="flat"][data-iot-recolor-pilot="true"][data-iot-module="ux-design"]
  :where(
    .cl-tag,
    .cl-metric,
    .cl-card,
    .cl-stage-card,
    .cl-panel,
    .cl-control-panel,
    .cl-feedback-card,
    .cl-formula,
    .cl-reference-card,
    .cl-link-card
  ),
#journeyMapper[data-iot-interactive-theme="flat"][data-iot-recolor-pilot="true"][data-iot-module="ux-design"]
  :where(
    .jm-tag,
    .jm-metric,
    .jm-card,
    .jm-stage-card,
    .jm-panel,
    .jm-control-panel,
    .jm-feedback-card,
    .jm-formula,
    .jm-reference-card,
    .jm-link-card
  ),
#uxLab[data-iot-interactive-theme="flat"][data-iot-recolor-pilot="true"][data-iot-module="ux-design"]
  :where(
    .ux-tag,
    .ux-metric,
    .ux-card,
    .ux-stage-card,
    .ux-panel,
    .ux-control-panel,
    .ux-feedback-card,
    .ux-reference-card,
    .ux-fix-card
  ),
#uxGame[data-iot-interactive-theme="flat"][data-iot-recolor-pilot="true"][data-iot-module="ux-design"]
  :where(
    .stat-card,
    .scenario-card,
    .violation-checkbox,
    .feedback-panel,
    .game-complete,
    .performance-item
  ) {
  color: var(--iot-sim-ink) !important;
  background: var(--iot-sim-panel) !important;
  border-color: var(--line) !important;
  box-shadow: none !important;
}

#cognitiveLoadLab[data-iot-interactive-theme="flat"][data-iot-recolor-pilot="true"][data-iot-module="ux-design"]
  :where(.cl-button.primary, .cl-chip.active, .cl-stage-card.active, .cl-score-fill),
#journeyMapper[data-iot-interactive-theme="flat"][data-iot-recolor-pilot="true"][data-iot-module="ux-design"]
  :where(.jm-button.primary, .jm-chip.active, .jm-stage-card.active, .jm-score-fill),
#uxLab[data-iot-interactive-theme="flat"][data-iot-recolor-pilot="true"][data-iot-module="ux-design"]
  :where(.ux-button.primary, .ux-stage-card.is-active, .ux-token, .ux-score-fill),
#uxGame[data-iot-interactive-theme="flat"][data-iot-recolor-pilot="true"][data-iot-module="ux-design"]
  :where(
    .difficulty-btn.active,
    .action-btn.submit,
    .action-btn.next,
    .restart-btn,
    .progress-fill
  ) {
  background: var(--iot-sim-module-strong) !important;
  border-color: var(--iot-sim-module-strong) !important;
  color: #ffffff !important;
}

#cognitiveLoadLab[data-iot-interactive-theme="flat"][data-iot-recolor-pilot="true"][data-iot-module="ux-design"]
  :where(.cl-button.secondary, .cl-button:not(.primary), .cl-chip:not(.active)),
#journeyMapper[data-iot-interactive-theme="flat"][data-iot-recolor-pilot="true"][data-iot-module="ux-design"]
  :where(.jm-button.secondary, .jm-button:not(.primary), .jm-chip:not(.active)),
#uxLab[data-iot-interactive-theme="flat"][data-iot-recolor-pilot="true"][data-iot-module="ux-design"]
  :where(.ux-button.secondary, .ux-button:not(.primary)),
#uxGame[data-iot-interactive-theme="flat"][data-iot-recolor-pilot="true"][data-iot-module="ux-design"]
  :where(.difficulty-btn:not(.active)) {
  background: var(--iot-sim-panel) !important;
  border-color: var(--line) !important;
  color: var(--iot-sim-ink) !important;
}

#cognitiveLoadLab[data-iot-interactive-theme="flat"][data-iot-recolor-pilot="true"][data-iot-module="ux-design"]
  :where(.cl-stage-card.active, .cl-feedback-card, .cl-diagnostics),
#journeyMapper[data-iot-interactive-theme="flat"][data-iot-recolor-pilot="true"][data-iot-module="ux-design"]
  :where(.jm-stage-card.active, .jm-feedback-card, .jm-diagnostics),
#uxLab[data-iot-interactive-theme="flat"][data-iot-recolor-pilot="true"][data-iot-module="ux-design"]
  :where(.ux-stage-card.is-active, .ux-stage-readout) {
  /* None of these carry a tinted background in the page's own base CSS
     (.cl-stage-card.active/.jm-stage-card.active only change border-color
     + shadow when active; .cl-diagnostics/.jm-diagnostics/.cl-feedback-
     card/.jm-feedback-card are plain white cards) -- this !important
     override was painting them with the full module wash. Same white-card
     rule as the rest of the recolor-pilot fix (recolor-pilot design
     review, ceo-decision-packs.md Pack B, 2026-07-22). */
  background: var(--iot-sim-panel) !important;
  border-color: color-mix(
    in srgb,
    var(--iot-sim-module-accent) 35%,
    var(--iot-sim-border)
  ) !important;
}

/* #uxLab .ux-viz and #uxGame .feedback-panel/.game-complete were
   deliberately dropped from the override above: .ux-viz is a white
   grid-ruled canvas in the page's own CSS (a diagram surface, not a
   card -- same "diagrams are not brand surfaces" principle as the
   i2c-protocol waveform fix), and .feedback-panel/.game-complete carry
   the game's own semantic result colors (.feedback-panel.perfect green,
   .good blue, .needs-work amber, plus their own state-colored borders).
   The prior !important tint+border-color override flattened all three
   result states and the completion screen to the same module pink,
   destroying the pass/fail color coding. Recolor-pilot design review,
   ceo-decision-packs.md Pack B, 2026-07-22. */

#cognitiveLoadLab[data-iot-interactive-theme="flat"][data-iot-recolor-pilot="true"][data-iot-module="ux-design"]
  :where(h2, h3, h4, .cl-stage-pill, .cl-score-value),
#journeyMapper[data-iot-interactive-theme="flat"][data-iot-recolor-pilot="true"][data-iot-module="ux-design"]
  :where(h2, h3, h4, .jm-stage-pill, .jm-score-value),
#uxLab[data-iot-interactive-theme="flat"][data-iot-recolor-pilot="true"][data-iot-module="ux-design"]
  :where(h2, h3, h4, .ux-stage-readout, .ux-svg-label),
#uxGame[data-iot-interactive-theme="flat"][data-iot-recolor-pilot="true"][data-iot-module="ux-design"]
  :where(.stat-value, .scenario-title, .violation-heuristic, .complete-title, .complete-score) {
  color: var(--iot-sim-module-strong) !important;
}

#uxLab[data-iot-interactive-theme="flat"][data-iot-recolor-pilot="true"][data-iot-module="ux-design"]
  :where(.ux-formula h3) {
  color: #ffffff !important;
}

#uxLab[data-iot-interactive-theme="flat"][data-iot-recolor-pilot="true"][data-iot-module="ux-design"]
  :where(.ux-formula) {
  background: var(--iot-sim-module-strong) !important;
  border: 1px solid var(--iot-sim-module-strong) !important;
  color: #ffffff !important;
}

#uxLab[data-iot-interactive-theme="flat"][data-iot-recolor-pilot="true"][data-iot-module="ux-design"]
  .ux-formula
  :where(h3, code) {
  color: #ffffff !important;
}

#uxGame[data-iot-interactive-theme="flat"][data-iot-recolor-pilot="true"][data-iot-module="ux-design"]
  .mockup-screen:not([style*="background:#1a1a2e"]):not([style*="background:#0a0a0a"])
  :where(
    [style*="color:#59666f"],
    [style*="color:#666"],
    [style*="color:#999"],
    [style*="color:#ccc"]
  ) {
  color: #334650 !important;
}

#uxGame[data-iot-interactive-theme="flat"][data-iot-recolor-pilot="true"][data-iot-module="ux-design"]
  :where(.mockup-screen[style*="background:#1a1a2e"], .mockup-screen[style*="background:#0a0a0a"])
  :where([style*="color:#666"], [style*="color:#ccc"]) {
  color: #cbd6dc !important;
}

#cognitiveLoadLab[data-iot-interactive-theme="flat"][data-iot-recolor-pilot="true"][data-iot-module="ux-design"]
  :where(input[type="range"], input[type="checkbox"], input[type="radio"]),
#journeyMapper[data-iot-interactive-theme="flat"][data-iot-recolor-pilot="true"][data-iot-module="ux-design"]
  :where(input[type="range"], input[type="checkbox"], input[type="radio"]),
#uxLab[data-iot-interactive-theme="flat"][data-iot-recolor-pilot="true"][data-iot-module="ux-design"]
  :where(input[type="range"], input[type="checkbox"], input[type="radio"]),
#uxGame[data-iot-interactive-theme="flat"][data-iot-recolor-pilot="true"][data-iot-module="ux-design"]
  :where(input[type="range"], input[type="checkbox"], input[type="radio"]) {
  accent-color: var(--iot-sim-module-accent) !important;
}

/* S3 rework: amqp fallback recolor. */
[data-iot-interactive-theme="flat"][data-iot-recolor-pilot="true"][data-iot-module="amqp"] {
  --iot-sim-module-accent: #607d8b !important;
  --iot-sim-module-strong: #455a64 !important;
  --iot-sim-module-tint: #eef3f5 !important;
  --iot-sim-module-tint-strong: #dde8ec !important;
  --iot-sim-accent: var(--iot-sim-module-accent) !important;
  --iot-sim-accent-2: var(--iot-sim-module-strong) !important;
  --iot-sim-soft: var(--iot-sim-module-tint) !important;
  --iot-sim-border: color-mix(in srgb, var(--iot-sim-module-accent) 28%, #d7e2e7) !important;
  --ink: var(--iot-sim-ink) !important;
  --muted: var(--iot-sim-muted) !important;
  --line: var(--iot-sim-border) !important;
  --panel: var(--iot-sim-panel) !important;
  --wash: var(--iot-sim-module-tint) !important;
  --wash-2: var(--iot-sim-module-tint-strong) !important;
  --deep: var(--iot-sim-module-strong) !important;
  --teal: var(--iot-sim-module-strong) !important;
  --blue: #4d6f8a !important;
  --green: #4f735d !important;
  --amber: #8a6425 !important;
  color: var(--iot-sim-ink) !important;
  background: var(--iot-sim-page) !important;
  border-color: var(--iot-sim-border) !important;
  box-shadow: none !important;
}

#protocolReferenceWorkbench[data-iot-interactive-theme="flat"][data-iot-recolor-pilot="true"][data-iot-module="amqp"]
  :where(.psr-hero) {
  color: var(--iot-sim-ink) !important;
  background: var(--iot-sim-module-tint) !important;
  border: 1px solid var(--iot-sim-border) !important;
  border-left: 4px solid var(--iot-sim-module-accent) !important;
  box-shadow: none !important;
}

#protocolReferenceWorkbench[data-iot-interactive-theme="flat"][data-iot-recolor-pilot="true"][data-iot-module="amqp"]
  :where(.psr-hero h2, .psr-hero p, .psr-metric strong, .psr-metric span) {
  color: var(--iot-sim-ink) !important;
}

#protocolReferenceWorkbench[data-iot-interactive-theme="flat"][data-iot-recolor-pilot="true"][data-iot-module="amqp"]
  :where(.psr-pill, .psr-metric, .psr-chip, .psr-state-tag, .psr-ledger th) {
  color: var(--iot-sim-ink) !important;
  background: var(--iot-sim-panel) !important;
  border-color: var(--iot-sim-border) !important;
}

#protocolReferenceWorkbench[data-iot-interactive-theme="flat"][data-iot-recolor-pilot="true"][data-iot-module="amqp"]
  :where(
    .psr-card,
    .psr-panel,
    .psr-state-card,
    .psr-transition-card,
    .psr-diagnosis-card,
    .psr-reference-card,
    .psr-practice-card,
    .psr-compare-card,
    .psr-details,
    .psr-source-list a
  ) {
  background: var(--iot-sim-panel) !important;
  border-color: var(--iot-sim-border) !important;
  box-shadow: none !important;
}

#protocolReferenceWorkbench[data-iot-interactive-theme="flat"][data-iot-recolor-pilot="true"][data-iot-module="amqp"]
  :where(.psr-state-rail, .psr-ledger tr, .psr-details, .psr-option, .psr-action.secondary) {
  background: var(--iot-sim-module-tint) !important;
  border-color: var(--iot-sim-border) !important;
}

#protocolReferenceWorkbench[data-iot-interactive-theme="flat"][data-iot-recolor-pilot="true"][data-iot-module="amqp"]
  :where(
    .psr-card h3,
    .psr-panel h3,
    .psr-state-card h3,
    .psr-transition-card strong,
    .psr-reference-card h3,
    .psr-practice-card h3,
    .psr-compare-card strong,
    .psr-details summary,
    .psr-source-list a
  ) {
  color: var(--iot-sim-module-strong) !important;
}

#protocolReferenceWorkbench[data-iot-interactive-theme="flat"][data-iot-recolor-pilot="true"][data-iot-module="amqp"]
  :where(.psr-panel h3, .psr-diagnosis-card, .psr-option.is-active, .psr-state-card.is-active) {
  border-color: var(--iot-sim-module-accent) !important;
}

#protocolReferenceWorkbench[data-iot-interactive-theme="flat"][data-iot-recolor-pilot="true"][data-iot-module="amqp"]
  :where(.psr-action.primary, .psr-state-number, .psr-stage-count, .psr-flow-token) {
  background: var(--iot-sim-module-strong) !important;
  border-color: var(--iot-sim-module-strong) !important;
  color: #ffffff !important;
}

#protocolReferenceWorkbench[data-iot-interactive-theme="flat"][data-iot-recolor-pilot="true"][data-iot-module="amqp"]
  :where(
    .psr-option.is-active,
    .psr-chip.warning,
    .psr-diagnosis-card.warning,
    .psr-diagnosis-card.danger
  ) {
  background: var(--iot-sim-module-tint-strong) !important;
  color: var(--iot-sim-ink) !important;
}

#protocolReferenceWorkbench[data-iot-interactive-theme="flat"][data-iot-recolor-pilot="true"][data-iot-module="amqp"]
  :where(.psr-diagnosis-card.warning, .psr-diagnosis-card.danger)
  :where(h3, p) {
  color: var(--iot-sim-ink) !important;
}
[data-iot-interactive-theme="flat"][data-iot-recolor-pilot="true"][data-iot-module="protocol-integration"] {
  --iot-sim-module-accent: #455a64 !important;
  --iot-sim-module-strong: #263238 !important;
  --iot-sim-module-tint: #eef3f5 !important;
  --iot-sim-module-tint-strong: #dde8ec !important;
  --iot-sim-accent: var(--iot-sim-module-accent) !important;
  --iot-sim-accent-2: var(--iot-sim-module-strong) !important;
  --iot-sim-soft: var(--iot-sim-module-tint) !important;
  --deep: var(--iot-sim-module-strong) !important;
  --deep-2: var(--iot-sim-module-accent) !important;
  --rtu: var(--iot-sim-module-accent) !important;
  --tcp: var(--iot-sim-module-accent) !important;
  --ascii: #6d4c41 !important;
  --data: var(--iot-sim-module-strong) !important;
  --check: #5f513d !important;
  --service: var(--iot-sim-module-accent) !important;
  --coil: var(--iot-sim-module-accent) !important;
  --discrete: var(--iot-sim-module-accent) !important;
  --input: var(--iot-sim-module-strong) !important;
  --holding: #6d4c41 !important;
  --accent: var(--iot-sim-module-accent) !important;
  --ok: var(--iot-sim-module-strong) !important;
  --line: color-mix(in srgb, var(--iot-sim-module-accent) 28%, #d7e2e7) !important;
  --wash: var(--iot-sim-module-tint) !important;
  --wash-2: var(--iot-sim-module-tint-strong) !important;
  --shadow: none !important;
  color: var(--iot-sim-ink) !important;
  background: var(--iot-sim-page) !important;
  border-color: var(--line) !important;
}

[data-iot-interactive-theme="flat"][data-iot-recolor-pilot="true"][data-iot-module="protocol-integration"]
  :where(.mf-hero, .mfc-hero, .mt-hero, .mr-hero, .ms-hero, .opc-hero, .tsn-hero) {
  color: var(--iot-sim-ink) !important;
  background: var(--iot-sim-module-tint) !important;
  border: 1px solid var(--line) !important;
  border-left: 4px solid var(--iot-sim-module-accent) !important;
  box-shadow: none !important;
}

[data-iot-interactive-theme="flat"][data-iot-recolor-pilot="true"][data-iot-module="protocol-integration"]
  :where(
    .mf-hero h2,
    .mf-hero p,
    .mf-metric strong,
    .mf-metric span,
    .mfc-hero h2,
    .mfc-hero p,
    .mfc-metric strong,
    .mfc-metric span,
    .mt-hero h2,
    .mt-hero p,
    .mt-metric strong,
    .mt-metric span,
    .mr-hero h2,
    .mr-hero p,
    .mr-metric strong,
    .mr-metric span,
    .ms-hero h2,
    .ms-hero p,
    .ms-metric strong,
    .ms-metric span,
    .opc-hero h2,
    .opc-hero p,
    .opc-hero-metric strong,
    .opc-hero-metric span,
    .tsn-hero h2,
    .tsn-hero p,
    .tsn-hero-metric strong,
    .tsn-hero-metric span
  ) {
  color: var(--iot-sim-ink) !important;
}

[data-iot-interactive-theme="flat"][data-iot-recolor-pilot="true"][data-iot-module="protocol-integration"]
  :where(
    .mf-tag,
    .mf-metric,
    .mf-chip,
    .mf-stage,
    .mf-panel,
    .mf-frame-card,
    .mf-field-card,
    .mf-card,
    .mfc-tag,
    .mfc-metric,
    .mfc-chip,
    .mfc-stage,
    .mfc-panel,
    .mfc-register-card,
    .mfc-pdu-card,
    .mfc-code-card,
    .mfc-card,
    .mfc-ref-card,
    .mt-tag,
    .mt-metric,
    .mt-chip,
    .mt-stage,
    .mt-panel,
    .mt-mode-card,
    .mt-stat,
    .mt-card,
    .mt-ref-card,
    .mr-tag,
    .mr-metric,
    .mr-chip,
    .mr-stage,
    .mr-panel,
    .mr-table-card,
    .mr-pdu-card,
    .mr-card,
    .mr-ref-card,
    .ms-tag,
    .ms-metric,
    .ms-chip,
    .ms-stage,
    .ms-panel,
    .ms-frame-panel,
    .ms-map-card,
    .ms-support-card,
    .ms-ref-card,
    .opc-pill,
    .opc-hero-metric,
    .opc-panel,
    .opc-stage,
    .opc-actor,
    .opc-address-space,
    .opc-trace,
    .opc-note,
    .opc-mini-metric,
    .opc-reference,
    .opc-card,
    .tsn-pill,
    .tsn-hero-metric,
    .tsn-panel,
    .tsn-stage,
    .tsn-actor,
    .tsn-lane,
    .tsn-gcl,
    .tsn-trace,
    .tsn-note,
    .tsn-mini-metric,
    .tsn-reference,
    .tsn-card
  ) {
  color: var(--iot-sim-ink) !important;
  background: var(--iot-sim-panel) !important;
  border-color: var(--line) !important;
  box-shadow: none !important;
}

[data-iot-interactive-theme="flat"][data-iot-recolor-pilot="true"][data-iot-module="protocol-integration"]
  :where(
    .mf-btn.primary,
    .mfc-btn.primary,
    .mt-btn.primary,
    .mr-btn.primary,
    .ms-btn.primary,
    .opc-btn:not(.secondary):not(.warn),
    .tsn-btn:not(.secondary):not(.warn)
  ) {
  background: var(--iot-sim-module-strong) !important;
  border-color: var(--iot-sim-module-strong) !important;
  color: #ffffff !important;
}

[data-iot-interactive-theme="flat"][data-iot-recolor-pilot="true"][data-iot-module="protocol-integration"]
  :where(
    .mf-btn:not(.primary),
    .mfc-btn:not(.primary),
    .mt-btn:not(.primary),
    .mr-btn:not(.primary),
    .ms-btn:not(.primary),
    .opc-btn.secondary,
    .opc-btn.warn,
    .tsn-btn.secondary,
    .tsn-btn.warn
  ) {
  background: var(--iot-sim-panel) !important;
  border-color: var(--line) !important;
  color: var(--iot-sim-ink) !important;
}

[data-iot-interactive-theme="flat"][data-iot-recolor-pilot="true"][data-iot-module="protocol-integration"]
  :where(
    .mf-chip.is-active,
    .mf-stage.is-active,
    .mfc-chip.is-active,
    .mfc-stage.is-active,
    .mfc-register-card.is-active,
    .mfc-code-card.is-active,
    .mt-chip.is-active,
    .mt-stage.is-active,
    .mt-mode-card.is-active,
    .mr-chip.is-active,
    .mr-stage.is-active,
    .mr-table-card.is-active,
    .ms-chip.is-active,
    .ms-stage.is-active,
    .ms-map-card.is-active,
    .opc-actor.active,
    .opc-tree-row.active,
    .opc-message.active,
    .tsn-actor.active,
    .tsn-gcl-row.active,
    .tsn-message.active
  ) {
  background: var(--iot-sim-module-tint) !important;
  border-color: var(--iot-sim-module-accent) !important;
  color: var(--iot-sim-ink) !important;
}

[data-iot-interactive-theme="flat"][data-iot-recolor-pilot="true"][data-iot-module="protocol-integration"]
  :where(
    .mf-panel h3,
    .mf-card h4,
    .mfc-panel h3,
    .mfc-card h4,
    .mfc-ref-card strong,
    .mt-panel h3,
    .mt-card h4,
    .mt-ref-card strong,
    .mr-panel h3,
    .mr-card h4,
    .mr-ref-card strong,
    .ms-panel h3,
    .ms-support-card h3,
    .ms-ref-card h3,
    .opc-panel h3,
    .opc-mini-head,
    .opc-card b,
    .tsn-panel h3,
    .tsn-mini-head,
    .tsn-card b
  ) {
  color: var(--iot-sim-module-strong) !important;
}

[data-iot-interactive-theme="flat"][data-iot-recolor-pilot="true"][data-iot-module="protocol-integration"]
  :where(
    .mf-tag,
    .mf-chip,
    .mf-frame-card strong,
    .mf-field-card strong,
    .mfc-tag,
    .mfc-chip,
    .mfc-register-card strong,
    .mfc-pdu-card strong,
    .mfc-code-card strong,
    .mt-tag,
    .mt-chip,
    .mt-mode-card strong,
    .mt-stat strong,
    .mr-tag,
    .mr-chip,
    .mr-table-card strong,
    .mr-pdu-card strong,
    .ms-tag,
    .ms-chip,
    .ms-map-card strong,
    .opc-pill,
    .opc-mini-metric strong,
    .opc-reference strong,
    .opc-stage strong,
    .opc-trace strong,
    .tsn-pill,
    .tsn-mini-metric strong,
    .tsn-reference strong,
    .tsn-stage strong,
    .tsn-trace strong,
    a
  ) {
  color: var(--iot-sim-module-strong) !important;
}

[data-iot-interactive-theme="flat"][data-iot-recolor-pilot="true"][data-iot-module="protocol-integration"]
  :where(
    .ms-readout span,
    .ms-byte span,
    .mfc-byte span,
    .mfc-register-card span,
    .mfc-code-card p,
    .mt-mode-card span,
    .mr-byte span,
    .opc-scenario span,
    .opc-actor span,
    .opc-tree-row small,
    .opc-message small,
    .opc-cache-item span:first-child,
    .tsn-scenario span,
    .tsn-actor span,
    .tsn-gcl-row small,
    .tsn-message small,
    .tsn-cache-item span:first-child
  ) {
  color: var(--iot-sim-module-strong) !important;
}

[data-iot-interactive-theme="flat"][data-iot-recolor-pilot="true"][data-iot-module="protocol-integration"]
  :where(
    .mf-byte.is-active > strong,
    .mf-byte.is-active > span,
    .mfc-byte.is-active > strong,
    .mfc-byte.is-active > span,
    .ms-byte.active > code,
    .ms-byte.active > span,
    .mr-byte.active > code,
    .mr-byte.active > span
  ) {
  color: #ffffff !important;
}

[data-iot-interactive-theme="flat"][data-iot-recolor-pilot="true"][data-iot-module="protocol-integration"]
  :where(
    .mf-stage span,
    .mfc-stage span,
    .mt-stage span,
    .mr-stage span,
    .ms-stage span,
    .mf-byte.is-active,
    .mfc-byte.is-active,
    .mt-segment.active,
    .ms-byte.active,
    .tsn-fill.control,
    .tsn-cursor
  ) {
  background: var(--iot-sim-module-accent) !important;
  border-color: var(--iot-sim-module-accent) !important;
  color: #ffffff !important;
}

[data-iot-interactive-theme="flat"][data-iot-recolor-pilot="true"][data-iot-module="protocol-integration"]
  :where(input[type="range"], input[type="checkbox"], input[type="radio"], select) {
  accent-color: var(--iot-sim-module-accent) !important;
}
/* FIX-8-MOBILE: standalone calculation audits are rendered by Quarto and do
   not pass through the Astro estate shell. Contain that template here so its
   inline code/equation rules cannot enlarge a 390px document. */
@media (max-width: 640px) {
  body.animation-container,
  body.animation-container .page-columns,
  body.animation-container main.ojs-animation,
  body.animation-container #audit-lab,
  body.animation-container #audit-lab .aud-hero,
  body.animation-container #audit-lab .aud-body {
    box-sizing: border-box;
    min-width: 0 !important;
    max-width: 100% !important;
  }

  body.animation-container main.ojs-animation {
    width: calc(100% - 1rem) !important;
    margin-inline: auto !important;
  }

  body.animation-container #audit-lab .aud-hero,
  body.animation-container #audit-lab .aud-body {
    padding-inline: 0.85rem;
  }

  body.animation-container #audit-lab .aud-body :where(code, .math, .katex-display) {
    box-sizing: border-box;
    max-width: 100%;
    overflow-x: auto;
    overflow-y: hidden;
    overflow-wrap: anywhere;
    white-space: normal !important;
    -webkit-overflow-scrolling: touch;
  }
}

/* Important declarations in this layer take precedence over authored
   unlayered !important component rules without escalating every selector. */
@layer qa-estate-contrast {

/* QA-FIX-1c: the flat interactive theme uses pale panels. Keep module hues,
   but use the strong text colour rather than the decorative accent. */
#quarto-document-content [data-iot-interactive-theme="flat"] :is(h2, h3, h4) {
  color: var(--iot-sim-module-strong, #146b77) !important;
}

/* Before the structural enhancement runs, Zero-Trust still has its dark
   gradient banner. The enhanced sw4 hero has a pale background and dark ink. */
#quarto-document-content #ztGame .game-header:not(.sw4-hero) {
  background: linear-gradient(135deg, #173e4f, #147a7e) !important;
}
#quarto-document-content #ztGame .game-header:not(.sw4-hero) :is(h2, p) {
  color: #fff !important;
  opacity: 1 !important;
}

/* Active stage cards retain their module tint and strong border. Several
   older selectors painted the strong border colour across the whole card. */
#quarto-document-content :is(
  .cc-stage.is-active, .clock-step-card.active, .dta-node.is-active,
  .cm-stage-card.is-active, .s2-stage-card.is-active, .uro-stage-card.is-active,
  .sr-step.is-active, .dd-stage-card.is-active, .flow-stage.is-active,
  .boot-stage.is-active, .zbm-stage.is-active, .zwm-stage.is-active,
  .zwr-stage.active, .zrp-stage.active, .m2m-stage.active, .dr-stage.is-active, .ac-stage-card.is-active,
  .agri-stage-card.is-active, .can-field.active, .lc-stage.active,
  .lora-step-card.is-active, .otaa-stage.active, .roam-stage.active,
  .lw-step-card.is-active, .ls-guide-step.is-active, .lp-guide-step.is-active,
  .lp-step-card.is-active, .rfid-flow-card.is-active, .rfid-state-flow-card.active,
  .sd-stage-card.is-active, .cd-stage-card.is-active, .sigfox-stage.is-active,
  .ut-stage-card.is-active, .ua-stage-card.is-active, .wl-stage-card.is-active) {
  background: var(--iot-sim-module-tint, #edf4f6) !important;
  color: var(--iot-sim-ink, #20343d) !important;
}
#quarto-document-content :is(
  .cc-stage.is-active, .clock-step-card.active, .dta-node.is-active,
  .cm-stage-card.is-active, .s2-stage-card.is-active, .uro-stage-card.is-active,
  .sr-step.is-active, .dd-stage-card.is-active, .flow-stage.is-active,
  .boot-stage.is-active, .zbm-stage.is-active, .zwm-stage.is-active,
  .zwr-stage.active, .zrp-stage.active, .m2m-stage.active, .dr-stage.is-active, .ac-stage-card.is-active,
  .agri-stage-card.is-active, .can-field.active, .lc-stage.active,
  .lora-step-card.is-active, .otaa-stage.active, .roam-stage.active,
  .lw-step-card.is-active, .ls-guide-step.is-active, .lp-guide-step.is-active,
  .lp-step-card.is-active, .rfid-flow-card.is-active, .rfid-state-flow-card.active,
  .sd-stage-card.is-active, .cd-stage-card.is-active, .sigfox-stage.is-active,
  .ut-stage-card.is-active, .ua-stage-card.is-active, .wl-stage-card.is-active) > :is(h3, h4, p, strong, span) {
  color: var(--iot-sim-ink, #20343d) !important;
}

/* QA-FIX-3 (W3-04): the digital-twin node cards nest their copy one level
   down, so the module pilot filled them and the heading rule above repainted
   the title in the fill colour (2.85:1). Same tint and ink as the cards above. */
#quarto-document-content :is(.dts-node.is-active, .dtd-node.is-active) {
  background: var(--iot-sim-module-tint, #edf4f6) !important;
  color: var(--iot-sim-ink, #20343d) !important;
}
#quarto-document-content :is(.dts-node.is-active, .dtd-node.is-active) > div > :is(h4, p, strong) {
  color: var(--iot-sim-ink, #20343d) !important;
}

/* Flat hero surfaces need dark copy, including legacy translucent labels. */
#quarto-document-content :is(
  .boot-hero, .ssl-hero, .sc-hero, .twp-hero, .ucp-hero, .url-hero,
  .gf-gauge-inner, .kf-metric, .sce-status-card, .game-header.sw4-hero,
  .ns-hero, .nt-metric, .qpl-hero, .sample-metric, .asa-metric, .of-hero,
  .storage-hero, .tcp-hero, .cd-payload, .cd-payload-title, .cd-resource-card)
  :is(h2, h3, h4, p, span, strong, small) {
  color: var(--iot-sim-ink, #20343d) !important;
}
#quarto-document-content :is(
  .as-pill, .pf-tag, .boot-tag, .ssl-tag, .sc-tag, .twp-pill,
  .cm-method-badge, .om-tree-badge, .lf-stage-tag, .sr-tag, .sr-pill,
  .cd-method-badge, .bus-stage-tag, .llcp-kicker, .tag-kicker, .of-pill,
  .qpl-pill, .storage-pill, .tcp-tag, .frame-type-pill, .cd-mini,
  .cc-slot.is-disabled > strong, .cc-slot.is-disabled > span) {
  color: var(--iot-sim-ink, #20343d) !important;
}

/* Filled counters and controls use an opaque, darker shade of their module
   hue so white labels stay readable rather than relying on a pale mix. */
#quarto-document-content :is(
  .frag-btn, .gf-btn, .pc-button.primary, .bm-badge, .bm-step-index,
  .ha-step-num, .dtn-stage-index, .irm-step-index, .sw-window-band.pending,
  .dat-stage-card.dat-active > span, .ip-stage-card.active > strong,
  .sm-stage-card > strong, .wf-stage-card > span, .tc-step-num, .wm-step-index,
  .wr-step-index, .roi-step-index, .tp-button:not(.secondary), .sr-action.primary,
  .tn-status-pill, .tn-stage > span, .tp-stage > span, .tr-stage > span, .wl-stage-card > em) {
  background: hsl(from var(--iot-sim-module-accent, #197f8d) h s min(l, 28)) !important;
  color: #fff !important;
}
#quarto-document-content :is(
  .subnet-bit.active, .subnet-map-network > span, .wf-control-value) {
  color: #fff !important;
}
#quarto-document-content :is(.sw-tick > span, .ha-reference h3 > strong) {
  color: #20343d !important;
}

/* Packet layers remain legible before reveal; borders and active outlines
   continue to distinguish the current layer. */
#quarto-document-content .pl-layer.hidden-step { opacity: 1 !important; }
#quarto-document-content .pl-layer.revealed.active {
  background: var(--iot-sim-module-tint, #edf4f6) !important;
}
#quarto-document-content :is(.pl-layer-name, .pl-layer-protocol, .pl-layer-bytes) {
  color: var(--iot-sim-ink, #20343d) !important;
}
#quarto-document-content .pl-frame-segment.payload {
  background: #236b2b !important;
  color: #fff !important;
}
#quarto-document-content .pl-result-card strong { color: #236b2b !important; }
#quarto-document-content .zt-zone > span { opacity: 1 !important; color: #30434b !important; }

/* Warning/confirmation markers keep their hues at text-safe lightness. */
#quarto-document-content :is(.st-check.is-warn, .as-check.is-warn) b { background: #875000 !important; color: #fff !important; }
#quarto-document-content .st-check.is-pass b { background: #236b2b !important; color: #fff !important; }
#quarto-document-content :is(.wp-bar-fill, .wca-bar-fill)[style*="#4aae6a" i] { background: #236b3a !important; }
#quarto-document-content :is(.wp-bar-fill, .wca-bar-fill)[style*="#e8782e" i] { background: #9d4812 !important; }
#quarto-document-content .wp-scenario.is-active span { color: #fff !important; }
#quarto-document-content .bt-validator.is-risk span { color: #20343d !important; }
#quarto-document-content :is(.bt-stage-label, .ad-value, .am-value) { color: #145e69 !important; }

/* Upcoming diagram labels are information, even while their stage is faded.
   Raise the authored low-opacity groups without revealing opacity:0 layers. */
#quarto-document-content svg :is(g, text):is(
  [opacity="0.12"], [opacity="0.14"], [opacity="0.16"], [opacity="0.18"],
  [opacity="0.2"], [opacity="0.22"], [opacity="0.25"], [opacity="0.28"],
  [opacity="0.32"], [opacity="0.34"], [opacity="0.45"], [opacity="0.3"], [opacity="0.35"], [opacity="0.4"], [opacity="0.5"]) { opacity: .9 !important; }

/* Module-coloured source labels and small readouts sit on light panels. */
#quarto-document-content :is(
  .ua-eyebrow, .tn-eyebrow, .tp-eyebrow, .ua-source-card > span,
  .tn-source-card > span, .tp-source-card > span, .ua-stage-card > span,
  .ua-button.secondary, .tp-button.secondary, .tn-label-row output,
  .ua-control-panel output, .ut-stage-card > span, .lw-btn.is-secondary) {
  color: hsl(from var(--iot-sim-module-accent, #197f8d) h s min(l, 28)) !important;
}
#quarto-document-content :is(
  .nbc-badge.ok, .xps-badge, .wh-slot-type, .cc-segment, .cc-ack) {
  background: hsl(from var(--iot-sim-module-accent, #197f8d) h s min(l, 28)) !important;
  color: #fff !important;
}
#quarto-document-content :is(.wl-cell.is-control, .msae-phone-screen, .tcp-state, .tcp-packet, .ut-stage-card.is-muted, .cell-bar.is-muted, .vhost-log-row) { opacity: 1 !important; }
#quarto-document-content :is(.wl-cell.is-control > span, .wl-cell.is-control > small, .msae-phone-screen, .msae-perm-arrow, .cm-flow-end, .cm-packet.ack, .cm-packet.ack > *, .tp-status, .tcp-state > *, .tcp-packet > *, .tu-formula-box code, .be-reference h3 strong) { color: #20343d !important; }
#quarto-document-content .pb-token { background: #9b5500 !important; color: #fff !important; }
#quarto-document-content .requirement-icon.high { background: #a92d23 !important; color: #fff !important; }
#quarto-document-content .wca-scenario.is-active span { color: #fff !important; }
#quarto-document-content :is(.rb-stage > b, .rb-stage > small) { color: #15282d !important; }

/* Keep pale hero surfaces opaque: a legacy dark gradient stop must not
   remain behind the flat theme's dark text. */
#quarto-document-content :is(.as-hero, .pf-hero, .boot-hero, .ssl-hero, .sc-hero,
  .twp-hero, .ucp-hero, .url-hero, .ns-hero, .qpl-hero, .of-hero,
  .storage-hero, .tcp-hero, .gf-gauge-inner) {
  background: color-mix(in srgb, var(--iot-sim-module-accent, var(--teal, #197f8d)) 10%, white) !important;
}
#quarto-document-content :is(.lc-stage.active, .zwr-stage.active, .zwm-stage.is-active) > strong {
  background: var(--iot-sim-module-tint, #edf4f6) !important;
  color: #20343d !important;
}
#quarto-document-content :is(.zwm-stage > strong, .spf-node-label, .spf-node-label small) { color: #fff !important; }
#quarto-document-content .irm-level small { color: #fff !important; }
#quarto-document-content .pl-value { color: #236b2b !important; }
#quarto-document-content .zt-zone { opacity: 1 !important; }
#quarto-document-content #fragDatagramCard [style*="background:#d79a16" i] { background: #8a5e08 !important; }

/* CSS-faded labels use the same minimum as presentation-attribute fades. */
#quarto-document-content :is(.oauth-arrow-label, .ota-arrow-label, .ota-gate) { opacity: .9 !important; }
#quarto-document-content svg g[opacity=".34"] { opacity: .9 !important; }
#quarto-document-content .zwm-stage > strong {
  background: hsl(from var(--iot-sim-module-accent, #197f8d) h s min(l, 28)) !important;
  color: #fff !important;
}

#quarto-document-content .cm-stage-card.is-active > span { color: #14242b !important; }

/* Secondary state markers inherit a pale panel, independently of the
   active card's accent or a mobile hero background. */
#quarto-document-content :is(.ac-step-index, .cd-step-index, .frame-type-pill) {
  background: var(--iot-sim-module-tint, #edf4f6) !important;
  color: #20343d !important;
}
#quarto-document-content :is(.sample-metric, .ns-slice-tag, .cm-packet.ack, .nfc-stage.active, .rb-stage) {
  background: var(--iot-sim-module-tint, #edf4f6) !important;
  opacity: 1 !important;
}
#quarto-document-content :is(.nfc-stage.active > span, .nfc-stage.active > strong, .ns-slice-tag > span, .ns-slice-tag > strong) { color: #20343d !important; }
#quarto-document-content .sample-metric :is(strong, span) { color: #20343d !important; }
#quarto-document-content .game-header.sw4-hero { background: #edf1f3 !important; }
#quarto-document-content .game-header.sw4-hero p { opacity: 1 !important; }
#quarto-document-content :is(.ct-phase.active, .rfid-button-row button.primary, .rfid-state-btn.warn.invalid-command) {
  background: hsl(from var(--iot-sim-module-accent, #197f8d) h s min(l, 28)) !important;
  color: #fff !important;
  opacity: 1 !important;
}
#quarto-document-content .ct-phase.active > :is(span, strong) { color: #fff !important; }
#quarto-document-content svg g[opacity=".38"] { opacity: .9 !important; }

#quarto-document-content :is(#confirmPacket, .iota-node.is-dim) { opacity: .9 !important; }

#quarto-document-content .pair-attacker { opacity: .9 !important; }

/* SVG text uses fill for painting; keep its CSS color consistent as well. */
#quarto-document-content #asaTokenLabel { color: #172331 !important; fill: #172331 !important; }
#quarto-document-content .pair-token text { color: #fff !important; fill: #fff !important; }

#quarto-document-content :is(.ra-packet-risk:not(.is-active), #thTimelineRows > g[opacity="0.42"]) { opacity: .9 !important; }
#quarto-document-content .msae-phone-screen { background: #e6f0f2 !important; color: #20343d !important; }

/* Small moving packet labels must contrast against both their circle and
   the surrounding canvas. Keep the green hue with pale fills and dark ink. */
#quarto-document-content :is(.beacon-packet, .link-packet) {
  fill: #e4ece4 !important;
  stroke: #1b5e20 !important;
}
#quarto-document-content :is(#beaconPacketText, #linkPacketLabel, #linkPacketLabelSmall) {
  color: #1b5e20 !important;
  fill: #1b5e20 !important;
}

#quarto-document-content .posture-metric :is(strong, span) { color: #20343d !important; }

#quarto-document-content .flow-mobile-step > i { background: #3f5864 !important; color: #fff !important; }
#quarto-document-content .rfid-state-mobile-card.active > :is(strong, span) { color: #20343d !important; }
#quarto-document-content .roi-metric { background: #edf4f6 !important; }
#quarto-document-content .roi-metric :is(strong, span) { color: #20343d !important; }
#quarto-document-content .sp-action.primary { background: hsl(from var(--iot-sim-module-accent, #197f8d) h s min(l, 28)) !important; color: #fff !important; }

#quarto-document-content .tcp-listener-ramp > article > strong { color: #146b77 !important; }
#quarto-document-content :is(.tcp-listener-ramp, .tcp-listener-ledger) > article > span { color: #52636b !important; }

#quarto-document-content .lp-bar-fill { color: #000 !important; }
#quarto-document-content .sigfox-stage.is-active > strong { background: #edf4f6 !important; color: #20343d !important; }
#quarto-document-content .tcp-row:not(.active, .done) { opacity: .9 !important; }

#quarto-document-content :is(.tn-mobile-icon, .ua-mobile-step > b) {
  background: hsl(from var(--iot-sim-module-accent, #4caf50) h s min(l, 28)) !important;
  color: #fff !important;
}

}

/* Reuse the platform.css scroll-timeline cue for standalone simulation tables.
   The wrapper owns scrolling; its timeline is inactive when its table fits. */
@supports (animation-timeline: scroll(nearest inline)) {
  #quarto-document-content .table-responsive {
    position: relative;
  }
  #quarto-document-content .table-responsive::after {
    content: "scroll →";
    position: absolute;
    inset-block-start: 0;
    inset-inline-end: 0;
    box-sizing: border-box;
    width: 4.5rem;
    height: 100%;
    padding: .3rem .35rem;
    text-align: right;
    font: 600 .72rem/1.3 system-ui, sans-serif;
    color: var(--ds-ink, #243746);
    background: linear-gradient(to right, transparent, var(--ds-surface, #fff) 100%);
    pointer-events: none;
    opacity: 0;
    animation: iot-table-scroll-cue linear;
    animation-timeline: scroll(nearest inline);
  }
  @keyframes iot-table-scroll-cue {
    0% { opacity: 1; }
    100% { opacity: 0; }
  }
}