/* ═══════════════════════════════════════════════════════════════════════════
   MUMS SUPPORT STUDIO · MEYS LAYER            (FEATURE mey-1, 2026-09-01, MACE)
   ───────────────────────────────────────────────────────────────────────────
   MACE: "i rebuild mo ang buong Support Studio Standard Layout feature design
   gusto kong gayahin mo ang implementation ng MEYS Wiki … lahat ng ginamit na
   font text, color, size, layout structure implementation as minimalist …
   wala kang papalampasin na element sa support studio lahat i align mo 100%."

   WHAT THIS FILE IS
   ─────────────────
   The LAST stylesheet on support_studio.html — after enterprise_theme.css,
   signal-desk.css and command_deck.css. It is an OVERRIDE LAYER in exactly
   the same sense they are: no file underneath it is edited, so the entire
   restyle is one <link> away from being reverted, and the SUPREME AI GUARDRAIL
   over the guarded theme files is respected by never touching them.

   It lives in /css (not /css/support_studio) ON PURPOSE. tests/unit/
   studio_latency.test.js §6 asserts enterprise_theme.css is the last sheet
   matching /css/support_studio/ — that gate protects LAZY FEATURE sheets from
   outranking the theme, and this file is not one. Same reasoning, and the same
   location, as signal-desk.css and command_deck.css.

   THE FIVE THINGS THAT MAKE IT "MEYS"
   ───────────────────────────────────
   M1 · A LIGHTER, BLUER-NEUTRAL LADDER. MEYS grounds at #0a0d11 and steps
        #0e1218 → #12171e → #171d25. The Command Deck grounds at #07070A —
        near-black. The MEYS ground is lighter and its steps are TIGHTER, which
        is what makes the hairline read as structure rather than the surface
        tone doing the work.

   M2 · THE HAIRLINE IS THE ONLY DIVIDER. #252c35 everywhere, #1b222b inside
        an already-bordered box. No shadow separates two adjacent panes, ever.

   M3 · TYPE IS INTER, AND IT IS SMALL AND TIGHT. 13px nav, 12–12.5px body,
        a 9.5px uppercase .09em eyebrow, and a display heading at
        clamp(32px,4vw,48px) with -.045em tracking. The studio shipped Plus
        Jakarta Sans at 13px/1.5 with no tracking; that one substitution is
        most of the "feel" difference.

   M4 · ONE BRIGHT THING, AND IT IS MINT. #a8ff78 for the primary action, the
        active nav marker and the live dot. Everything else is graphite. Blue
        #72a7ff survives as a LINK and as a focus ring — never as a surface.

   M5 · GEOMETRY IS 7–10px AND PADDING IS TIGHT. Rows are 31–34px, the topbar
        is 58px, buttons are 31px. MEYS is dense, not airy.

   BOTH RAMPS  (MACE, 2026-09-01: "Keep both — MEYS dark + matching light")
   ────────────────────────────────────────────────────────────────────────
   MEYS itself is dark-only. The Light ramp here is DERIVED from it — same
   layout, same type, same geometry, inverted ladder — so nobody working in
   Light loses the studio, and the two read as one product.

   INK IS MEASURED, NOT GUESSED  (memory.md: "a hue is not ink"; a
   Tailwind-500 that passes on black fails on white)
   ──────────────────────────────────────────────────────────────────────
   Dark, against the #0a0d11 ground:
     ink   #e9edf2  16.9:1     ink-2 #8993a2   6.2:1
     ink-3 #7b8695   5.2:1     mint  #a8ff78  16.0:1     link #72a7ff  8.0:1
   MEYS's own --muted-2 (#687383) measures 3.9:1 and is used for small labels;
   it is lifted to #7b8695 here rather than copied. Matching a look is not the
   same as inheriting its contrast bug.

   Light, against #ffffff cards on a #f4f6f9 ground:
     ink   #0f1519  18.1:1     ink-2 #4d5763   7.6:1
     ink-3 #5c6673   6.2:1     mint-ink #3d6b12 6.4:1    link #1a5fb4  7.0:1
   The mint FILL keeps #a8ff78 in both ramps because it is a FILL with
   near-black ink on it (#0b1209 on #a8ff78 = 14.6:1); only the mint used as
   INK is re-aimed, which is the exact distinction the psa-quickbase-sites
   contract records.
   ═══════════════════════════════════════════════════════════════════════════ */

/* ════════════════════════════════════════════════════════════════════════
   1 · THE PALETTE
   ════════════════════════════════════════════════════════════════════════ */
:root {
  /* ── the ladder (dark is the default, matching the studio's own default) */
  --mey-l0:   #0a0d11;   /* app ground                                     */
  --mey-l1:   #0e1218;   /* chrome — topbar, rails                         */
  --mey-l2:   #12171e;   /* cards, panels, popovers                        */
  --mey-l3:   #171d25;   /* rows, inputs, hover                            */
  --mey-l4:   #1b222b;   /* floating only                                  */
  --mey-well: #080b0f;   /* recessed well — code, doc stage                */

  --mey-line:      #252c35;
  --mey-line-soft: #1b222b;
  --mey-line-hi:   #333c48;

  --mey-ink:   #e9edf2;
  --mey-ink-2: #8993a2;
  --mey-ink-3: #7b8695;

  --mey-mint:      #a8ff78;
  --mey-mint-ink:  #a8ff78;   /* mint used as TEXT — re-aimed on light      */
  --mey-mint-2:    #baff95;
  --mey-mint-soft: rgba(168, 255, 120, .11);
  --mey-mint-line: rgba(168, 255, 120, .26);

  /* ── PAIRED INK · btn-1 ────────────────────────────────────────────────
     ONE INK TOKEN PER FILL TOKEN, STATED IN EVERY RAMP THE FILL IS STATED IN.

     This is the correction for a defect that has now shipped three times.
     `--mey-mint-ink` is a FILL wherever it is read as `--ss-accent`,
     `--st-accent` or `--cd-accent`, and it is NOT the same colour in both
     ramps — mint on dark, dark green on light. Every control filled with it
     therefore needs its ink to move when the ramp moves. Before btn-1 there
     was no ink token that did, so each round answered the same fact with a
     new hand list of selectors: seven in section 12.1, thirteen more in
     12.8b — and 12.8b then put WHITE on the constant bright mint of section
     7's primary button, at 1.22:1. A list cannot close this. A pair can.

     The pairing rule, and the whole reason there are two mint inks:
       --mey-mint      is the SAME fill in both ramps  -> ONE ink, both ramps
       --mey-mint-ink  CHANGES with the ramp           -> ink changes with it
     Getting that distinction wrong is what produced "the same mistake in
     both directions, one week apart in the same file" (memory.md).

     Every value below is MEASURED, not chosen — `node tools/studio/
     button_ink_census.js` re-derives them and the ratio each one clears. On
     dark every fill takes the near-black (7.1:1 worst, on --mey-crit); on
     light every ramp-moving fill takes white (5.93:1 worst, on --mey-warn). */
  --mey-on-mint:   #0b1209;   /* on #a8ff78 — 15.61:1, BOTH ramps          */
  --mey-on-mint-2: #0b1209;   /* on #baff95 — 16.14:1                      */
  --mey-on-accent: #0b1209;   /* on #a8ff78 — 15.61:1                      */
  --mey-on-ok:     #0b1209;   /* on #6ee7a0 — 12.31:1                      */
  --mey-on-warn:   #0b1209;   /* on #e4b866 — 10.27:1                      */
  --mey-on-crit:   #0b1209;   /* on #ef7c7c —  7.10:1                      */
  --mey-on-link:   #0b1209;   /* on #72a7ff —  7.86:1                      */
  --mey-on-teal:   #0b1209;   /* on #5fd7d2 — 10.99:1                      */
  --mey-on-violet: #0b1209;   /* on #a794f0 —  7.37:1                      */
  --mey-on-orange: #0b1209;   /* on #f2a05a —  9.01:1                      */
  --mey-on-chrome: var(--mey-ink);  /* on any --mey-l* ladder surface      */

  --mey-link:  #72a7ff;
  --mey-info:  #72a7ff;
  --mey-ok:    #6ee7a0;
  --mey-warn:  #e4b866;
  --mey-crit:  #ef7c7c;
  --mey-teal:  #5fd7d2;
  --mey-violet:#a794f0;
  --mey-orange:#f2a05a;

  --mey-sans: 'Inter', -apple-system, BlinkMacSystemFont, 'Segoe UI',
              'Plus Jakarta Sans', system-ui, sans-serif;
  --mey-mono: 'IBM Plex Mono', 'JetBrains Mono', ui-monospace, SFMono-Regular, Menlo, monospace;

  --mey-r:    9px;      /* .55rem, MEYS's own radius                       */
  --mey-r-sm: 6px;
  --mey-r-lg: 12px;

  --mey-shadow-1: 0 1px 0 rgba(0,0,0,.35);
  --mey-shadow-2: 0 10px 24px rgba(0,0,0,.30);
  --mey-shadow-3: 0 22px 60px rgba(0,0,0,.48), 0 2px 6px rgba(0,0,0,.35);
}

/* The LIGHT ramp. Same roles, inverted ladder, ink re-measured. Declared as
   its own block rather than as overrides of individual rules, so a token is
   never defined in only one theme — the failure `memory.md` records as
   "--ss-text-dim is UNDEFINED, so its dark-tuned fallback ships in BOTH". */
html[data-ss-theme="light"] {
  --mey-l0:   #f4f6f9;
  --mey-l1:   #ffffff;
  --mey-l2:   #ffffff;
  --mey-l3:   #f1f4f8;
  --mey-l4:   #ffffff;
  --mey-well: #f7f9fb;

  --mey-line:      #dde3ea;
  --mey-line-soft: #eaeef4;
  --mey-line-hi:   #c6cfda;

  --mey-ink:   #0f1519;
  --mey-ink-2: #4d5763;
  --mey-ink-3: #5c6673;

  --mey-mint-ink:  #3d6b12;         /* mint as INK — #a8ff78 is 1.3:1 here */
  --mey-mint-soft: rgba(84, 138, 24, .10);
  --mey-mint-line: rgba(84, 138, 24, .28);

  /* ── PAIRED INK · the light half. Measured against the LIGHT value of each
        fill, which is the half that was missing and is why every accent-
        filled control needed a hand-written override to survive this ramp.

        --mey-on-mint is DELIBERATELY ABSENT here. `--mey-mint` (#a8ff78) is
        not re-stated for light either, so its ink must not move: white on it
        reads 1.22:1. A token that is absent from this block is a claim that
        its FILL is also absent from this block — check before adding one. */
  --mey-on-mint-2: #ffffff;   /* on #2f5410 — 8.76:1                       */
  --mey-on-accent: #ffffff;   /* on #35600f — 7.42:1                       */
  --mey-on-ok:     #ffffff;   /* on #15633a — 7.30:1                       */
  --mey-on-warn:   #ffffff;   /* on #8a5a00 — 5.93:1                       */
  --mey-on-crit:   #ffffff;   /* on #b3261e — 6.54:1                       */
  --mey-on-link:   #ffffff;   /* on #1a5fb4 — 6.29:1                       */
  --mey-on-teal:   #ffffff;   /* on #0e6d68 — 6.17:1                       */
  --mey-on-violet: #ffffff;   /* on #5b4bb8 — 6.68:1                       */
  --mey-on-orange: #ffffff;   /* on #9a4a05 — 6.26:1                       */

  --mey-link:  #1a5fb4;
  --mey-info:  #1a5fb4;
  --mey-ok:    #15633a;
  --mey-warn:  #8a5a00;
  --mey-crit:  #b3261e;
  --mey-teal:  #0e6d68;
  --mey-violet:#5b4bb8;
  --mey-orange:#9a4a05;

  --mey-shadow-1: 0 1px 2px rgba(16,24,40,.05);
  --mey-shadow-2: 0 1px 3px rgba(16,24,40,.09), 0 1px 2px rgba(16,24,40,.05);
  --mey-shadow-3: 0 14px 40px rgba(16,24,40,.16), 0 2px 6px rgba(16,24,40,.08);
}

/* ════════════════════════════════════════════════════════════════════════
   2 · THE RE-POINT
   ────────────────────────────────────────────────────────────────────────
   Every studio surface resolves through --st-* (the enterprise layer) or
   --ss-* (the legacy sheets). Re-aiming BOTH here re-skins the whole console
   without editing one rule underneath. They must move TOGETHER or the studio
   splits into two palettes — the lesson command_deck.css already paid for.

   Written for BOTH themes at :root and then re-stated under each explicit
   theme selector, because the studio's own sheets declare --ss-* under
   html[data-ss-theme="dark"] and html[data-ss-theme="light"] — a bare :root
   here would lose to both.
   ════════════════════════════════════════════════════════════════════════ */
:root,
html[data-ss-theme="dark"],
html[data-ss-theme="light"] {
  /* ── enterprise family ── */
  --st-bg:          var(--mey-l0);
  --st-surface:     var(--mey-l2);
  --st-surface-2:   var(--mey-l3);
  --st-surface-3:   var(--mey-l4);
  --st-line:        var(--mey-line);
  --st-line-strong: var(--mey-line-hi);

  --st-text:   var(--mey-ink);
  --st-text-2: var(--mey-ink-2);
  --st-text-3: var(--mey-ink-3);
  --st-muted:  var(--mey-ink-2);
  --st-faint:  var(--mey-ink-3);

  --st-accent:        var(--mey-mint-ink);
  --st-accent-strong: var(--mey-mint-2);
  --st-accent-soft:   var(--mey-mint-soft);
  /* btn-1 · the ink for a control FILLED with --st-accent. It sits beside the
     fill on purpose: the pair is only useful if you cannot read one without
     seeing the other. */
  --st-on-accent:     var(--mey-on-accent);
  --st-on-accent-strong: var(--mey-on-mint-2);
  --st-link:          var(--mey-link);
  --st-teal:          var(--mey-teal);
  --st-success:       var(--mey-ok);
  --st-success-bg:    color-mix(in srgb, var(--mey-ok) 12%, transparent);
  --st-success-line:  color-mix(in srgb, var(--mey-ok) 32%, transparent);
  --st-danger:        var(--mey-crit);
  --st-danger-bg:     color-mix(in srgb, var(--mey-crit) 12%, transparent);
  --st-danger-line:   color-mix(in srgb, var(--mey-crit) 32%, transparent);
  --st-warn:          var(--mey-warn);
  --st-warn-bg:       color-mix(in srgb, var(--mey-warn) 12%, transparent);
  --st-warn-line:     color-mix(in srgb, var(--mey-warn) 32%, transparent);
  --st-info-bg:       color-mix(in srgb, var(--mey-info) 12%, transparent);
  --st-info-line:     color-mix(in srgb, var(--mey-info) 32%, transparent);
  --st-purple:        var(--mey-violet);
  --st-orange:        var(--mey-orange);

  /* THE TOPBAR IS NOT A DARK SLAB IN MEYS — it is the ground with a hairline
     under it. Both ramps therefore route chrome to the app tones rather than
     to the enterprise layer's deep indigo. */
  --st-chrome:        var(--mey-l1);
  --st-chrome-2:      var(--mey-l2);
  --st-chrome-active: var(--mey-l3);
  --st-chrome-edge:   var(--mey-line);
  --st-chrome-text:   var(--mey-ink);
  --st-chrome-dim:    var(--mey-ink-2);
  --st-chrome-muted:  var(--mey-ink-3);
  --st-chrome-line:   var(--mey-line);
  --st-chrome-wash:   var(--mey-l3);

  --st-font:      var(--mey-sans);
  --st-mono:      var(--mey-mono);
  --st-radius:    var(--mey-r);
  --st-radius-sm: var(--mey-r-sm);
  --st-radius-lg: var(--mey-r-lg);
  --st-shadow-1:  var(--mey-shadow-1);
  --st-shadow-2:  var(--mey-shadow-2);
  --st-shadow-3:  var(--mey-shadow-3);
  --st-focus-ring: 0 0 0 3px color-mix(in srgb, var(--mey-link) 26%, transparent);
  --st-scroll-thumb:       var(--mey-line-hi);
  --st-scroll-thumb-hover: var(--mey-ink-3);

  /* ── legacy family, in lock-step ── */
  --ss-bg:       var(--mey-l0);
  --ss-surface:  var(--mey-l1);
  --ss-surface2: var(--mey-l2);
  --ss-surface3: var(--mey-l3);
  --ss-border:   var(--mey-line);
  --ss-border2:  var(--mey-line-soft);
  --ss-text:     var(--mey-ink);
  --ss-muted:    var(--mey-ink-2);
  --ss-accent:   var(--mey-mint-ink);
  --ss-accent2:  var(--mey-mint-2);
  --ss-on-accent:  var(--mey-on-accent);   /* btn-1 · ink for an --ss-accent FILL  */
  --ss-on-accent2: var(--mey-on-mint-2);
  --ss-green:    var(--mey-ok);
  --ss-purple:   var(--mey-violet);
  --ss-danger:   var(--mey-crit);
  --ss-warn:     var(--mey-warn);
  --ss-cyan:     var(--mey-teal);
  --ss-orange:   var(--mey-orange);
  --ss-radius:   var(--mey-r);
  --ss-font:     var(--mey-sans);
  --ss-mono:     var(--mey-mono);

  /* ── the two feature-local tokens that would otherwise stay on the old
        ramp: search_sources.css derives its dim ink, and wiki_workspace.css
        owns --swx-dim because --ss-muted is too light on the pale surfaces
        the Super Wiki uses. Both are named here so nothing is left behind. */
  --ssq-dim:  var(--mey-ink-3);
  --ssq-line: var(--mey-line);
  --swx-dim:  var(--mey-ink-2);

  /* ── the Command Deck family. cdk-2 re-pointed the --ss- and --st- families
        FROM these,
        so leaving them on the old graphite means any rule that reads a
        --cd-* directly (section 7's structural languages) keeps the old
        palette while everything around it moves. Both must travel. */
  --cd-l0: var(--mey-l0);  --cd-l1: var(--mey-l1);  --cd-l2: var(--mey-l2);
  --cd-l3: var(--mey-l3);  --cd-l4: var(--mey-l4);  --cd-well: var(--mey-well);
  --cd-line: var(--mey-line);  --cd-line-strong: var(--mey-line-hi);
  --cd-line-soft: var(--mey-line-soft);
  --cd-ink: var(--mey-ink);  --cd-ink-2: var(--mey-ink-2);  --cd-ink-3: var(--mey-ink-3);
  --cd-accent: var(--mey-mint-ink);  --cd-accent-2: var(--mey-mint-2);
  --cd-accent-soft: var(--mey-mint-soft);
  --cd-link: var(--mey-link);  --cd-info: var(--mey-info);
  --cd-info-soft: color-mix(in srgb, var(--mey-info) 14%, transparent);
  --cd-cta: var(--mey-mint);  --cd-cta-hover: var(--mey-mint-2);
  /* btn-1 · --cd-cta is --mey-mint, the CONSTANT bright fill, so its ink is
     the same in both ramps; --cd-cta-hover is --mey-mint-2, which DOES move,
     so its ink moves with it. Two fills, two inks — not one shared guess. */
  --cd-on-cta: var(--mey-on-mint);  --cd-on-cta-hover: var(--mey-on-mint-2);
  --cd-emerald: var(--mey-ok);  --cd-emerald-ink: var(--mey-ok);
  --cd-emerald-soft: color-mix(in srgb, var(--mey-ok) 14%, transparent);
  --cd-amber: var(--mey-warn);  --cd-amber-ink: var(--mey-warn);
  --cd-amber-soft: color-mix(in srgb, var(--mey-warn) 14%, transparent);
  --cd-rose: var(--mey-crit);  --cd-rose-ink: var(--mey-crit);
  --cd-rose-soft: color-mix(in srgb, var(--mey-crit) 14%, transparent);
  --cd-teal: var(--mey-teal);  --cd-violet: var(--mey-violet);  --cd-orange: var(--mey-orange);
  --cd-graphite: var(--mey-l3);  --cd-graphite-hi: var(--mey-l4);
  --cd-sans: var(--mey-sans);  --cd-mono: var(--mey-mono);
  --cd-r: var(--mey-r);  --cd-r-sm: var(--mey-r-sm);
  --cd-shadow-float: var(--mey-shadow-3);
  --cd-shadow-card: var(--mey-shadow-1);

  /* signal-desk.css reads its own family; move it or the editorial surfaces
     keep the pre-MEYS rules and inks. */
  --pr-signal:  var(--mey-mint-ink);
  /* btn-1 FIX: --pr-signal is var(--mey-mint-ink) — the accent that CHANGES
     with the ramp — so its ink is --mey-on-accent. It was pointed at
     --mey-on-mint (the constant-mint ink), which is near-black in both ramps
     and therefore 2.56:1 on the light accent. Same class of defect as 12.8b,
     one file over. */
  --pr-on-fill: var(--mey-on-accent);
  --pr-rule:    var(--mey-line);
  --pr-rule-hi: var(--mey-line-hi);
  --pr-text:    var(--mey-ink);
  --pr-dim:     var(--mey-ink-2);
  --pr-faint:   var(--mey-ink-3);
  --pr-ok:      var(--mey-ok);
  --pr-warn:    var(--mey-warn);
  --pr-crit:    var(--mey-crit);
  --pr-info:    var(--mey-link);
}

/* enterprise_theme.css declares three light tokens with `!important` to beat
   the legacy inline palette picker. Only an `!important` can outrank them, and
   only for those three — everything else above is a plain declaration. */
html[data-ss-theme="light"] {
  --ss-bg:      var(--mey-l0) !important;
  --ss-surface: var(--mey-l1) !important;
  --ss-accent:  var(--mey-mint-ink) !important;
}

/* ════════════════════════════════════════════════════════════════════════
   3 · TYPE  (M3)
   ════════════════════════════════════════════════════════════════════════ */
html, body,
.ss-shell, .ss-topbar, .ss-canvas, button, input, select, textarea, .tc-btn {
  font-family: var(--mey-sans);
}
body { font-size: 13px; line-height: 1.5; letter-spacing: -.005em; }

/* MEYS sets tracking on the display sizes only; a global negative tracking
   makes 9px labels illegible. Bound it by size, not by element. */
h1, .swx-title, .tcx-h1, .prem-sb-title, .tc-gp-title { letter-spacing: -.025em; }
h1 { letter-spacing: -.045em; }

code, pre, kbd, .tcx-mono, .ss-mono { font-family: var(--mey-mono); }

/* ════════════════════════════════════════════════════════════════════════
   4 · SURFACES AND THE HAIRLINE  (M1 · M2)
   ════════════════════════════════════════════════════════════════════════ */
html, body { background: var(--mey-l0); color: var(--mey-ink); }

/* MEYS's ground carries one very soft off-axis radial. It is the only
   gradient in the whole design; everything else is a flat tone. */
.ss-shell {
  background:
    radial-gradient(circle at 72% 18%, color-mix(in srgb, var(--mey-l4) 55%, transparent), transparent 32%),
    var(--mey-l0);
}

::-webkit-scrollbar { width: 7px; height: 7px; }
::-webkit-scrollbar-thumb { background: var(--mey-line-hi); border-radius: 99px; }
::-webkit-scrollbar-thumb:hover { background: var(--mey-ink-3); }
* { scrollbar-width: thin; scrollbar-color: var(--mey-line-hi) transparent; }

/* NO GLASS. command_deck.css already kills backdrop-filter inside the dark
   studio; MEYS is a flat-material design in BOTH ramps, and a blurred pane
   is also what strands a position:fixed flyout inside its parent card
   (memory.md, overlay-placement-trap). One rule, both themes. */
.ss-topbar, .ss-canvas, .ss-sidebar, .tc-gp-hero, .swx, .swx-rail,
.prem-sb-header, .ss-menu-card, .ss-flyout, .tc-modal, .tc-modal-card {
  backdrop-filter: none;
  -webkit-backdrop-filter: none;
}

/* ════════════════════════════════════════════════════════════════════════
   5 · TOPBAR  (58px, hairline under it, no slab)
   ════════════════════════════════════════════════════════════════════════ */
.ss-topbar {
  height: 58px; min-height: 58px;
  background: var(--mey-l1);
  border-bottom: 1px solid var(--mey-line);
  box-shadow: none;
  padding-inline: 18px;
}
.ss-topbar .ss-brand-name, .ss-brand-title { letter-spacing: -.02em; font-weight: 700; }
.ss-topbar-sub, .ss-brand-sub {
  color: var(--mey-ink-2);
  font-size: 9px; font-weight: 600; letter-spacing: .09em; text-transform: uppercase;
}

/* The search box is MEYS's centred pill. */
.ss-search-wrap input, .ss-search-inp, .prem-search-inp {
  height: 34px;
  border-radius: 8px;
  border: 1px solid var(--mey-line);
  background: var(--mey-l2);
  color: var(--mey-ink);
  font-size: 12.5px;
}
.ss-search-wrap input::placeholder, .prem-search-inp::placeholder { color: var(--mey-ink-3); }
.ss-search-wrap input:focus, .prem-search-inp:focus {
  border-color: var(--mey-line-hi);
  box-shadow: 0 0 0 3px color-mix(in srgb, var(--mey-link) 16%, transparent);
  outline: none;
}

/* ════════════════════════════════════════════════════════════════════════
   6 · NAV, RAILS AND TREES  (M5 — 31-34px rows, 2px mint marker)
   ════════════════════════════════════════════════════════════════════════ */
.ss-nav-btn, .ss-tab, .tc-tab, .prem-sb-item, .tc-group-item, .swx-node {
  border-radius: 7px;
  font-size: 12.5px;
  letter-spacing: -.005em;
}
.ss-nav-btn:hover, .prem-sb-item:hover, .tc-group-item:hover, .swx-node:hover {
  background: var(--mey-l3);
  color: var(--mey-ink);
}

/* The ACTIVE marker is a 2px mint bar, not a filled row. That single change
   is most of what makes a MEYS rail read as quiet. */
.swx-node.is-active {
  background: var(--mey-mint-soft);
  color: var(--mey-ink);
}
.swx-node.is-active::before {
  content: ''; position: absolute; left: 0; top: 50%; transform: translateY(-50%);
  width: 2px; height: 17px; border-radius: 2px;
  background: var(--mey-mint);
}
html[data-ss-theme="light"] .swx-node.is-active::before { background: var(--mey-mint-ink); }
.swx-node { position: relative; }

.swx-rail, .ss-sidebar, #left-panel-training_collection {
  background: var(--mey-l1);
  border-right: 1px solid var(--mey-line);
}

/* Section eyebrows — 9.5px, 700, .09em, uppercase. */
.prem-sb-sub, .tc-rail-h, .swx-rail-count, .tc-sec-eyebrow, .tcx-eyebrow,
.tcx-w-label, .tc-mf-label, .swx-lane-h {
  font-size: 9.5px; font-weight: 700; letter-spacing: .09em; text-transform: uppercase;
  color: var(--mey-ink-3);
}

/* ════════════════════════════════════════════════════════════════════════
   7 · BUTTONS  (31px, 7px radius, one bright thing)
   ════════════════════════════════════════════════════════════════════════ */
.tc-btn, .ss-btn, .swx-btn, .btn {
  height: 31px;
  border-radius: 7px;
  padding-inline: 12px;
  font-size: 12px; font-weight: 600;
  border: 1px solid var(--mey-line);
  background: var(--mey-l3);
  color: var(--mey-ink);
  transition: background .12s ease, border-color .12s ease, color .12s ease;
}
.tc-btn:hover, .ss-btn:hover, .swx-btn:hover, .btn:hover {
  background: var(--mey-l4);
  border-color: var(--mey-line-hi);
}
.tc-btn.ghost, .ss-btn.ghost, .swx-btn.ghost { background: transparent; }
.tc-btn.sm, .ss-btn.sm, .swx-btn.sm { height: 27px; font-size: 11px; padding-inline: 9px; }

/* M4 · THE ONE BRIGHT THING. Mint fill, near-black ink — 14.6:1, and the
   same fill in both ramps because it is a FILL, not ink. */
.tc-btn.primary, .ss-btn.primary, .swx-btn.primary, .btn.primary, .tc-btn.cta {
  background: var(--mey-mint);
  border-color: var(--mey-mint-2);
  color: var(--mey-on-mint);
}
.tc-btn.primary:hover, .ss-btn.primary:hover, .swx-btn.primary:hover, .btn.primary:hover {
  background: var(--mey-mint-2);
  border-color: var(--mey-mint-2);
  color: var(--mey-on-mint);
}
.tc-btn.danger, .ss-btn.danger {
  color: var(--mey-crit);
  border-color: color-mix(in srgb, var(--mey-crit) 42%, transparent);
  background: color-mix(in srgb, var(--mey-crit) 11%, transparent);
}
.tc-icon-btn, .ss-icon-btn, .swx-icon-btn {
  min-width: 32px; height: 32px;
  border-radius: 7px;
  border: 0; background: transparent;
  color: var(--mey-ink-2);
}
.tc-icon-btn:hover, .ss-icon-btn:hover, .swx-icon-btn:hover {
  background: var(--mey-l3); color: var(--mey-ink);
}

:where(button, a, input, select, textarea, [tabindex]):focus-visible {
  outline: 2px solid var(--mey-link);
  outline-offset: 1px;
}

/* ════════════════════════════════════════════════════════════════════════
   8 · CARDS, PANELS, POPOVERS  (M2 — the hairline does the separating)
   ════════════════════════════════════════════════════════════════════════ */
.card, .tc-card, .ss-card, .prem-card, .tc-gp-hero, .swx, .tcx-w,
.ss-menu-card, .ss-flyout, .tc-modal-card, .swx-cmd {
  border-radius: var(--mey-r);
  border-color: var(--mey-line);
}
.ss-menu-card, .ss-flyout, .swx-cmd, .tc-modal-card, .tc-menu {
  background: var(--mey-l4);
  box-shadow: var(--mey-shadow-3);
}
.tcx-w { background: var(--mey-l2); }

/* MEYS tables: 9.5px uppercase head on the recessed tone, 11.5px body, a
   hairline between rows and NOTHING around the cells. */
table.tc-mtable, .tc-mtable, .ss-table, .prem-table {
  border-collapse: collapse;
  font-size: 11.5px;
}
.tc-mtable th, .ss-table th, .prem-table th {
  font-size: 9.5px; font-weight: 700; letter-spacing: .05em; text-transform: uppercase;
  color: var(--mey-ink-2);
  background: var(--mey-l3);
  border-bottom: 1px solid var(--mey-line);
  padding: 9px 11px;
}
.tc-mtable td, .ss-table td, .prem-table td {
  color: var(--mey-ink);
  border-bottom: 1px solid var(--mey-line-soft);
  padding: 9px 11px;
}

/* Inputs — 8px radius, the L3 tone, a blue focus ring (never mint: mint is
   the ACTION colour, and a mint focus ring on every field is the "one bright
   thing" rule broken thirty times per screen). */
.tc-input, input[type="text"], input[type="url"], input[type="email"],
input[type="search"], input[type="number"], input[type="date"], textarea, select {
  border-radius: 7px;
  border: 1px solid var(--mey-line);
  background: var(--mey-l3);
  color: var(--mey-ink);
  font-family: var(--mey-sans);
  font-size: 12.5px;
}
.tc-input::placeholder, textarea::placeholder, input::placeholder { color: var(--mey-ink-3); }
.tc-input:focus, textarea:focus, select:focus,
input[type="text"]:focus, input[type="url"]:focus, input[type="search"]:focus {
  border-color: var(--mey-line-hi);
  box-shadow: 0 0 0 3px color-mix(in srgb, var(--mey-link) 16%, transparent);
  outline: none;
}

/* ════════════════════════════════════════════════════════════════════════
   9 · THE WIKI CANVAS — MEYS's reading column, verbatim
   ════════════════════════════════════════════════════════════════════════ */
.swx { border-radius: var(--mey-r-lg); background: var(--mey-l1); }
.swx-topbar, .swx-head, .swx-contextbar, .swx-tabs {
  background: var(--mey-l1);
  border-color: var(--mey-line);
}
.swx-body { background: var(--mey-l0); }

/* The display heading. MEYS: clamp(32px,4vw,48px)/1.08 at -.045em. The studio
   shipped 15px here — this is the single most visible line in the restyle. */
.swx-title {
  font-size: clamp(19px, 2.1vw, 26px);
  line-height: 1.12;
  letter-spacing: -.035em;
  font-weight: 700;
  color: var(--mey-ink);
}
.swx-meta, .swx-metabit { font-size: 11px; color: var(--mey-ink-3); }

/* Tabs — a 2px underline in mint, nothing else. */
.swx-tab {
  border-radius: 0;
  border-bottom: 2px solid transparent;
  background: transparent;
  color: var(--mey-ink-2);
  font-size: 12px; font-weight: 600;
}
.swx-tab:hover { color: var(--mey-ink); background: transparent; }
.swx-tab.is-active {
  color: var(--mey-ink);
  border-bottom-color: var(--mey-mint);
  background: transparent;
}
html[data-ss-theme="light"] .swx-tab.is-active { border-bottom-color: var(--mey-mint-ink); }

/* Prose. MEYS body copy is 13.5px/1.65 in --muted, headings 21px/-.025em in
   near-white. That contrast between a QUIET body and a BRIGHT heading is what
   makes a long runbook scannable. */
.tcx-rt-p, .tcx-rt-ul li, .tcx-rt-ol li {
  font-size: 13.5px; line-height: 1.65; color: var(--mey-ink-2);
}
.tcx-rt-h1, .tcx-rt-h2 { font-size: 21px; letter-spacing: -.025em; color: var(--mey-ink); margin-top: 30px; }
.tcx-rt-h3, .tcx-rt-h4 { font-size: 15px; letter-spacing: -.015em; color: var(--mey-ink); margin-top: 22px; }
.tcx-head.lvl1 { font-size: 22px; letter-spacing: -.03em; }
.tcx-head.lvl2 { font-size: 18px; letter-spacing: -.025em; }
.tcx-head.lvl3 { font-size: 14.5px; letter-spacing: -.015em; }
.tcx-rt-pre, .tcx-code, pre.tcx-rt-pre {
  background: var(--mey-well);
  border: 1px solid var(--mey-line);
  border-radius: 8px;
}
.tcx-rt-pre code { color: #a9d78f; font-size: 12px; }
html[data-ss-theme="light"] .tcx-rt-pre code { color: #2f6b1f; }
.tcx-rt-q {
  border-left: 3px solid var(--mey-link);
  background: color-mix(in srgb, var(--mey-link) 9%, transparent);
  border-radius: 8px;
}

/* ════════════════════════════════════════════════════════════════════════
   10 · STATUS COLOUR STAYS SEMANTIC
   ────────────────────────────────────────────────────────────────────────
   memory.md, ui-color-no-mono-gold: gold (here, mint) is BRAND and ACTION
   only; data gets balanced categorical/semantic colour. These four are the
   semantic set, restated on the MEYS ramp so a status chip authored against
   the old palette lands on the new one.
   ════════════════════════════════════════════════════════════════════════ */
.is-ok, .tc-ok, .ss-ok, .badge-ok       { color: var(--mey-ok); }
.is-warn, .tc-warn, .ss-warn, .badge-warn { color: var(--mey-warn); }
.is-crit, .tc-danger, .ss-danger, .badge-danger { color: var(--mey-crit); }
.is-info, .tc-info, .ss-info, .badge-info { color: var(--mey-link); }

a, .tc-link, .ss-link { color: var(--mey-link); }
a:hover { color: var(--mey-link); text-decoration: underline; }

/* ════════════════════════════════════════════════════════════════════════
   12 · MEASURED CORRECTIONS
   ────────────────────────────────────────────────────────────────────────
   Every rule in this section exists because a NUMBER said so. The full
   Support Studio was swept tab by tab, in BOTH ramps, with the alpha stack
   composited and transitions frozen (`/_swx_harness.html` uses the same
   probe); each rule below carries the pair it was measured at.

   Two kinds of finding are fixed here:

     A · THINGS THE RE-POINT BROKE. `--ss-accent` is used in this codebase as
         BOTH an ink and a FILL. It used to be a blue; it is now mint, and
         mint cannot carry white ink — `.hp-cc-add` measured 1.22:1. That is
         the fill-versus-ink distinction the psa-quickbase-sites contract
         records, and it is MY regression, so it is fixed here rather than
         explained away.

     B · PRE-EXISTING LIGHT-MODE NEAR-MISSES on 9–11px chips (3.85–4.46:1),
         which come from hardcoded literals in enterprise_theme.css. That
         file is generated and guarded, so the ink is corrected HERE by the
         same selectors, one rule per measured pair, rather than by editing
         it or by regenerating the whole theme.
   ════════════════════════════════════════════════════════════════════════ */

/* ── 12.1 · RETIRED BY btn-1 ──────────────────────────────────────────────
   This was the FIRST of three hand lists that all encoded one fact: "nothing
   white sits on a mint fill". It named the ten controls that happened to be
   on screen in September 2026 and inked them near-black.

   It is gone, not moved, and the reason matters. A list of selectors cannot
   state a rule about FILLS, because the same class is filled differently in
   the two ramps and by different sheets — `.tc-btn.primary` resolves to the
   accent in Light while `.ss-btn.primary`, written in the SAME rule of THIS
   file, resolves to the constant mint. Section 12.8b tried to serve both from
   one list and put white on the mint at 1.22:1.

   The fact now lives in two places that cannot drift from each other:
     · the PAIRED INK TOKENS in section 1 — one ink per fill, per ramp, so a
       control written from here on is correct by construction, and
     · section 13, GENERATED from the measured cascade, which corrects what
       the sheets underneath already got wrong.
   ──────────────────────────────────────────────────────────────────────── */

/* ── 12.2 · A · THE SECOND MINT NEEDS A LIGHT VALUE ───────────────────────
   `--mey-mint-2` feeds `--st-accent-strong` / `--ss-accent2`, which several
   sheets use as INK. Left at the dark mint it measured #baff95 on #eef3e8 =
   1.05:1 in Light. A second, darker green keeps the gradient reading and the
   ink legible (7.9:1 on white). */
html[data-ss-theme="light"] {
  --mey-mint-2:   #2f5410;
  /* Measured at 4.38:1 as a chip ink on #d4d7da — under the floor. One step
     darker clears it everywhere the token is used as ink, and still reads as
     the same colour. */
  --mey-mint-ink: #35600f;
}

/* ── 12.3 · B · LIGHT CHIP INKS, one rule per measured pair ───────────────
   enterprise_theme.css hardcodes four literals across its light chips. Each
   line below names the pair it was measured at and the ratio it had. */
html[data-ss-theme="light"] {
  --mey-fix-blue:   #1d4d9e;   /* was #2a63cf — 4.06 / 4.25 / 4.41 */
  --mey-fix-green:  #126134;   /* was #1a8a4a — 3.85 / 4.03        */
  --mey-fix-teal:   #0a5b67;   /* was #0e7c8c — 4.29 / 4.35        */
  --mey-fix-violet: #54299e;   /* was #6d3fc4 — 4.46               */
}
html[data-ss-theme="light"] #yct-view-compact,
html[data-ss-theme="light"] #yct-view-detailed,
html[data-ss-theme="light"] #hpl-count,
html[data-ss-theme="light"] #mds-tab-count,
html[data-ss-theme="light"] .mds-right-head-pill { color: var(--mey-fix-blue); }

html[data-ss-theme="light"] #qbs-export-csv-btn,
html[data-ss-theme="light"] #qbs-export-xls-btn { color: var(--mey-fix-green); }

html[data-ss-theme="light"] .ss-mode-badge { color: var(--mey-fix-teal); }

/* ── 12.4 · B · TWO DARK-TUNED LITERALS THAT SHIP INTO LIGHT ──────────────
   Both are a dark-mode colour rendered on a light surface — the failure mode
   `memory.md` records for an undefined token, here caused by a literal rather
   than a variable. */
html[data-ss-theme="light"] #mds-role-note,
html[data-ss-theme="light"] #mds-role-note strong {
  color: var(--mey-crit);          /* was #fda4af on #f4eaed — 1.61:1 */
}
#pm-save-state.saved { color: var(--mey-ok); }   /* was #3fb950 on #fff — 2.54:1 */
#pm-save-state.saved { border-color: color-mix(in srgb, var(--mey-ok) 40%, transparent); }

/* ── 12.6 · THE INLINE-LITERAL INTERCEPTION, DARKENED ─────────────────────
   enterprise_theme.css already solves a hard problem elegantly: a lot of this
   codebase sets colour with an INLINE `style="color:#58a6ff"`, which no
   stylesheet can re-point, so the theme file intercepts the literal by
   attribute selector and substitutes a light-mode equivalent with
   `!important`. That is the right mechanism and it is left in place.

   What the sweep found is that four of its substitutions land at 4.03–4.46:1
   on the tinted chip backgrounds those same inline styles paint — just under
   the 4.5 floor, on 9–11px text, which is the worst place to be short. The
   rules below are the SAME mechanism with the same shape, one step darker,
   and because they key on the SOURCE literal they fix every chip in the
   studio that uses it rather than the handful the sweep happened to land on.

   `!important` is required here and only here: the rule being corrected is
   itself `!important`, and nothing weaker can reach it. Same specificity,
   later in the cascade.

   Measured (ink on the chip's own tinted ground, alpha composited):
     #58a6ff → #2a63cf  4.06 · 4.25 · 4.35 · 4.41   →  #1d4d9e   5.9 – 6.4
     #3fb950 → #1a8a4a  4.03                        →  #126134   9.8
     #22d3ee → #0e7c8c  4.29                        →  #0a5b67   9.5
     #c084fc → #6d3fc4  4.46                        →  #54299e   6.9
   ───────────────────────────────────────────────────────────────────────── */
/* #2a63cf (from #58a6ff #79c0ff #60a5fa #93c5fd #3b82f6) measured 4.06 · 4.25 · 4.35 · 4.41 → #1d4d9e measures 5.9 – 6.4 */
html[data-ss-theme="light"] [style^="color:#58a6ff"],
html[data-ss-theme="light"] [style*=";color:#58a6ff"],
html[data-ss-theme="light"] [style*="; color:#58a6ff"],
html[data-ss-theme="light"] [style^="color:#79c0ff"],
html[data-ss-theme="light"] [style*=";color:#79c0ff"],
html[data-ss-theme="light"] [style*="; color:#79c0ff"],
html[data-ss-theme="light"] [style^="color:#60a5fa"],
html[data-ss-theme="light"] [style*=";color:#60a5fa"],
html[data-ss-theme="light"] [style*="; color:#60a5fa"],
html[data-ss-theme="light"] [style^="color:#93c5fd"],
html[data-ss-theme="light"] [style*=";color:#93c5fd"],
html[data-ss-theme="light"] [style*="; color:#93c5fd"],
html[data-ss-theme="light"] [style^="color:#3b82f6"],
html[data-ss-theme="light"] [style*=";color:#3b82f6"],
html[data-ss-theme="light"] [style*="; color:#3b82f6"] { color: #1d4d9e !important; }

/* #1a8a4a (from #3fb950 #4ade80 #86efac #a7f3a0 #bbf7d0 #22c55e) measured 4.03 → #126134 measures 9.8 */
html[data-ss-theme="light"] [style^="color:#3fb950"],
html[data-ss-theme="light"] [style*=";color:#3fb950"],
html[data-ss-theme="light"] [style*="; color:#3fb950"],
html[data-ss-theme="light"] [style^="color:#4ade80"],
html[data-ss-theme="light"] [style*=";color:#4ade80"],
html[data-ss-theme="light"] [style*="; color:#4ade80"],
html[data-ss-theme="light"] [style^="color:#86efac"],
html[data-ss-theme="light"] [style*=";color:#86efac"],
html[data-ss-theme="light"] [style*="; color:#86efac"],
html[data-ss-theme="light"] [style^="color:#a7f3a0"],
html[data-ss-theme="light"] [style*=";color:#a7f3a0"],
html[data-ss-theme="light"] [style*="; color:#a7f3a0"],
html[data-ss-theme="light"] [style^="color:#bbf7d0"],
html[data-ss-theme="light"] [style*=";color:#bbf7d0"],
html[data-ss-theme="light"] [style*="; color:#bbf7d0"],
html[data-ss-theme="light"] [style^="color:#22c55e"],
html[data-ss-theme="light"] [style*=";color:#22c55e"],
html[data-ss-theme="light"] [style*="; color:#22c55e"] { color: #126134 !important; }

/* #0e7c8c (from #22d3ee #7dd3fc #06b6d4 #67e8f9) measured 4.29 → #0a5b67 measures 9.5 */
html[data-ss-theme="light"] [style^="color:#22d3ee"],
html[data-ss-theme="light"] [style*=";color:#22d3ee"],
html[data-ss-theme="light"] [style*="; color:#22d3ee"],
html[data-ss-theme="light"] [style^="color:#7dd3fc"],
html[data-ss-theme="light"] [style*=";color:#7dd3fc"],
html[data-ss-theme="light"] [style*="; color:#7dd3fc"],
html[data-ss-theme="light"] [style^="color:#06b6d4"],
html[data-ss-theme="light"] [style*=";color:#06b6d4"],
html[data-ss-theme="light"] [style*="; color:#06b6d4"],
html[data-ss-theme="light"] [style^="color:#67e8f9"],
html[data-ss-theme="light"] [style*=";color:#67e8f9"],
html[data-ss-theme="light"] [style*="; color:#67e8f9"] { color: #0a5b67 !important; }

/* #6d3fc4 (from #c084fc #a78bfa #c4b5fd #a25ddc #e9d5ff #8b5cf6) measured 4.46 → #54299e measures 6.9 */
html[data-ss-theme="light"] [style^="color:#c084fc"],
html[data-ss-theme="light"] [style*=";color:#c084fc"],
html[data-ss-theme="light"] [style*="; color:#c084fc"],
html[data-ss-theme="light"] [style^="color:#a78bfa"],
html[data-ss-theme="light"] [style*=";color:#a78bfa"],
html[data-ss-theme="light"] [style*="; color:#a78bfa"],
html[data-ss-theme="light"] [style^="color:#c4b5fd"],
html[data-ss-theme="light"] [style*=";color:#c4b5fd"],
html[data-ss-theme="light"] [style*="; color:#c4b5fd"],
html[data-ss-theme="light"] [style^="color:#a25ddc"],
html[data-ss-theme="light"] [style*=";color:#a25ddc"],
html[data-ss-theme="light"] [style*="; color:#a25ddc"],
html[data-ss-theme="light"] [style^="color:#e9d5ff"],
html[data-ss-theme="light"] [style*=";color:#e9d5ff"],
html[data-ss-theme="light"] [style*="; color:#e9d5ff"],
html[data-ss-theme="light"] [style^="color:#8b5cf6"],
html[data-ss-theme="light"] [style*=";color:#8b5cf6"],
html[data-ss-theme="light"] [style*="; color:#8b5cf6"] { color: #54299e !important; }

/* ── 12.7 · A COLOUR SET IN rgb() FORM IS INVISIBLE TO THAT MECHANISM ─────
   The interception keys on the HEX literal. `#mds-role-note` has its colour
   written by JavaScript, which serialises to `rgb(253, 164, 175)` — so the
   theme never sees it, and a dark-mode rose ships straight into Light at
   1.61:1. It is intercepted here in the form it is actually written in, and
   by id as well, so a future refactor that drops the inline style still lands
   on the right colour rather than silently reverting. */
html[data-ss-theme="light"] #mds-role-note,
html[data-ss-theme="light"] #mds-role-note strong,
html[data-ss-theme="light"] [style*="color: rgb(253, 164, 175)"] {
  color: var(--mey-crit) !important;
}

/* ── 12.8 + 12.8b · RETIRED BY btn-1 ──────────────────────────────────────
   The second and third hand lists. 12.8 named seven light-ramp controls;
   12.8b derived its FINDINGS from the CSS but still wrote its CORRECTION as a
   list of thirteen selectors — and that list was wrong for four of them.

   `.ss-btn.primary`, `.swx-btn.primary`, `.tc-btn.primary` and `.tc-btn.cta`
   are filled by section 7 with `var(--mey-mint)`, the CONSTANT bright mint
   that is #a8ff78 in BOTH ramps. 12.8b assumed the accent fill and inked them
   WHITE on the light ramp: 1.22:1 — worse than the 2.56:1 it was written to
   fix, and the same inversion the css-comment-and-fill-vs-ink memory records
   from the round before.

   Deriving the finding is not enough. The CORRECTION has to be derived too,
   which is what section 13 does. See the retirement note at 12.1.
   ──────────────────────────────────────────────────────────────────────── */

/* ── 12.9 · A JUDGEMENT: THE PRIMARY ACTION KEEPS ITS FILL ────────────────
   Two controls do not have an ink problem. They have a FILL problem, and
   correcting only the ink would hide it behind a button that still looks
   wrong.

   `enterprise_theme.css` — generated and guarded — paints both of these with
   `background: var(--st-surface) !important` on the light ramp, which
   resolves to #ffffff. With the light ink also white they measured 1.00:1 and
   1.00:1: the "New Case" button in the top bar and the CTA in Standard &
   Training were, in the most literal sense, blank. An ink-only correction
   would make them legible near-black-on-white — and would also make the
   console's ONE bright action a plain white rectangle in Light while it stays
   mint in Dark.

   So the FILL is restored here, with its paired ink, in both ramps. This is a
   judgement rather than a measurement, which is why it is hand-written above
   the generated section instead of inside it. Section 13 measures the result
   and will report it if this is ever wrong.

   Specificity note: the guarded rules are `.ss-new-case-btn { … !important }`
   (0,1,0). `html[data-ss-theme] .x` is (0,2,1) and also !important, so it
   wins on specificity rather than on being last — which is the only thing
   that beats an !important rule underneath. */
html[data-ss-theme] .ss-new-case-btn,
html[data-ss-theme] .tc-btn.cta {
  background: var(--mey-mint) !important;
  border-color: var(--mey-mint-2) !important;
  color: var(--mey-on-mint) !important;      /* 15.61:1, both ramps */
}
html[data-ss-theme] .ss-new-case-btn:hover,
html[data-ss-theme] .tc-btn.cta:hover {
  background: var(--mey-mint-2) !important;
  border-color: var(--mey-mint-2) !important;
  color: var(--mey-on-mint-2) !important;    /* 16.14:1 dark · 8.76:1 light */
}
html[data-ss-theme] .ss-new-case-btn svg,
html[data-ss-theme] .ss-new-case-btn i,
html[data-ss-theme] .tc-btn.cta svg,
html[data-ss-theme] .tc-btn.cta i {
  color: var(--mey-on-mint) !important;
}

/* -- 12.8c . SECONDARY INK ON AN ACCENT **TINT** ------------------------
   Same principle as 12.8b, one step down in strength. `--mey-ink-2` reads
   6.04:1 on the plain surface `#0e1218` and is correct there. On a 12 %
   mint tint the ground lifts to `#243329` and the same ink falls to
   **4.28:1** - under AA for the 11px labels that sit on exactly those rows.
   Lifting the token globally would flatten the hierarchy on every surface to
   fix a handful of tinted ones, so the TINT carries the correction, and the
   ink stays a step below primary rather than jumping to it.

   DARK ONLY. The light ramp does not have this problem - its `--mey-ink-2`
   (#4d5763) reads 6.12:1 on the light mint tint - and an unscoped rule put
   the DARK correction on a LIGHT ground at 2.12:1, which is worse than the
   4.28:1 it was written to fix. A one-ramp correction must say so. */
html[data-ss-theme="dark"] .tcx-dl-i.is-active small,
html[data-ss-theme="dark"] .tcx-dl-i.is-active .tcx-dl-sub,
html[data-ss-theme="dark"] .tcx-et-tag.is-active small,
html[data-ss-theme="dark"] .tcx-dt-crumb.is-here small { color: #9aa3b0; }  /* 5.21:1 on #243329 */

/* (the light-ramp icon inks that belonged to 12.8b are generated in 13) */

/* ── 12.5 · SEARCH ENGINE 2 LAUNCHER ──────────────────────────────────────
   The launcher was ~40 inline style attributes of hardcoded dark-mode colour:
   three radial gradients, a sky/violet/indigo mark, `#f5f7fb` display text
   clipped to a gradient, and `#475569` footnote ink. In Light it measured
   1.01:1 — the page was, in the most literal sense, blank. Inline styles beat
   a stylesheet, so the markup now carries CLASSES and the colour lives here,
   in tokens, for both ramps. */
.mey-se2 {
  flex: 1;
  align-items: center; justify-content: center;
  flex-direction: column; gap: 22px;
  padding: 56px 32px;
  text-align: center;
  background: var(--mey-l0);
}
.mey-se2-mark {
  width: 84px; height: 84px;
  display: grid; place-items: center;
  border-radius: 22px;
  border: 1px solid var(--mey-mint-line);
  background: var(--mey-mint-soft);
  color: var(--mey-mint-ink);
}
.mey-se2-copy { max-width: 560px; display: grid; gap: 12px; }
.mey-se2-eyebrow {
  font: 700 9.5px var(--mey-sans); letter-spacing: .09em; text-transform: uppercase;
  color: var(--mey-ink-3);
}
.mey-se2-h1 {
  font: 700 clamp(24px, 3vw, 34px)/1.12 var(--mey-sans);
  letter-spacing: -.035em;
  color: var(--mey-ink);
}
.mey-se2-lede { font: 500 13.5px/1.65 var(--mey-sans); color: var(--mey-ink-2); }
.mey-se2-lede strong { color: var(--mey-ink); font-weight: 700; }
.mey-se2-actions { display: flex; gap: 10px; align-items: center; flex-wrap: wrap; justify-content: center; }
.mey-se2-cta {
  height: 38px;
  display: inline-flex; align-items: center; gap: 9px;
  padding: 0 18px;
  border: 1px solid var(--mey-mint-2);
  border-radius: 9px;
  background: var(--mey-mint);
  color: var(--mey-on-mint);
  font: 700 13px var(--mey-sans);
  text-decoration: none;
}
.mey-se2-cta:hover { background: var(--mey-mint-2); color: var(--mey-on-mint); text-decoration: none; }
.mey-se2-ghost {
  height: 38px;
  display: inline-flex; align-items: center; gap: 8px;
  padding: 0 16px;
  border: 1px solid var(--mey-line);
  border-radius: 9px;
  background: var(--mey-l3);
  color: var(--mey-ink);
  font: 600 12.5px var(--mey-sans);
  cursor: pointer;
}
.mey-se2-ghost:hover { border-color: var(--mey-line-hi); }
.mey-se2-grid {
  display: grid; grid-template-columns: repeat(auto-fit, minmax(180px, 1fr));
  gap: 12px; max-width: 720px; width: 100%; margin-top: 8px;
}
.mey-se2-card {
  border: 1px solid var(--mey-line);
  border-radius: 10px;
  background: var(--mey-l2);
  padding: 13px;
  text-align: left;
}
.mey-se2-k {
  font: 700 9.5px var(--mey-sans); letter-spacing: .09em; text-transform: uppercase;
  margin-bottom: 5px;
}
.mey-se2-card.is-info   .mey-se2-k { color: var(--mey-link); }
.mey-se2-card.is-violet .mey-se2-k { color: var(--mey-violet); }
.mey-se2-card.is-ok     .mey-se2-k { color: var(--mey-ok); }
.mey-se2-v { font: 500 12px/1.55 var(--mey-sans); color: var(--mey-ink-2); }
.mey-se2-foot { font: 500 10.5px var(--mey-sans); letter-spacing: .04em; color: var(--mey-ink-3); }


/* ── 12.9 · A SENTENCE IS NOT A ROW OF COLUMNS ────────────────────────────
   `.swx-tplnote` is `display:flex` with an icon and a sentence as children.
   Flex makes EVERY child its own item — including each anonymous text run
   between the two `<b>` tags — so the starter-content note laid itself out as
   five narrow columns of stacked words. It reads as broken at any width and
   is unreadable under about 1100px.

   The icon is the only thing that wants to be beside the text, so it floats
   and the prose stays one flowing block. Fixed here rather than in the engine
   because the markup is correct — it was the layout that was wrong. */
.swx-tplnote { display: block; }
.swx-tplnote i { float: left; margin: 3px 9px 0 0; }
.swx-tplnote::after { content: ''; display: block; clear: both; }


/* ── 12.10 · GENERAL SETTINGS — THE LAST BLUE THE RE-POINT COULD NOT REACH ─
   MACE, stx-4: "meron pa ding mga blue accent na halata" on QuickBase_S and
   General Settings.

   Almost all of it was hard-coded literals in master_data.css / main_studio.css
   and in inline style="" attributes, and those were fixed at source — a literal
   is invisible to the re-point, and an inline style outranks every sheet, so
   neither could be themed from here.

   These two rules are the exception: they live in enterprise_theme.css, which
   carries the SUPREME AI GUARDRAIL and is not edited. They are re-aimed here
   instead, which is precisely what this layer is for. meys_layer.css loads
   after enterprise_theme.css, so an equally-specific !important wins on order.

   The active nav item is the one thing an operator looks for in the settings
   rail; leaving it blue left the whole page reading as "not the studio". */
html[data-ss-theme="dark"] #left-panel-config .ss-settings-nav-btn.active,
html[data-ss-theme="light"] #left-panel-config .ss-settings-nav-btn.active {
  background: var(--mey-mint-soft) !important;
  border-left-color: var(--mey-mint-ink) !important;
  color: var(--mey-mint-ink) !important;
}
/* ════════════════════════════════════════════════════════════════════════
   11 · REDUCED MOTION
   ════════════════════════════════════════════════════════════════════════ */
@media (prefers-reduced-motion: reduce) {
  .tc-btn, .ss-btn, .swx-btn, .btn, .tc-icon-btn, .ss-icon-btn, .swx-icon-btn { transition: none; }
}

/* BEGIN GENERATED · button ink (btn-1) — npm run studio:ink */
/* ════════════════════════════════════════════════════════════════════════
   13 · DERIVED INK CORRECTIONS                                    (btn-1)
   ────────────────────────────────────────────────────────────────────────
   GENERATED — do not hand-edit. Run `npm run studio:ink`.

   Every rule below exists because a MEASUREMENT said so, and the ink was
   COMPUTED from the ground the cascade actually composites under the
   label — not chosen, and not copied from a sibling selector. The ink
   keeps its hue and moves only its lightness, so a semantic colour stays
   semantic; where a hue could not carry the floor at any lightness the
   report says ABANDONED and the plain ink is used instead.

   These carry !important because the sheets they correct — the generated,
   guarded enterprise_theme.css above all — use !important themselves, and
   IMPORTANCE BEATS SOURCE ORDER. Being the last sheet is not enough.

   If a control here should keep the colour it has, do not edit this block:
   the next generate would delete the edit. Either fix the FILL at source,
   or add the selector to HELD_BACK in tools/studio/gen_button_ink_layer.js
   with the reason, which is where judgements live.

   corrected: 354 controls · plain-ink (achromatic): 53 · hue abandoned: 3 · held back by hand: 3
   ════════════════════════════════════════════════════════════════════════ */
/* HUE ABANDONED — these could not clear the floor at any lightness of
   their own hue. Each is a candidate for a FILL change instead:
     dark  .qb-btn-force-refresh  #ecfdf5 -> #ffffff
     light  .modal .ms-action-btn  #93bbff -> #ffffff
     light  .modal .ms-action-btn:hover  #b8d4ff -> #ffffff
*/

/* ── DARK ramp ────────────────────────────────────────────────────── */
/* 1 control · was 1-1:1 · now 7.09-7.09:1 */
html[data-ss-theme="dark"] .qb-toggle input:checked ~ .qb-toggle-track .qb-toggle-thumb {
  color: #003af8 !important;
}
html[data-ss-theme="dark"] .qb-toggle input:checked ~ .qb-toggle-track .qb-toggle-thumb svg, html[data-ss-theme="dark"] .qb-toggle input:checked ~ .qb-toggle-track .qb-toggle-thumb i {
  color: #003af8 !important;
}
/* 1 control · was 3.89-3.89:1 · now 4.91-4.91:1 */
html[data-ss-theme="dark"] .members-page .btn.primary {
  color: #010905 !important;
}
html[data-ss-theme="dark"] .members-page .btn.primary svg, html[data-ss-theme="dark"] .members-page .btn.primary i {
  color: #010905 !important;
}
/* 1 control · was 2.18-2.18:1 · now 5-5:1 */
html[data-ss-theme="dark"] .ss-shell .ctl-card-btn--advance:hover {
  color: #062212 !important;
}
html[data-ss-theme="dark"] .ss-shell .ctl-card-btn--advance:hover svg, html[data-ss-theme="dark"] .ss-shell .ctl-card-btn--advance:hover i {
  color: #062212 !important;
}
/* 1 control · was 3.96-3.96:1 · now 4.93-4.93:1 */
html[data-ss-theme="dark"] .se2-footer-btn.primary:hover {
  color: #07cbed !important;
}
html[data-ss-theme="dark"] .se2-footer-btn.primary:hover svg, html[data-ss-theme="dark"] .se2-footer-btn.primary:hover i {
  color: #07cbed !important;
}
/* 1 PINNED · these already passed; the pin stops a correction
   written for a LESS specific selector from reaching them */
html[data-ss-theme="dark"] .tc-tab-btn.active .tc-tab-count {
  color: #0b0f14 !important;
}
html[data-ss-theme="dark"] .tc-tab-btn.active .tc-tab-count svg, html[data-ss-theme="dark"] .tc-tab-btn.active .tc-tab-count i {
  color: #0b0f14 !important;
}
/* 15 controls · was 1.18-3.77:1 · now 5.04-16.14:1 */
html[data-ss-theme="dark"] .cc-sync-save,
html[data-ss-theme="dark"] .fu-btn-danger,
html[data-ss-theme="dark"] .hp-cc-add,
html[data-ss-theme="dark"] .muo-btn-primary,
html[data-ss-theme="dark"] .muo-state-completed .muo-btn-primary,
html[data-ss-theme="dark"] .notification-popout .mbx-accept-btn:hover:not([disabled]),
html[data-ss-theme="dark"] .pm-btn.primary,
html[data-ss-theme="dark"] .pm-btn.primary:hover,
html[data-ss-theme="dark"] .qb-btn-force-refresh:hover,
html[data-ss-theme="dark"] .schx-header-cta,
html[data-ss-theme="dark"] .schx-header-cta:hover,
html[data-ss-theme="dark"] .ss-btn-primary,
html[data-ss-theme="dark"] .ss-btn-primary:hover,
html[data-ss-theme="dark"] .ss-shell .ctl-card-btn--book,
html[data-ss-theme="dark"] .ss-shell .ctl-card-btn--book:hover {
  color: #0b1209 !important;
}
html[data-ss-theme="dark"] .cc-sync-save svg, html[data-ss-theme="dark"] .cc-sync-save i,
html[data-ss-theme="dark"] .fu-btn-danger svg, html[data-ss-theme="dark"] .fu-btn-danger i,
html[data-ss-theme="dark"] .hp-cc-add svg, html[data-ss-theme="dark"] .hp-cc-add i,
html[data-ss-theme="dark"] .muo-btn-primary svg, html[data-ss-theme="dark"] .muo-btn-primary i,
html[data-ss-theme="dark"] .muo-state-completed .muo-btn-primary svg, html[data-ss-theme="dark"] .muo-state-completed .muo-btn-primary i,
html[data-ss-theme="dark"] .notification-popout .mbx-accept-btn:hover:not([disabled]) svg, html[data-ss-theme="dark"] .notification-popout .mbx-accept-btn:hover:not([disabled]) i,
html[data-ss-theme="dark"] .pm-btn.primary svg, html[data-ss-theme="dark"] .pm-btn.primary i,
html[data-ss-theme="dark"] .pm-btn.primary:hover svg, html[data-ss-theme="dark"] .pm-btn.primary:hover i,
html[data-ss-theme="dark"] .qb-btn-force-refresh:hover svg, html[data-ss-theme="dark"] .qb-btn-force-refresh:hover i,
html[data-ss-theme="dark"] .schx-header-cta svg, html[data-ss-theme="dark"] .schx-header-cta i,
html[data-ss-theme="dark"] .schx-header-cta:hover svg, html[data-ss-theme="dark"] .schx-header-cta:hover i,
html[data-ss-theme="dark"] .ss-btn-primary svg, html[data-ss-theme="dark"] .ss-btn-primary i,
html[data-ss-theme="dark"] .ss-btn-primary:hover svg, html[data-ss-theme="dark"] .ss-btn-primary:hover i,
html[data-ss-theme="dark"] .ss-shell .ctl-card-btn--book svg, html[data-ss-theme="dark"] .ss-shell .ctl-card-btn--book i,
html[data-ss-theme="dark"] .ss-shell .ctl-card-btn--book:hover svg, html[data-ss-theme="dark"] .ss-shell .ctl-card-btn--book:hover i {
  color: #0b1209 !important;
}
/* 2 controls · was 3.17-3.17:1 · now 4.96-4.96:1 */
html[data-ss-theme="dark"] .modal .ms-slider,
html[data-ss-theme="dark"] .modal .ms-toggle-input:checked + .ms-toggle-track {
  color: #0f141a !important;
}
html[data-ss-theme="dark"] .modal .ms-slider svg, html[data-ss-theme="dark"] .modal .ms-slider i,
html[data-ss-theme="dark"] .modal .ms-toggle-input:checked + .ms-toggle-track svg, html[data-ss-theme="dark"] .modal .ms-toggle-input:checked + .ms-toggle-track i {
  color: #0f141a !important;
}
/* 1 control · was 1.19-1.19:1 · now 7.17-7.17:1 */
html[data-ss-theme="dark"] .members-page .daytab .tab-dot {
  color: #11161c !important;
}
html[data-ss-theme="dark"] .members-page .daytab .tab-dot svg, html[data-ss-theme="dark"] .members-page .daytab .tab-dot i {
  color: #11161c !important;
}
/* 1 control · was 2.73-2.73:1 · now 4.94-4.94:1 */
html[data-ss-theme="dark"] .stngs-brightness-slider {
  color: #1b232d !important;
}
html[data-ss-theme="dark"] .stngs-brightness-slider svg, html[data-ss-theme="dark"] .stngs-brightness-slider i {
  color: #1b232d !important;
}
/* 1 control · was 2.35-2.35:1 · now 4.95-4.95:1 */
html[data-ss-theme="dark"] .qb-toggle-thumb {
  color: #1d2531 !important;
}
html[data-ss-theme="dark"] .qb-toggle-thumb svg, html[data-ss-theme="dark"] .qb-toggle-thumb i {
  color: #1d2531 !important;
}
/* 1 control · was 2.49-2.49:1 · now 4.86-4.86:1 */
html[data-ss-theme="dark"] .stngs-barvis-chk:checked + .stngs-toggle-track {
  color: #1f2834 !important;
}
html[data-ss-theme="dark"] .stngs-barvis-chk:checked + .stngs-toggle-track svg, html[data-ss-theme="dark"] .stngs-barvis-chk:checked + .stngs-toggle-track i {
  color: #1f2834 !important;
}
/* 1 control · was 3.15-3.15:1 · now 8.23-8.23:1 */
html[data-ss-theme="dark"] .qb-row-detail-btn {
  color: #22d3ee !important;
}
html[data-ss-theme="dark"] .qb-row-detail-btn svg, html[data-ss-theme="dark"] .qb-row-detail-btn i {
  color: #22d3ee !important;
}
/* 2 controls · was 1.04-1.04:1 · now 7.09-7.09:1 */
html[data-ss-theme="dark"] .cc-sync-toggle.on,
html[data-ss-theme="dark"] .mds-btn-primary {
  color: #3b4d64 !important;
}
html[data-ss-theme="dark"] .cc-sync-toggle.on svg, html[data-ss-theme="dark"] .cc-sync-toggle.on i,
html[data-ss-theme="dark"] .mds-btn-primary svg, html[data-ss-theme="dark"] .mds-btn-primary i {
  color: #3b4d64 !important;
}
/* 2 controls · was 1-1:1 · now 7.09-7.09:1 */
html[data-ss-theme="dark"] .modal .ms-toggle-input:checked + .ms-toggle-track .ms-toggle-thumb,
html[data-ss-theme="dark"] .stngs-toggle-thumb {
  color: #445a74 !important;
}
html[data-ss-theme="dark"] .modal .ms-toggle-input:checked + .ms-toggle-track .ms-toggle-thumb svg, html[data-ss-theme="dark"] .modal .ms-toggle-input:checked + .ms-toggle-track .ms-toggle-thumb i,
html[data-ss-theme="dark"] .stngs-toggle-thumb svg, html[data-ss-theme="dark"] .stngs-toggle-thumb i {
  color: #445a74 !important;
}
/* 1 control · was 4.47-4.47:1 · now 4.96-4.96:1 */
html[data-ss-theme="dark"] .cat-btn-ack:hover {
  color: #4bc25b !important;
}
html[data-ss-theme="dark"] .cat-btn-ack:hover svg, html[data-ss-theme="dark"] .cat-btn-ack:hover i {
  color: #4bc25b !important;
}
/* 2 controls · was 3.73-3.73:1 · now 4.94-4.94:1 */
html[data-ss-theme="dark"] .qb-fullscreen-btn:hover,
html[data-ss-theme="dark"] .qb-tab-add-btn:hover {
  color: #629bf8 !important;
}
html[data-ss-theme="dark"] .qb-fullscreen-btn:hover svg, html[data-ss-theme="dark"] .qb-fullscreen-btn:hover i,
html[data-ss-theme="dark"] .qb-tab-add-btn:hover svg, html[data-ss-theme="dark"] .qb-tab-add-btn:hover i {
  color: #629bf8 !important;
}
/* 1 control · was 3.32-3.32:1 · now 4.88-4.88:1 */
html[data-ss-theme="dark"] .hp-ctl-bk-status-pill {
  color: #888e9b !important;
}
html[data-ss-theme="dark"] .hp-ctl-bk-status-pill svg, html[data-ss-theme="dark"] .hp-ctl-bk-status-pill i {
  color: #888e9b !important;
}
/* 1 control · was 3.01-3.01:1 · now 4.89-4.89:1 */
html[data-ss-theme="dark"] .qbcd-close-btn {
  color: #8b98ab !important;
}
html[data-ss-theme="dark"] .qbcd-close-btn svg, html[data-ss-theme="dark"] .qbcd-close-btn i {
  color: #8b98ab !important;
}
/* 1 control · was 1.89-1.89:1 · now 5.01-5.01:1 */
html[data-ss-theme="dark"] .hp-ctl-bk-close {
  color: #8e9aaa !important;
}
html[data-ss-theme="dark"] .hp-ctl-bk-close svg, html[data-ss-theme="dark"] .hp-ctl-bk-close i {
  color: #8e9aaa !important;
}
/* 1 control · was 3.04-3.04:1 · now 4.95-4.95:1 */
html[data-ss-theme="dark"] .hp-ctl-dur-chip {
  color: #9096a2 !important;
}
html[data-ss-theme="dark"] .hp-ctl-dur-chip svg, html[data-ss-theme="dark"] .hp-ctl-dur-chip i {
  color: #9096a2 !important;
}
/* 6 controls · was 4.47-4.47:1 · now 4.95-4.95:1 */
html[data-ss-theme="dark"] .cc-btn,
html[data-ss-theme="dark"] .ci-cid-copy,
html[data-ss-theme="dark"] .ci-fw-action.ghost,
html[data-ss-theme="dark"] .ci-fw-btn,
html[data-ss-theme="dark"] .prem-page-nav,
html[data-ss-theme="dark"] .prem-tb-btn {
  color: #929ba9 !important;
}
html[data-ss-theme="dark"] .cc-btn svg, html[data-ss-theme="dark"] .cc-btn i,
html[data-ss-theme="dark"] .ci-cid-copy svg, html[data-ss-theme="dark"] .ci-cid-copy i,
html[data-ss-theme="dark"] .ci-fw-action.ghost svg, html[data-ss-theme="dark"] .ci-fw-action.ghost i,
html[data-ss-theme="dark"] .ci-fw-btn svg, html[data-ss-theme="dark"] .ci-fw-btn i,
html[data-ss-theme="dark"] .prem-page-nav svg, html[data-ss-theme="dark"] .prem-page-nav i,
html[data-ss-theme="dark"] .prem-tb-btn svg, html[data-ss-theme="dark"] .prem-tb-btn i {
  color: #929ba9 !important;
}
/* 14 controls · was 2.36-4.13:1 · now 4.61-6.93:1 */
html[data-ss-theme="dark"] .lm-refresh-btn,
html[data-ss-theme="dark"] .lm-refresh-btn:hover,
html[data-ss-theme="dark"] .mc-list-num-pill,
html[data-ss-theme="dark"] .mc-nav-btn,
html[data-ss-theme="dark"] .mc-reload-btn,
html[data-ss-theme="dark"] .mc-view-tab,
html[data-ss-theme="dark"] .qb-fullscreen-btn,
html[data-ss-theme="dark"] .qb-gqb-tabs .qb-modal-tab,
html[data-ss-theme="dark"] .qb-modal-close,
html[data-ss-theme="dark"] .qb-modal-tab,
html[data-ss-theme="dark"] .qb-modal-v2 .qb-modal-tab,
html[data-ss-theme="dark"] .qb-scope-dismiss,
html[data-ss-theme="dark"] .qb-tab-add-btn,
html[data-ss-theme="dark"] .qb-tab-badge-cached {
  color: #94a3b8 !important;
}
html[data-ss-theme="dark"] .lm-refresh-btn svg, html[data-ss-theme="dark"] .lm-refresh-btn i,
html[data-ss-theme="dark"] .lm-refresh-btn:hover svg, html[data-ss-theme="dark"] .lm-refresh-btn:hover i,
html[data-ss-theme="dark"] .mc-list-num-pill svg, html[data-ss-theme="dark"] .mc-list-num-pill i,
html[data-ss-theme="dark"] .mc-nav-btn svg, html[data-ss-theme="dark"] .mc-nav-btn i,
html[data-ss-theme="dark"] .mc-reload-btn svg, html[data-ss-theme="dark"] .mc-reload-btn i,
html[data-ss-theme="dark"] .mc-view-tab svg, html[data-ss-theme="dark"] .mc-view-tab i,
html[data-ss-theme="dark"] .qb-fullscreen-btn svg, html[data-ss-theme="dark"] .qb-fullscreen-btn i,
html[data-ss-theme="dark"] .qb-gqb-tabs .qb-modal-tab svg, html[data-ss-theme="dark"] .qb-gqb-tabs .qb-modal-tab i,
html[data-ss-theme="dark"] .qb-modal-close svg, html[data-ss-theme="dark"] .qb-modal-close i,
html[data-ss-theme="dark"] .qb-modal-tab svg, html[data-ss-theme="dark"] .qb-modal-tab i,
html[data-ss-theme="dark"] .qb-modal-v2 .qb-modal-tab svg, html[data-ss-theme="dark"] .qb-modal-v2 .qb-modal-tab i,
html[data-ss-theme="dark"] .qb-scope-dismiss svg, html[data-ss-theme="dark"] .qb-scope-dismiss i,
html[data-ss-theme="dark"] .qb-tab-add-btn svg, html[data-ss-theme="dark"] .qb-tab-add-btn i,
html[data-ss-theme="dark"] .qb-tab-badge-cached svg, html[data-ss-theme="dark"] .qb-tab-badge-cached i {
  color: #94a3b8 !important;
}
/* 2 controls · was 2.46-2.46:1 · now 6.44-6.44:1 */
html[data-ss-theme="dark"] .qb-row-num-pill,
html[data-ss-theme="dark"] .qb-row-num-pill[data-n="3digit"] {
  color: #96afdc !important;
}
html[data-ss-theme="dark"] .qb-row-num-pill svg, html[data-ss-theme="dark"] .qb-row-num-pill i,
html[data-ss-theme="dark"] .qb-row-num-pill[data-n="3digit"] svg, html[data-ss-theme="dark"] .qb-row-num-pill[data-n="3digit"] i {
  color: #96afdc !important;
}
/* 1 control · was 4.22-4.22:1 · now 4.96-4.96:1 */
html[data-ss-theme="dark"] .ss-tbc-edit {
  color: #97a0ad !important;
}
html[data-ss-theme="dark"] .ss-tbc-edit svg, html[data-ss-theme="dark"] .ss-tbc-edit i {
  color: #97a0ad !important;
}
/* 2 controls · was 4.04-4.05:1 · now 4.92-4.94:1 */
html[data-ss-theme="dark"] .tc-tab-count,
html[data-ss-theme="dark"] .tcx-dt-crumb {
  color: #9aa3af !important;
}
html[data-ss-theme="dark"] .tc-tab-count svg, html[data-ss-theme="dark"] .tc-tab-count i,
html[data-ss-theme="dark"] .tcx-dt-crumb svg, html[data-ss-theme="dark"] .tcx-dt-crumb i {
  color: #9aa3af !important;
}
/* 1 control · was 3.54-3.54:1 · now 4.87-4.87:1 */
html[data-ss-theme="dark"] .hpl-search-clear {
  color: #a6adb8 !important;
}
html[data-ss-theme="dark"] .hpl-search-clear svg, html[data-ss-theme="dark"] .hpl-search-clear i {
  color: #a6adb8 !important;
}
/* 1 control · was 4.36-4.36:1 · now 7.25-7.25:1 */
html[data-ss-theme="dark"] .qb-cache-badge {
  color: #aabcdc !important;
}
html[data-ss-theme="dark"] .qb-cache-badge svg, html[data-ss-theme="dark"] .qb-cache-badge i {
  color: #aabcdc !important;
}
/* 1 control · was 4.28-4.28:1 · now 4.87-4.87:1 */
html[data-ss-theme="dark"] .hp-ctl-book-btn.queue-mode:hover {
  color: #c893fc !important;
}
html[data-ss-theme="dark"] .hp-ctl-book-btn.queue-mode:hover svg, html[data-ss-theme="dark"] .hp-ctl-book-btn.queue-mode:hover i {
  color: #c893fc !important;
}
/* 3 PINNED · these already passed; the pin stops a correction
   written for a LESS specific selector from reaching them */
html[data-ss-theme="dark"] .cc-btn:hover,
html[data-ss-theme="dark"] .ci-fw-action.ghost:hover,
html[data-ss-theme="dark"] .ci-fw-btn:hover {
  color: #e6edf3 !important;
}
html[data-ss-theme="dark"] .cc-btn:hover svg, html[data-ss-theme="dark"] .cc-btn:hover i,
html[data-ss-theme="dark"] .ci-fw-action.ghost:hover svg, html[data-ss-theme="dark"] .ci-fw-action.ghost:hover i,
html[data-ss-theme="dark"] .ci-fw-btn:hover svg, html[data-ss-theme="dark"] .ci-fw-btn:hover i {
  color: #e6edf3 !important;
}
/* 1 PINNED · these already passed; the pin stops a correction
   written for a LESS specific selector from reaching them */
html[data-ss-theme="dark"] .prem-tb-btn:hover {
  color: #e9edf2 !important;
}
html[data-ss-theme="dark"] .prem-tb-btn:hover svg, html[data-ss-theme="dark"] .prem-tb-btn:hover i {
  color: #e9edf2 !important;
}
/* 1 control · was 3.83-3.83:1 · now 4.88-4.88:1 */
html[data-ss-theme="dark"] .odp-save-all-btn:hover {
  color: #f6be8e !important;
}
html[data-ss-theme="dark"] .odp-save-all-btn:hover svg, html[data-ss-theme="dark"] .odp-save-all-btn:hover i {
  color: #f6be8e !important;
}
/* 1 control · was 4.47-4.47:1 · now 4.86-4.86:1 */
html[data-ss-theme="dark"] .ocs-link-del {
  color: #f95f58 !important;
}
html[data-ss-theme="dark"] .ocs-link-del svg, html[data-ss-theme="dark"] .ocs-link-del i {
  color: #f95f58 !important;
}
/* 2 controls · was 4.39-4.39:1 · now 4.91-4.91:1 */
html[data-ss-theme="dark"] .hp-ctl-delete-btn,
html[data-ss-theme="dark"] .hp-ctl-q-leave-btn {
  color: #f9645d !important;
}
html[data-ss-theme="dark"] .hp-ctl-delete-btn svg, html[data-ss-theme="dark"] .hp-ctl-delete-btn i,
html[data-ss-theme="dark"] .hp-ctl-q-leave-btn svg, html[data-ss-theme="dark"] .hp-ctl-q-leave-btn i {
  color: #f9645d !important;
}
/* 1 control · was 4.27-4.27:1 · now 4.89-4.89:1 */
html[data-ss-theme="dark"] .cat-code-btn.unlink:hover {
  color: #f96862 !important;
}
html[data-ss-theme="dark"] .cat-code-btn.unlink:hover svg, html[data-ss-theme="dark"] .cat-code-btn.unlink:hover i {
  color: #f96862 !important;
}
/* 2 controls · was 4.17-4.17:1 · now 4.93-4.93:1 */
html[data-ss-theme="dark"] .ci-cid-retry,
html[data-ss-theme="dark"] .mr-btn.danger {
  color: #f96d66 !important;
}
html[data-ss-theme="dark"] .ci-cid-retry svg, html[data-ss-theme="dark"] .ci-cid-retry i,
html[data-ss-theme="dark"] .mr-btn.danger svg, html[data-ss-theme="dark"] .mr-btn.danger i {
  color: #f96d66 !important;
}
/* 4 controls · was 3.88-3.97:1 · now 4.92-5.03:1 */
html[data-ss-theme="dark"] .cc-btn.danger:hover,
html[data-ss-theme="dark"] .ci-fw-btn.close:hover,
html[data-ss-theme="dark"] .hp-ctl-delete-btn:hover,
html[data-ss-theme="dark"] .hp-ctl-q-leave-btn:hover {
  color: #fa7770 !important;
}
html[data-ss-theme="dark"] .cc-btn.danger:hover svg, html[data-ss-theme="dark"] .cc-btn.danger:hover i,
html[data-ss-theme="dark"] .ci-fw-btn.close:hover svg, html[data-ss-theme="dark"] .ci-fw-btn.close:hover i,
html[data-ss-theme="dark"] .hp-ctl-delete-btn:hover svg, html[data-ss-theme="dark"] .hp-ctl-delete-btn:hover i,
html[data-ss-theme="dark"] .hp-ctl-q-leave-btn:hover svg, html[data-ss-theme="dark"] .hp-ctl-q-leave-btn:hover i {
  color: #fa7770 !important;
}
/* 1 control · was 3.78-3.78:1 · now 4.92-4.92:1 */
html[data-ss-theme="dark"] .mr-btn.danger:hover {
  color: #fa7b75 !important;
}
html[data-ss-theme="dark"] .mr-btn.danger:hover svg, html[data-ss-theme="dark"] .mr-btn.danger:hover i {
  color: #fa7b75 !important;
}
/* 1 control · was 3.68-3.68:1 · now 4.85-4.85:1 */
html[data-ss-theme="dark"] .svc-qb-del-btn:hover:not(:disabled) {
  color: #fa9898 !important;
}
html[data-ss-theme="dark"] .svc-qb-del-btn:hover:not(:disabled) svg, html[data-ss-theme="dark"] .svc-qb-del-btn:hover:not(:disabled) i {
  color: #fa9898 !important;
}
/* 1 control · was 3.8-3.8:1 · now 6.21-6.21:1 */
html[data-ss-theme="dark"] .hp-odp-edit-btn {
  color: #fb923c !important;
}
html[data-ss-theme="dark"] .hp-odp-edit-btn svg, html[data-ss-theme="dark"] .hp-odp-edit-btn i {
  color: #fb923c !important;
}
/* 1 control · was 4.29-4.29:1 · now 4.95-4.95:1 */
html[data-ss-theme="dark"] .modal .ms-toggle-thumb {
  color: #fcfdfd !important;
}
html[data-ss-theme="dark"] .modal .ms-toggle-thumb svg, html[data-ss-theme="dark"] .modal .ms-toggle-thumb i {
  color: #fcfdfd !important;
}
/* 9 controls · was 2.26-4.4:1 · now 4.63-19.21:1 */
html[data-ss-theme="dark"] .bp-btn-close,
html[data-ss-theme="dark"] .md-row-modal-field .md-rmf-copy,
html[data-ss-theme="dark"] .md-search-history-title button,
html[data-ss-theme="dark"] .modal .ms-xbtn,
html[data-ss-theme="dark"] .mtoast-x,
html[data-ss-theme="dark"] .odp-panel-close,
html[data-ss-theme="dark"] .prem-section-toggle,
html[data-ss-theme="dark"] .qb-btn-force-refresh,
html[data-ss-theme="dark"] .qbcd-close-x {
  color: #ffffff !important;
}
html[data-ss-theme="dark"] .bp-btn-close svg, html[data-ss-theme="dark"] .bp-btn-close i,
html[data-ss-theme="dark"] .md-row-modal-field .md-rmf-copy svg, html[data-ss-theme="dark"] .md-row-modal-field .md-rmf-copy i,
html[data-ss-theme="dark"] .md-search-history-title button svg, html[data-ss-theme="dark"] .md-search-history-title button i,
html[data-ss-theme="dark"] .modal .ms-xbtn svg, html[data-ss-theme="dark"] .modal .ms-xbtn i,
html[data-ss-theme="dark"] .mtoast-x svg, html[data-ss-theme="dark"] .mtoast-x i,
html[data-ss-theme="dark"] .odp-panel-close svg, html[data-ss-theme="dark"] .odp-panel-close i,
html[data-ss-theme="dark"] .prem-section-toggle svg, html[data-ss-theme="dark"] .prem-section-toggle i,
html[data-ss-theme="dark"] .qb-btn-force-refresh svg, html[data-ss-theme="dark"] .qb-btn-force-refresh i,
html[data-ss-theme="dark"] .qbcd-close-x svg, html[data-ss-theme="dark"] .qbcd-close-x i {
  color: #ffffff !important;
}

/* ── LIGHT ramp ───────────────────────────────────────────────────── */
/* 1 control · was 1.37-1.37:1 · now 4.96-4.96:1 */
html[data-ss-theme="light"] .mbx-duty-pill[data-tone="active"] {
  color: #002fd1 !important;
}
html[data-ss-theme="light"] .mbx-duty-pill[data-tone="active"] svg, html[data-ss-theme="light"] .mbx-duty-pill[data-tone="active"] i {
  color: #002fd1 !important;
}
/* 2 controls · was 1.12-1.18:1 · now 4.91-7.09:1 */
html[data-ss-theme="light"] .qb-toggle input:checked ~ .qb-toggle-track .qb-toggle-thumb,
html[data-ss-theme="light"] .reminder-pill {
  color: #003af8 !important;
}
html[data-ss-theme="light"] .qb-toggle input:checked ~ .qb-toggle-track .qb-toggle-thumb svg, html[data-ss-theme="light"] .qb-toggle input:checked ~ .qb-toggle-track .qb-toggle-thumb i,
html[data-ss-theme="light"] .reminder-pill svg, html[data-ss-theme="light"] .reminder-pill i {
  color: #003af8 !important;
}
/* 1 control · was 1.42-1.42:1 · now 4.97-4.97:1 */
html[data-ss-theme="light"] .qb-modal-tab-chip {
  color: #0054e1 !important;
}
html[data-ss-theme="light"] .qb-modal-tab-chip svg, html[data-ss-theme="light"] .qb-modal-tab-chip i {
  color: #0054e1 !important;
}
/* 1 control · was 3.89-3.89:1 · now 4.91-4.91:1 */
html[data-ss-theme="light"] .members-page .btn.primary {
  color: #010905 !important;
}
html[data-ss-theme="light"] .members-page .btn.primary svg, html[data-ss-theme="light"] .members-page .btn.primary i {
  color: #010905 !important;
}
/* 2 controls · was 1.32-1.33:1 · now 4.97-5.03:1 */
html[data-ss-theme="light"] .qb-arrange-btn:hover:not(:disabled),
html[data-ss-theme="light"] .qb-cnt-mini-btn:hover {
  color: #036695 !important;
}
html[data-ss-theme="light"] .qb-arrange-btn:hover:not(:disabled) svg, html[data-ss-theme="light"] .qb-arrange-btn:hover:not(:disabled) i,
html[data-ss-theme="light"] .qb-cnt-mini-btn:hover svg, html[data-ss-theme="light"] .qb-cnt-mini-btn:hover i {
  color: #036695 !important;
}
/* 1 control · was 1.34-1.34:1 · now 4.97-4.97:1 */
html[data-ss-theme="light"] .mbx-duty-pill[data-tone="manager"] {
  color: #04469e !important;
}
html[data-ss-theme="light"] .mbx-duty-pill[data-tone="manager"] svg, html[data-ss-theme="light"] .mbx-duty-pill[data-tone="manager"] i {
  color: #04469e !important;
}
/* 1 control · was 1.06-1.06:1 · now 4.93-4.93:1 */
html[data-ss-theme="light"] .qb-sel-btn:hover:not(:disabled) {
  color: #04679a !important;
}
html[data-ss-theme="light"] .qb-sel-btn:hover:not(:disabled) svg, html[data-ss-theme="light"] .qb-sel-btn:hover:not(:disabled) i {
  color: #04679a !important;
}
/* 1 control · was 1.42-1.42:1 · now 5.05-5.05:1 */
html[data-ss-theme="light"] .qb-cnt-mini-btn {
  color: #046a9a !important;
}
html[data-ss-theme="light"] .qb-cnt-mini-btn svg, html[data-ss-theme="light"] .qb-cnt-mini-btn i {
  color: #046a9a !important;
}
/* 2 controls · was 1.18-1.18:1 · now 4.92-4.92:1 */
html[data-ss-theme="light"] .mtoast-btn-primary:hover,
html[data-ss-theme="light"] .services-btn:hover {
  color: #056d7b !important;
}
html[data-ss-theme="light"] .mtoast-btn-primary:hover svg, html[data-ss-theme="light"] .mtoast-btn-primary:hover i,
html[data-ss-theme="light"] .services-btn:hover svg, html[data-ss-theme="light"] .services-btn:hover i {
  color: #056d7b !important;
}
/* 1 control · was 1.62-1.62:1 · now 4.85-4.85:1 */
html[data-ss-theme="light"] .mbx-duty-pill[data-tone="call"] {
  color: #075221 !important;
}
html[data-ss-theme="light"] .mbx-duty-pill[data-tone="call"] svg, html[data-ss-theme="light"] .mbx-duty-pill[data-tone="call"] i {
  color: #075221 !important;
}
/* 2 controls · was 1.64-1.65:1 · now 7.25-7.28:1 */
html[data-ss-theme="light"] .qb-data-table tr:has(.qb-col-hasnew) td.qb-row-num-cell .qb-row-num-pill,
html[data-ss-theme="light"] .tcs-page-ic {
  color: #085965 !important;
}
html[data-ss-theme="light"] .qb-data-table tr:has(.qb-col-hasnew) td.qb-row-num-cell .qb-row-num-pill svg, html[data-ss-theme="light"] .qb-data-table tr:has(.qb-col-hasnew) td.qb-row-num-cell .qb-row-num-pill i,
html[data-ss-theme="light"] .tcs-page-ic svg, html[data-ss-theme="light"] .tcs-page-ic i {
  color: #085965 !important;
}
/* 2 controls · was 1.81-1.81:1 · now 7.12-7.12:1 */
html[data-ss-theme="light"] .tcs-iconbtn,
html[data-ss-theme="light"] .tcs-swatch {
  color: #08616f !important;
}
html[data-ss-theme="light"] .tcs-iconbtn svg, html[data-ss-theme="light"] .tcs-iconbtn i,
html[data-ss-theme="light"] .tcs-swatch svg, html[data-ss-theme="light"] .tcs-swatch i {
  color: #08616f !important;
}
/* 3 controls · was 1.2-1.2:1 · now 5.12-5.12:1 */
html[data-ss-theme="light"] .oc-next-btn:focus-visible,
html[data-ss-theme="light"] .oc-next-btn:hover,
html[data-ss-theme="light"] .oc-next-btn[aria-expanded="true"] {
  color: #09697a !important;
}
html[data-ss-theme="light"] .oc-next-btn:focus-visible svg, html[data-ss-theme="light"] .oc-next-btn:focus-visible i,
html[data-ss-theme="light"] .oc-next-btn:hover svg, html[data-ss-theme="light"] .oc-next-btn:hover i,
html[data-ss-theme="light"] .oc-next-btn[aria-expanded="true"] svg, html[data-ss-theme="light"] .oc-next-btn[aria-expanded="true"] i {
  color: #09697a !important;
}
/* 5 controls · was 1.5-1.56:1 · now 4.98-5.18:1 */
html[data-ss-theme="light"] .mnp-tab-ct,
html[data-ss-theme="light"] .mtoast-btn-primary,
html[data-ss-theme="light"] .qb-row-detail-btn:hover,
html[data-ss-theme="light"] .rn-tag-toggle.selected,
html[data-ss-theme="light"] .services-btn {
  color: #0a6d7d !important;
}
html[data-ss-theme="light"] .mnp-tab-ct svg, html[data-ss-theme="light"] .mnp-tab-ct i,
html[data-ss-theme="light"] .mtoast-btn-primary svg, html[data-ss-theme="light"] .mtoast-btn-primary i,
html[data-ss-theme="light"] .qb-row-detail-btn:hover svg, html[data-ss-theme="light"] .qb-row-detail-btn:hover i,
html[data-ss-theme="light"] .rn-tag-toggle.selected svg, html[data-ss-theme="light"] .rn-tag-toggle.selected i,
html[data-ss-theme="light"] .services-btn svg, html[data-ss-theme="light"] .services-btn i {
  color: #0a6d7d !important;
}
/* 2 controls · was 1.3-1.58:1 · now 4.92-4.99:1 */
html[data-ss-theme="light"] .mnp-tab-on,
html[data-ss-theme="light"] .qb-row-detail-btn {
  color: #0a7281 !important;
}
html[data-ss-theme="light"] .mnp-tab-on svg, html[data-ss-theme="light"] .mnp-tab-on i,
html[data-ss-theme="light"] .qb-row-detail-btn svg, html[data-ss-theme="light"] .qb-row-detail-btn i {
  color: #0a7281 !important;
}
/* 36 controls · was 1-3.68:1 · now 5.17-17.38:1 */
html[data-ss-theme="light"] .btn.danger,
html[data-ss-theme="light"] .btn.danger:hover,
html[data-ss-theme="light"] .daytab,
html[data-ss-theme="light"] .fu-btn-danger,
html[data-ss-theme="light"] .iconbtn,
html[data-ss-theme="light"] .mnp-range-opt,
html[data-ss-theme="light"] .mtoast-btn:hover,
html[data-ss-theme="light"] .mtoast-x,
html[data-ss-theme="light"] .muo-btn-primary,
html[data-ss-theme="light"] .muo-state-completed .muo-btn-primary,
html[data-ss-theme="light"] .mysx-pill,
html[data-ss-theme="light"] .mysx-tab,
html[data-ss-theme="light"] .mysx-tab.active,
html[data-ss-theme="light"] .notification-popout .mbx-accept-btn:hover:not([disabled]),
html[data-ss-theme="light"] .reports-item,
html[data-ss-theme="light"] .roster-item,
html[data-ss-theme="light"] .schx-daytab,
html[data-ss-theme="light"] .schx-header-cta,
html[data-ss-theme="light"] .schx-header-cta:hover,
html[data-ss-theme="light"] .schx-toggle .btn.active,
html[data-ss-theme="light"] .schx-toggle .btn.ghost.active,
html[data-ss-theme="light"] .schx-toggle .btn.ghost.active:hover,
html[data-ss-theme="light"] .side.sidebar-fb #nav a.nav-item-fb.active,
html[data-ss-theme="light"] .side.sidebar-fb #nav a.nav-item.active,
html[data-ss-theme="light"] .ss-header-right > .ss-tab.active,
html[data-ss-theme="light"] .ss-header-right > .ss-tab:hover,
html[data-ss-theme="light"] .ss-home-btn:hover,
html[data-ss-theme="light"] .ss-settings-nav-btn.ss-settings-nav-active,
html[data-ss-theme="light"] .ss-tabs > .ss-tab.active,
html[data-ss-theme="light"] .ss-tabs > .ss-tab:hover,
html[data-ss-theme="light"] .ss-theme-toggle:hover,
html[data-ss-theme="light"] .status-widget-tile,
html[data-ss-theme="light"] .tab,
html[data-ss-theme="light"] .tab.is-on,
html[data-ss-theme="light"] .tab:hover,
html[data-ss-theme="light"] .th-admin-btn:hover {
  color: #0b1209 !important;
}
html[data-ss-theme="light"] .btn.danger svg, html[data-ss-theme="light"] .btn.danger i,
html[data-ss-theme="light"] .btn.danger:hover svg, html[data-ss-theme="light"] .btn.danger:hover i,
html[data-ss-theme="light"] .daytab svg, html[data-ss-theme="light"] .daytab i,
html[data-ss-theme="light"] .fu-btn-danger svg, html[data-ss-theme="light"] .fu-btn-danger i,
html[data-ss-theme="light"] .iconbtn svg, html[data-ss-theme="light"] .iconbtn i,
html[data-ss-theme="light"] .mnp-range-opt svg, html[data-ss-theme="light"] .mnp-range-opt i,
html[data-ss-theme="light"] .mtoast-btn:hover svg, html[data-ss-theme="light"] .mtoast-btn:hover i,
html[data-ss-theme="light"] .mtoast-x svg, html[data-ss-theme="light"] .mtoast-x i,
html[data-ss-theme="light"] .muo-btn-primary svg, html[data-ss-theme="light"] .muo-btn-primary i,
html[data-ss-theme="light"] .muo-state-completed .muo-btn-primary svg, html[data-ss-theme="light"] .muo-state-completed .muo-btn-primary i,
html[data-ss-theme="light"] .mysx-pill svg, html[data-ss-theme="light"] .mysx-pill i,
html[data-ss-theme="light"] .mysx-tab svg, html[data-ss-theme="light"] .mysx-tab i,
html[data-ss-theme="light"] .mysx-tab.active svg, html[data-ss-theme="light"] .mysx-tab.active i,
html[data-ss-theme="light"] .notification-popout .mbx-accept-btn:hover:not([disabled]) svg, html[data-ss-theme="light"] .notification-popout .mbx-accept-btn:hover:not([disabled]) i,
html[data-ss-theme="light"] .reports-item svg, html[data-ss-theme="light"] .reports-item i,
html[data-ss-theme="light"] .roster-item svg, html[data-ss-theme="light"] .roster-item i,
html[data-ss-theme="light"] .schx-daytab svg, html[data-ss-theme="light"] .schx-daytab i,
html[data-ss-theme="light"] .schx-header-cta svg, html[data-ss-theme="light"] .schx-header-cta i,
html[data-ss-theme="light"] .schx-header-cta:hover svg, html[data-ss-theme="light"] .schx-header-cta:hover i,
html[data-ss-theme="light"] .schx-toggle .btn.active svg, html[data-ss-theme="light"] .schx-toggle .btn.active i,
html[data-ss-theme="light"] .schx-toggle .btn.ghost.active svg, html[data-ss-theme="light"] .schx-toggle .btn.ghost.active i,
html[data-ss-theme="light"] .schx-toggle .btn.ghost.active:hover svg, html[data-ss-theme="light"] .schx-toggle .btn.ghost.active:hover i,
html[data-ss-theme="light"] .side.sidebar-fb #nav a.nav-item-fb.active svg, html[data-ss-theme="light"] .side.sidebar-fb #nav a.nav-item-fb.active i,
html[data-ss-theme="light"] .side.sidebar-fb #nav a.nav-item.active svg, html[data-ss-theme="light"] .side.sidebar-fb #nav a.nav-item.active i,
html[data-ss-theme="light"] .ss-header-right > .ss-tab.active svg, html[data-ss-theme="light"] .ss-header-right > .ss-tab.active i,
html[data-ss-theme="light"] .ss-header-right > .ss-tab:hover svg, html[data-ss-theme="light"] .ss-header-right > .ss-tab:hover i,
html[data-ss-theme="light"] .ss-home-btn:hover svg, html[data-ss-theme="light"] .ss-home-btn:hover i,
html[data-ss-theme="light"] .ss-settings-nav-btn.ss-settings-nav-active svg, html[data-ss-theme="light"] .ss-settings-nav-btn.ss-settings-nav-active i,
html[data-ss-theme="light"] .ss-tabs > .ss-tab.active svg, html[data-ss-theme="light"] .ss-tabs > .ss-tab.active i,
html[data-ss-theme="light"] .ss-tabs > .ss-tab:hover svg, html[data-ss-theme="light"] .ss-tabs > .ss-tab:hover i,
html[data-ss-theme="light"] .ss-theme-toggle:hover svg, html[data-ss-theme="light"] .ss-theme-toggle:hover i,
html[data-ss-theme="light"] .status-widget-tile svg, html[data-ss-theme="light"] .status-widget-tile i,
html[data-ss-theme="light"] .tab svg, html[data-ss-theme="light"] .tab i,
html[data-ss-theme="light"] .tab.is-on svg, html[data-ss-theme="light"] .tab.is-on i,
html[data-ss-theme="light"] .tab:hover svg, html[data-ss-theme="light"] .tab:hover i,
html[data-ss-theme="light"] .th-admin-btn:hover svg, html[data-ss-theme="light"] .th-admin-btn:hover i {
  color: #0b1209 !important;
}
/* 1 control · was 3.51-3.51:1 · now 4.96-4.96:1 */
html[data-ss-theme="light"] .hp-cc-manage-btn:hover {
  color: #0b6370 !important;
}
html[data-ss-theme="light"] .hp-cc-manage-btn:hover svg, html[data-ss-theme="light"] .hp-cc-manage-btn:hover i {
  color: #0b6370 !important;
}
/* 1 control · was 1.98-1.98:1 · now 4.98-4.98:1 */
html[data-ss-theme="light"] #qbCaseDetailModal .qbcd-view-btn:hover {
  color: #0c1503 !important;
}
html[data-ss-theme="light"] #qbCaseDetailModal .qbcd-view-btn:hover svg, html[data-ss-theme="light"] #qbCaseDetailModal .qbcd-view-btn:hover i {
  color: #0c1503 !important;
}
/* 1 control · was 4.02-4.02:1 · now 4.89-4.89:1 */
html[data-ss-theme="light"] .se2-footer-btn.primary:hover {
  color: #0c5f5b !important;
}
html[data-ss-theme="light"] .se2-footer-btn.primary:hover svg, html[data-ss-theme="light"] .se2-footer-btn.primary:hover i {
  color: #0c5f5b !important;
}
/* 2 controls · was 3.8-3.87:1 · now 5.06-5.16:1 */
html[data-ss-theme="light"] .hp-cc-manage-btn,
html[data-ss-theme="light"] .se2-ai-copy-btn:hover {
  color: #0c6775 !important;
}
html[data-ss-theme="light"] .hp-cc-manage-btn svg, html[data-ss-theme="light"] .hp-cc-manage-btn i,
html[data-ss-theme="light"] .se2-ai-copy-btn:hover svg, html[data-ss-theme="light"] .se2-ai-copy-btn:hover i {
  color: #0c6775 !important;
}
/* 1 control · was 4.05-4.05:1 · now 5.05-5.05:1 */
html[data-ss-theme="light"] .hp-cc-more {
  color: #0c6c79 !important;
}
html[data-ss-theme="light"] .hp-cc-more svg, html[data-ss-theme="light"] .hp-cc-more i {
  color: #0c6c79 !important;
}
/* 1 control · was 1.04-1.04:1 · now 4.91-4.91:1 */
html[data-ss-theme="light"] .confirm-modal .btn.danger {
  color: #0e46ff !important;
}
html[data-ss-theme="light"] .confirm-modal .btn.danger svg, html[data-ss-theme="light"] .confirm-modal .btn.danger i {
  color: #0e46ff !important;
}
/* 1 control · was 2.36-2.36:1 · now 4.93-4.93:1 */
html[data-ss-theme="light"] #qbCaseDetailModal .qbcd-copy-btn:hover {
  color: #0f141a !important;
}
html[data-ss-theme="light"] #qbCaseDetailModal .qbcd-copy-btn:hover svg, html[data-ss-theme="light"] #qbCaseDetailModal .qbcd-copy-btn:hover i {
  color: #0f141a !important;
}
/* 1 control · was 1.19-1.19:1 · now 7.17-7.17:1 */
html[data-ss-theme="light"] .members-page .daytab .tab-dot {
  color: #11161c !important;
}
html[data-ss-theme="light"] .members-page .daytab .tab-dot svg, html[data-ss-theme="light"] .members-page .daytab .tab-dot i {
  color: #11161c !important;
}
/* 1 control · was 2.27-2.27:1 · now 5.1-5.1:1 */
html[data-ss-theme="light"] .qb-gqb-tabs .qb-modal-tab.active {
  color: #132205 !important;
}
html[data-ss-theme="light"] .qb-gqb-tabs .qb-modal-tab.active svg, html[data-ss-theme="light"] .qb-gqb-tabs .qb-modal-tab.active i {
  color: #132205 !important;
}
/* 1 control · was 1-1:1 · now 4.99-4.99:1 */
html[data-ss-theme="light"] .tab.active {
  color: #134aff !important;
}
html[data-ss-theme="light"] .tab.active svg, html[data-ss-theme="light"] .tab.active i {
  color: #134aff !important;
}
/* 1 control · was 2.91-2.91:1 · now 4.86-4.86:1 */
html[data-ss-theme="light"] .hp-ctl-book-btn:hover {
  color: #136335 !important;
}
html[data-ss-theme="light"] .hp-ctl-book-btn:hover svg, html[data-ss-theme="light"] .hp-ctl-book-btn:hover i {
  color: #136335 !important;
}
/* 2 controls · was 3.2-3.27:1 · now 4.98-5.1:1 */
html[data-ss-theme="light"] .cat-btn-ack:hover,
html[data-ss-theme="light"] .hp-ctl-book-btn {
  color: #146838 !important;
}
html[data-ss-theme="light"] .cat-btn-ack:hover svg, html[data-ss-theme="light"] .cat-btn-ack:hover i,
html[data-ss-theme="light"] .hp-ctl-book-btn svg, html[data-ss-theme="light"] .hp-ctl-book-btn i {
  color: #146838 !important;
}
/* 1 control · was 1.35-1.35:1 · now 5.05-5.05:1 */
html[data-ss-theme="light"] .svc-qb-ack-btn:hover:not(:disabled) {
  color: #146c34 !important;
}
html[data-ss-theme="light"] .svc-qb-ack-btn:hover:not(:disabled) svg, html[data-ss-theme="light"] .svc-qb-ack-btn:hover:not(:disabled) i {
  color: #146c34 !important;
}
/* 3 controls · was 3.31-3.43:1 · now 4.89-5.06:1 */
html[data-ss-theme="light"] .hpl-arrange-btn.is-on,
html[data-ss-theme="light"] .mds-tab-card .mds-tab-active-badge,
html[data-ss-theme="light"] .ss-topbar-contacts {
  color: #146c3a !important;
}
html[data-ss-theme="light"] .hpl-arrange-btn.is-on svg, html[data-ss-theme="light"] .hpl-arrange-btn.is-on i,
html[data-ss-theme="light"] .mds-tab-card .mds-tab-active-badge svg, html[data-ss-theme="light"] .mds-tab-card .mds-tab-active-badge i,
html[data-ss-theme="light"] .ss-topbar-contacts svg, html[data-ss-theme="light"] .ss-topbar-contacts i {
  color: #146c3a !important;
}
/* 5 controls · was 3.57-3.61:1 · now 4.99-5.05:1 */
html[data-ss-theme="light"] .cat-btn-ack,
html[data-ss-theme="light"] .cat-edit-mode-btn.editing,
html[data-ss-theme="light"] .ci-cid-apply,
html[data-ss-theme="light"] .odp-row-save-btn.odp-saved,
html[data-ss-theme="light"] .se2-ai-chip {
  color: #15703c !important;
}
html[data-ss-theme="light"] .cat-btn-ack svg, html[data-ss-theme="light"] .cat-btn-ack i,
html[data-ss-theme="light"] .cat-edit-mode-btn.editing svg, html[data-ss-theme="light"] .cat-edit-mode-btn.editing i,
html[data-ss-theme="light"] .ci-cid-apply svg, html[data-ss-theme="light"] .ci-cid-apply i,
html[data-ss-theme="light"] .odp-row-save-btn.odp-saved svg, html[data-ss-theme="light"] .odp-row-save-btn.odp-saved i,
html[data-ss-theme="light"] .se2-ai-chip svg, html[data-ss-theme="light"] .se2-ai-chip i {
  color: #15703c !important;
}
/* 1 control · was 1.46-1.46:1 · now 4.86-4.86:1 */
html[data-ss-theme="light"] .svc-qb-ack-btn {
  color: #157538 !important;
}
html[data-ss-theme="light"] .svc-qb-ack-btn svg, html[data-ss-theme="light"] .svc-qb-ack-btn i {
  color: #157538 !important;
}
/* 1 control · was 1.6-1.6:1 · now 4.86-4.86:1 */
html[data-ss-theme="light"] #qbCaseDetailModal .qbcd-close-btn:hover {
  color: #160504 !important;
}
html[data-ss-theme="light"] #qbCaseDetailModal .qbcd-close-btn:hover svg, html[data-ss-theme="light"] #qbCaseDetailModal .qbcd-close-btn:hover i {
  color: #160504 !important;
}
/* 1 control · was 1.43-1.43:1 · now 4.87-4.87:1 */
html[data-ss-theme="light"] .mc-today-live-pill {
  color: #166b61 !important;
}
html[data-ss-theme="light"] .mc-today-live-pill svg, html[data-ss-theme="light"] .mc-today-live-pill i {
  color: #166b61 !important;
}
/* 1 control · was 3.7-3.7:1 · now 4.85-4.85:1 */
html[data-ss-theme="light"] .hp-ctl-use-btn:hover {
  color: #194695 !important;
}
html[data-ss-theme="light"] .hp-ctl-use-btn:hover svg, html[data-ss-theme="light"] .hp-ctl-use-btn:hover i {
  color: #194695 !important;
}
/* 1 control · was 1.97-1.97:1 · now 4.88-4.88:1 */
html[data-ss-theme="light"] .qb-col-card {
  color: #1c2530 !important;
}
html[data-ss-theme="light"] .qb-col-card svg, html[data-ss-theme="light"] .qb-col-card i {
  color: #1c2530 !important;
}
/* 1 control · was 1-1:1 · now 4.99-4.99:1 */
html[data-ss-theme="light"] .nav a.active {
  color: #1d52ff !important;
}
html[data-ss-theme="light"] .nav a.active svg, html[data-ss-theme="light"] .nav a.active i {
  color: #1d52ff !important;
}
/* 2 PINNED · these already passed; the pin stops a correction
   written for a LESS specific selector from reaching them */
html[data-ss-theme="light"] .md-pagination .md-page-btn.active,
html[data-ss-theme="light"] .mds-btn-edit:hover {
  color: #1f2733 !important;
}
html[data-ss-theme="light"] .md-pagination .md-page-btn.active svg, html[data-ss-theme="light"] .md-pagination .md-page-btn.active i,
html[data-ss-theme="light"] .mds-btn-edit:hover svg, html[data-ss-theme="light"] .mds-btn-edit:hover i {
  color: #1f2733 !important;
}
/* 2 PINNED · these already passed; the pin stops a correction
   written for a LESS specific selector from reaching them */
html[data-ss-theme="light"] .hp-apps-manage-btn:hover,
html[data-ss-theme="light"] .hp-ctl-settings-btn:hover {
  color: #1f56b8 !important;
}
html[data-ss-theme="light"] .hp-apps-manage-btn:hover svg, html[data-ss-theme="light"] .hp-apps-manage-btn:hover i,
html[data-ss-theme="light"] .hp-ctl-settings-btn:hover svg, html[data-ss-theme="light"] .hp-ctl-settings-btn:hover i {
  color: #1f56b8 !important;
}
/* 1 control · was 2.36-2.36:1 · now 4.96-4.96:1 */
html[data-ss-theme="light"] .hpl-nav {
  color: #20252a !important;
}
html[data-ss-theme="light"] .hpl-nav svg, html[data-ss-theme="light"] .hpl-nav i {
  color: #20252a !important;
}
/* 1 control · was 3.35-3.35:1 · now 4.98-4.98:1 */
html[data-ss-theme="light"] .md-row-modal-head .md-row-modal-meta .md-meta-pill {
  color: #204b9c !important;
}
html[data-ss-theme="light"] .md-row-modal-head .md-row-modal-meta .md-meta-pill svg, html[data-ss-theme="light"] .md-row-modal-head .md-row-modal-meta .md-meta-pill i {
  color: #204b9c !important;
}
/* 2 controls · was 3.68-3.68:1 · now 4.94-4.94:1 */
html[data-ss-theme="light"] .hp-ctl-ip-copy-btn:hover,
html[data-ss-theme="light"] .hp-ctl-use-btn {
  color: #2251a9 !important;
}
html[data-ss-theme="light"] .hp-ctl-ip-copy-btn:hover svg, html[data-ss-theme="light"] .hp-ctl-ip-copy-btn:hover i,
html[data-ss-theme="light"] .hp-ctl-use-btn svg, html[data-ss-theme="light"] .hp-ctl-use-btn i {
  color: #2251a9 !important;
}
/* 16 controls · was 1.01-1.02:1 · now 4.95-5.01:1 */
html[data-ss-theme="light"] .icon-btn,
html[data-ss-theme="light"] .icon-btn:hover,
html[data-ss-theme="light"] .members-row .status-pill,
html[data-ss-theme="light"] .mob-sheet-close,
html[data-ss-theme="light"] .nav .nav-group-head,
html[data-ss-theme="light"] .nav .nav-item,
html[data-ss-theme="light"] .pm-color-swatch input[type=color],
html[data-ss-theme="light"] .psaq-cond-x,
html[data-ss-theme="light"] .psaq-seg-btn,
html[data-ss-theme="light"] .psaq-seg-btn:hover,
html[data-ss-theme="light"] .rguide-card summary,
html[data-ss-theme="light"] .status-pill,
html[data-ss-theme="light"] .stngs-close-btn:hover,
html[data-ss-theme="light"] .stngs-tile,
html[data-ss-theme="light"] .stngs-tile:hover .stngs-tile-inner-btn,
html[data-ss-theme="light"] .tool {
  color: #2256ff !important;
}
html[data-ss-theme="light"] .icon-btn svg, html[data-ss-theme="light"] .icon-btn i,
html[data-ss-theme="light"] .icon-btn:hover svg, html[data-ss-theme="light"] .icon-btn:hover i,
html[data-ss-theme="light"] .members-row .status-pill svg, html[data-ss-theme="light"] .members-row .status-pill i,
html[data-ss-theme="light"] .mob-sheet-close svg, html[data-ss-theme="light"] .mob-sheet-close i,
html[data-ss-theme="light"] .nav .nav-group-head svg, html[data-ss-theme="light"] .nav .nav-group-head i,
html[data-ss-theme="light"] .nav .nav-item svg, html[data-ss-theme="light"] .nav .nav-item i,
html[data-ss-theme="light"] .pm-color-swatch input[type=color] svg, html[data-ss-theme="light"] .pm-color-swatch input[type=color] i,
html[data-ss-theme="light"] .psaq-cond-x svg, html[data-ss-theme="light"] .psaq-cond-x i,
html[data-ss-theme="light"] .psaq-seg-btn svg, html[data-ss-theme="light"] .psaq-seg-btn i,
html[data-ss-theme="light"] .psaq-seg-btn:hover svg, html[data-ss-theme="light"] .psaq-seg-btn:hover i,
html[data-ss-theme="light"] .rguide-card summary svg, html[data-ss-theme="light"] .rguide-card summary i,
html[data-ss-theme="light"] .status-pill svg, html[data-ss-theme="light"] .status-pill i,
html[data-ss-theme="light"] .stngs-close-btn:hover svg, html[data-ss-theme="light"] .stngs-close-btn:hover i,
html[data-ss-theme="light"] .stngs-tile svg, html[data-ss-theme="light"] .stngs-tile i,
html[data-ss-theme="light"] .stngs-tile:hover .stngs-tile-inner-btn svg, html[data-ss-theme="light"] .stngs-tile:hover .stngs-tile-inner-btn i,
html[data-ss-theme="light"] .tool svg, html[data-ss-theme="light"] .tool i {
  color: #2256ff !important;
}
/* 2 controls · was 3.83-3.83:1 · now 4.98-4.98:1 */
html[data-ss-theme="light"] .cat-add-btn:hover,
html[data-ss-theme="light"] .cat-btn-comment:hover {
  color: #2353ad !important;
}
html[data-ss-theme="light"] .cat-add-btn:hover svg, html[data-ss-theme="light"] .cat-add-btn:hover i,
html[data-ss-theme="light"] .cat-btn-comment:hover svg, html[data-ss-theme="light"] .cat-btn-comment:hover i {
  color: #2353ad !important;
}
/* 4 controls · was 3.9-3.94:1 · now 4.9-4.95:1 */
html[data-ss-theme="light"] .bp-btn-sync:hover,
html[data-ss-theme="light"] .cat-code-btn:hover,
html[data-ss-theme="light"] .cat-empty-cta:hover,
html[data-ss-theme="light"] .md-pagination .md-page-btn:hover {
  color: #2455b1 !important;
}
html[data-ss-theme="light"] .bp-btn-sync:hover svg, html[data-ss-theme="light"] .bp-btn-sync:hover i,
html[data-ss-theme="light"] .cat-code-btn:hover svg, html[data-ss-theme="light"] .cat-code-btn:hover i,
html[data-ss-theme="light"] .cat-empty-cta:hover svg, html[data-ss-theme="light"] .cat-empty-cta:hover i,
html[data-ss-theme="light"] .md-pagination .md-page-btn:hover svg, html[data-ss-theme="light"] .md-pagination .md-page-btn:hover i {
  color: #2455b1 !important;
}
/* 1 control · was 1.61-1.61:1 · now 5-5:1 */
html[data-ss-theme="light"] .side.sidebar-fb .side-logs-viewall {
  color: #2549f8 !important;
}
html[data-ss-theme="light"] .side.sidebar-fb .side-logs-viewall svg, html[data-ss-theme="light"] .side.sidebar-fb .side-logs-viewall i {
  color: #2549f8 !important;
}
/* 2 controls · was 4.13-4.25:1 · now 4.86-5:1 */
html[data-ss-theme="light"] .cat-addblk-btn:hover,
html[data-ss-theme="light"] .cat-rt-btn:hover {
  color: #2659ba !important;
}
html[data-ss-theme="light"] .cat-addblk-btn:hover svg, html[data-ss-theme="light"] .cat-addblk-btn:hover i,
html[data-ss-theme="light"] .cat-rt-btn:hover svg, html[data-ss-theme="light"] .cat-rt-btn:hover i {
  color: #2659ba !important;
}
/* 12 controls · was 4.34-4.35:1 · now 4.93-4.94:1 */
html[data-ss-theme="light"] .cat-add-btn,
html[data-ss-theme="light"] .cat-btn-comment,
html[data-ss-theme="light"] .hp-apps-manage-btn,
html[data-ss-theme="light"] .hp-ctl-ip-copy-btn,
html[data-ss-theme="light"] .hpl-empty-add,
html[data-ss-theme="light"] .md-empty .md-empty-cta,
html[data-ss-theme="light"] .md-tab-chip,
html[data-ss-theme="light"] .mds-col-chip,
html[data-ss-theme="light"] .mds-right-body .mds-tab-card .mds-btn-edit,
html[data-ss-theme="light"] .qbcd-nav-btn:hover:not(:disabled),
html[data-ss-theme="light"] .ss-home-btn.active,
html[data-ss-theme="light"] .ss-home-btn.ss-tab.active {
  color: #275bbe !important;
}
html[data-ss-theme="light"] .cat-add-btn svg, html[data-ss-theme="light"] .cat-add-btn i,
html[data-ss-theme="light"] .cat-btn-comment svg, html[data-ss-theme="light"] .cat-btn-comment i,
html[data-ss-theme="light"] .hp-apps-manage-btn svg, html[data-ss-theme="light"] .hp-apps-manage-btn i,
html[data-ss-theme="light"] .hp-ctl-ip-copy-btn svg, html[data-ss-theme="light"] .hp-ctl-ip-copy-btn i,
html[data-ss-theme="light"] .hpl-empty-add svg, html[data-ss-theme="light"] .hpl-empty-add i,
html[data-ss-theme="light"] .md-empty .md-empty-cta svg, html[data-ss-theme="light"] .md-empty .md-empty-cta i,
html[data-ss-theme="light"] .md-tab-chip svg, html[data-ss-theme="light"] .md-tab-chip i,
html[data-ss-theme="light"] .mds-col-chip svg, html[data-ss-theme="light"] .mds-col-chip i,
html[data-ss-theme="light"] .mds-right-body .mds-tab-card .mds-btn-edit svg, html[data-ss-theme="light"] .mds-right-body .mds-tab-card .mds-btn-edit i,
html[data-ss-theme="light"] .qbcd-nav-btn:hover:not(:disabled) svg, html[data-ss-theme="light"] .qbcd-nav-btn:hover:not(:disabled) i,
html[data-ss-theme="light"] .ss-home-btn.active svg, html[data-ss-theme="light"] .ss-home-btn.active i,
html[data-ss-theme="light"] .ss-home-btn.ss-tab.active svg, html[data-ss-theme="light"] .ss-home-btn.ss-tab.active i {
  color: #275bbe !important;
}
/* 8 controls · was 4.41-4.46:1 · now 4.87-4.92:1 */
html[data-ss-theme="light"] .bp-btn-sync,
html[data-ss-theme="light"] .cat-code-btn,
html[data-ss-theme="light"] .cat-edit-mode-btn:hover,
html[data-ss-theme="light"] .cat-empty-cta,
html[data-ss-theme="light"] .hp-ctl-bk-ip-copy,
html[data-ss-theme="light"] .hp-ctl-chip .hp-ctl-settings-btn,
html[data-ss-theme="light"] .hp-ctl-settings-btn,
html[data-ss-theme="light"] .mds-btn-edit {
  color: #275dc2 !important;
}
html[data-ss-theme="light"] .bp-btn-sync svg, html[data-ss-theme="light"] .bp-btn-sync i,
html[data-ss-theme="light"] .cat-code-btn svg, html[data-ss-theme="light"] .cat-code-btn i,
html[data-ss-theme="light"] .cat-edit-mode-btn:hover svg, html[data-ss-theme="light"] .cat-edit-mode-btn:hover i,
html[data-ss-theme="light"] .cat-empty-cta svg, html[data-ss-theme="light"] .cat-empty-cta i,
html[data-ss-theme="light"] .hp-ctl-bk-ip-copy svg, html[data-ss-theme="light"] .hp-ctl-bk-ip-copy i,
html[data-ss-theme="light"] .hp-ctl-chip .hp-ctl-settings-btn svg, html[data-ss-theme="light"] .hp-ctl-chip .hp-ctl-settings-btn i,
html[data-ss-theme="light"] .hp-ctl-settings-btn svg, html[data-ss-theme="light"] .hp-ctl-settings-btn i,
html[data-ss-theme="light"] .mds-btn-edit svg, html[data-ss-theme="light"] .mds-btn-edit i {
  color: #275dc2 !important;
}
/* 1 control · was 2.25-2.25:1 · now 5.05-5.05:1 */
html[data-ss-theme="light"] .qb-gqb-tabs .qb-modal-tab {
  color: #2c3138 !important;
}
html[data-ss-theme="light"] .qb-gqb-tabs .qb-modal-tab svg, html[data-ss-theme="light"] .qb-gqb-tabs .qb-modal-tab i {
  color: #2c3138 !important;
}
/* 1 control · was 4.42-4.42:1 · now 5.01-5.01:1 */
html[data-ss-theme="light"] .qb-modal-v2 .qb-modal-tab.active {
  color: #30570e !important;
}
html[data-ss-theme="light"] .qb-modal-v2 .qb-modal-tab.active svg, html[data-ss-theme="light"] .qb-modal-v2 .qb-modal-tab.active i {
  color: #30570e !important;
}
/* 2 controls · was 1.17-1.18:1 · now 4.85-4.89:1 */
html[data-ss-theme="light"] .muo-btn-ghost,
html[data-ss-theme="light"] .muo-btn-ghost:hover {
  color: #3667c8 !important;
}
html[data-ss-theme="light"] .muo-btn-ghost svg, html[data-ss-theme="light"] .muo-btn-ghost i,
html[data-ss-theme="light"] .muo-btn-ghost:hover svg, html[data-ss-theme="light"] .muo-btn-ghost:hover i {
  color: #3667c8 !important;
}
/* 1 control · was 4.23-4.23:1 · now 8.04-8.04:1 */
html[data-ss-theme="light"] .prem-section-toggle {
  color: #3f4b5b !important;
}
html[data-ss-theme="light"] .prem-section-toggle svg, html[data-ss-theme="light"] .prem-section-toggle i {
  color: #3f4b5b !important;
}
/* 1 control · was 2.72-2.72:1 · now 4.87-4.87:1 */
html[data-ss-theme="light"] .mums-notif-btn.has-unread {
  color: #3f4fff !important;
}
html[data-ss-theme="light"] .mums-notif-btn.has-unread svg, html[data-ss-theme="light"] .mums-notif-btn.has-unread i {
  color: #3f4fff !important;
}
/* 1 control · was 1.03-1.03:1 · now 4.95-4.95:1 */
html[data-ss-theme="light"] .mc-view-tab-active {
  color: #446084 !important;
}
html[data-ss-theme="light"] .mc-view-tab-active svg, html[data-ss-theme="light"] .mc-view-tab-active i {
  color: #446084 !important;
}
/* 1 control · was 1.3-1.3:1 · now 4.87-4.87:1 */
html[data-ss-theme="light"] .pill {
  color: #4a5a8c !important;
}
html[data-ss-theme="light"] .pill svg, html[data-ss-theme="light"] .pill i {
  color: #4a5a8c !important;
}
/* 1 control · was 1.8-1.8:1 · now 4.97-4.97:1 */
html[data-ss-theme="light"] .oc-next-btn {
  color: #4b6683 !important;
}
html[data-ss-theme="light"] .oc-next-btn svg, html[data-ss-theme="light"] .oc-next-btn i {
  color: #4b6683 !important;
}
/* 5 controls · was 1.12-1.13:1 · now 4.89-4.93:1 */
html[data-ss-theme="light"] .mc-nav-btn:hover,
html[data-ss-theme="light"] .mc-reload-btn:hover,
html[data-ss-theme="light"] .mc-view-tab:hover,
html[data-ss-theme="light"] .qb-btn-ghost:hover,
html[data-ss-theme="light"] .th-admin-btn {
  color: #4d6c95 !important;
}
html[data-ss-theme="light"] .mc-nav-btn:hover svg, html[data-ss-theme="light"] .mc-nav-btn:hover i,
html[data-ss-theme="light"] .mc-reload-btn:hover svg, html[data-ss-theme="light"] .mc-reload-btn:hover i,
html[data-ss-theme="light"] .mc-view-tab:hover svg, html[data-ss-theme="light"] .mc-view-tab:hover i,
html[data-ss-theme="light"] .qb-btn-ghost:hover svg, html[data-ss-theme="light"] .qb-btn-ghost:hover i,
html[data-ss-theme="light"] .th-admin-btn svg, html[data-ss-theme="light"] .th-admin-btn i {
  color: #4d6c95 !important;
}
/* 1 control · was 1.21-1.21:1 · now 4.92-4.92:1 */
html[data-ss-theme="light"] .qb-arrange-btn {
  color: #4e6888 !important;
}
html[data-ss-theme="light"] .qb-arrange-btn svg, html[data-ss-theme="light"] .qb-arrange-btn i {
  color: #4e6888 !important;
}
/* 6 controls · was 1.24-1.35:1 · now 4.99-5:1 */
html[data-ss-theme="light"] .mnp-tab:hover:not(.mnp-tab-on),
html[data-ss-theme="light"] .msn-evt,
html[data-ss-theme="light"] .mtoast-btn,
html[data-ss-theme="light"] .qb-sel-btn,
html[data-ss-theme="light"] .qb-send-ctx-item,
html[data-ss-theme="light"] .side.sidebar-fb .nav-item-fb {
  color: #506b8b !important;
}
html[data-ss-theme="light"] .mnp-tab:hover:not(.mnp-tab-on) svg, html[data-ss-theme="light"] .mnp-tab:hover:not(.mnp-tab-on) i,
html[data-ss-theme="light"] .msn-evt svg, html[data-ss-theme="light"] .msn-evt i,
html[data-ss-theme="light"] .mtoast-btn svg, html[data-ss-theme="light"] .mtoast-btn i,
html[data-ss-theme="light"] .qb-sel-btn svg, html[data-ss-theme="light"] .qb-sel-btn i,
html[data-ss-theme="light"] .qb-send-ctx-item svg, html[data-ss-theme="light"] .qb-send-ctx-item i,
html[data-ss-theme="light"] .side.sidebar-fb .nav-item-fb svg, html[data-ss-theme="light"] .side.sidebar-fb .nav-item-fb i {
  color: #506b8b !important;
}
/* 3 controls · was 1.36-1.36:1 · now 4.87-4.88:1 */
html[data-ss-theme="light"] .mnp-tab-action:hover,
html[data-ss-theme="light"] .qbcd-copy-btn,
html[data-ss-theme="light"] .qbcd-copy-btn:hover {
  color: #526d8e !important;
}
html[data-ss-theme="light"] .mnp-tab-action:hover svg, html[data-ss-theme="light"] .mnp-tab-action:hover i,
html[data-ss-theme="light"] .qbcd-copy-btn svg, html[data-ss-theme="light"] .qbcd-copy-btn i,
html[data-ss-theme="light"] .qbcd-copy-btn:hover svg, html[data-ss-theme="light"] .qbcd-copy-btn:hover i {
  color: #526d8e !important;
}
/* 1 control · was 3.43-3.43:1 · now 4.92-4.92:1 */
html[data-ss-theme="light"] .hp-ctl-add-btn:hover {
  color: #532e97 !important;
}
html[data-ss-theme="light"] .hp-ctl-add-btn:hover svg, html[data-ss-theme="light"] .hp-ctl-add-btn:hover i {
  color: #532e97 !important;
}
/* 1 control · was 2.14-2.14:1 · now 4.97-4.97:1 */
html[data-ss-theme="light"] .qb-vc-select {
  color: #53647e !important;
}
html[data-ss-theme="light"] .qb-vc-select svg, html[data-ss-theme="light"] .qb-vc-select i {
  color: #53647e !important;
}
/* 1 control · was 1.52-1.52:1 · now 5.17-5.17:1 */
html[data-ss-theme="light"] .mbx-duty-pill[data-tone="break"] {
  color: #544402 !important;
}
html[data-ss-theme="light"] .mbx-duty-pill[data-tone="break"] svg, html[data-ss-theme="light"] .mbx-duty-pill[data-tone="break"] i {
  color: #544402 !important;
}
/* 5 controls · was 4.26-4.3:1 · now 4.95-5:1 */
html[data-ss-theme="light"] .md-filter-chip-x,
html[data-ss-theme="light"] .md-pagination .md-page-btn,
html[data-ss-theme="light"] .odp-nav-btn:hover,
html[data-ss-theme="light"] .se2-ai-clear-btn:hover,
html[data-ss-theme="light"] .se2-ai-collapse-btn:hover {
  color: #546171 !important;
}
html[data-ss-theme="light"] .md-filter-chip-x svg, html[data-ss-theme="light"] .md-filter-chip-x i,
html[data-ss-theme="light"] .md-pagination .md-page-btn svg, html[data-ss-theme="light"] .md-pagination .md-page-btn i,
html[data-ss-theme="light"] .odp-nav-btn:hover svg, html[data-ss-theme="light"] .odp-nav-btn:hover i,
html[data-ss-theme="light"] .se2-ai-clear-btn:hover svg, html[data-ss-theme="light"] .se2-ai-clear-btn:hover i,
html[data-ss-theme="light"] .se2-ai-collapse-btn:hover svg, html[data-ss-theme="light"] .se2-ai-collapse-btn:hover i {
  color: #546171 !important;
}
/* 1 control · was 1.68-1.68:1 · now 5-5:1 */
html[data-ss-theme="light"] .mc-list-num-pill {
  color: #54657e !important;
}
html[data-ss-theme="light"] .mc-list-num-pill svg, html[data-ss-theme="light"] .mc-list-num-pill i {
  color: #54657e !important;
}
/* 10 controls · was 1.63-1.63:1 · now 4.97-4.97:1 */
html[data-ss-theme="light"] .chipbtn,
html[data-ss-theme="light"] .gtab,
html[data-ss-theme="light"] .mnp-tab,
html[data-ss-theme="light"] .mnp-tab-action,
html[data-ss-theme="light"] .nav-group-head,
html[data-ss-theme="light"] .rn-file-clear,
html[data-ss-theme="light"] .rn-tag-toggle,
html[data-ss-theme="light"] .rtab,
html[data-ss-theme="light"] .stngs-close-btn,
html[data-ss-theme="light"] .stngs-tile-inner-btn {
  color: #5567a0 !important;
}
html[data-ss-theme="light"] .chipbtn svg, html[data-ss-theme="light"] .chipbtn i,
html[data-ss-theme="light"] .gtab svg, html[data-ss-theme="light"] .gtab i,
html[data-ss-theme="light"] .mnp-tab svg, html[data-ss-theme="light"] .mnp-tab i,
html[data-ss-theme="light"] .mnp-tab-action svg, html[data-ss-theme="light"] .mnp-tab-action i,
html[data-ss-theme="light"] .nav-group-head svg, html[data-ss-theme="light"] .nav-group-head i,
html[data-ss-theme="light"] .rn-file-clear svg, html[data-ss-theme="light"] .rn-file-clear i,
html[data-ss-theme="light"] .rn-tag-toggle svg, html[data-ss-theme="light"] .rn-tag-toggle i,
html[data-ss-theme="light"] .rtab svg, html[data-ss-theme="light"] .rtab i,
html[data-ss-theme="light"] .stngs-close-btn svg, html[data-ss-theme="light"] .stngs-close-btn i,
html[data-ss-theme="light"] .stngs-tile-inner-btn svg, html[data-ss-theme="light"] .stngs-tile-inner-btn i {
  color: #5567a0 !important;
}
/* 4 controls · was 4.34-4.46:1 · now 4.89-5.02:1 */
html[data-ss-theme="light"] .hp-ctl-modal-close,
html[data-ss-theme="light"] .md-row-modal-field .md-rmf-copy,
html[data-ss-theme="light"] .qbcd-footer-btn,
html[data-ss-theme="light"] .qbcd-quick-icon-btn {
  color: #566374 !important;
}
html[data-ss-theme="light"] .hp-ctl-modal-close svg, html[data-ss-theme="light"] .hp-ctl-modal-close i,
html[data-ss-theme="light"] .md-row-modal-field .md-rmf-copy svg, html[data-ss-theme="light"] .md-row-modal-field .md-rmf-copy i,
html[data-ss-theme="light"] .qbcd-footer-btn svg, html[data-ss-theme="light"] .qbcd-footer-btn i,
html[data-ss-theme="light"] .qbcd-quick-icon-btn svg, html[data-ss-theme="light"] .qbcd-quick-icon-btn i {
  color: #566374 !important;
}
/* 1 control · was 1.64-1.64:1 · now 4.86-4.86:1 */
html[data-ss-theme="light"] .stngs-tile-chip {
  color: #5669a4 !important;
}
html[data-ss-theme="light"] .stngs-tile-chip svg, html[data-ss-theme="light"] .stngs-tile-chip i {
  color: #5669a4 !important;
}
/* 6 controls · was 1.48-2.13:1 · now 5-5.04:1 */
html[data-ss-theme="light"] .lm-refresh-btn,
html[data-ss-theme="light"] .lm-refresh-btn:hover,
html[data-ss-theme="light"] .mc-nav-btn,
html[data-ss-theme="light"] .mc-reload-btn,
html[data-ss-theme="light"] .mc-view-tab,
html[data-ss-theme="light"] .qb-btn-ghost {
  color: #586a84 !important;
}
html[data-ss-theme="light"] .lm-refresh-btn svg, html[data-ss-theme="light"] .lm-refresh-btn i,
html[data-ss-theme="light"] .lm-refresh-btn:hover svg, html[data-ss-theme="light"] .lm-refresh-btn:hover i,
html[data-ss-theme="light"] .mc-nav-btn svg, html[data-ss-theme="light"] .mc-nav-btn i,
html[data-ss-theme="light"] .mc-reload-btn svg, html[data-ss-theme="light"] .mc-reload-btn i,
html[data-ss-theme="light"] .mc-view-tab svg, html[data-ss-theme="light"] .mc-view-tab i,
html[data-ss-theme="light"] .qb-btn-ghost svg, html[data-ss-theme="light"] .qb-btn-ghost i {
  color: #586a84 !important;
}
/* 1 control · was 3.59-3.59:1 · now 5-5:1 */
html[data-ss-theme="light"] .qbcd-close-x {
  color: #596371 !important;
}
html[data-ss-theme="light"] .qbcd-close-x svg, html[data-ss-theme="light"] .qbcd-close-x i {
  color: #596371 !important;
}
/* 2 controls · was 3.71-3.71:1 · now 4.96-4.96:1 */
html[data-ss-theme="light"] .bp-btn-close,
html[data-ss-theme="light"] .yct-age-pill {
  color: #5b6674 !important;
}
html[data-ss-theme="light"] .bp-btn-close svg, html[data-ss-theme="light"] .bp-btn-close i,
html[data-ss-theme="light"] .yct-age-pill svg, html[data-ss-theme="light"] .yct-age-pill i {
  color: #5b6674 !important;
}
/* 1 control · was 4.32-4.32:1 · now 5-5:1 */
html[data-ss-theme="light"] .qbcd-close-btn {
  color: #5b6a7f !important;
}
html[data-ss-theme="light"] .qbcd-close-btn svg, html[data-ss-theme="light"] .qbcd-close-btn i {
  color: #5b6a7f !important;
}
/* 1 control · was 4.1-4.1:1 · now 4.9-4.9:1 */
html[data-ss-theme="light"] .hp-ctl-book-btn.queue-mode:hover {
  color: #6036af !important;
}
html[data-ss-theme="light"] .hp-ctl-book-btn.queue-mode:hover svg, html[data-ss-theme="light"] .hp-ctl-book-btn.queue-mode:hover i {
  color: #6036af !important;
}
/* 1 control · was 4.28-4.28:1 · now 4.98-4.98:1 */
html[data-ss-theme="light"] .hp-ctl-add-btn {
  color: #6237b3 !important;
}
html[data-ss-theme="light"] .hp-ctl-add-btn svg, html[data-ss-theme="light"] .hp-ctl-add-btn i {
  color: #6237b3 !important;
}
/* 1 control · was 1.1-1.1:1 · now 5.01-5.01:1 */
html[data-ss-theme="light"] .mtoast {
  color: #6f92a9 !important;
}
html[data-ss-theme="light"] .mtoast svg, html[data-ss-theme="light"] .mtoast i {
  color: #6f92a9 !important;
}
/* 1 control · was 1.16-1.16:1 · now 4.85-4.85:1 */
html[data-ss-theme="light"] .reminder-card {
  color: #7294ab !important;
}
html[data-ss-theme="light"] .reminder-card svg, html[data-ss-theme="light"] .reminder-card i {
  color: #7294ab !important;
}
/* 1 control · was 2.65-2.65:1 · now 5-5:1 */
html[data-ss-theme="light"] .hp-ctl-pending-pill:hover {
  color: #795005 !important;
}
html[data-ss-theme="light"] .hp-ctl-pending-pill:hover svg, html[data-ss-theme="light"] .hp-ctl-pending-pill:hover i {
  color: #795005 !important;
}
/* 1 control · was 3.77-3.77:1 · now 5.04-5.04:1 */
html[data-ss-theme="light"] .odp-save-all-btn:hover {
  color: #7c3c04 !important;
}
html[data-ss-theme="light"] .odp-save-all-btn:hover svg, html[data-ss-theme="light"] .odp-save-all-btn:hover i {
  color: #7c3c04 !important;
}
/* 1 control · was 2.85-2.85:1 · now 5.09-5.09:1 */
html[data-ss-theme="light"] .hp-ctl-folder-btn:hover {
  color: #7e5306 !important;
}
html[data-ss-theme="light"] .hp-ctl-folder-btn:hover svg, html[data-ss-theme="light"] .hp-ctl-folder-btn:hover i {
  color: #7e5306 !important;
}
/* 1 control · was 1.05-1.05:1 · now 7.03-7.03:1 */
html[data-ss-theme="light"] .members-page .btn.ghost {
  color: #82a0b4 !important;
}
html[data-ss-theme="light"] .members-page .btn.ghost svg, html[data-ss-theme="light"] .members-page .btn.ghost i {
  color: #82a0b4 !important;
}
/* 1 control · was 2.99-2.99:1 · now 5.01-5.01:1 */
html[data-ss-theme="light"] .hp-ctl-pending-pill {
  color: #835706 !important;
}
html[data-ss-theme="light"] .hp-ctl-pending-pill svg, html[data-ss-theme="light"] .hp-ctl-pending-pill i {
  color: #835706 !important;
}
/* 1 control · was 1.02-1.02:1 · now 7.05-7.05:1 */
html[data-ss-theme="light"] .sidebar-footer-actions {
  color: #85a3b6 !important;
}
html[data-ss-theme="light"] .sidebar-footer-actions svg, html[data-ss-theme="light"] .sidebar-footer-actions i {
  color: #85a3b6 !important;
}
/* 1 control · was 3.12-3.12:1 · now 4.97-4.97:1 */
html[data-ss-theme="light"] .hp-ctl-folder-btn {
  color: #885a06 !important;
}
html[data-ss-theme="light"] .hp-ctl-folder-btn svg, html[data-ss-theme="light"] .hp-ctl-folder-btn i {
  color: #885a06 !important;
}
/* 1 control · was 1-1:1 · now 7.1-7.1:1 */
html[data-ss-theme="light"] .members-page .btn {
  color: #89a5b8 !important;
}
html[data-ss-theme="light"] .members-page .btn svg, html[data-ss-theme="light"] .members-page .btn i {
  color: #89a5b8 !important;
}
/* 1 control · was 4.26-4.26:1 · now 4.92-4.92:1 */
html[data-ss-theme="light"] .odp-save-all-btn {
  color: #8b4305 !important;
}
html[data-ss-theme="light"] .odp-save-all-btn svg, html[data-ss-theme="light"] .odp-save-all-btn i {
  color: #8b4305 !important;
}
/* 1 PINNED · these already passed; the pin stops a correction
   written for a LESS specific selector from reaching them */
html[data-ss-theme="light"] .mtoast.mtoast-reply .mtoast-btn-primary {
  color: #93a2b8 !important;
}
html[data-ss-theme="light"] .mtoast.mtoast-reply .mtoast-btn-primary svg, html[data-ss-theme="light"] .mtoast.mtoast-reply .mtoast-btn-primary i {
  color: #93a2b8 !important;
}
/* 1 control · was 2.34-2.34:1 · now 5.08-5.08:1 */
html[data-ss-theme="light"] .hp-odp-edit-btn:hover {
  color: #95460f !important;
}
html[data-ss-theme="light"] .hp-odp-edit-btn:hover svg, html[data-ss-theme="light"] .hp-odp-edit-btn:hover i {
  color: #95460f !important;
}
/* 1 control · was 1.17-1.17:1 · now 7.03-7.03:1 */
html[data-ss-theme="light"] .members-page .btn.secondary {
  color: #99b1c2 !important;
}
html[data-ss-theme="light"] .members-page .btn.secondary svg, html[data-ss-theme="light"] .members-page .btn.secondary i {
  color: #99b1c2 !important;
}
/* 1 control · was 2.46-2.46:1 · now 4.99-4.99:1 */
html[data-ss-theme="light"] .hp-odp-edit-btn {
  color: #9f4b10 !important;
}
html[data-ss-theme="light"] .hp-odp-edit-btn svg, html[data-ss-theme="light"] .hp-odp-edit-btn i {
  color: #9f4b10 !important;
}
/* 1 PINNED · these already passed; the pin stops a correction
   written for a LESS specific selector from reaching them */
html[data-ss-theme="light"] .members-page .inspector-tabs .tab {
  color: #a1a1aa !important;
}
html[data-ss-theme="light"] .members-page .inspector-tabs .tab svg, html[data-ss-theme="light"] .members-page .inspector-tabs .tab i {
  color: #a1a1aa !important;
}
/* 1 PINNED · these already passed; the pin stops a correction
   written for a LESS specific selector from reaching them */
html[data-ss-theme="light"] .members-page .daytab {
  color: #a3b3c7 !important;
}
html[data-ss-theme="light"] .members-page .daytab svg, html[data-ss-theme="light"] .members-page .daytab i {
  color: #a3b3c7 !important;
}
/* 3 controls · was 3.57-3.66:1 · now 4.86-4.98:1 */
html[data-ss-theme="light"] .hp-ctl-delete-btn:hover,
html[data-ss-theme="light"] .hp-ctl-q-leave-btn:hover,
html[data-ss-theme="light"] .mr-btn.danger:hover {
  color: #a52f2b !important;
}
html[data-ss-theme="light"] .hp-ctl-delete-btn:hover svg, html[data-ss-theme="light"] .hp-ctl-delete-btn:hover i,
html[data-ss-theme="light"] .hp-ctl-q-leave-btn:hover svg, html[data-ss-theme="light"] .hp-ctl-q-leave-btn:hover i,
html[data-ss-theme="light"] .mr-btn.danger:hover svg, html[data-ss-theme="light"] .mr-btn.danger:hover i {
  color: #a52f2b !important;
}
/* 1 control · was 2.27-2.27:1 · now 4.9-4.9:1 */
html[data-ss-theme="light"] .tcx-eng-btn.on {
  color: #a54604 !important;
}
html[data-ss-theme="light"] .tcx-eng-btn.on svg, html[data-ss-theme="light"] .tcx-eng-btn.on i {
  color: #a54604 !important;
}
/* 2 controls · was 3.04-3.04:1 · now 7.03-7.03:1 */
html[data-ss-theme="light"] .nbx-btn.danger:hover,
html[data-ss-theme="light"] .pm-diagram-actions button.del:hover {
  color: #a70e06 !important;
}
html[data-ss-theme="light"] .nbx-btn.danger:hover svg, html[data-ss-theme="light"] .nbx-btn.danger:hover i,
html[data-ss-theme="light"] .pm-diagram-actions button.del:hover svg, html[data-ss-theme="light"] .pm-diagram-actions button.del:hover i {
  color: #a70e06 !important;
}
/* 4 controls · was 3.74-3.74:1 · now 4.9-4.9:1 */
html[data-ss-theme="light"] .cc-btn.danger:hover,
html[data-ss-theme="light"] .ci-fw-btn.close:hover,
html[data-ss-theme="light"] .md-cell-btn.danger:hover,
html[data-ss-theme="light"] .mds-btn-danger:hover {
  color: #a9312c !important;
}
html[data-ss-theme="light"] .cc-btn.danger:hover svg, html[data-ss-theme="light"] .cc-btn.danger:hover i,
html[data-ss-theme="light"] .ci-fw-btn.close:hover svg, html[data-ss-theme="light"] .ci-fw-btn.close:hover i,
html[data-ss-theme="light"] .md-cell-btn.danger:hover svg, html[data-ss-theme="light"] .md-cell-btn.danger:hover i,
html[data-ss-theme="light"] .mds-btn-danger:hover svg, html[data-ss-theme="light"] .mds-btn-danger:hover i {
  color: #a9312c !important;
}
/* 3 controls · was 3.86-3.96:1 · now 4.88-5.01:1 */
html[data-ss-theme="light"] .ci-cid-retry,
html[data-ss-theme="light"] .md-action-menu-item.danger:hover,
html[data-ss-theme="light"] .mr-btn.danger {
  color: #ad322d !important;
}
html[data-ss-theme="light"] .ci-cid-retry svg, html[data-ss-theme="light"] .ci-cid-retry i,
html[data-ss-theme="light"] .md-action-menu-item.danger:hover svg, html[data-ss-theme="light"] .md-action-menu-item.danger:hover i,
html[data-ss-theme="light"] .mr-btn.danger svg, html[data-ss-theme="light"] .mr-btn.danger i {
  color: #ad322d !important;
}
/* 1 control · was 3.9-3.9:1 · now 4.94-4.94:1 */
html[data-ss-theme="light"] .se2-ai-close-btn:hover {
  color: #ae2f51 !important;
}
html[data-ss-theme="light"] .se2-ai-close-btn:hover svg, html[data-ss-theme="light"] .se2-ai-close-btn:hover i {
  color: #ae2f51 !important;
}
/* 1 control · was 4.03-4.03:1 · now 4.93-4.93:1 */
html[data-ss-theme="light"] .mds-right-body .mds-tab-card .mds-btn-danger {
  color: #b1332e !important;
}
html[data-ss-theme="light"] .mds-right-body .mds-tab-card .mds-btn-danger svg, html[data-ss-theme="light"] .mds-right-body .mds-tab-card .mds-btn-danger i {
  color: #b1332e !important;
}
/* 1 control · was 1.93-1.93:1 · now 4.96-4.96:1 */
html[data-ss-theme="light"] .svc-qb-del-btn:hover:not(:disabled) {
  color: #b30909 !important;
}
html[data-ss-theme="light"] .svc-qb-del-btn:hover:not(:disabled) svg, html[data-ss-theme="light"] .svc-qb-del-btn:hover:not(:disabled) i {
  color: #b30909 !important;
}
/* 2 controls · was 1.34-1.34:1 · now 4.95-4.95:1 */
html[data-ss-theme="light"] .qbcd-close-pill:hover,
html[data-ss-theme="light"] .th-admin-btn.del:hover {
  color: #b50606 !important;
}
html[data-ss-theme="light"] .qbcd-close-pill:hover svg, html[data-ss-theme="light"] .qbcd-close-pill:hover i,
html[data-ss-theme="light"] .th-admin-btn.del:hover svg, html[data-ss-theme="light"] .th-admin-btn.del:hover i {
  color: #b50606 !important;
}
/* 4 controls · was 4.17-4.2:1 · now 4.93-4.97:1 */
html[data-ss-theme="light"] .hp-ctl-delete-btn,
html[data-ss-theme="light"] .hp-ctl-q-leave-btn,
html[data-ss-theme="light"] .mds-btn-danger,
html[data-ss-theme="light"] .ocs-link-del {
  color: #b5342f !important;
}
html[data-ss-theme="light"] .hp-ctl-delete-btn svg, html[data-ss-theme="light"] .hp-ctl-delete-btn i,
html[data-ss-theme="light"] .hp-ctl-q-leave-btn svg, html[data-ss-theme="light"] .hp-ctl-q-leave-btn i,
html[data-ss-theme="light"] .mds-btn-danger svg, html[data-ss-theme="light"] .mds-btn-danger i,
html[data-ss-theme="light"] .ocs-link-del svg, html[data-ss-theme="light"] .ocs-link-del i {
  color: #b5342f !important;
}
/* 1 control · was 4.31-4.31:1 · now 4.94-4.94:1 */
html[data-ss-theme="light"] .cat-code-btn.unlink:hover {
  color: #b93530 !important;
}
html[data-ss-theme="light"] .cat-code-btn.unlink:hover svg, html[data-ss-theme="light"] .cat-code-btn.unlink:hover i {
  color: #b93530 !important;
}
/* 1 control · was 4.22-4.22:1 · now 4.92-4.92:1 */
html[data-ss-theme="light"] .mbx-duty-pill[data-tone="idle"] {
  color: #b9c1da !important;
}
html[data-ss-theme="light"] .mbx-duty-pill[data-tone="idle"] svg, html[data-ss-theme="light"] .mbx-duty-pill[data-tone="idle"] i {
  color: #b9c1da !important;
}
/* 1 control · was 1.41-1.41:1 · now 5-5:1 */
html[data-ss-theme="light"] .qb-sel-btn-remove:hover:not(:disabled) {
  color: #ba0606 !important;
}
html[data-ss-theme="light"] .qb-sel-btn-remove:hover:not(:disabled) svg, html[data-ss-theme="light"] .qb-sel-btn-remove:hover:not(:disabled) i {
  color: #ba0606 !important;
}
/* 1 control · was 1.51-1.51:1 · now 4.96-4.96:1 */
html[data-ss-theme="light"] .qbcd-close-pill {
  color: #c40707 !important;
}
html[data-ss-theme="light"] .qbcd-close-pill svg, html[data-ss-theme="light"] .qbcd-close-pill i {
  color: #c40707 !important;
}
/* 1 control · was 2.24-2.24:1 · now 4.94-4.94:1 */
html[data-ss-theme="light"] .svc-qb-del-btn {
  color: #c60a0a !important;
}
html[data-ss-theme="light"] .svc-qb-del-btn svg, html[data-ss-theme="light"] .svc-qb-del-btn i {
  color: #c60a0a !important;
}
/* 1 control · was 2.23-2.23:1 · now 4.97-4.97:1 */
html[data-ss-theme="light"] .qbcd-close-btn:hover {
  color: #c80622 !important;
}
html[data-ss-theme="light"] .qbcd-close-btn:hover svg, html[data-ss-theme="light"] .qbcd-close-btn:hover i {
  color: #c80622 !important;
}
/* 1 control · was 1.02-1.02:1 · now 12.16-12.16:1 · + 1 PINNED (kept the ink they already passed with) */
html[data-ss-theme="light"] .members-page .density-toggle,
html[data-ss-theme="light"] .members-page .roster-item {
  color: #c9d1d9 !important;
}
html[data-ss-theme="light"] .members-page .density-toggle svg, html[data-ss-theme="light"] .members-page .density-toggle i,
html[data-ss-theme="light"] .members-page .roster-item svg, html[data-ss-theme="light"] .members-page .roster-item i {
  color: #c9d1d9 !important;
}
/* 1 control · was 1.06-1.06:1 · now 4.89-4.89:1 */
html[data-ss-theme="light"] .nav a:hover {
  color: #cbdff8 !important;
}
html[data-ss-theme="light"] .nav a:hover svg, html[data-ss-theme="light"] .nav a:hover i {
  color: #cbdff8 !important;
}
/* 1 control · was 2.31-2.31:1 · now 4.95-4.95:1 */
html[data-ss-theme="light"] .rn-pi-del {
  color: #cd0623 !important;
}
html[data-ss-theme="light"] .rn-pi-del svg, html[data-ss-theme="light"] .rn-pi-del i {
  color: #cd0623 !important;
}
/* 4 controls · was 2.17-2.17:1 · now 7.06-7.06:1 */
html[data-ss-theme="light"] .btn.primary:hover,
html[data-ss-theme="light"] .mey-se2-cta:hover,
html[data-ss-theme="light"] .ss-btn.primary:hover,
html[data-ss-theme="light"] .swx-btn.primary:hover {
  color: #dcebd7 !important;
}
html[data-ss-theme="light"] .btn.primary:hover svg, html[data-ss-theme="light"] .btn.primary:hover i,
html[data-ss-theme="light"] .mey-se2-cta:hover svg, html[data-ss-theme="light"] .mey-se2-cta:hover i,
html[data-ss-theme="light"] .ss-btn.primary:hover svg, html[data-ss-theme="light"] .ss-btn.primary:hover i,
html[data-ss-theme="light"] .swx-btn.primary:hover svg, html[data-ss-theme="light"] .swx-btn.primary:hover i {
  color: #dcebd7 !important;
}
/* 1 PINNED · these already passed; the pin stops a correction
   written for a LESS specific selector from reaching them */
html[data-ss-theme="light"] .mtoast.mtoast-reply .mtoast-btn-primary:hover {
  color: #ddd6fe !important;
}
html[data-ss-theme="light"] .mtoast.mtoast-reply .mtoast-btn-primary:hover svg, html[data-ss-theme="light"] .mtoast.mtoast-reply .mtoast-btn-primary:hover i {
  color: #ddd6fe !important;
}
/* 1 control · was 2.98-2.98:1 · now 4.89-4.89:1 */
html[data-ss-theme="light"] .su-btn.primary {
  color: #dfe6ec !important;
}
html[data-ss-theme="light"] .su-btn.primary svg, html[data-ss-theme="light"] .su-btn.primary i {
  color: #dfe6ec !important;
}
/* 1 control · was 2.48-2.48:1 · now 6.63-6.63:1 */
html[data-ss-theme="light"] .qb-toggle input:checked ~ .qb-toggle-track {
  color: #eef2ff !important;
}
html[data-ss-theme="light"] .qb-toggle input:checked ~ .qb-toggle-track svg, html[data-ss-theme="light"] .qb-toggle input:checked ~ .qb-toggle-track i {
  color: #eef2ff !important;
}
/* 1 PINNED · these already passed; the pin stops a correction
   written for a LESS specific selector from reaching them */
html[data-ss-theme="light"] .mtoast.mtoast-noteevt .mtoast-btn-primary {
  color: #f59e0b !important;
}
html[data-ss-theme="light"] .mtoast.mtoast-noteevt .mtoast-btn-primary svg, html[data-ss-theme="light"] .mtoast.mtoast-noteevt .mtoast-btn-primary i {
  color: #f59e0b !important;
}
/* 1 control · was 2.55-2.55:1 · now 7.06-7.06:1 */
html[data-ss-theme="light"] .er-toast__btn--primary {
  color: #f5fafe !important;
}
html[data-ss-theme="light"] .er-toast__btn--primary svg, html[data-ss-theme="light"] .er-toast__btn--primary i {
  color: #f5fafe !important;
}
/* 1 control · was 2.61-2.61:1 · now 7.05-7.05:1 */
html[data-ss-theme="light"] .er-countdown__done {
  color: #f5fdf9 !important;
}
html[data-ss-theme="light"] .er-countdown__done svg, html[data-ss-theme="light"] .er-countdown__done i {
  color: #f5fdf9 !important;
}
/* 2 controls · was 2.57-2.57:1 · now 7.03-7.03:1 */
html[data-ss-theme="light"] .tcx-eng-send,
html[data-ss-theme="light"] .tcx-qc-btn:hover {
  color: #f7f9fb !important;
}
html[data-ss-theme="light"] .tcx-eng-send svg, html[data-ss-theme="light"] .tcx-eng-send i,
html[data-ss-theme="light"] .tcx-qc-btn:hover svg, html[data-ss-theme="light"] .tcx-qc-btn:hover i {
  color: #f7f9fb !important;
}
/* 1 control · was 2.56-2.56:1 · now 7.05-7.05:1 */
html[data-ss-theme="light"] .tc-btn.primary:hover {
  color: #f7faf6 !important;
}
html[data-ss-theme="light"] .tc-btn.primary:hover svg, html[data-ss-theme="light"] .tc-btn.primary:hover i {
  color: #f7faf6 !important;
}
/* 2 controls · was 2.48-2.48:1 · now 7.08-7.08:1 */
html[data-ss-theme="light"] .cc-sync-toggle.on,
html[data-ss-theme="light"] .tc-btn.primary {
  color: #f8fafb !important;
}
html[data-ss-theme="light"] .cc-sync-toggle.on svg, html[data-ss-theme="light"] .cc-sync-toggle.on i,
html[data-ss-theme="light"] .tc-btn.primary svg, html[data-ss-theme="light"] .tc-btn.primary i {
  color: #f8fafb !important;
}
/* 2 controls · was 2.03-2.03:1 · now 7.1-7.1:1 */
html[data-ss-theme="light"] .cc-sync-save,
html[data-ss-theme="light"] .tc-tab-btn.active .tc-tab-count {
  color: #f9fafb !important;
}
html[data-ss-theme="light"] .cc-sync-save svg, html[data-ss-theme="light"] .cc-sync-save i,
html[data-ss-theme="light"] .tc-tab-btn.active .tc-tab-count svg, html[data-ss-theme="light"] .tc-tab-btn.active .tc-tab-count i {
  color: #f9fafb !important;
}
/* 1 PINNED · these already passed; the pin stops a correction
   written for a LESS specific selector from reaching them */
html[data-ss-theme="light"] .mtoast.mtoast-noteevt .mtoast-btn-primary:hover {
  color: #fbbf24 !important;
}
html[data-ss-theme="light"] .mtoast.mtoast-noteevt .mtoast-btn-primary:hover svg, html[data-ss-theme="light"] .mtoast.mtoast-noteevt .mtoast-btn-primary:hover i {
  color: #fbbf24 !important;
}
/* 1 PINNED · these already passed; the pin stops a correction
   written for a LESS specific selector from reaching them */
html[data-ss-theme="light"] .members-page .btn.danger {
  color: #fef2f2 !important;
}
html[data-ss-theme="light"] .members-page .btn.danger svg, html[data-ss-theme="light"] .members-page .btn.danger i {
  color: #fef2f2 !important;
}
/* 4 controls · was 1.9-3.08:1 · now 4.65-4.74:1 · + 1 PINNED (kept the ink they already passed with) */
html[data-ss-theme="light"] .high-alert-box .btn.danger,
html[data-ss-theme="light"] .modal .ms-action-btn,
html[data-ss-theme="light"] .modal .ms-action-btn:hover,
html[data-ss-theme="light"] .modal .ms-nav-item,
html[data-ss-theme="light"] .modal .ms-xbtn {
  color: #ffffff !important;
}
html[data-ss-theme="light"] .high-alert-box .btn.danger svg, html[data-ss-theme="light"] .high-alert-box .btn.danger i,
html[data-ss-theme="light"] .modal .ms-action-btn svg, html[data-ss-theme="light"] .modal .ms-action-btn i,
html[data-ss-theme="light"] .modal .ms-action-btn:hover svg, html[data-ss-theme="light"] .modal .ms-action-btn:hover i,
html[data-ss-theme="light"] .modal .ms-nav-item svg, html[data-ss-theme="light"] .modal .ms-nav-item i,
html[data-ss-theme="light"] .modal .ms-xbtn svg, html[data-ss-theme="light"] .modal .ms-xbtn i {
  color: #ffffff !important;
}
/* END GENERATED · button ink (btn-1) */