/* Raptool Check — the selectable screen styles.
 *
 * Applies ONLY when the screen root carries data-style="forge | arctic |
 * fieldwork | nightshift | signal | titan | aero | roadline | daybreak |
 * freshcheck | suite | return | harbor | ward | bedrock | voltage |
 * galley | cleanroom | frost | storefront | blueprint | contrast" (the operator's .run and the builder's
 * .run.pv alike). With data-style="standard", or none, nothing here matches
 * and shared/screens.css is the whole look. Loaded after screens.css.
 *
 * How it works: each style first replaces the theme palette (--bg, --surface,
 * --text, --accent ... and the --sc-* sizes of screens.css) on .run itself, so
 * mobile.css and screens.css repaint with it — a style ignores the app's
 * light/dark theme. Structural rules then do what variables cannot.
 * The --st-* tokens are this file's own (header, progress, footer, outcome ring).
 * System font stacks only; no images, no web fonts, no animation anywhere.
 *
 * Sections: 0 shared · 1 Forge · 2 Arctic · 3 Fieldwork · 4 Nightshift · 5 Signal
 *   6 Titan · 7 Aero · 8 Roadline · 9 Daybreak · 10 Freshcheck · 11 Suite · 12 Return
 *   13 Harbor · 14 Ward · 15 Bedrock · 16 Voltage · 17 Galley · 18 Cleanroom
 *   19 Frost · 20 Storefront · 21 Blueprint · 22 Contrast (v4.11.0)
 * (6-12 are derived from the Raptool Checklist Studio v6 designs; the list of
 * all designs, with names and thumbnails, is shared/designs.js.)
 */

/* =================================================================== 0 shared */

/* The screens.css roles are resolved at :root, so they must be re-pointed at
   this element's own palette or a style would keep the app theme's colours. */
.run:is([data-style="forge"],[data-style="arctic"],[data-style="fieldwork"],[data-style="nightshift"],[data-style="signal"],[data-style="titan"],[data-style="aero"],[data-style="roadline"],[data-style="daybreak"],[data-style="freshcheck"],[data-style="suite"],[data-style="return"],[data-style="harbor"],[data-style="ward"],[data-style="bedrock"],[data-style="voltage"],[data-style="galley"],[data-style="cleanroom"],[data-style="frost"],[data-style="storefront"],[data-style="blueprint"],[data-style="contrast"]), .hm-styled:is([data-style="forge"],[data-style="arctic"],[data-style="fieldwork"],[data-style="nightshift"],[data-style="signal"],[data-style="titan"],[data-style="aero"],[data-style="roadline"],[data-style="daybreak"],[data-style="freshcheck"],[data-style="suite"],[data-style="return"],[data-style="harbor"],[data-style="ward"],[data-style="bedrock"],[data-style="voltage"],[data-style="galley"],[data-style="cleanroom"],[data-style="frost"],[data-style="storefront"],[data-style="blueprint"],[data-style="contrast"]) {
  --sc-surface: var(--surface);  --sc-surface-press: var(--surface-2);  --sc-border: var(--border-2);
  --sc-ink: var(--text);  --sc-muted: var(--text-2);  --sc-faint: var(--text-3);
  --sc-accent: var(--accent);  --sc-accent-soft: var(--accent-soft);  --sc-accent-ink: var(--accent-ink);
  --sc-good: var(--ok);  --sc-good-soft: var(--ok-soft);
  --sc-warn: var(--warn);  --sc-warn-soft: var(--warn-soft);
  --sc-bad: var(--bad);  --sc-bad-soft: var(--bad-soft);
  --sc-radius: var(--radius-l);  --sc-tile-bg: var(--accent-soft);  --sc-tile-ink: var(--accent);
  --sc-title-size: clamp(28px, 9vw, 35px);  --sc-label-size: 17px;
  --st-head-sub: var(--text-2);  --st-chip-bg: var(--accent-soft);  --st-chip-ink: var(--accent);
  background: var(--bg); color: var(--text); font-family: var(--font);
}
.run:is([data-style="forge"],[data-style="arctic"],[data-style="fieldwork"],[data-style="nightshift"],[data-style="signal"],[data-style="titan"],[data-style="aero"],[data-style="roadline"],[data-style="daybreak"],[data-style="freshcheck"],[data-style="suite"],[data-style="return"],[data-style="harbor"],[data-style="ward"],[data-style="bedrock"],[data-style="voltage"],[data-style="galley"],[data-style="cleanroom"],[data-style="frost"],[data-style="storefront"],[data-style="blueprint"],[data-style="contrast"]) input::placeholder, .run:is([data-style="forge"],[data-style="arctic"],[data-style="fieldwork"],[data-style="nightshift"],[data-style="signal"],[data-style="titan"],[data-style="aero"],[data-style="roadline"],[data-style="daybreak"],[data-style="freshcheck"],[data-style="suite"],[data-style="return"],[data-style="harbor"],[data-style="ward"],[data-style="bedrock"],[data-style="voltage"],[data-style="galley"],[data-style="cleanroom"],[data-style="frost"],[data-style="storefront"],[data-style="blueprint"],[data-style="contrast"]) textarea::placeholder { color: var(--text-3); opacity: 1; }

/* header, progress and footer all read the tokens set by each style */
.run:is([data-style="forge"],[data-style="arctic"],[data-style="fieldwork"],[data-style="nightshift"],[data-style="signal"],[data-style="titan"],[data-style="aero"],[data-style="roadline"],[data-style="daybreak"],[data-style="freshcheck"],[data-style="suite"],[data-style="return"],[data-style="harbor"],[data-style="ward"],[data-style="bedrock"],[data-style="voltage"],[data-style="galley"],[data-style="cleanroom"],[data-style="frost"],[data-style="storefront"],[data-style="blueprint"],[data-style="contrast"]) .run-head { background: var(--st-head-bg); color: var(--st-head-ink); border-bottom: 0; }
.run:is([data-style="forge"],[data-style="arctic"],[data-style="fieldwork"],[data-style="nightshift"],[data-style="signal"],[data-style="titan"],[data-style="aero"],[data-style="roadline"],[data-style="daybreak"],[data-style="freshcheck"],[data-style="suite"],[data-style="return"],[data-style="harbor"],[data-style="ward"],[data-style="bedrock"],[data-style="voltage"],[data-style="galley"],[data-style="cleanroom"],[data-style="frost"],[data-style="storefront"],[data-style="blueprint"],[data-style="contrast"]) .run-head .m-iconbtn { color: var(--st-head-ink); }
.run:is([data-style="forge"],[data-style="arctic"],[data-style="fieldwork"],[data-style="nightshift"],[data-style="signal"],[data-style="titan"],[data-style="aero"],[data-style="roadline"],[data-style="daybreak"],[data-style="freshcheck"],[data-style="suite"],[data-style="return"],[data-style="harbor"],[data-style="ward"],[data-style="bedrock"],[data-style="voltage"],[data-style="galley"],[data-style="cleanroom"],[data-style="frost"],[data-style="storefront"],[data-style="blueprint"],[data-style="contrast"]) .run-head .m-iconbtn:active { background: rgba(128,128,128,.25); }
.run:is([data-style="forge"],[data-style="arctic"],[data-style="fieldwork"],[data-style="nightshift"],[data-style="signal"],[data-style="titan"],[data-style="aero"],[data-style="roadline"],[data-style="daybreak"],[data-style="freshcheck"],[data-style="suite"],[data-style="return"],[data-style="harbor"],[data-style="ward"],[data-style="bedrock"],[data-style="voltage"],[data-style="galley"],[data-style="cleanroom"],[data-style="frost"],[data-style="storefront"],[data-style="blueprint"],[data-style="contrast"]) .run-head-title .run-cl { color: var(--st-head-sub); font-size: 12.5px; }
.run:is([data-style="forge"],[data-style="arctic"],[data-style="fieldwork"],[data-style="nightshift"],[data-style="signal"],[data-style="titan"],[data-style="aero"],[data-style="roadline"],[data-style="daybreak"],[data-style="freshcheck"],[data-style="suite"],[data-style="return"],[data-style="harbor"],[data-style="ward"],[data-style="bedrock"],[data-style="voltage"],[data-style="galley"],[data-style="cleanroom"],[data-style="frost"],[data-style="storefront"],[data-style="blueprint"],[data-style="contrast"]) .run-head .m-chip { background: var(--st-chip-bg); color: var(--st-chip-ink); height: 20px; font-size: 11px; }
.run:is([data-style="forge"],[data-style="arctic"],[data-style="fieldwork"],[data-style="nightshift"],[data-style="signal"],[data-style="titan"],[data-style="aero"],[data-style="roadline"],[data-style="daybreak"],[data-style="freshcheck"],[data-style="suite"],[data-style="return"],[data-style="harbor"],[data-style="ward"],[data-style="bedrock"],[data-style="voltage"],[data-style="galley"],[data-style="cleanroom"],[data-style="frost"],[data-style="storefront"],[data-style="blueprint"],[data-style="contrast"]) .run-progress { margin: 0 -12px; padding: 12px 20px 13px; background: var(--st-prog-bg); }
.run:is([data-style="forge"],[data-style="arctic"],[data-style="fieldwork"],[data-style="nightshift"],[data-style="signal"],[data-style="titan"],[data-style="aero"],[data-style="roadline"],[data-style="daybreak"],[data-style="freshcheck"],[data-style="suite"],[data-style="return"],[data-style="harbor"],[data-style="ward"],[data-style="bedrock"],[data-style="voltage"],[data-style="galley"],[data-style="cleanroom"],[data-style="frost"],[data-style="storefront"],[data-style="blueprint"],[data-style="contrast"]) .run-bar { height: 6px; background: var(--st-prog-track); }
.run:is([data-style="forge"],[data-style="arctic"],[data-style="fieldwork"],[data-style="nightshift"],[data-style="signal"],[data-style="titan"],[data-style="aero"],[data-style="roadline"],[data-style="daybreak"],[data-style="freshcheck"],[data-style="suite"],[data-style="return"],[data-style="harbor"],[data-style="ward"],[data-style="bedrock"],[data-style="voltage"],[data-style="galley"],[data-style="cleanroom"],[data-style="frost"],[data-style="storefront"],[data-style="blueprint"],[data-style="contrast"]) .run-bar span { background: var(--st-prog-fill); }
.run:is([data-style="forge"],[data-style="arctic"],[data-style="fieldwork"],[data-style="nightshift"],[data-style="signal"],[data-style="titan"],[data-style="aero"],[data-style="roadline"],[data-style="daybreak"],[data-style="freshcheck"],[data-style="suite"],[data-style="return"],[data-style="harbor"],[data-style="ward"],[data-style="bedrock"],[data-style="voltage"],[data-style="galley"],[data-style="cleanroom"],[data-style="frost"],[data-style="storefront"],[data-style="blueprint"],[data-style="contrast"]) .run-count { color: var(--st-prog-ink); font-size: 13px; }
.run:is([data-style="forge"],[data-style="arctic"],[data-style="fieldwork"],[data-style="nightshift"],[data-style="signal"],[data-style="titan"],[data-style="aero"],[data-style="roadline"],[data-style="daybreak"],[data-style="freshcheck"],[data-style="suite"],[data-style="return"],[data-style="harbor"],[data-style="ward"],[data-style="bedrock"],[data-style="voltage"],[data-style="galley"],[data-style="cleanroom"],[data-style="frost"],[data-style="storefront"],[data-style="blueprint"],[data-style="contrast"]) .run-foot { background: var(--st-foot-bg); border-top: var(--st-foot-rule); padding-top: 12px; }
.run:is([data-style="forge"],[data-style="arctic"],[data-style="fieldwork"],[data-style="nightshift"],[data-style="signal"],[data-style="titan"],[data-style="aero"],[data-style="roadline"],[data-style="daybreak"],[data-style="freshcheck"],[data-style="suite"],[data-style="return"],[data-style="harbor"],[data-style="ward"],[data-style="bedrock"],[data-style="voltage"],[data-style="galley"],[data-style="cleanroom"],[data-style="frost"],[data-style="storefront"],[data-style="blueprint"],[data-style="contrast"]) .run-foot .m-btn {
  background: var(--st-btn-bg); color: var(--st-btn-ink); border: 0; border-radius: var(--st-btn-r);
  min-height: 56px; font-size: 16px; font-weight: 700;
}
.run:is([data-style="forge"],[data-style="arctic"],[data-style="fieldwork"],[data-style="nightshift"],[data-style="signal"],[data-style="titan"],[data-style="aero"],[data-style="roadline"],[data-style="daybreak"],[data-style="freshcheck"],[data-style="suite"],[data-style="return"],[data-style="harbor"],[data-style="ward"],[data-style="bedrock"],[data-style="voltage"],[data-style="galley"],[data-style="cleanroom"],[data-style="frost"],[data-style="storefront"],[data-style="blueprint"],[data-style="contrast"]) .run-foot .m-btn:active { background: var(--st-btn-bg); filter: brightness(1.12); }
.run:is([data-style="forge"],[data-style="arctic"],[data-style="fieldwork"],[data-style="nightshift"],[data-style="signal"],[data-style="titan"],[data-style="aero"],[data-style="roadline"],[data-style="daybreak"],[data-style="freshcheck"],[data-style="suite"],[data-style="return"],[data-style="harbor"],[data-style="ward"],[data-style="bedrock"],[data-style="voltage"],[data-style="galley"],[data-style="cleanroom"],[data-style="frost"],[data-style="storefront"],[data-style="blueprint"],[data-style="contrast"]) .run-foot .m-iconbtn { border: 0; background: var(--st-back-bg); color: var(--st-back-ink); border-radius: var(--st-btn-r); }
.run:is([data-style="forge"],[data-style="arctic"],[data-style="fieldwork"],[data-style="nightshift"],[data-style="signal"],[data-style="titan"],[data-style="aero"],[data-style="roadline"],[data-style="daybreak"],[data-style="freshcheck"],[data-style="suite"],[data-style="return"],[data-style="harbor"],[data-style="ward"],[data-style="bedrock"],[data-style="voltage"],[data-style="galley"],[data-style="cleanroom"],[data-style="frost"],[data-style="storefront"],[data-style="blueprint"],[data-style="contrast"]) .run-foot .m-iconbtn:active { background: var(--st-back-bg); filter: brightness(1.15); }

/* the phone's own status bar and home bar (builder preview) sit outside .run,
   so they cannot read its tokens: colour them per style from the header */
.pv-status:has(+ .run[data-style="forge"]) { color: #181E16; }
.pv-status:has(+ .run[data-style="arctic"]) { color: #192B4D; }
.pv-status:has(+ .run[data-style="fieldwork"]) { color: #FFFDF4; }
.pv-status:has(+ .run[data-style="nightshift"]) { color: #E5EFF6; }
.pv-status:has(+ .run[data-style="signal"]) { color: #FFFFFF; }
.pv-status:has(+ .run[data-style="titan"]) { color: #FFFFFF; }
.pv-status:has(+ .run[data-style="aero"]) { color: #FFFFFF; }
.pv-status:has(+ .run[data-style="roadline"]) { color: #162213; }
.pv-status:has(+ .run[data-style="daybreak"]) { color: #FFFFFF; }
.pv-status:has(+ .run[data-style="freshcheck"]) { color: #FFFFFF; }
.pv-status:has(+ .run[data-style="suite"]) { color: #FFF7ED; }
.pv-status:has(+ .run[data-style="return"]) { color: #FFFFFF; }
.run[data-style="forge"] ~ .pv-home { background: #F4F4EA; opacity: .4; }
.run[data-style="arctic"] ~ .pv-home { background: #192B4D; }
.run[data-style="fieldwork"] ~ .pv-home { background: #244F3E; }
.run[data-style="nightshift"] ~ .pv-home { background: #E5EFF6; opacity: .4; }
.run[data-style="signal"] ~ .pv-home { background: #20251F; }
.run[data-style="titan"] ~ .pv-home { background: #EEEEEA; opacity: .5; }
.run[data-style="aero"] ~ .pv-home { background: #152C48; }
.run[data-style="roadline"] ~ .pv-home { background: #F6F8ED; opacity: .4; }
.run[data-style="daybreak"] ~ .pv-home { background: #452C28; }
.run[data-style="freshcheck"] ~ .pv-home { background: #08736E; }
.run[data-style="suite"] ~ .pv-home { background: #472837; }
.run[data-style="return"] ~ .pv-home { background: #192D55; }

/* the canvas behind the screen (corners, overscroll) is the style's page colour */
html:has(.run[data-style="forge"]), html:has(.run[data-style="forge"]) body { background: #121515; }
html:has(.run[data-style="arctic"]), html:has(.run[data-style="arctic"]) body { background: #F2F5FC; }
html:has(.run[data-style="fieldwork"]), html:has(.run[data-style="fieldwork"]) body { background: #F6F1E7; }
html:has(.run[data-style="nightshift"]), html:has(.run[data-style="nightshift"]) body { background: #0D1828; }
html:has(.run[data-style="signal"]), html:has(.run[data-style="signal"]) body { background: #F7F6F1; }
html:has(.run[data-style="titan"]), html:has(.run[data-style="titan"]) body { background: #0D0F10; }
html:has(.run[data-style="aero"]), html:has(.run[data-style="aero"]) body { background: #F7F9FC; }
html:has(.run[data-style="roadline"]), html:has(.run[data-style="roadline"]) body { background: #101C1A; }
html:has(.run[data-style="daybreak"]), html:has(.run[data-style="daybreak"]) body { background: #FFF7ED; }
html:has(.run[data-style="freshcheck"]), html:has(.run[data-style="freshcheck"]) body { background: #F4FBF8; }
html:has(.run[data-style="suite"]), html:has(.run[data-style="suite"]) body { background: #FAF4EC; }
html:has(.run[data-style="return"]), html:has(.run[data-style="return"]) body { background: #F4F6FD; }

/* body and type */
.run:is([data-style="forge"],[data-style="arctic"],[data-style="fieldwork"],[data-style="nightshift"],[data-style="signal"],[data-style="titan"],[data-style="aero"],[data-style="roadline"],[data-style="daybreak"],[data-style="freshcheck"],[data-style="suite"],[data-style="return"],[data-style="harbor"],[data-style="ward"],[data-style="bedrock"],[data-style="voltage"],[data-style="galley"],[data-style="cleanroom"],[data-style="frost"],[data-style="storefront"],[data-style="blueprint"],[data-style="contrast"]) .run-body { padding: 20px 20px 28px; overflow-x: hidden; }
.run:is([data-style="forge"],[data-style="arctic"],[data-style="fieldwork"],[data-style="nightshift"],[data-style="signal"],[data-style="titan"],[data-style="aero"],[data-style="roadline"],[data-style="daybreak"],[data-style="freshcheck"],[data-style="suite"],[data-style="return"],[data-style="harbor"],[data-style="ward"],[data-style="bedrock"],[data-style="voltage"],[data-style="galley"],[data-style="cleanroom"],[data-style="frost"],[data-style="storefront"],[data-style="blueprint"],[data-style="contrast"]) .run-body[data-screen] .run-q { line-height: 1.04; overflow-wrap: anywhere; hyphens: manual; margin-top: 12px; }
.run:is([data-style="forge"],[data-style="arctic"],[data-style="fieldwork"],[data-style="nightshift"],[data-style="signal"],[data-style="titan"],[data-style="aero"],[data-style="roadline"],[data-style="daybreak"],[data-style="freshcheck"],[data-style="suite"],[data-style="return"],[data-style="harbor"],[data-style="ward"],[data-style="bedrock"],[data-style="voltage"],[data-style="galley"],[data-style="cleanroom"],[data-style="frost"],[data-style="storefront"],[data-style="blueprint"],[data-style="contrast"]) .run-qhint { font-size: 14px; line-height: 1.5; margin-top: 10px; }
.run:is([data-style="forge"],[data-style="arctic"],[data-style="fieldwork"],[data-style="nightshift"],[data-style="signal"],[data-style="titan"],[data-style="aero"],[data-style="roadline"],[data-style="daybreak"],[data-style="freshcheck"],[data-style="suite"],[data-style="return"],[data-style="harbor"],[data-style="ward"],[data-style="bedrock"],[data-style="voltage"],[data-style="galley"],[data-style="cleanroom"],[data-style="frost"],[data-style="storefront"],[data-style="blueprint"],[data-style="contrast"]) .run-heading { font-size: 15px; }
.run:is([data-style="forge"],[data-style="arctic"],[data-style="fieldwork"],[data-style="nightshift"],[data-style="signal"],[data-style="titan"],[data-style="aero"],[data-style="roadline"],[data-style="daybreak"],[data-style="freshcheck"],[data-style="suite"],[data-style="return"],[data-style="harbor"],[data-style="ward"],[data-style="bedrock"],[data-style="voltage"],[data-style="galley"],[data-style="cleanroom"],[data-style="frost"],[data-style="storefront"],[data-style="blueprint"],[data-style="contrast"]) .run-cp { font-size: 12px; }
.run:is([data-style="forge"],[data-style="arctic"],[data-style="fieldwork"],[data-style="nightshift"],[data-style="signal"],[data-style="titan"],[data-style="aero"],[data-style="roadline"],[data-style="daybreak"],[data-style="freshcheck"],[data-style="suite"],[data-style="return"],[data-style="harbor"],[data-style="ward"],[data-style="bedrock"],[data-style="voltage"],[data-style="galley"],[data-style="cleanroom"],[data-style="frost"],[data-style="storefront"],[data-style="blueprint"],[data-style="contrast"]) .run-q ~ .flex.wrap { margin-top: 12px; }
.run:is([data-style="forge"],[data-style="arctic"],[data-style="fieldwork"],[data-style="nightshift"],[data-style="signal"],[data-style="titan"],[data-style="aero"],[data-style="roadline"],[data-style="daybreak"],[data-style="freshcheck"],[data-style="suite"],[data-style="return"],[data-style="harbor"],[data-style="ward"],[data-style="bedrock"],[data-style="voltage"],[data-style="galley"],[data-style="cleanroom"],[data-style="frost"],[data-style="storefront"],[data-style="blueprint"],[data-style="contrast"]) .m-chip { color: var(--text-2); background: var(--muted-soft); }
.run:is([data-style="forge"],[data-style="arctic"],[data-style="fieldwork"],[data-style="nightshift"],[data-style="signal"],[data-style="titan"],[data-style="aero"],[data-style="roadline"],[data-style="daybreak"],[data-style="freshcheck"],[data-style="suite"],[data-style="return"],[data-style="harbor"],[data-style="ward"],[data-style="bedrock"],[data-style="voltage"],[data-style="galley"],[data-style="cleanroom"],[data-style="frost"],[data-style="storefront"],[data-style="blueprint"],[data-style="contrast"]) .m-chip.accent { color: var(--accent); background: var(--accent-soft); }
.run:is([data-style="forge"],[data-style="arctic"],[data-style="fieldwork"],[data-style="nightshift"],[data-style="signal"],[data-style="titan"],[data-style="aero"],[data-style="roadline"],[data-style="daybreak"],[data-style="freshcheck"],[data-style="suite"],[data-style="return"],[data-style="harbor"],[data-style="ward"],[data-style="bedrock"],[data-style="voltage"],[data-style="galley"],[data-style="cleanroom"],[data-style="frost"],[data-style="storefront"],[data-style="blueprint"],[data-style="contrast"]) .m-chip.warn { color: var(--warn); background: var(--warn-soft); }
.run:is([data-style="forge"],[data-style="arctic"],[data-style="fieldwork"],[data-style="nightshift"],[data-style="signal"],[data-style="titan"],[data-style="aero"],[data-style="roadline"],[data-style="daybreak"],[data-style="freshcheck"],[data-style="suite"],[data-style="return"],[data-style="harbor"],[data-style="ward"],[data-style="bedrock"],[data-style="voltage"],[data-style="galley"],[data-style="cleanroom"],[data-style="frost"],[data-style="storefront"],[data-style="blueprint"],[data-style="contrast"]) .opt { font-weight: 600; }
.run:is([data-style="forge"],[data-style="arctic"],[data-style="fieldwork"],[data-style="nightshift"],[data-style="signal"],[data-style="titan"],[data-style="aero"],[data-style="roadline"],[data-style="daybreak"],[data-style="freshcheck"],[data-style="suite"],[data-style="return"],[data-style="harbor"],[data-style="ward"],[data-style="bedrock"],[data-style="voltage"],[data-style="galley"],[data-style="cleanroom"],[data-style="frost"],[data-style="storefront"],[data-style="blueprint"],[data-style="contrast"]) .opt-text { overflow-wrap: anywhere; }
.run:is([data-style="forge"],[data-style="arctic"],[data-style="fieldwork"],[data-style="nightshift"],[data-style="signal"],[data-style="titan"],[data-style="aero"],[data-style="roadline"],[data-style="daybreak"],[data-style="freshcheck"],[data-style="suite"],[data-style="return"],[data-style="harbor"],[data-style="ward"],[data-style="bedrock"],[data-style="voltage"],[data-style="galley"],[data-style="cleanroom"],[data-style="frost"],[data-style="storefront"],[data-style="blueprint"],[data-style="contrast"]) .g-head, .run:is([data-style="forge"],[data-style="arctic"],[data-style="fieldwork"],[data-style="nightshift"],[data-style="signal"],[data-style="titan"],[data-style="aero"],[data-style="roadline"],[data-style="daybreak"],[data-style="freshcheck"],[data-style="suite"],[data-style="return"],[data-style="harbor"],[data-style="ward"],[data-style="bedrock"],[data-style="voltage"],[data-style="galley"],[data-style="cleanroom"],[data-style="frost"],[data-style="storefront"],[data-style="blueprint"],[data-style="contrast"]) .g-body { color: var(--text); }
.run:is([data-style="forge"],[data-style="arctic"],[data-style="fieldwork"],[data-style="nightshift"],[data-style="signal"],[data-style="titan"],[data-style="aero"],[data-style="roadline"],[data-style="daybreak"],[data-style="freshcheck"],[data-style="suite"],[data-style="return"],[data-style="harbor"],[data-style="ward"],[data-style="bedrock"],[data-style="voltage"],[data-style="galley"],[data-style="cleanroom"],[data-style="frost"],[data-style="storefront"],[data-style="blueprint"],[data-style="contrast"]) .g-single .g-cap { color: var(--text-2); }
.run:is([data-style="forge"],[data-style="arctic"],[data-style="fieldwork"],[data-style="nightshift"],[data-style="signal"],[data-style="titan"],[data-style="aero"],[data-style="roadline"],[data-style="daybreak"],[data-style="freshcheck"],[data-style="suite"],[data-style="return"],[data-style="harbor"],[data-style="ward"],[data-style="bedrock"],[data-style="voltage"],[data-style="galley"],[data-style="cleanroom"],[data-style="frost"],[data-style="storefront"],[data-style="blueprint"],[data-style="contrast"]) .run-body[data-screen="status"] .okfail button { font-size: 20px; font-weight: 800; }
.run:is([data-style="forge"],[data-style="arctic"],[data-style="fieldwork"],[data-style="nightshift"],[data-style="signal"],[data-style="titan"],[data-style="aero"],[data-style="roadline"],[data-style="daybreak"],[data-style="freshcheck"],[data-style="suite"],[data-style="return"],[data-style="harbor"],[data-style="ward"],[data-style="bedrock"],[data-style="voltage"],[data-style="galley"],[data-style="cleanroom"],[data-style="frost"],[data-style="storefront"],[data-style="blueprint"],[data-style="contrast"]) .run-body[data-screen="status"] .okfail button svg { width: 42px; height: 42px; }

/* room for the unit, so a long reading never runs under "shots" or "bar" */
.run:is([data-style="forge"],[data-style="arctic"],[data-style="fieldwork"],[data-style="nightshift"],[data-style="signal"],[data-style="titan"],[data-style="aero"],[data-style="roadline"],[data-style="daybreak"],[data-style="freshcheck"],[data-style="suite"],[data-style="return"],[data-style="harbor"],[data-style="ward"],[data-style="bedrock"],[data-style="voltage"],[data-style="galley"],[data-style="cleanroom"],[data-style="frost"],[data-style="storefront"],[data-style="blueprint"],[data-style="contrast"]) .run-body[data-screen="value"] .big-num, .run:is([data-style="forge"],[data-style="arctic"],[data-style="fieldwork"],[data-style="nightshift"],[data-style="signal"],[data-style="titan"],[data-style="aero"],[data-style="roadline"],[data-style="daybreak"],[data-style="freshcheck"],[data-style="suite"],[data-style="return"],[data-style="harbor"],[data-style="ward"],[data-style="bedrock"],[data-style="voltage"],[data-style="galley"],[data-style="cleanroom"],[data-style="frost"],[data-style="storefront"],[data-style="blueprint"],[data-style="contrast"]) .run-body[data-screen="meter"] .big-num { padding-left: 72px; padding-right: 72px; }

/* Not applicable */
.run:is([data-style="forge"],[data-style="arctic"],[data-style="fieldwork"],[data-style="nightshift"],[data-style="signal"],[data-style="titan"],[data-style="aero"],[data-style="roadline"],[data-style="daybreak"],[data-style="freshcheck"],[data-style="suite"],[data-style="return"],[data-style="harbor"],[data-style="ward"],[data-style="bedrock"],[data-style="voltage"],[data-style="galley"],[data-style="cleanroom"],[data-style="frost"],[data-style="storefront"],[data-style="blueprint"],[data-style="contrast"]) .run-na .m-btn {
  min-height: 48px; font-size: 14px; font-weight: 600; color: var(--text-2);
  background: transparent; border: 1px solid var(--border-2); border-radius: var(--radius);
}
.run:is([data-style="forge"],[data-style="arctic"],[data-style="fieldwork"],[data-style="nightshift"],[data-style="signal"],[data-style="titan"],[data-style="aero"],[data-style="roadline"],[data-style="daybreak"],[data-style="freshcheck"],[data-style="suite"],[data-style="return"],[data-style="harbor"],[data-style="ward"],[data-style="bedrock"],[data-style="voltage"],[data-style="galley"],[data-style="cleanroom"],[data-style="frost"],[data-style="storefront"],[data-style="blueprint"],[data-style="contrast"]) .run-na.is-on .m-btn { background: var(--surface-3); border-color: var(--text); color: var(--text); }
.run:is([data-style="forge"],[data-style="arctic"],[data-style="fieldwork"],[data-style="nightshift"],[data-style="signal"],[data-style="titan"],[data-style="aero"],[data-style="roadline"],[data-style="daybreak"],[data-style="freshcheck"],[data-style="suite"],[data-style="return"],[data-style="harbor"],[data-style="ward"],[data-style="bedrock"],[data-style="voltage"],[data-style="galley"],[data-style="cleanroom"],[data-style="frost"],[data-style="storefront"],[data-style="blueprint"],[data-style="contrast"]) .run-na.is-on .m-btn::before { content: "\2713"; font-weight: 800; }

/* EXPLICIT OUTCOME COLOURS: OK is always solid green, Deviation always solid
   red, white label and icon, selected or not. Selection = a double outline
   (page-coloured gap, then a high-contrast ring). Icons and words stay. */
.run:is([data-style="forge"],[data-style="arctic"],[data-style="fieldwork"],[data-style="nightshift"],[data-style="signal"],[data-style="titan"],[data-style="aero"],[data-style="roadline"],[data-style="daybreak"],[data-style="freshcheck"],[data-style="suite"],[data-style="return"],[data-style="harbor"],[data-style="ward"],[data-style="bedrock"],[data-style="voltage"],[data-style="galley"],[data-style="cleanroom"],[data-style="frost"],[data-style="storefront"],[data-style="blueprint"],[data-style="contrast"]) .run-body[data-screen="status"] .okfail .of-ok,  .run:is([data-style="forge"],[data-style="arctic"],[data-style="fieldwork"],[data-style="nightshift"],[data-style="signal"],[data-style="titan"],[data-style="aero"],[data-style="roadline"],[data-style="daybreak"],[data-style="freshcheck"],[data-style="suite"],[data-style="return"],[data-style="harbor"],[data-style="ward"],[data-style="bedrock"],[data-style="voltage"],[data-style="galley"],[data-style="cleanroom"],[data-style="frost"],[data-style="storefront"],[data-style="blueprint"],[data-style="contrast"]) .run-body[data-screen="status"] .okfail .of-ok.is-on  { background: #078343; border-color: #078343; color: #fff; }
.run:is([data-style="forge"],[data-style="arctic"],[data-style="fieldwork"],[data-style="nightshift"],[data-style="signal"],[data-style="titan"],[data-style="aero"],[data-style="roadline"],[data-style="daybreak"],[data-style="freshcheck"],[data-style="suite"],[data-style="return"],[data-style="harbor"],[data-style="ward"],[data-style="bedrock"],[data-style="voltage"],[data-style="galley"],[data-style="cleanroom"],[data-style="frost"],[data-style="storefront"],[data-style="blueprint"],[data-style="contrast"]) .run-body[data-screen="status"] .okfail .of-bad, .run:is([data-style="forge"],[data-style="arctic"],[data-style="fieldwork"],[data-style="nightshift"],[data-style="signal"],[data-style="titan"],[data-style="aero"],[data-style="roadline"],[data-style="daybreak"],[data-style="freshcheck"],[data-style="suite"],[data-style="return"],[data-style="harbor"],[data-style="ward"],[data-style="bedrock"],[data-style="voltage"],[data-style="galley"],[data-style="cleanroom"],[data-style="frost"],[data-style="storefront"],[data-style="blueprint"],[data-style="contrast"]) .run-body[data-screen="status"] .okfail .of-bad.is-on { background: #D52935; border-color: #D52935; color: #fff; }
.run:is([data-style="forge"],[data-style="arctic"],[data-style="fieldwork"],[data-style="nightshift"],[data-style="signal"],[data-style="titan"],[data-style="aero"],[data-style="roadline"],[data-style="daybreak"],[data-style="freshcheck"],[data-style="suite"],[data-style="return"],[data-style="harbor"],[data-style="ward"],[data-style="bedrock"],[data-style="voltage"],[data-style="galley"],[data-style="cleanroom"],[data-style="frost"],[data-style="storefront"],[data-style="blueprint"],[data-style="contrast"]) .run-body[data-screen="status"] .okfail .of-ok:active  { background: #066d38; }
.run:is([data-style="forge"],[data-style="arctic"],[data-style="fieldwork"],[data-style="nightshift"],[data-style="signal"],[data-style="titan"],[data-style="aero"],[data-style="roadline"],[data-style="daybreak"],[data-style="freshcheck"],[data-style="suite"],[data-style="return"],[data-style="harbor"],[data-style="ward"],[data-style="bedrock"],[data-style="voltage"],[data-style="galley"],[data-style="cleanroom"],[data-style="frost"],[data-style="storefront"],[data-style="blueprint"],[data-style="contrast"]) .run-body[data-screen="status"] .okfail .of-bad:active { background: #b51e29; }
.run:is([data-style="forge"],[data-style="arctic"],[data-style="fieldwork"],[data-style="nightshift"],[data-style="signal"],[data-style="titan"],[data-style="aero"],[data-style="roadline"],[data-style="daybreak"],[data-style="freshcheck"],[data-style="suite"],[data-style="return"],[data-style="harbor"],[data-style="ward"],[data-style="bedrock"],[data-style="voltage"],[data-style="galley"],[data-style="cleanroom"],[data-style="frost"],[data-style="storefront"],[data-style="blueprint"],[data-style="contrast"]) .run-body[data-screen="status"] .okfail button.is-on { box-shadow: 0 0 0 3px var(--st-page), 0 0 0 6px var(--st-ring); }
.run:is([data-style="forge"],[data-style="arctic"],[data-style="fieldwork"],[data-style="nightshift"],[data-style="signal"],[data-style="titan"],[data-style="aero"],[data-style="roadline"],[data-style="daybreak"],[data-style="freshcheck"],[data-style="suite"],[data-style="return"],[data-style="harbor"],[data-style="ward"],[data-style="bedrock"],[data-style="voltage"],[data-style="galley"],[data-style="cleanroom"],[data-style="frost"],[data-style="storefront"],[data-style="blueprint"],[data-style="contrast"]) .run-body[data-screen="status"] .okfail { padding: 6px; margin: -6px; }

/* Forge, Arctic and Nightshift list their choices as separate cards. */
.run:is([data-style="forge"],[data-style="arctic"],[data-style="nightshift"],[data-style="titan"],[data-style="roadline"],[data-style="freshcheck"],[data-style="return"]) .run-body[data-screen="menu"] .opt-list { border: 0; background: transparent; gap: 9px; overflow: visible; }
.run:is([data-style="forge"],[data-style="arctic"],[data-style="nightshift"],[data-style="titan"],[data-style="roadline"],[data-style="freshcheck"],[data-style="return"]) .run-body[data-screen="menu"] .opt {
  flex-direction: row; min-height: 58px; padding: 12px 16px; font-size: 17px;
  border: 2px solid var(--sc-border); border-radius: var(--sc-radius); background: var(--sc-surface);
}
.run:is([data-style="forge"],[data-style="arctic"],[data-style="nightshift"],[data-style="titan"],[data-style="roadline"],[data-style="freshcheck"],[data-style="return"]) .run-body[data-screen="menu"] .opt.is-on { border-width: 2px; padding: 12px 16px; border-color: var(--accent); background: var(--accent-soft); color: var(--accent); }
.run:is([data-style="forge"],[data-style="arctic"],[data-style="nightshift"],[data-style="titan"],[data-style="roadline"],[data-style="freshcheck"],[data-style="return"]) .run-body[data-screen="menu"] .opt-mark { width: 24px; height: 24px; border: 2px solid var(--sc-border); }
.run:is([data-style="forge"],[data-style="arctic"],[data-style="nightshift"],[data-style="titan"],[data-style="roadline"],[data-style="freshcheck"],[data-style="return"]) .run-body[data-screen="menu"] .opt.is-on .opt-mark { background: var(--accent); border-color: var(--accent); color: var(--accent-ink); }

/* ================================================================== 1 forge */
/* Graphite, safety yellow, condensed capitals, hard edges, a hazard stripe. */

.run[data-style="forge"], .hm-styled[data-style="forge"] {
  --bg: #121515;  --surface: #242829;  --surface-2: #2D3233;  --surface-3: #383E3F;
  --border: #3A4041;  --border-2: #4F5657;
  --text: #F4F4EA;  --text-2: #C2C9C0;  --text-3: #9BA49A;
  --accent: #FFD500;  --accent-ink: #171A15;  --accent-soft: #3B3512;  --accent-line: #8A7600;
  --ok: #43D283;  --ok-soft: #173523;  --warn: #FFB84D;  --warn-soft: #3C3120;
  --bad: #FF7A82;  --bad-soft: #3D1C1F;  --muted-soft: #353B3C;
  --radius: 3px;  --radius-s: 2px;  --radius-l: 3px;
  --font: Arial, Helvetica, sans-serif;  --mono: Consolas, 'Courier New', monospace;
  --sc-border-w: 2px;  --sc-title-size: clamp(30px, 9.4vw, 37px);  --sc-title-weight: 700;  --sc-title-track: 0;
  --sc-tile-radius: 2px;  --sc-tile-bg: #242829;  --sc-display-bg: #0B0D0D;  --sc-display-ink: #FFD500;
  --sc-status-h: 150px;  --sc-field-size: clamp(38px, 12vw, 60px);  --sc-display-size: clamp(34px, 11vw, 54px);
  --st-page: #121515;  --st-ring: #F4F4EA;
  --st-head-bg: #FFD500;  --st-head-ink: #181E16;  --st-head-sub: #414B30;  --st-chip-bg: #181E16;  --st-chip-ink: #FFD500;
  --st-prog-bg: #292F28;  --st-prog-track: #444B3F;  --st-prog-fill: #FFD500;  --st-prog-ink: #FFD500;
  --st-foot-bg: #1D231C;  --st-foot-rule: 4px solid #FFD500;
  --st-btn-bg: #FFD500;  --st-btn-ink: #171A15;  --st-btn-r: 3px;  --st-back-bg: #2D3233;  --st-back-ink: #F4F4EA;
  font-synthesis: none;
}
.run[data-style="forge"] .run-head-title .run-unit { font: 700 28px/1.1 Impact, 'Arial Narrow', Arial, sans-serif; letter-spacing: 1px; }
.run[data-style="forge"] .run-bar, .run[data-style="forge"] .run-bar span { border-radius: 0; }
.run[data-style="forge"] .run-count { font-family: Consolas, 'Courier New', monospace; font-weight: 700; font-size: 14px; }
.run[data-style="forge"] .run-body { background: linear-gradient(90deg, #ffffff05 1px, transparent 1px) 0 0 / 18px 18px; }
.run[data-style="forge"] .run-cp { display: flex; align-items: center; gap: 8px; color: var(--accent); letter-spacing: .1em; }
.run[data-style="forge"] .run-cp::before { content: ""; width: 23px; height: 12px; flex: none; background: repeating-linear-gradient(120deg, #FFD500 0 3px, transparent 3px 6px); }
.run[data-style="forge"] .run-heading { text-transform: uppercase; letter-spacing: .06em; font-size: 13px; color: var(--text-2); }
.run[data-style="forge"] .run-body[data-screen] .run-q { font-family: Impact, 'Arial Narrow', Arial, sans-serif; text-transform: uppercase; line-height: .98; }
.run[data-style="forge"] .sc-badge {
  position: relative; width: 100%; height: 60px; justify-content: flex-start; padding: 0 16px; margin-top: 16px;
  border: 1px solid #636A47; border-bottom: 4px solid #FFD500;
  background: linear-gradient(90deg, #ffffff06 1px, transparent 1px) 0 0 / 16px 16px, #242829;
}
.run[data-style="forge"] .sc-badge::before { content: ""; position: absolute; left: 7px; top: 7px; width: 10px; height: 10px; border-left: 2px solid #FFD500; border-top: 2px solid #FFD500; }
.run[data-style="forge"] .sc-badge svg, .run[data-style="forge"] .sc-glyph svg { width: 32px; height: 32px; }
.run[data-style="forge"] .m-chip { border-radius: 2px; text-transform: uppercase; letter-spacing: .06em; font-size: 11px; }
.run[data-style="forge"] .opt { border-radius: 3px; }
.run[data-style="forge"] .opt-mark.is-box { border-radius: 2px; }
.run[data-style="forge"] .run-body[data-screen="checkbox"] .opt:not(.is-on) { border-left: 4px solid #586144; }
.run[data-style="forge"] .run-body[data-screen="checkbox"] .opt.is-on { border-left: 4px solid #FFD500; }
.run[data-style="forge"] .run-body[data-screen="value"] .big-num { color: #FFD500; background: #242829; }
.run[data-style="forge"] .run-body[data-screen="meter"] .big-num { border-color: #FFD500; box-shadow: inset 0 2px 10px rgba(0,0,0,.6); }
.run[data-style="forge"] .scan-btn, .run[data-style="forge"] .cam-btn { background: #242829; border: 2px dashed #8A7600; color: #FFD500; }
.run[data-style="forge"] .scan-input { background: #242829; }
.run[data-style="forge"] .m-textarea, .run[data-style="forge"] .sig-pad { background-color: #242829; }
.run[data-style="forge"] .run-body[data-screen="signature"] .sig-pad { background-color: #F4F4EA; background-image: linear-gradient(#171A15, #171A15); border-color: #FFD500; border-style: solid; }
.run[data-style="forge"] .sig-hint, .run[data-style="forge"] .m-hint { color: var(--text-3); }
.run[data-style="forge"] .run-foot .m-btn { text-transform: uppercase; letter-spacing: .06em; font-weight: 800; }
.run[data-style="forge"] .run-na .m-btn { text-transform: uppercase; letter-spacing: .06em; font-size: 13px; border-width: 2px; }

/* ================================================================= 2 arctic */
/* Porcelain, white floating cards, cobalt; everything centred and airy. */

.run[data-style="arctic"], .hm-styled[data-style="arctic"] {
  --bg: #F2F5FC;  --surface: #FFFFFF;  --surface-2: #EFF3FC;  --surface-3: #E3EAF8;
  --border: #E1E8F4;  --border-2: #C3CFE6;
  --text: #192B4D;  --text-2: #4F6282;  --text-3: #7184A3;
  --accent: #2458F5;  --accent-ink: #FFFFFF;  --accent-soft: #E8EFFF;  --accent-line: #B3C6F8;
  --ok: #177250;  --ok-soft: #E9F7F1;  --warn: #AD6616;  --warn-soft: #FFF4E9;
  --bad: #C42B35;  --bad-soft: #FDECEC;  --muted-soft: #E9EEF8;
  --radius: 14px;  --radius-s: 10px;  --radius-l: 18px;
  --font: Arial, Helvetica, sans-serif;  --mono: Consolas, 'Courier New', monospace;
  --sc-border-w: 2px;  --sc-title-size: clamp(28px, 9vw, 35px);  --sc-title-weight: 700;  --sc-title-track: -.035em;
  --sc-tile-radius: 18px;  --sc-tile: 56px;  --sc-display-bg: #182C51;  --sc-display-ink: #75CFFF;
  --sc-status-h: 150px;  --sc-radius: 20px;
  --st-page: #F2F5FC;  --st-ring: #192B4D;  --st-shadow: 0 6px 16px #16326B12;
  --st-head-bg: #FFFFFF;  --st-head-ink: #192B4D;  --st-head-sub: #5C6E8D;
  --st-prog-bg: #FFFFFF;  --st-prog-track: #E3EAF8;  --st-prog-fill: #2458F5;  --st-prog-ink: #2458F5;
  --st-foot-bg: #FFFFFF;  --st-foot-rule: 0;
  --st-btn-bg: #2458F5;  --st-btn-ink: #FFFFFF;  --st-btn-r: 18px;  --st-back-bg: #EFF3FC;  --st-back-ink: #2458F5;
}
.run[data-style="arctic"] .run-head-title .run-unit { font-size: 22px; font-weight: 700; letter-spacing: -.02em; }
.run[data-style="arctic"] .run-bar, .run[data-style="arctic"] .run-bar span { border-radius: 6px; }
.run[data-style="arctic"] .run-count { font-weight: 800; }
.run[data-style="arctic"] .run-foot { box-shadow: 0 -8px 24px #16326B0F; }
.run[data-style="arctic"] .run-body { text-align: center; }
.run[data-style="arctic"] .run-cp { color: var(--accent); letter-spacing: .1em; }
.run[data-style="arctic"] .run-heading { color: var(--text-2); }
.run[data-style="arctic"] .sc-badge { margin: 16px auto 0; box-shadow: 0 6px 16px #2458F51F; }
.run[data-style="arctic"] .run-q ~ .flex.wrap { justify-content: center; }
.run[data-style="arctic"] .m-chip { border-radius: 9px; }
.run[data-style="arctic"] .opt { box-shadow: var(--st-shadow); }
.run[data-style="arctic"] .run-body[data-screen] .opt:not(.is-on) { border-color: #E6ECF7; }
.run[data-style="arctic"] .opt.is-on { box-shadow: 0 6px 16px #2458F51F; }
.run[data-style="arctic"] .opt-mark { border-color: #B3C0DA; }
.run[data-style="arctic"] .run-body[data-screen="menu"] .opt { flex-direction: row-reverse; text-align: left; }
.run[data-style="arctic"] .run-body[data-screen="checkbox"] .opt, .run[data-style="arctic"] .run-body[data-screen="menu"] .opt { text-align: left; }
.run[data-style="arctic"] .run-body[data-screen="checkbox"] .opt-mark { border-radius: 10px; }
.run[data-style="arctic"] .run-body[data-screen="status"] .okfail button { border-radius: 22px; }
.run[data-style="arctic"] .run-body[data-screen="status"] .okfail .of-bad { box-shadow: 0 8px 20px #D5293526; }
.run[data-style="arctic"] .run-body[data-screen="status"] .okfail .of-ok { box-shadow: 0 8px 20px #07834326; }
.run[data-style="arctic"] .run-body[data-screen="value"] .big-num { border: 0; box-shadow: var(--st-shadow); border-radius: 22px; }
.run[data-style="arctic"] .run-body[data-screen="meter"] .big-num { border-radius: 22px; }
.run[data-style="arctic"] .scan-btn, .run[data-style="arctic"] .cam-btn { background: #E0EAFF; border: 2px solid #C9D9FB; border-radius: 22px; }
.run[data-style="arctic"] .scan-input { border-color: #E1E8F4; box-shadow: var(--st-shadow); }
.run[data-style="arctic"] .m-textarea { border-color: #E1E8F4; box-shadow: var(--st-shadow); text-align: left; border-radius: 22px; }
.run[data-style="arctic"] .run-body[data-screen="signature"] .sig-pad { border: 1px solid #E1E8F4; box-shadow: var(--st-shadow); border-radius: 22px; background-color: #fff; }
.run[data-style="arctic"] .scan-got { text-align: left; }
.run[data-style="arctic"] .run-na .m-btn { background: transparent; border: 0; font-size: 14px; }
.run[data-style="arctic"] .g-guide { text-align: left; }

/* =============================================================== 3 fieldwork */
/* A warm field journal: canvas paper, forest band, Georgia, ruled lines. */

.run[data-style="fieldwork"], .hm-styled[data-style="fieldwork"] {
  --bg: #F6F1E7;  --surface: #FFFDF7;  --surface-2: #F0ECDF;  --surface-3: #E9E6D8;
  --border: #DCD8C8;  --border-2: #C6C0AA;
  --text: #263E32;  --text-2: #5C6552;  --text-3: #7F8470;
  --accent: #244F3E;  --accent-ink: #FFFDF4;  --accent-soft: #E3E9DD;  --accent-line: #9FB59D;
  --ok: #2F6B45;  --ok-soft: #E3ECDD;  --warn: #8A5A1E;  --warn-soft: #F3E7D2;
  --bad: #A83A30;  --bad-soft: #F6E0DB;  --muted-soft: #ECE7D8;
  --radius: 16px;  --radius-s: 10px;  --radius-l: 18px;
  --font: Arial, Helvetica, sans-serif;  --mono: Consolas, 'Courier New', monospace;
  --sc-border-w: 1px;  --sc-title-size: clamp(29px, 9.2vw, 36px);  --sc-title-weight: 400;  --sc-title-track: -.03em;
  --sc-tile-radius: 4px;  --sc-display-bg: #E1E7D9;  --sc-display-ink: #244F3E;  --sc-radius: 16px;
  --st-page: #F6F1E7;  --st-ring: #1B2A22;
  --st-head-bg: #244F3E;  --st-head-ink: #FFFDF4;  --st-head-sub: #CCD7BD;  --st-chip-bg: #FFFFFF24;  --st-chip-ink: #E7EDDD;
  --st-prog-bg: #244F3E;  --st-prog-track: #50705B;  --st-prog-fill: #B4D798;  --st-prog-ink: #E7EDDD;
  --st-foot-bg: #F6F1E7;  --st-foot-rule: 0;
  --st-btn-bg: #244F3E;  --st-btn-ink: #FFFDF4;  --st-btn-r: 30px;  --st-back-bg: transparent;  --st-back-ink: #244F3E;
}
.run[data-style="fieldwork"] .run-head-title { text-align: left; padding-left: 4px; }
.run[data-style="fieldwork"] .run-head-title .run-unit { font: 500 29px/1.1 Georgia, 'Times New Roman', serif; letter-spacing: -.03em; }
.run[data-style="fieldwork"] .run-head .m-chip { font-style: italic; }
.run[data-style="fieldwork"] .run-progress { flex-direction: row-reverse; padding-top: 6px; }
.run[data-style="fieldwork"] .run-bar { height: 2px; }
.run[data-style="fieldwork"] .run-count { font: italic 15px Georgia, 'Times New Roman', serif; }
.run[data-style="fieldwork"] .run-cp { color: #867552; font-weight: 700; letter-spacing: .12em; font-size: 11px; }
.run[data-style="fieldwork"] .run-heading { font-family: Georgia, serif; font-style: italic; font-weight: 400; color: var(--text-2); }
.run[data-style="fieldwork"] .run-body[data-screen] .run-q { font-family: Georgia, 'Times New Roman', serif; }
.run[data-style="fieldwork"] .run-qhint { color: var(--text-2); }
.run[data-style="fieldwork"] .sc-badge {
  width: 100%; height: 76px; justify-content: flex-start; padding: 0 22px; margin-top: 16px;
  background: #E9E6D8; border: 5px solid #FFFDF5; border-radius: 4px; transform: rotate(-.8deg);
  box-shadow: 0 4px 10px #342B1820;
}
.run[data-style="fieldwork"] .sc-badge svg, .run[data-style="fieldwork"] .sc-glyph svg { width: 34px; height: 34px; stroke-width: 1.4; }
.run[data-style="fieldwork"] .m-chip:not(.warn) { background: transparent; padding: 0; font: italic 400 13px Georgia, serif; color: #867552; }
.run[data-style="fieldwork"] .run-head .m-chip { padding: 0 9px; font: italic 400 11.5px Georgia, serif; color: var(--st-chip-ink); background: var(--st-chip-bg); }
.run[data-style="fieldwork"] .opt { font-size: 17px; }
.run[data-style="fieldwork"] .run-body[data-screen="menu"] .opt-list { border: 0; border-top: 1px solid var(--border-2); border-radius: 0; background: transparent; }
.run[data-style="fieldwork"] .run-body[data-screen="menu"] .opt { border: 0; border-bottom: 1px solid var(--border-2); background: transparent; padding: 15px 4px; }
.run[data-style="fieldwork"] .run-body[data-screen="menu"] .opt.is-on { border-width: 0; border-bottom-width: 1px; padding: 15px 8px 15px 16px; background: var(--accent-soft); color: var(--accent); box-shadow: inset 4px 0 0 var(--accent); }
.run[data-style="fieldwork"] .run-body[data-screen="menu"] .opt:first-child.is-on { border-top-width: 0; }
.run[data-style="fieldwork"] .run-body[data-screen="menu"] .opt-mark { border: 2px solid var(--border-2); width: 22px; height: 22px; }
.run[data-style="fieldwork"] .run-body[data-screen="menu"] .opt.is-on .opt-mark { background: var(--accent); border-color: var(--accent); color: var(--accent-ink); }
.run[data-style="fieldwork"] .run-body[data-screen="choice"] .opt, .run[data-style="fieldwork"] .run-body[data-screen="checkbox"] .opt { border: 0; box-shadow: 0 3px 0 #DEDACB; background: var(--surface); }
.run[data-style="fieldwork"] .run-body[data-screen="choice"] .opt.is-on, .run[data-style="fieldwork"] .run-body[data-screen="checkbox"] .opt.is-on { border-width: 0; background: var(--accent-soft); box-shadow: inset 0 0 0 2px var(--accent), 0 3px 0 #C9D4C3; }
.run[data-style="fieldwork"] .run-body[data-screen="checkbox"] .opt-list { display: grid; grid-template-columns: 1fr 1fr; gap: 12px; }
.run[data-style="fieldwork"] .run-body[data-screen="checkbox"] .opt { flex-direction: column; align-items: flex-start; justify-content: space-between; min-height: 100px; font-size: 16px; padding: 14px; gap: 10px; }
.run[data-style="fieldwork"] .run-body[data-screen="checkbox"] .opt.is-on { padding: 14px; }
.run[data-style="fieldwork"] .run-body[data-screen="checkbox"] .opt-mark { border-radius: 8px; }
.run[data-style="fieldwork"] .run-body[data-screen="status"] .okfail button { font-family: Georgia, serif; font-weight: 700; border-radius: 16px; }
.run[data-style="fieldwork"] .run-body[data-screen="status"] .okfail .of-ok, .run[data-style="fieldwork"] .run-body[data-screen="status"] .okfail .of-bad { box-shadow: 0 3px 0 #0003; }
.run[data-style="fieldwork"] .run-body[data-screen="value"] .big-num { font-family: Georgia, serif; font-weight: 400; font-size: clamp(38px, 12vw, 60px); border: 0; background: #FFFDF7; box-shadow: 0 3px 0 #DEDACB; }
.run[data-style="fieldwork"] .run-body[data-screen="meter"] .big-num { font-family: Georgia, serif; border-color: #E1E7D9; box-shadow: none; font-weight: 400; font-size: clamp(34px, 11vw, 56px); letter-spacing: .02em; }
.run[data-style="fieldwork"] .run-body[data-screen="meter"] .num-unit { font-family: Georgia, serif; }
.run[data-style="fieldwork"] .scan-btn, .run[data-style="fieldwork"] .cam-btn { background: #E9EDDF; border: 1px dashed #8FA17F; border-radius: 12px; color: var(--accent); }
.run[data-style="fieldwork"] .scan-input { background: #FFFDF7; border-radius: 12px; }
.run[data-style="fieldwork"] .run-body[data-screen="text"] .m-textarea {
  padding: 0 18px; line-height: 32px; border: 0; border-radius: 12px; font-family: Georgia, serif; box-shadow: 0 3px 0 #DEDACB;
  background: repeating-linear-gradient(transparent 0 31px, #DCD8C8 31px 32px) local, #FFFDF7;
}
.run[data-style="fieldwork"] .run-body[data-screen="signature"] .sig-pad { border: 0; background-color: #FFFDF7; background-image: linear-gradient(#6A705E, #6A705E); border-radius: 12px; box-shadow: 0 3px 0 #DEDACB; }
.run[data-style="fieldwork"] .run-foot { padding-top: 6px; }
.run[data-style="fieldwork"] .run-foot .m-btn { font-size: 16px; }
.run[data-style="fieldwork"] .run-na .m-btn { background: transparent; border: 0; font: italic 15px Georgia, serif; }

/* ============================================================== 4 nightshift */
/* Control room at night: midnight panels, cyan, mono labels, static grids. */

.run[data-style="nightshift"], .hm-styled[data-style="nightshift"] {
  --bg: #0D1828;  --surface: #142336;  --surface-2: #1A2E45;  --surface-3: #223A54;
  --border: #244255;  --border-2: #3A5C74;
  --text: #E5EFF6;  --text-2: #A3BBCD;  --text-3: #86A0B5;
  --accent: #52EDCF;  --accent-ink: #082A2B;  --accent-soft: #12383A;  --accent-line: #26645F;
  --ok: #52EDCF;  --ok-soft: #0F3330;  --warn: #FFC15A;  --warn-soft: #3A2F12;
  --bad: #FF8089;  --bad-soft: #3D1A22;  --muted-soft: #1B3045;
  --radius: 6px;  --radius-s: 4px;  --radius-l: 6px;
  --font: Arial, Helvetica, sans-serif;  --mono: Consolas, 'Courier New', monospace;
  --sc-border-w: 1px;  --sc-title-size: clamp(28px, 8.8vw, 34px);  --sc-title-weight: 600;  --sc-title-track: -.02em;
  --sc-tile-radius: 7px;  --sc-radius: 6px;  --sc-display-bg: #07121B;  --sc-display-ink: #52EDCF;
  --sc-display-size: clamp(34px, 11vw, 56px);  --sc-field-size: clamp(36px, 12vw, 56px);  --sc-status-h: 150px;
  --st-page: #0D1828;  --st-ring: #E5EFF6;
  --st-head-bg: #15344A;  --st-head-ink: #5BF1D4;  --st-head-sub: #9AB2C6;  --st-chip-bg: #143633;  --st-chip-ink: #52EDCF;
  --st-prog-bg: #15344A;  --st-prog-track: #244255;  --st-prog-fill: #52EDCF;  --st-prog-ink: #52EDCF;
  --st-foot-bg: #101E30;  --st-foot-rule: 1px solid #244255;
  --st-btn-bg: #52EDCF;  --st-btn-ink: #082A2B;  --st-btn-r: 6px;  --st-back-bg: #1A2E45;  --st-back-ink: #52EDCF;
}
.run[data-style="nightshift"] *, .run[data-style="nightshift"] *::before, .run[data-style="nightshift"] *::after { animation: none !important; transition: none !important; }
.run[data-style="nightshift"] .run-head-title { text-align: left; padding-left: 4px; }
.run[data-style="nightshift"] .run-head-title .run-unit { font: 500 26px/1.15 Consolas, 'Courier New', monospace; }
.run[data-style="nightshift"] .run-bar { height: 8px; border-radius: 0; background: repeating-linear-gradient(90deg, #244255 0 12px, transparent 12px 15px); }
.run[data-style="nightshift"] .run-bar span { border-radius: 0; background: repeating-linear-gradient(90deg, #52EDCF 0 12px, transparent 12px 15px); }
.run[data-style="nightshift"] .run-count, .run[data-style="nightshift"] .run-cp, .run[data-style="nightshift"] .m-chip, .run[data-style="nightshift"] .scan-or, .run[data-style="nightshift"] .sig-hint, .run[data-style="nightshift"] .m-hint, .run[data-style="nightshift"] .run-na .m-btn, .run[data-style="nightshift"] .run-foot .m-btn, .run[data-style="nightshift"] .scan-got-l, .run[data-style="nightshift"] .g-headt {
  font-family: Consolas, 'Courier New', monospace; letter-spacing: .06em; text-transform: uppercase;
}
.run[data-style="nightshift"] .run-count { font-size: 13px; font-weight: 700; }
.run[data-style="nightshift"] .run-body { background: radial-gradient(ellipse at 100% 0, #1A475E40, transparent 60%); }
.run[data-style="nightshift"] .run-cp { color: var(--accent); font-weight: 700; }
.run[data-style="nightshift"] .run-heading { font-family: Consolas, monospace; font-size: 13px; color: var(--text-2); }
.run[data-style="nightshift"] .run-qhint { font-size: 14px; }
.run[data-style="nightshift"] .sc-badge {
  position: relative; width: 100%; height: 64px; justify-content: flex-start; padding: 0 18px; margin-top: 16px;
  border: 1px solid #3C8A87; box-shadow: 0 0 26px #52EDCF0B, inset 0 0 20px #52EDCF0D;
  background: linear-gradient(90deg, #52EDCF0F 1px, transparent 1px) 0 0 / 22px 22px, linear-gradient(#52EDCF0F 1px, transparent 1px) 0 0 / 22px 22px, #102B38;
}
.run[data-style="nightshift"] .sc-badge svg, .run[data-style="nightshift"] .sc-glyph svg { width: 32px; height: 32px; }
.run[data-style="nightshift"] .m-chip { border-radius: 4px; font-size: 11px; }
.run[data-style="nightshift"] .opt { font-size: 16px; }
.run[data-style="nightshift"] .opt:not(.is-on) .opt-mark { border-color: #5A7A90; }
.run[data-style="nightshift"] .opt.is-on { box-shadow: inset 4px 0 0 var(--accent); }
.run[data-style="nightshift"] .run-body[data-screen="value"] .big-num { color: #52EDCF; background: #142336; }
.run[data-style="nightshift"] .run-body[data-screen="meter"] .big-num { border-color: #2B665F; text-shadow: 0 0 18px #52EDCF55; box-shadow: inset 0 0 30px #52EDCF14, 0 0 22px #52EDCF0F; }
.run[data-style="nightshift"] .run-body[data-screen="meter"] .big-num:focus { border-color: #52EDCF; box-shadow: inset 0 0 30px #52EDCF14, 0 0 0 3px #52EDCF33; }
.run[data-style="nightshift"] .scan-btn, .run[data-style="nightshift"] .cam-btn {
  border: 1px solid #2B665F; color: var(--accent);
  background: linear-gradient(90deg, #24425544 1px, transparent 1px) 0 0 / 15px 15px, linear-gradient(#24425544 1px, transparent 1px) 0 0 / 15px 15px, #102B38;
}
.run[data-style="nightshift"] .scan-btn::after { content: ""; position: absolute; left: 10%; right: 10%; top: 24%; height: 1px; background: #52EDCF; box-shadow: 0 0 12px #52EDCF; }
.run[data-style="nightshift"] .scan-input { background: #142336; font-size: 18px; }
.run[data-style="nightshift"] .run-body[data-screen="signature"] .sig-pad { background-color: #E5EFF6; background-image: linear-gradient(#14304a, #14304a); border: 1px solid #52EDCF; border-style: solid; }
.run[data-style="nightshift"] .m-textarea { background: #142336; font-size: 16px; }
.run[data-style="nightshift"] .run-na .m-btn { font-size: 12px; }
.run[data-style="nightshift"] .run-foot .m-btn { font-size: 15px; letter-spacing: .06em; }

/* ================================================================ 5 signal */
/* Paper, ink and orange: huge step numbers, hard rules, square controls. */

.run[data-style="signal"], .hm-styled[data-style="signal"] {
  --bg: #F7F6F1;  --surface: #FFFFFF;  --surface-2: #EDEDE5;  --surface-3: #E4E4DA;
  --border: #D8DBD0;  --border-2: #A9B09C;
  --text: #20251F;  --text-2: #4C5647;  --text-3: #6E7765;
  --accent: #F45120;  --accent-ink: #FFFFFF;  --accent-soft: #FCE6D8;  --accent-line: #F7A98C;
  --ok: #078343;  --ok-soft: #E1F0E7;  --warn: #B83A10;  --warn-soft: #FDEFE6;
  --bad: #D52935;  --bad-soft: #FBE5E6;  --muted-soft: #E9E9DF;
  --radius: 0px;  --radius-s: 0px;  --radius-l: 0px;
  --font: Arial, Helvetica, sans-serif;  --mono: Consolas, 'Courier New', monospace;
  --sc-border-w: 2px;  --sc-title-size: clamp(29px, 9.2vw, 36px);  --sc-title-weight: 800;  --sc-title-track: -.04em;
  --sc-radius: 0px;  --sc-tile: auto;  --sc-tile-bg: transparent;  --sc-display-bg: #262F23;  --sc-display-ink: #FFFFFF;
  --sc-status-h: 140px;  --sc-field-size: clamp(38px, 12vw, 64px);  --sc-display-size: clamp(34px, 11vw, 56px);
  --st-page: #F7F6F1;  --st-ring: #20251F;
  --st-head-bg: #F45120;  --st-head-ink: #FFFFFF;  --st-head-sub: #FFE9DC;  --st-chip-bg: #20251F;  --st-chip-ink: #FFFFFF;
  --st-prog-bg: #F45120;  --st-prog-track: #FFD7C1;  --st-prog-fill: #273223;  --st-prog-ink: #FFFFFF;
  --st-foot-bg: #F7F6F1;  --st-foot-rule: 0;
  --st-btn-bg: #F45120;  --st-btn-ink: #FFFFFF;  --st-btn-r: 0;  --st-back-bg: #E6E9DE;  --st-back-ink: #20251F;
}
.run[data-style="signal"] .run-head-title { text-align: left; padding-left: 4px; }
.run[data-style="signal"] .run-head-title .run-unit { font-size: 28px; font-weight: 800; letter-spacing: -.04em; }
.run[data-style="signal"] .run-bar, .run[data-style="signal"] .run-bar span { border-radius: 0; }
.run[data-style="signal"] .run-bar { height: 5px; }
.run[data-style="signal"] .run-progress { padding: 4px 20px 13px; }
.run[data-style="signal"] .run-count { font-size: 12px; font-weight: 800; letter-spacing: .04em; }
.run[data-style="signal"] .run-cp { display: inline-block; padding: 3px 7px; background: #20251F; color: #fff; letter-spacing: .08em; }
.run[data-style="signal"] .run-heading { font-weight: 800; color: var(--text); text-transform: uppercase; font-size: 13px; letter-spacing: .04em; }
.run[data-style="signal"] .sc-badge { width: auto; height: auto; margin-top: 18px; border-radius: 0; display: block; }
.run[data-style="signal"] .sc-badge > svg, .run[data-style="signal"] .sc-badge > .sc-glyph { display: none; }
.run[data-style="signal"] .sc-step { display: block; font: 800 62px/.9 Arial, Helvetica, sans-serif; letter-spacing: -5px; color: #F45120; }
.run[data-style="signal"] .run-body[data-screen] .run-q { margin-top: 14px; }
.run[data-style="signal"] .m-chip { border-radius: 0; letter-spacing: .08em; text-transform: uppercase; font-size: 11px; }
.run[data-style="signal"] .m-chip.accent { color: #B93510; background: #FCE6D8; }
.run[data-style="signal"] .run-body[data-screen="menu"] .opt-list { border: 0; border-top: 2px solid #263020; border-radius: 0; background: transparent; }
.run[data-style="signal"] .run-body[data-screen="menu"] .opt { border: 0; border-bottom: 2px solid #263020; background: transparent; padding: 14px 4px; font-size: 19px; font-weight: 700; }
.run[data-style="signal"] .run-body[data-screen="menu"] .opt.is-on { border-width: 0; border-bottom-width: 2px; padding: 14px 8px; background: #F45120; color: #fff; }
.run[data-style="signal"] .run-body[data-screen="menu"] .opt:first-child.is-on { border-top-width: 0; }
.run[data-style="signal"] .run-body[data-screen="menu"] .opt-mark { border: 2px solid #20251F; border-radius: 0; width: 24px; height: 24px; }
.run[data-style="signal"] .run-body[data-screen="menu"] .opt.is-on .opt-mark { background: #fff; border-color: #fff; color: #F45120; }
.run[data-style="signal"] .opt-mark, .run[data-style="signal"] .opt-mark.is-box { border-radius: 0; }
.run[data-style="signal"] .opt { border-color: #20251F; }
.run[data-style="signal"] .opt.is-on { background: #F45120; border-color: #F45120; color: #fff; }
.run[data-style="signal"] .opt.is-on .opt-mark { background: #fff; border-color: #fff; color: #F45120; }
.run[data-style="signal"] .run-body[data-screen="choice"] .opt { font-size: 18px; font-weight: 800; align-items: flex-start; text-align: left; justify-content: space-between; }
.run[data-style="signal"] .run-body[data-screen="checkbox"] .opt { font-size: 17px; font-weight: 700; }
.run[data-style="signal"] .run-body[data-screen="status"] .okfail button { align-items: flex-start; justify-content: space-between; text-align: left; padding: 16px; font-size: 22px; font-weight: 800; }
.run[data-style="signal"] .run-body[data-screen="status"] .okfail button svg { width: 38px; height: 38px; }
.run[data-style="signal"] .run-body[data-screen="value"] .big-num { text-align: left; padding-left: 0; padding-right: 72px; background: transparent; border: 0; border-bottom: 4px solid #F45120; font-weight: 800; letter-spacing: -3px; }
.run[data-style="signal"] .run-body[data-screen="meter"] .big-num { text-align: left; padding-left: 18px; padding-right: 72px; font-weight: 800; letter-spacing: -.01em; border-color: #262F23; }
.run[data-style="signal"] .run-body[data-screen="meter"] .big-num:focus { border-color: #F45120; box-shadow: none; }
.run[data-style="signal"] .scan-btn, .run[data-style="signal"] .cam-btn { background: #FCE8DC; border: 2px dashed #F45120; color: #C93A12; }
.run[data-style="signal"] .scan-input, .run[data-style="signal"] .m-textarea { border: 1px solid #A9B09C; background: #fff; }
.run[data-style="signal"] .run-body[data-screen="signature"] .sig-pad { border: 1px solid #A9B09C; background-color: #fff; background-image: linear-gradient(#20251F, #20251F); }
.run[data-style="signal"] .run-na .m-btn { border: 0; border-bottom: 1px solid #A9B09C; min-height: 44px; }
.run[data-style="signal"] .run-foot .m-btn { text-transform: none; }

/* ================================================================ 6 titan */
/* Carbon panel, electric yellow, glowing actions; hotspot grids and amber selection. */

.run[data-style="titan"], .hm-styled[data-style="titan"] {
  --bg: #131516;  --surface: #242729;  --surface-2: #2C3032;  --surface-3: #363A3C;
  --border: #3A3D3F;  --border-2: #505254;
  --text: #F8F7EF;  --text-2: #C4C5BA;  --text-3: #9FA095;
  --accent: #FFDA00;  --accent-ink: #181914;  --accent-soft: #3B3414;  --accent-line: #8C7F28;
  --ok: #5FDC93;  --ok-soft: #17331F;  --warn: #FFB84D;  --warn-soft: #3A2F17;
  --bad: #FF7F86;  --bad-soft: #3B1D20;  --muted-soft: #31363A;
  --radius: 10px;  --radius-s: 6px;  --radius-l: 14px;
  --font: Arial, Helvetica, sans-serif;  --mono: Consolas, 'Courier New', monospace;
  --sc-border-w: 2px;  --sc-title-size: clamp(28px, 8.8vw, 34px);  --sc-title-weight: 800;  --sc-title-track: -.03em;
  --sc-tile-radius: 12px;  --sc-tile-bg: #3B3414;  --sc-tile-ink: #FFDA00;  --sc-radius: 12px;
  --sc-display-bg: #0A0C0D;  --sc-display-ink: #FFF4A2;
  --sc-status-h: 150px;  --sc-field-size: clamp(38px, 12vw, 60px);  --sc-display-size: clamp(34px, 11vw, 54px);
  --st-page: #131516;  --st-ring: #F8F7EF;
  --st-head-bg: #131516;  --st-head-ink: #FFFFFF;  --st-head-sub: #FFDA00;  --st-chip-bg: #38321A;  --st-chip-ink: #FFE335;
  --st-prog-bg: #131516;  --st-prog-track: #383B38;  --st-prog-fill: #FFDA00;  --st-prog-ink: #FFDA00;
  --st-foot-bg: #1B1E1F;  --st-foot-rule: 1px solid #54564D;
  --st-btn-bg: #FFDA00;  --st-btn-ink: #181914;  --st-btn-r: 10px;  --st-back-bg: #282C2C;  --st-back-ink: #C5C6BB;
}
.run[data-style="titan"] *, .run[data-style="titan"] *::before, .run[data-style="titan"] *::after { animation: none !important; transition: none !important; }
.run[data-style="titan"], .hm-styled[data-style="titan"] { background: radial-gradient(ellipse at 40% 0, #73601833, transparent 38%), linear-gradient(130deg, #17191A, #0D0F10); }
.run[data-style="titan"] .run-head { border-bottom: 1px solid #41413A; background: transparent; }
.run[data-style="titan"] .run-progress { background: transparent; }
.run[data-style="titan"] .run-head-title { text-align: left; padding-left: 4px; }
.run[data-style="titan"] .run-head-title .run-unit { font: 800 24px/1.1 Arial, Helvetica, sans-serif; letter-spacing: .02em; text-transform: uppercase; }
.run[data-style="titan"] .run-head-title .run-cl { text-transform: uppercase; font-weight: 800; letter-spacing: .04em; font-size: 11px; }
.run[data-style="titan"] .run-bar, .run[data-style="titan"] .run-bar span { border-radius: 8px; }
.run[data-style="titan"] .run-bar { height: 7px; }
.run[data-style="titan"] .run-bar span { background: linear-gradient(90deg, #F8C900, #FFEF40); box-shadow: 0 0 12px #FFE00088; }
.run[data-style="titan"] .run-count { font-family: Consolas, 'Courier New', monospace; font-weight: 700; }
.run[data-style="titan"] .run-body { background: linear-gradient(90deg, #FFDA0008 1px, transparent 1px) 0 0 / 22px 22px, linear-gradient(#FFDA0008 1px, transparent 1px) 0 0 / 22px 22px; }
.run[data-style="titan"] .run-cp { color: var(--accent); letter-spacing: .1em; font-family: Consolas, 'Courier New', monospace; text-transform: uppercase; }
.run[data-style="titan"] .run-heading { color: var(--text-2); }
.run[data-style="titan"] .run-body[data-screen] .run-q { color: #FFFFFF; }
.run[data-style="titan"] .sc-badge { border: 1px solid #716228; box-shadow: 0 0 20px #FFDA0020, inset 0 1px 0 #FFFFFF18; }
.run[data-style="titan"] .m-chip { border-radius: 5px; font-size: 11px; }
.run[data-style="titan"] .opt { background: linear-gradient(135deg, #292C2E, #1C1F20); border-color: #505254; box-shadow: inset 0 1px 0 #FFFFFF0C; color: #FFFFFF; }
.run[data-style="titan"] .opt.is-on { background: linear-gradient(90deg, #58401C, #34291A); border-color: #F4AE20; box-shadow: 0 0 14px #F3B51D30; color: #FFFFFF; }
.run[data-style="titan"] .run-body[data-screen="menu"] .opt-list .opt.is-on { color: #FFFFFF; background: linear-gradient(90deg, #58401C, #34291A); border-color: #F4AE20; }
.run[data-style="titan"] .run-body[data-screen="menu"] .opt-list .opt:not(.is-on) { background: linear-gradient(135deg, #292C2E, #1C1F20); color: #FFFFFF; }
.run[data-style="titan"] .run-body[data-screen="menu"] .opt-list .opt.is-on .opt-mark { background: #FFDA00; border-color: #FFDA00; color: #181914; }
.run[data-style="titan"] .opt.is-on .opt-sub { color: #F4D77A; }
.run[data-style="titan"] .opt-mark { border-color: #777A73; }
.run[data-style="titan"] .opt-mark.is-box { border-radius: 5px; }
.run[data-style="titan"] .run-body[data-screen="status"] .okfail button { box-shadow: inset 0 2px 0 #FFFFFF20; }
.run[data-style="titan"] .run-body[data-screen="value"] .big-num, .run[data-style="titan"] .run-body[data-screen="meter"] .big-num {
  background: linear-gradient(140deg, #282B2D, #17191B); border-color: #55574F; color: #FFF4A2; box-shadow: inset 0 3px 12px #0005;
}
.run[data-style="titan"] .run-body[data-screen="meter"] .big-num { border-color: #8C7F28; background: #0A0C0D; }
.run[data-style="titan"] .scan-btn, .run[data-style="titan"] .cam-btn { background: linear-gradient(135deg, #34321E, #202323); border: 2px dashed #A08C27; color: var(--accent); }
.run[data-style="titan"] .scan-input, .run[data-style="titan"] .m-textarea { background: #202324; border-color: #505354; }
.run[data-style="titan"] .run-body[data-screen="signature"] .sig-pad { background-color: #202324; background-image: linear-gradient(#716B43, #716B43); border-style: dashed; border-color: #716B43; }
.run[data-style="titan"] .run-foot .m-btn { background: linear-gradient(#FFEA25, #FFC900); box-shadow: 0 0 22px #FFDA0024; font-weight: 800; text-transform: uppercase; letter-spacing: .04em; }
.run[data-style="titan"] .run-na .m-btn { background: #242726; border-color: #4E514D; }
.run[data-style="titan"] .st-hero { border-color: #5A5B4D; background: linear-gradient(90deg, #FFDF0008 1px, transparent 1px) 0 0 / 18px 18px, linear-gradient(130deg, #262A2B, #171A1B); box-shadow: inset 0 1px 0 #FFFFFF12; }
.run[data-style="titan"] .st-hero-n b { color: #FFDC00; text-shadow: 0 0 18px #FFDA0055; }
.run[data-style="titan"] .st-chip { background: #38321A; color: #FFE335; border-radius: 5px; }
.run[data-style="titan"] .st-chip.is-ok { background: var(--ok-soft); color: var(--ok); }
.run[data-style="titan"] .st-chip.is-dev { background: var(--warn-soft); color: var(--warn); }
.run[data-style="titan"] .st-row { background: linear-gradient(130deg, #242729, #1C2021); border-color: #65675F; box-shadow: inset 0 1px 0 #FFFFFF06; }
.run[data-style="titan"] .st-row.is-done { border-color: #9A8734; background: linear-gradient(110deg, #42351F, #282A22); }
.run[data-style="titan"] .st-row.is-dev { border-color: var(--warn); background: var(--warn-soft); }
.run[data-style="titan"] .st-row.is-done .st-n { background: #FFDC00; color: #191D12; }
.run[data-style="titan"] .st-find-input { background: #202324; }

/* ================================================================= 7 aero */
/* Cloud-white flight record: navy strip, orange wayfinding, mono labels, dashed rules. */

.run[data-style="aero"], .hm-styled[data-style="aero"] {
  --bg: #F7F9FC;  --surface: #FFFFFF;  --surface-2: #EEF3F9;  --surface-3: #E3EBF4;
  --border: #D7E0EA;  --border-2: #A7BBD0;
  --text: #152C48;  --text-2: #475D78;  --text-3: #5D7088;
  --accent: #DB5820;  --accent-ink: #FFFFFF;  --accent-soft: #FDE9DE;  --accent-line: #F2AE8D;
  --ok: #167A47;  --ok-soft: #E4F3EB;  --warn: #A95A14;  --warn-soft: #FFF1E2;
  --bad: #C42B35;  --bad-soft: #FDECEC;  --muted-soft: #E6EDF5;
  --radius: 5px;  --radius-s: 3px;  --radius-l: 5px;
  --font: Arial, Helvetica, sans-serif;  --mono: Consolas, 'Courier New', monospace;
  --sc-border-w: 1px;  --sc-title-size: clamp(30px, 9.4vw, 37px);  --sc-title-weight: 800;  --sc-title-track: -.04em;
  --sc-tile-radius: 4px;  --sc-tile-bg: #E3EBF4;  --sc-tile-ink: #152C48;  --sc-radius: 5px;
  --sc-display-bg: #E3EBF4;  --sc-display-ink: #152C48;
  --sc-status-h: 140px;  --sc-field-size: clamp(38px, 12vw, 62px);
  --st-page: #F7F9FC;  --st-ring: #152C48;
  --st-head-bg: #152C48;  --st-head-ink: #FFFFFF;  --st-head-sub: #C5D3E2;  --st-chip-bg: #DB582033;  --st-chip-ink: #FFB48C;
  --st-prog-bg: #152C48;  --st-prog-track: #3B5067;  --st-prog-fill: #F0803F;  --st-prog-ink: #FFB48C;
  --st-foot-bg: #F7F9FC;  --st-foot-rule: 1px dashed #A4B9CE;
  --st-btn-bg: #DB5820;  --st-btn-ink: #FFFFFF;  --st-btn-r: 5px;  --st-back-bg: #E3EBF4;  --st-back-ink: #152C48;
}
.run[data-style="aero"] .run-head-title { text-align: left; padding-left: 4px; }
.run[data-style="aero"] .run-head-title .run-unit { font: 800 25px/1.05 Arial, Helvetica, sans-serif; letter-spacing: -.04em; text-transform: uppercase; }
.run[data-style="aero"] .run-bar, .run[data-style="aero"] .run-bar span { border-radius: 0; }
.run[data-style="aero"] .run-count, .run[data-style="aero"] .run-cp, .run[data-style="aero"] .m-chip, .run[data-style="aero"] .scan-or, .run[data-style="aero"] .sig-hint, .run[data-style="aero"] .m-hint, .run[data-style="aero"] .scan-got-l, .run[data-style="aero"] .st-h {
  font-family: Consolas, 'Courier New', monospace; letter-spacing: .08em; text-transform: uppercase;
}
.run[data-style="aero"] .run-count { font-weight: 700; }
.run[data-style="aero"] .run-cp { color: #B8470F; font-weight: 700; font-size: 11.5px; }
.run[data-style="aero"] .run-heading { font-family: Consolas, monospace; font-size: 12px; letter-spacing: .08em; text-transform: uppercase; color: var(--text-2); }
.run[data-style="aero"] .m-chip.accent, .run[data-style="aero"] .st-h-n { color: #B8470F; }
.run[data-style="aero"] .m-chip { border-radius: 3px; font-size: 11px; }
.run[data-style="aero"] .sc-badge { border-bottom: 5px solid var(--accent); }
.run[data-style="aero"] .opt { border-radius: 5px; font-size: 17px; }
.run[data-style="aero"] .opt.is-on { box-shadow: inset 4px 0 0 var(--accent); border-color: var(--accent); color: var(--text); background: #FFF6F0; }
.run[data-style="aero"] .opt.is-on .opt-sub { color: var(--text-2); }
.run[data-style="aero"] .opt-mark { border-color: #8CA3BB; }
.run[data-style="aero"] .run-body[data-screen="menu"] .opt-list { border-radius: 0; border-left: 0; border-right: 0; background: transparent; }
.run[data-style="aero"] .run-body[data-screen="menu"] .opt.is-on { background: #FFF6F0; color: var(--text); }
.run[data-style="aero"] .run-body[data-screen="menu"] .opt.is-on .opt-mark { color: var(--accent); }
.run[data-style="aero"] .run-body[data-screen="status"] .okfail button { border-radius: 5px; text-transform: uppercase; letter-spacing: .04em; }
.run[data-style="aero"] .run-body[data-screen="value"] .big-num { border: 0; border-left: 5px solid var(--accent); border-radius: 0; background: var(--surface-3); letter-spacing: -3px; font-weight: 700; }
.run[data-style="aero"] .run-body[data-screen="meter"] .big-num { border: 0; border-left: 5px solid var(--accent); border-radius: 0; box-shadow: none; font-family: Arial, Helvetica, sans-serif; letter-spacing: -3px; font-weight: 700; }
.run[data-style="aero"] .run-body[data-screen="meter"] .big-num:focus { box-shadow: none; }
.run[data-style="aero"] .run-body[data-screen="meter"] .num-unit { color: var(--text-2); font-family: Consolas, monospace; }
.run[data-style="aero"] .scan-btn, .run[data-style="aero"] .cam-btn { border: 1px dashed #5D7088; background: #EEF3F9; color: #152C48; border-radius: 5px; }
.run[data-style="aero"] .scan-input, .run[data-style="aero"] .m-textarea { border-color: #A7BBD0; }
.run[data-style="aero"] .run-foot .m-btn { text-transform: uppercase; letter-spacing: .06em; font-weight: 800; font-size: 15px; }
.run[data-style="aero"] .run-na .m-btn { border-style: dashed; }
.run[data-style="aero"] .st-hero { border-width: 0 0 1px; border-style: dashed; border-color: #A4B9CE; border-radius: 0; background: transparent; padding-left: 2px; padding-right: 2px; }
.run[data-style="aero"] .st-hero-n b { font-weight: 800; letter-spacing: -.06em; }
.run[data-style="aero"] .st-chip { font-family: Consolas, 'Courier New', monospace; border-radius: 3px; font-size: 11px; letter-spacing: .06em; text-transform: uppercase; }
.run[data-style="aero"] .st-list { gap: 0; }
.run[data-style="aero"] .st-row { border: 0; border-bottom: 1px solid #CBD7E4; border-radius: 0; background: transparent; }
.run[data-style="aero"] .st-row.is-done { border-bottom-color: var(--accent); }
.run[data-style="aero"] .st-row.is-dev { border-bottom-color: var(--warn); }
.run[data-style="aero"] .st-n { border-radius: 3px; font-family: Consolas, 'Courier New', monospace; }
.run[data-style="aero"] .st-find-input { border-radius: 5px; }

/* ============================================================= 8 roadline */
/* Asphalt and high-visibility lime: driver-first, uppercase, large tactile controls. */

.run[data-style="roadline"], .hm-styled[data-style="roadline"] {
  --bg: #142321;  --surface: #213530;  --surface-2: #2A443D;  --surface-3: #324F46;
  --border: #35493F;  --border-2: #4F6E5C;
  --text: #F6F8ED;  --text-2: #B9CAB6;  --text-3: #96AB91;
  --accent: #C9F03B;  --accent-ink: #15210D;  --accent-soft: #2E441D;  --accent-line: #7F9A2C;
  --ok: #6FE08E;  --ok-soft: #1A3A28;  --warn: #FFC15A;  --warn-soft: #3A3217;
  --bad: #FF8089;  --bad-soft: #3D1F21;  --muted-soft: #2C443B;
  --radius: 6px;  --radius-s: 4px;  --radius-l: 6px;
  --font: Arial, Helvetica, sans-serif;  --mono: Consolas, 'Courier New', monospace;
  --sc-border-w: 2px;  --sc-title-size: clamp(28px, 9vw, 35px);  --sc-title-weight: 900;  --sc-title-track: -.03em;
  --sc-tile-radius: 6px;  --sc-tile-bg: #C9F03B;  --sc-tile-ink: #15210D;  --sc-radius: 6px;
  --sc-display-bg: #09130E;  --sc-display-ink: #E0F28D;
  --sc-status-h: 156px;  --sc-row-h: 66px;  --sc-field-size: clamp(38px, 12vw, 60px);  --sc-display-size: clamp(34px, 11vw, 54px);
  --st-page: #142321;  --st-ring: #F6F8ED;
  --st-head-bg: #C9F03B;  --st-head-ink: #162213;  --st-head-sub: #294117;  --st-chip-bg: #162213;  --st-chip-ink: #C9F03B;
  --st-prog-bg: #C9F03B;  --st-prog-track: #9DBE26;  --st-prog-fill: #162213;  --st-prog-ink: #162213;
  --st-foot-bg: #101C1A;  --st-foot-rule: 1px solid #324F41;
  --st-btn-bg: #C9F03B;  --st-btn-ink: #15210D;  --st-btn-r: 6px;  --st-back-bg: #213530;  --st-back-ink: #C9F03B;
}
/* the cream cards of the Roadline checks: dark ink on a light card, whatever the page around them */
.run[data-style="roadline"] :is(.opt, .st-row, .ls-item) {
  --sc-surface: #F2F5E8;  --surface: #F2F5E8;  --surface-2: #E3E9D2;  --surface-3: #DCE4C6;  --sc-surface-press: #E3E9D2;
  --sc-ink: #213321;  --text: #213321;  --sc-muted: #465B38;  --text-2: #465B38;  --sc-faint: #5E7350;  --text-3: #5E7350;
  --sc-border: #8BA364;  --border-2: #8BA364;
  --ok: #17703A;  --ok-soft: #D8EBCF;  --sc-good: #17703A;  --sc-good-soft: #D8EBCF;
  --warn: #9A4D0B;  --warn-soft: #FBE9CC;  --sc-warn: #9A4D0B;  --sc-warn-soft: #FBE9CC;
  --accent: #3E5A12;  --sc-accent: #3E5A12;
  background: #F2F5E8; color: #213321; font-weight: 700;
  border: 0; border-left: 4px solid #8BA364;
}
.run[data-style="roadline"] .run-head-title { text-align: left; padding-left: 4px; }
.run[data-style="roadline"] .run-head-title .run-unit { font: 900 25px/1.05 Arial, Helvetica, sans-serif; letter-spacing: -.03em; text-transform: uppercase; }
.run[data-style="roadline"] .run-head-title .run-cl { font-weight: 700; }
.run[data-style="roadline"] .run-head .m-chip { font-weight: 800; }
.run[data-style="roadline"] .run-bar { height: 7px; }
.run[data-style="roadline"] .run-bar, .run[data-style="roadline"] .run-bar span { border-radius: 0; }
.run[data-style="roadline"] .run-count { font-weight: 900; letter-spacing: .04em; }
.run[data-style="roadline"] .run-cp { color: var(--accent); font-weight: 800; letter-spacing: .1em; }
.run[data-style="roadline"] .run-heading { font-weight: 800; text-transform: uppercase; letter-spacing: .05em; font-size: 13px; color: var(--text-2); }
.run[data-style="roadline"] .run-body[data-screen] .run-q { text-transform: uppercase; line-height: 1; }
.run[data-style="roadline"] .m-chip { border-radius: 4px; text-transform: uppercase; letter-spacing: .06em; font-size: 11px; font-weight: 800; }
.run[data-style="roadline"] .opt { font-size: 18px; border-width: 0 0 0 4px; border-radius: 6px; }
.run[data-style="roadline"] .opt.is-on { background: #C9F03B; color: #15210D; border-left-color: #15210D; }
.run[data-style="roadline"] .opt.is-on .opt-sub { color: #294117; }
.run[data-style="roadline"] .opt-mark { border-color: #758969; background: #fff; }
.run[data-style="roadline"] .opt.is-on .opt-mark { background: #15210D; border-color: #15210D; color: #D5F555; }
.run[data-style="roadline"] .run-body[data-screen="menu"] .opt-list .opt { border: 0; border-left: 4px solid #8BA364; padding: 12px 16px; min-height: 66px; background: #F2F5E8; color: #213321; }
.run[data-style="roadline"] .run-body[data-screen="menu"] .opt-list .opt.is-on { border: 0; border-left: 4px solid #15210D; background: #C9F03B; color: #15210D; padding: 12px 16px; }
.run[data-style="roadline"] .run-body[data-screen="choice"] .opt, .run[data-style="roadline"] .run-body[data-screen="checkbox"] .opt { border-width: 0 0 0 4px; }
.run[data-style="roadline"] .run-body[data-screen="menu"] .opt-list .opt.is-on .opt-mark { background: #15210D; border-color: #15210D; color: #D5F555; }
.run[data-style="roadline"] .run-body[data-screen="status"] .okfail button { border-radius: 6px; text-transform: uppercase; font-weight: 900; }
.run[data-style="roadline"] .run-body[data-screen="value"] .big-num { background: #09130E; border-color: #4B6549; color: #E0F28D; font-family: Consolas, 'Courier New', monospace; }
.run[data-style="roadline"] .run-body[data-screen="meter"] .big-num { border-color: #4B6549; }
.run[data-style="roadline"] .run-body[data-screen="meter"] .big-num:focus { border-color: #C9F03B; }
.run[data-style="roadline"] .scan-btn, .run[data-style="roadline"] .cam-btn { background: #1C302B; border: 2px dashed #C9F03B; color: #C9F03B; }
.run[data-style="roadline"] .scan-input, .run[data-style="roadline"] .m-textarea { background: #1C302B; }
.run[data-style="roadline"] .run-body[data-screen="signature"] .sig-pad { background-color: #F2F5E8; background-image: linear-gradient(#213321, #213321); border-color: #C9F03B; }
.run[data-style="roadline"] .run-foot .m-btn { text-transform: uppercase; font-weight: 900; letter-spacing: .05em; }
.run[data-style="roadline"] .run-na .m-btn { text-transform: uppercase; letter-spacing: .05em; font-size: 13px; font-weight: 800; }
.run[data-style="roadline"] .st-hero { background: #C9F03B; border-color: #C9F03B; }
.run[data-style="roadline"] .st-hero-n b { color: #162213; font-weight: 900; }
.run[data-style="roadline"] .st-hero-n span, .run[data-style="roadline"] .st-hero-l { color: #294117; }
.run[data-style="roadline"] .st-hero .st-chip { background: #162213; color: #C9F03B; }
.run[data-style="roadline"] .st-hero .st-chip.is-ok { background: #162213; color: #8DF0A9; }
.run[data-style="roadline"] .st-hero .st-chip.is-dev { background: #3A1E0A; color: #FFC15A; }
.run[data-style="roadline"] .st-h { font-weight: 800; }
.run[data-style="roadline"] .st-row { font-weight: 700; }
.run[data-style="roadline"] .st-row.is-done { background: #C9F03B; border-left-color: #15210D; }
.run[data-style="roadline"] .st-row.is-done .st-hint { color: #294117; }
.run[data-style="roadline"] .st-row.is-done .st-n { background: #1C3318; color: #D5F555; }
.run[data-style="roadline"] .st-row.is-dev { background: #FBE9CC; border-left-color: #9A4D0B; }
.run[data-style="roadline"] .st-row .st-chip { background: #E0E6CE; color: #465B38; }
.run[data-style="roadline"] .st-row.is-done .st-chip { background: #162213; color: #C9F03B; }
.run[data-style="roadline"] .st-find-input { background: #1C302B; font-weight: 700; }

/* ============================================================ 9 daybreak */
/* Warm paper and vermilion: numbered routine cards, round shapes and pill buttons. */

.run[data-style="daybreak"], .hm-styled[data-style="daybreak"] {
  --bg: #FFF7ED;  --surface: #FFFAF2;  --surface-2: #F6E9DA;  --surface-3: #F0DCC8;
  --border: #EAD3BF;  --border-2: #D5B7A0;
  --text: #452C28;  --text-2: #6A4C43;  --text-3: #7F6358;
  --accent: #CF372E;  --accent-ink: #FFFFFF;  --accent-soft: #FBE0D6;  --accent-line: #EBA194;
  --ok: #1F7A4A;  --ok-soft: #E3F0E2;  --warn: #A85412;  --warn-soft: #FBEAD6;
  --bad: #C4232D;  --bad-soft: #FBE3E0;  --muted-soft: #F1E2D2;
  --radius: 12px;  --radius-s: 8px;  --radius-l: 14px;
  --font: Arial, Helvetica, sans-serif;  --mono: Consolas, 'Courier New', monospace;
  --sc-border-w: 1px;  --sc-title-size: clamp(30px, 9.4vw, 37px);  --sc-title-weight: 800;  --sc-title-track: -.045em;
  --sc-tile-radius: 50%;  --sc-tile-bg: #F0D3BD;  --sc-tile-ink: #C42F27;  --sc-radius: 12px;
  --sc-display-bg: #452C28;  --sc-display-ink: #FFE4CE;
  --sc-status-h: 148px;  --sc-field-size: clamp(38px, 12vw, 62px);
  --st-page: #FFF7ED;  --st-ring: #452C28;
  --st-head-bg: #CF372E;  --st-head-ink: #FFFFFF;  --st-head-sub: #FFF3EA;  --st-chip-bg: #FFFFFF2E;  --st-chip-ink: #FFFFFF;
  --st-prog-bg: #CF372E;  --st-prog-track: #F08F86;  --st-prog-fill: #FFF7ED;  --st-prog-ink: #FFFFFF;
  --st-foot-bg: #FFF7ED;  --st-foot-rule: 0;
  --st-btn-bg: #CF372E;  --st-btn-ink: #FFFFFF;  --st-btn-r: 28px;  --st-back-bg: #F3E6D5;  --st-back-ink: #452C28;
}
.run[data-style="daybreak"] .run-head-title { text-align: left; padding-left: 4px; }
.run[data-style="daybreak"] .run-head-title .run-unit { font: 850 25px/1.05 Arial, Helvetica, sans-serif; letter-spacing: -.04em; text-transform: uppercase; }
.run[data-style="daybreak"] .run-bar, .run[data-style="daybreak"] .run-bar span { border-radius: 8px; }
.run[data-style="daybreak"] .run-count { font-weight: 800; }
.run[data-style="daybreak"] .run-cp { color: var(--accent); font-weight: 800; letter-spacing: .1em; }
.run[data-style="daybreak"] .run-heading { color: var(--text-2); font-weight: 700; }
.run[data-style="daybreak"] .sc-badge { box-shadow: 0 0 0 5px #F0D3BD55; }
.run[data-style="daybreak"] .m-chip { border-radius: 99px; padding: 0 10px; }
.run[data-style="daybreak"] .opt { font-size: 17px; background: #FFFAF2; border-color: #E3CDB7; border-radius: 8px; }
.run[data-style="daybreak"] .opt.is-on { background: #FBE0D6; border-color: var(--accent); color: #7A2A22; }
.run[data-style="daybreak"] .opt.is-on .opt-sub { color: #7A2A22; }
.run[data-style="daybreak"] .opt-mark { border-color: #B99A86; }
.run[data-style="daybreak"] .run-body[data-screen="menu"] .opt-list { border: 0; border-top: 1px solid #D5B7A0; border-radius: 0; background: transparent; }
.run[data-style="daybreak"] .run-body[data-screen="menu"] .opt { border: 0; border-bottom: 1px solid #D5B7A0; border-radius: 0; padding: 14px 4px; font-size: 18px; background: transparent; }
.run[data-style="daybreak"] .run-body[data-screen="menu"] .opt.is-on { border-width: 0; border-bottom: 1px solid #D5B7A0; padding: 14px 10px; background: #FBE0D6; color: #7A2A22; }
.run[data-style="daybreak"] .run-body[data-screen="menu"] .opt.is-on .opt-mark { color: var(--accent); }
.run[data-style="daybreak"] .run-body[data-screen="status"] .okfail button { border-radius: 40px 6px 6px 6px; font-weight: 800; }
.run[data-style="daybreak"] .run-body[data-screen="status"] .okfail .of-bad { border-radius: 6px 6px 40px 6px; }
.run[data-style="daybreak"] .run-body[data-screen="value"] .big-num { border: 0; border-bottom: 3px solid var(--accent); border-radius: 0; background: transparent; font-weight: 800; letter-spacing: -3px; }
.run[data-style="daybreak"] .run-body[data-screen="meter"] .big-num { border-color: #452C28; }
.run[data-style="daybreak"] .scan-btn, .run[data-style="daybreak"] .cam-btn { background: #FBE0D6; border: 2px dashed var(--accent); color: #A42A22; border-radius: 40px 8px 8px 8px; }
.run[data-style="daybreak"] .scan-input, .run[data-style="daybreak"] .m-textarea { background: #FFFAF2; border-color: #D5B7A0; border-radius: 12px; }
.run[data-style="daybreak"] .run-body[data-screen="signature"] .sig-pad { background-color: #FFFAF2; border-color: #D5B7A0; background-image: linear-gradient(#7A3529, #7A3529); }
.run[data-style="daybreak"] .run-foot .m-btn { font-weight: 800; }
.run[data-style="daybreak"] .run-na .m-btn { border-radius: 28px; }
.run[data-style="daybreak"] .st-hero { border: 0; background: #F3E6D5; border-radius: 40px 4px 4px 4px; padding-left: 24px; }
.run[data-style="daybreak"] .st-hero-n b { font-weight: 850; letter-spacing: -.06em; }
.run[data-style="daybreak"] .st-chip { border-radius: 99px; }
.run[data-style="daybreak"] .st-list { gap: 0; }
.run[data-style="daybreak"] .st-row { border: 0; border-bottom: 1px solid #D6B39C; border-radius: 0; background: transparent; padding-left: 4px; }
.run[data-style="daybreak"] .st-row.is-done { border-bottom-color: var(--ok); }
.run[data-style="daybreak"] .st-row.is-dev { border-bottom-color: var(--warn); }
.run[data-style="daybreak"] .st-label { font-weight: 650; }
.run[data-style="daybreak"] .st-n { border-radius: 50%; width: 34px; height: 34px; background: #F0D3BD; color: #8A2A22; font-size: 14px; }
.run[data-style="daybreak"] .st-h-n { border-radius: 99px; }
.run[data-style="daybreak"] .st-find-input { border-radius: 28px; padding-left: 22px; }
.run[data-style="daybreak"] .st-find-btn { border-radius: 50%; }

/* =========================================================== 10 freshcheck */
/* Mint-white records, teal controls and a dark measurement panel for the readings. */

.run[data-style="freshcheck"], .hm-styled[data-style="freshcheck"] {
  --bg: #F4FBF8;  --surface: #FFFFFF;  --surface-2: #E9F6F1;  --surface-3: #DCEFE8;
  --border: #D3E8E0;  --border-2: #B2D2C7;
  --text: #143C3A;  --text-2: #3E6660;  --text-3: #55776F;
  --accent: #08736E;  --accent-ink: #FFFFFF;  --accent-soft: #D3ECE3;  --accent-line: #86C3B6;
  --ok: #167A47;  --ok-soft: #E1F3E8;  --warn: #A45A0F;  --warn-soft: #FDF0DC;
  --bad: #C1272F;  --bad-soft: #FBE5E5;  --muted-soft: #E1F0EA;
  --radius: 13px;  --radius-s: 9px;  --radius-l: 16px;
  --font: Arial, Helvetica, sans-serif;  --mono: Consolas, 'Courier New', monospace;
  --sc-border-w: 1px;  --sc-title-size: clamp(30px, 9.2vw, 36px);  --sc-title-weight: 750;  --sc-title-track: -.04em;
  --sc-tile-radius: 13px;  --sc-radius: 16px;
  --sc-display-bg: #173C53;  --sc-display-ink: #A3EEFF;
  --sc-status-h: 148px;  --sc-field-size: clamp(38px, 12vw, 62px);  --sc-display-size: clamp(34px, 11vw, 56px);
  --st-page: #F4FBF8;  --st-ring: #143C3A;  --st-shadow: 0 3px 8px #154B3C12;
  --st-head-bg: #08736E;  --st-head-ink: #FFFFFF;  --st-head-sub: #D6EEE8;  --st-chip-bg: #FFFFFF2A;  --st-chip-ink: #E3F7F1;
  --st-prog-bg: #08736E;  --st-prog-track: #3F928B;  --st-prog-fill: #B8F0DF;  --st-prog-ink: #D6F4EA;
  --st-foot-bg: #F4FBF8;  --st-foot-rule: 0;
  --st-btn-bg: #08736E;  --st-btn-ink: #FFFFFF;  --st-btn-r: 14px;  --st-back-bg: #E2F2ED;  --st-back-ink: #08736E;
}
.run[data-style="freshcheck"] .run-head-title { text-align: left; padding-left: 4px; }
.run[data-style="freshcheck"] .run-head-title .run-unit { font: 800 25px/1.1 Arial, Helvetica, sans-serif; letter-spacing: -.03em; }
.run[data-style="freshcheck"] .run-bar, .run[data-style="freshcheck"] .run-bar span { border-radius: 8px; }
.run[data-style="freshcheck"] .run-count { font-weight: 800; }
.run[data-style="freshcheck"] .run-cp { color: var(--accent); font-weight: 800; letter-spacing: .1em; }
.run[data-style="freshcheck"] .run-heading { color: var(--text-2); }
.run[data-style="freshcheck"] .run-body[data-screen] .run-q { color: #143C3A; }
.run[data-style="freshcheck"] .m-chip { border-radius: 8px; }
.run[data-style="freshcheck"] .opt { background: #FFFFFF; border-color: #C9E0D8; box-shadow: var(--st-shadow); }
.run[data-style="freshcheck"] .opt.is-on { background: #C9E9DE; border-color: var(--accent); box-shadow: inset 0 0 0 1px var(--accent); color: #0A4F4B; }
.run[data-style="freshcheck"] .opt.is-on .opt-sub { color: #0A4F4B; }
.run[data-style="freshcheck"] .opt-mark { border-color: #8DB3A8; }
.run[data-style="freshcheck"] .run-body[data-screen="menu"] .opt-list .opt { background: #FFFFFF; border-color: #C9E0D8; }
.run[data-style="freshcheck"] .run-body[data-screen="menu"] .opt-list .opt.is-on { background: #C9E9DE; border-color: var(--accent); color: #0A4F4B; }
.run[data-style="freshcheck"] .run-body[data-screen="status"] .okfail button { border-radius: 18px; }
.run[data-style="freshcheck"] .run-body[data-screen="value"] .big-num, .run[data-style="freshcheck"] .run-body[data-screen="meter"] .big-num {
  background: #173C53; border: 0; border-radius: 19px; color: #A3EEFF; font-weight: 700; box-shadow: none;
}
.run[data-style="freshcheck"] .run-body[data-screen="value"] .num-unit { color: #B5EDF7; }
.run[data-style="freshcheck"] .run-body[data-screen="value"] .big-num::placeholder { color: #A3EEFF; opacity: .45; }
.run[data-style="freshcheck"] .run-body[data-screen="meter"] .big-num { font-family: Arial, Helvetica, sans-serif; letter-spacing: -1px; }
.run[data-style="freshcheck"] .run-body[data-screen="meter"] .big-num:focus { box-shadow: 0 0 0 4px #08736E44; }
.run[data-style="freshcheck"] .scan-btn, .run[data-style="freshcheck"] .cam-btn { background: #E2F2ED; border: 2px dashed #5BA79D; color: var(--accent); border-radius: 20px; }
.run[data-style="freshcheck"] .scan-input, .run[data-style="freshcheck"] .m-textarea { border-color: #C9E0D8; box-shadow: var(--st-shadow); }
.run[data-style="freshcheck"] .run-body[data-screen="signature"] .sig-pad { border-color: #C9E0D8; background-color: #fff; box-shadow: var(--st-shadow); background-image: linear-gradient(#08736E, #08736E); }
.run[data-style="freshcheck"] .run-foot .m-btn { font-weight: 800; }
.run[data-style="freshcheck"] .st-hero { border: 0; border-radius: 19px; background: #173C53; }
.run[data-style="freshcheck"] .st-hero-n b { color: #A3EEFF; font-weight: 700; letter-spacing: -.05em; }
.run[data-style="freshcheck"] .st-hero-n span { color: #7FB6C6; }
.run[data-style="freshcheck"] .st-hero-l { color: #C3DFE6; }
.run[data-style="freshcheck"] .st-hero .st-chip { background: #FFFFFF22; color: #E3F7F1; }
.run[data-style="freshcheck"] .st-hero .st-chip.is-ok { background: #1E5A4A; color: #A8F0C6; }
.run[data-style="freshcheck"] .st-hero .st-chip.is-dev { background: #5A4416; color: #FFD187; }
.run[data-style="freshcheck"] .st-row { border: 1px solid #C9E0D8; border-radius: 13px; box-shadow: var(--st-shadow); }
.run[data-style="freshcheck"] .st-row.is-done { border-color: var(--ok); background: #F0FAF4; }
.run[data-style="freshcheck"] .st-row.is-dev { border-color: var(--warn); background: var(--warn-soft); }
.run[data-style="freshcheck"] .st-n { border-radius: 10px; }
.run[data-style="freshcheck"] .st-find-input { border-color: #C9E0D8; box-shadow: var(--st-shadow); }

/* ================================================================ 11 suite */
/* A housekeeping journal: ivory pages, plum band, brass details and Georgia type. */

.run[data-style="suite"], .hm-styled[data-style="suite"] {
  --bg: #FAF4EC;  --surface: #FFFDF7;  --surface-2: #F3EADF;  --surface-3: #EADFD0;
  --border: #E5D8C8;  --border-2: #CDB9A8;
  --text: #472837;  --text-2: #6E4D5B;  --text-3: #7C6068;
  --accent: #6B354E;  --accent-ink: #FFFFFF;  --accent-soft: #F1E3E6;  --accent-line: #C9A0B4;
  --ok: #2F6B45;  --ok-soft: #E6EDDC;  --warn: #8A5A1E;  --warn-soft: #F6E8CF;
  --bad: #A83A30;  --bad-soft: #F6E0DB;  --muted-soft: #EFE5D8;
  --radius: 4px;  --radius-s: 3px;  --radius-l: 5px;
  --font: Arial, Helvetica, sans-serif;  --mono: Consolas, 'Courier New', monospace;
  --sc-border-w: 1px;  --sc-title-size: clamp(30px, 9.4vw, 38px);  --sc-title-weight: 400;  --sc-title-track: -.03em;
  --sc-tile-radius: 50%;  --sc-tile-bg: transparent;  --sc-tile-ink: #8E6B2E;  --sc-radius: 5px;
  --sc-display-bg: #EADFD0;  --sc-display-ink: #472837;
  --sc-status-h: 144px;  --sc-field-size: clamp(38px, 12vw, 64px);  --sc-display-size: clamp(34px, 11vw, 58px);
  --st-page: #FAF4EC;  --st-ring: #472837;
  --st-head-bg: #472837;  --st-head-ink: #FFF7ED;  --st-head-sub: #DCC3C3;  --st-chip-bg: #FFFFFF24;  --st-chip-ink: #E2C78B;
  --st-prog-bg: #472837;  --st-prog-track: #745361;  --st-prog-fill: #D2B36D;  --st-prog-ink: #E2C78B;
  --st-foot-bg: #FAF4EC;  --st-foot-rule: 0;
  --st-btn-bg: #6B354E;  --st-btn-ink: #FFFFFF;  --st-btn-r: 3px;  --st-back-bg: #EEE5D9;  --st-back-ink: #6B354E;
}
.run[data-style="suite"] .run-head-title { text-align: center; }
.run[data-style="suite"] .run-head-title .run-unit { font: 400 28px/1.1 Georgia, 'Times New Roman', serif; letter-spacing: -.02em; }
.run[data-style="suite"] .run-head-title .run-cl { letter-spacing: .08em; text-transform: uppercase; font-size: 10.5px; }
.run[data-style="suite"] .run-head .m-chip { font: italic 400 11.5px Georgia, serif; }
.run[data-style="suite"] .run-bar { height: 3px; }
.run[data-style="suite"] .run-count { font: italic 15px Georgia, 'Times New Roman', serif; }
.run[data-style="suite"] .run-cp { color: #8E6B2E; font-weight: 700; letter-spacing: .14em; font-size: 11px; }
.run[data-style="suite"] .run-heading { font-family: Georgia, serif; font-style: italic; font-weight: 400; color: var(--text-2); }
.run[data-style="suite"] .run-body[data-screen] .run-q { font-family: Georgia, 'Times New Roman', serif; }
.run[data-style="suite"] .sc-badge { border: 1px solid #D7C7B5; }
.run[data-style="suite"] .sc-badge svg, .run[data-style="suite"] .sc-glyph svg { stroke-width: 1.3; }
.run[data-style="suite"] .m-chip:not(.warn) { background: transparent; padding: 0; font: italic 400 13px Georgia, serif; color: #8E6B2E; text-transform: none; letter-spacing: 0; }
.run[data-style="suite"] .run-head .m-chip { padding: 0 9px; font: italic 400 11.5px Georgia, serif; color: var(--st-chip-ink); background: var(--st-chip-bg); }
.run[data-style="suite"] .opt { font: 400 19px Georgia, 'Times New Roman', serif; }
.run[data-style="suite"] .opt.is-on { background: #F1E3E6; border-color: var(--accent); color: var(--accent); }
.run[data-style="suite"] .opt-mark { border-color: #C2A99B; }
.run[data-style="suite"] .run-body[data-screen="menu"] .opt-list { border: 0; border-top: 1px solid #D2BDAD; border-radius: 0; background: transparent; }
.run[data-style="suite"] .run-body[data-screen="menu"] .opt { border: 0; border-bottom: 1px solid #D2BDAD; background: transparent; padding: 15px 4px; }
.run[data-style="suite"] .run-body[data-screen="menu"] .opt.is-on { border-width: 0; border-bottom: 1px solid #D2BDAD; padding: 15px 8px; background: #F1E3E6; box-shadow: inset 4px 0 0 var(--accent); }
.run[data-style="suite"] .run-body[data-screen="checkbox"] .opt-list { display: grid; grid-template-columns: 1fr 1fr; gap: 12px; }
.run[data-style="suite"] .run-body[data-screen="checkbox"] .opt { flex-direction: column; align-items: flex-start; justify-content: space-between; min-height: 100px; font-size: 17px; padding: 14px; gap: 10px; border: 0; box-shadow: 0 2px 0 #E2D3C0; }
.run[data-style="suite"] .run-body[data-screen="checkbox"] .opt.is-on { padding: 14px; box-shadow: inset 0 0 0 2px var(--accent), 0 2px 0 #D9C2CB; }
.run[data-style="suite"] .run-body[data-screen="choice"] .opt { border: 0; box-shadow: 0 2px 0 #E2D3C0; }
.run[data-style="suite"] .run-body[data-screen="choice"] .opt.is-on { box-shadow: inset 0 0 0 2px var(--accent), 0 2px 0 #D9C2CB; }
.run[data-style="suite"] .run-body[data-screen="status"] .okfail button { font-family: Georgia, serif; font-weight: 700; border-radius: 4px; }
.run[data-style="suite"] .run-body[data-screen="value"] .big-num, .run[data-style="suite"] .run-body[data-screen="meter"] .big-num { font-family: Georgia, serif; font-weight: 400; background: #EEE5D9; border: 0; border-radius: 5px; box-shadow: none; letter-spacing: 0; color: #472837; }
.run[data-style="suite"] .run-body[data-screen="meter"] .big-num:focus { box-shadow: 0 0 0 3px #6B354E33; }
.run[data-style="suite"] .run-body[data-screen="meter"] .num-unit { font-family: Georgia, serif; color: #6E4D5B; }
.run[data-style="suite"] .scan-btn, .run[data-style="suite"] .cam-btn { background: #F3EADF; border: 1px dashed #A6874C; color: var(--accent); border-radius: 4px; }
.run[data-style="suite"] .scan-input { background: #FFFDF7; }
.run[data-style="suite"] .run-body[data-screen="text"] .m-textarea { font-family: Georgia, serif; line-height: 32px; padding: 0 18px; background: repeating-linear-gradient(transparent 0 31px, #E5D8C8 31px 32px) local, #FFFDF7; }
.run[data-style="suite"] .run-body[data-screen="signature"] .sig-pad { background-color: #FFFDF7; background-image: linear-gradient(#6B354E, #6B354E); }
.run[data-style="suite"] .run-foot .m-btn { font-family: Georgia, serif; font-size: 18px; font-weight: 400; letter-spacing: .2px; }
.run[data-style="suite"] .run-na .m-btn { background: transparent; border: 0; font: italic 15px Georgia, serif; }
.run[data-style="suite"] .st-hero { border: 0; border-bottom: 1px solid #CDBBA0; border-radius: 0; background: transparent; padding-left: 2px; padding-right: 2px; }
.run[data-style="suite"] .st-hero-n b { font-family: Georgia, 'Times New Roman', serif; font-weight: 400; }
.run[data-style="suite"] .st-hero-l { font-family: Georgia, serif; font-style: italic; font-weight: 400; font-size: 16px; }
.run[data-style="suite"] .st-chip { background: transparent; padding: 0; font: italic 400 13px Georgia, serif; color: #8E6B2E; }
.run[data-style="suite"] .st-chip.is-ok { color: var(--ok); }
.run[data-style="suite"] .st-chip.is-dev { color: var(--warn); }
.run[data-style="suite"] .st-h { font-family: Georgia, serif; font-style: italic; font-weight: 400; text-transform: none; letter-spacing: 0; font-size: 18px; color: var(--text); }
.run[data-style="suite"] .st-list { gap: 0; }
.run[data-style="suite"] .st-row { border: 0; border-bottom: 1px solid #D7C7B5; border-radius: 0; background: transparent; }
.run[data-style="suite"] .st-row.is-done { border-bottom-color: #A6874C; }
.run[data-style="suite"] .st-row.is-dev { border-bottom-color: var(--warn); }
.run[data-style="suite"] .st-label { font: 400 18px Georgia, 'Times New Roman', serif; }
.run[data-style="suite"] .st-n { border-radius: 50%; background: transparent; border: 1px solid #C2A99B; color: #8E6B2E; font: italic 400 14px Georgia, serif; }
.run[data-style="suite"] .st-row.is-done .st-n { background: #6B354E; border-color: #6B354E; color: #fff; }
.run[data-style="suite"] .st-row.is-dev .st-n { background: var(--warn); border-color: var(--warn); color: #fff; }
.run[data-style="suite"] .st-h-n { background: transparent; border: 1px solid #C2A99B; color: #8E6B2E; font-family: Georgia, serif; }
.run[data-style="suite"] .st-sum { font-family: Georgia, serif; }

/* =============================================================== 12 return */
/* Electric blue vehicle-return desk: hard offset shadows, square cards, solid selection. */

.run[data-style="return"], .hm-styled[data-style="return"] {
  --bg: #F4F6FD;  --surface: #FFFFFF;  --surface-2: #E9EEFF;  --surface-3: #DBE3FB;
  --border: #D3DCF3;  --border-2: #A9BAE4;
  --text: #192D55;  --text-2: #465B84;  --text-3: #5A6E90;
  --accent: #3156F5;  --accent-ink: #FFFFFF;  --accent-soft: #E0E7FF;  --accent-line: #9FB3F5;
  --ok: #0A7A43;  --ok-soft: #E0F2E8;  --warn: #A65A10;  --warn-soft: #FDEEDB;
  --bad: #C9262F;  --bad-soft: #FBE4E5;  --muted-soft: #E5EAFA;
  --radius: 4px;  --radius-s: 3px;  --radius-l: 4px;
  --font: Arial, Helvetica, sans-serif;  --mono: Consolas, 'Courier New', monospace;
  --sc-border-w: 2px;  --sc-title-size: clamp(30px, 9.4vw, 37px);  --sc-title-weight: 850;  --sc-title-track: -.05em;
  --sc-tile-radius: 3px;  --sc-tile-bg: #3156F5;  --sc-tile-ink: #FFFFFF;  --sc-radius: 3px;
  --sc-display-bg: #192D55;  --sc-display-ink: #BCD0FF;
  --sc-status-h: 146px;  --sc-field-size: clamp(38px, 12vw, 64px);  --sc-display-size: clamp(34px, 11vw, 56px);
  --st-page: #F4F6FD;  --st-ring: #192D55;
  --st-head-bg: #3156F5;  --st-head-ink: #FFFFFF;  --st-head-sub: #EAEFFF;  --st-chip-bg: #FFFFFF2E;  --st-chip-ink: #FFFFFF;
  --st-prog-bg: #3156F5;  --st-prog-track: #6280F7;  --st-prog-fill: #FFFFFF;  --st-prog-ink: #FFFFFF;
  --st-foot-bg: #F4F6FD;  --st-foot-rule: 0;
  --st-btn-bg: #3156F5;  --st-btn-ink: #FFFFFF;  --st-btn-r: 3px;  --st-back-bg: #E5EAFA;  --st-back-ink: #3156F5;
}
.run[data-style="return"] .run-head-title { text-align: left; padding-left: 4px; }
.run[data-style="return"] .run-head-title .run-unit { font: 850 25px/1.05 Arial, Helvetica, sans-serif; letter-spacing: -.045em; text-transform: uppercase; }
.run[data-style="return"] .run-bar, .run[data-style="return"] .run-bar span { border-radius: 0; }
.run[data-style="return"] .run-count { font-weight: 800; }
.run[data-style="return"] .run-cp { color: var(--accent); font-weight: 800; letter-spacing: .1em; }
.run[data-style="return"] .run-heading { color: var(--text); font-weight: 800; text-transform: uppercase; letter-spacing: .04em; font-size: 13px; }
.run[data-style="return"] .sc-badge { box-shadow: 4px 4px 0 #9FB3F5; }
.run[data-style="return"] .m-chip { border-radius: 2px; text-transform: uppercase; letter-spacing: .06em; font-size: 11px; }
.run[data-style="return"] .opt { font-weight: 650; border-radius: 3px; border-color: #A9BAE4; background: #FFFFFF; }
.run[data-style="return"] .opt.is-on, .run[data-style="return"] .run-body[data-screen="menu"] .opt-list .opt.is-on { background: #3156F5; color: #FFFFFF; border-color: #3156F5; }
.run[data-style="return"] .opt.is-on .opt-sub { color: #DFE6FF; opacity: 1; }
.run[data-style="return"] .opt.is-on .opt-mark, .run[data-style="return"] .run-body[data-screen="menu"] .opt-list .opt.is-on .opt-mark { background: #FFFFFF; border-color: #FFFFFF; color: #3156F5; }
.run[data-style="return"] .opt-mark { border-color: #8497C8; border-radius: 3px; }
.run[data-style="return"] .opt-mark:not(.is-box) { border-radius: 50%; }
.run[data-style="return"] .run-body[data-screen="status"] .okfail button { border-radius: 3px; font-weight: 800; }
.run[data-style="return"] .run-body[data-screen="value"] .big-num { border: 0; border-bottom: 5px solid var(--accent); border-radius: 3px; font-weight: 800; letter-spacing: -3px; }
.run[data-style="return"] .run-body[data-screen="meter"] .big-num { border-radius: 3px; border-color: #192D55; box-shadow: 6px 6px 0 #3156F5; margin-right: 6px; width: calc(100% - 6px); }
.run[data-style="return"] .run-body[data-screen="meter"] .big-num:focus { border-color: #3156F5; }
.run[data-style="return"] .scan-btn, .run[data-style="return"] .cam-btn { background: #E2E9FF; border: 2px dashed #3156F5; color: #2342C4; border-radius: 3px; }
.run[data-style="return"] .scan-input, .run[data-style="return"] .m-textarea { border-color: #A9BAE4; }
.run[data-style="return"] .run-body[data-screen="signature"] .sig-pad { border-color: #A9BAE4; background-color: #fff; background-image: linear-gradient(#3156F5, #3156F5); }
.run[data-style="return"] .run-foot .m-btn { font-weight: 800; }
.run[data-style="return"] .run-na .m-btn { border-radius: 3px; }
.run[data-style="return"] .st-hero { border-radius: 2px; border: 2px solid #A9BAE4; box-shadow: 6px 6px 0 #3156F5; margin-right: 6px; }
.run[data-style="return"] .st-hero-n b { font-weight: 850; letter-spacing: -.07em; }
.run[data-style="return"] .st-chip { border-radius: 2px; text-transform: uppercase; letter-spacing: .05em; font-size: 11px; }
.run[data-style="return"] .st-h { font-weight: 800; }
.run[data-style="return"] .st-h-n { border-radius: 2px; }
.run[data-style="return"] .st-row { border: 0; border-radius: 3px; box-shadow: 0 2px 0 #C6D1EE; font-weight: 650; }
.run[data-style="return"] .st-row.is-done { background: #E0E7FF; box-shadow: inset 4px 0 0 var(--ok), 0 2px 0 #C6D1EE; }
.run[data-style="return"] .st-row.is-dev { box-shadow: inset 4px 0 0 var(--warn), 0 2px 0 #C6D1EE; }
.run[data-style="return"] .st-n { border-radius: 2px; }
.run[data-style="return"] .st-find-input { border-radius: 3px; border-color: #A9BAE4; }
.run[data-style="return"] .st-find-btn { border-radius: 2px; }

/* v4.11.0 designs 13-17 (Harbor, Ward, Bedrock, Voltage, Galley): same pattern as the sections above. */

/* =============================================================== 13 harbor */
/* Port and logistics: navy header over concrete, container orange, stencil capitals, squared crate cards. */

.pv-status:has(+ .run[data-style="harbor"]) { color: #FFFFFF; }
.run[data-style="harbor"] ~ .pv-home { background: #0F2236; }
html:has(.run[data-style="harbor"]), html:has(.run[data-style="harbor"]) body { background: #DDE3EA; }

.run[data-style="harbor"], .hm-styled[data-style="harbor"] {
  --bg: #E9EDF1;  --surface: #FFFFFF;  --surface-2: #DCE3EA;  --surface-3: #CBD5DF;
  --border: #C3CDD8;  --border-2: #7C8DA0;
  --text: #0F2236;  --text-2: #34495F;  --text-3: #4A6078;
  --accent: #B4460A;  --accent-ink: #FFFFFF;  --accent-soft: #FBE6D8;  --accent-line: #E8905C;
  --ok: #0A7A43;  --ok-soft: #DDF1E6;  --warn: #8F5200;  --warn-soft: #FCEBCB;
  --bad: #BF2030;  --bad-soft: #FADFE1;  --muted-soft: #DCE3EA;
  --radius: 2px;  --radius-s: 2px;  --radius-l: 3px;
  --font: Arial, Helvetica, sans-serif;  --mono: Consolas, 'Courier New', monospace;
  --sc-border-w: 2px;  --sc-title-size: clamp(28px, 8.8vw, 35px);  --sc-title-weight: 800;  --sc-title-track: -.01em;
  --sc-tile-radius: 2px;  --sc-tile-bg: #0F2236;  --sc-tile-ink: #F26B1D;  --sc-radius: 3px;
  --sc-display-bg: #0F2236;  --sc-display-ink: #FFB98A;
  --sc-status-h: 146px;  --sc-field-size: clamp(38px, 12vw, 62px);  --sc-display-size: clamp(34px, 11vw, 56px);
  --st-page: #E9EDF1;  --st-ring: #0F2236;
  --st-head-bg: #0F2236;  --st-head-ink: #FFFFFF;  --st-head-sub: #B4C4D6;  --st-chip-bg: #F26B1D;  --st-chip-ink: #0F2236;
  --st-prog-bg: #0F2236;  --st-prog-track: #2C4766;  --st-prog-fill: #F26B1D;  --st-prog-ink: #FFB98A;
  --st-foot-bg: #E9EDF1;  --st-foot-rule: 3px solid #0F2236;
  --st-btn-bg: #0F2236;  --st-btn-ink: #FFFFFF;  --st-btn-r: 2px;  --st-back-bg: #CBD5DF;  --st-back-ink: #0F2236;
}
.run[data-style="harbor"] .run-head { border-bottom: 4px solid #F26B1D; }
.run[data-style="harbor"] .run-head-title { text-align: left; padding-left: 4px; }
.run[data-style="harbor"] .run-head-title .run-unit { font: 800 22px/1.15 Arial, Helvetica, sans-serif; letter-spacing: .12em; text-transform: uppercase; }
.run[data-style="harbor"] .run-head-title .run-cl { text-transform: uppercase; letter-spacing: .14em; font-size: 10.5px; font-weight: 700; }
.run[data-style="harbor"] .run-bar, .run[data-style="harbor"] .run-bar span { border-radius: 0; }
.run[data-style="harbor"] .run-bar { height: 8px; background: repeating-linear-gradient(90deg, #2C4766 0 6px, #213A57 6px 8px); }
.run[data-style="harbor"] .run-count { font-family: Consolas, 'Courier New', monospace; font-weight: 700; letter-spacing: .06em; }
.run[data-style="harbor"] .run-body { background: repeating-linear-gradient(90deg, transparent 0 9px, #0F223609 9px 11px); }
.run[data-style="harbor"] .run-cp { color: var(--accent); font-weight: 800; letter-spacing: .24em; border-left: 6px solid #F26B1D; padding-left: 10px; }
.run[data-style="harbor"] .run-heading { color: var(--text); font-weight: 800; letter-spacing: .2em; text-transform: uppercase; font-size: 12.5px; }
.run[data-style="harbor"] .run-body[data-screen] .run-q { font-weight: 800; letter-spacing: -.01em; }
.run[data-style="harbor"] .sc-badge { border: 2px solid #0F2236; border-top: 8px solid #F26B1D; border-radius: 2px; }
.run[data-style="harbor"] .m-chip { border-radius: 0; text-transform: uppercase; letter-spacing: .14em; font-size: 10.5px; font-weight: 800; }
.run[data-style="harbor"] .opt { border: 2px solid #0F2236; border-left: 8px solid #7C8DA0; border-radius: 2px; background: #FFFFFF; font-weight: 700; }
.run[data-style="harbor"] .opt.is-on, .run[data-style="harbor"] .run-body[data-screen="menu"] .opt-list .opt.is-on { background: #0F2236; color: #FFFFFF; border-color: #0F2236; border-left: 8px solid #F26B1D; }
.run[data-style="harbor"] .opt.is-on .opt-sub { color: #B4C4D6; opacity: 1; }
.run[data-style="harbor"] .opt-mark { border: 2px solid #0F2236; border-radius: 2px; }
.run[data-style="harbor"] .opt-mark:not(.is-box) { border-radius: 50%; }
.run[data-style="harbor"] .opt.is-on .opt-mark, .run[data-style="harbor"] .run-body[data-screen="menu"] .opt-list .opt.is-on .opt-mark { background: #F26B1D; border-color: #F26B1D; color: #0F2236; }
.run[data-style="harbor"] .run-body[data-screen="status"] .okfail button { border-radius: 2px; letter-spacing: .12em; text-transform: uppercase; border-bottom: 6px solid rgba(0,0,0,.28); }
.run[data-style="harbor"] .run-body[data-screen="value"] .big-num { background: #FFFFFF; border: 2px solid #0F2236; border-top: 8px solid #F26B1D; border-radius: 2px; font-weight: 800; letter-spacing: 1px; }
.run[data-style="harbor"] .run-body[data-screen="meter"] .big-num { border-radius: 2px; border: 3px solid #F26B1D; box-shadow: none; font-family: Consolas, 'Courier New', monospace; letter-spacing: 2px; }
.run[data-style="harbor"] .scan-btn, .run[data-style="harbor"] .cam-btn { background: #FFFFFF; border: 2px dashed #0F2236; color: #0F2236; border-radius: 2px; letter-spacing: .1em; text-transform: uppercase; font-weight: 800; }
.run[data-style="harbor"] .scan-input, .run[data-style="harbor"] .m-textarea { border: 2px solid #0F2236; border-radius: 2px; background: #FFFFFF; }
.run[data-style="harbor"] .run-body[data-screen="signature"] .sig-pad { border: 2px solid #0F2236; border-radius: 2px; background-color: #FFFFFF; background-image: linear-gradient(#F26B1D, #F26B1D); }
.run[data-style="harbor"] .run-foot .m-btn { letter-spacing: .16em; text-transform: uppercase; font-weight: 800; border-bottom: 4px solid #F26B1D; }
.run[data-style="harbor"] .run-na .m-btn { border: 2px solid #7C8DA0; border-radius: 2px; letter-spacing: .12em; text-transform: uppercase; font-size: 12.5px; font-weight: 800; }
.run[data-style="harbor"] .st-hero { border: 2px solid #0F2236; border-left: 10px solid #F26B1D; border-radius: 2px; background: #FFFFFF; }
.run[data-style="harbor"] .st-hero-n b { font-weight: 800; letter-spacing: -.03em; }
.run[data-style="harbor"] .st-hero-l { text-transform: uppercase; letter-spacing: .16em; font-weight: 800; }
.run[data-style="harbor"] .st-chip { border-radius: 0; text-transform: uppercase; letter-spacing: .12em; font-size: 10.5px; font-weight: 800; }
.run[data-style="harbor"] .st-h { text-transform: uppercase; letter-spacing: .18em; font-weight: 800; font-size: 12.5px; }
.run[data-style="harbor"] .st-h-n { border-radius: 0; background: #0F2236; color: #FFFFFF; }
.run[data-style="harbor"] .st-row { border: 2px solid #0F2236; border-left: 8px solid #7C8DA0; border-radius: 2px; background: #FFFFFF; font-weight: 700; }
.run[data-style="harbor"] .st-row.is-done { border-left-color: var(--ok); background: #F1F8F4; }
.run[data-style="harbor"] .st-row.is-dev { border-left-color: #F26B1D; background: var(--warn-soft); }
.run[data-style="harbor"] .st-n { border-radius: 0; background: #0F2236; color: #FFFFFF; }
.run[data-style="harbor"] .st-row.is-done .st-n { background: var(--ok); color: #FFFFFF; }
.run[data-style="harbor"] .st-row.is-dev .st-n { background: #F26B1D; color: #0F2236; }
.run[data-style="harbor"] .st-find-input { border: 2px solid #0F2236; border-radius: 2px; }
.run[data-style="harbor"] .st-find-btn { border-radius: 2px; }

/* ================================================================== 14 ward */
/* Healthcare rounds: clinical white, calm teal, larger type, soft rounded cards and gentle shadows. */

.pv-status:has(+ .run[data-style="ward"]) { color: #0B4A4A; }
.run[data-style="ward"] ~ .pv-home { background: #0B4A4A; }
html:has(.run[data-style="ward"]), html:has(.run[data-style="ward"]) body { background: #E7F1F1; }

.run[data-style="ward"], .hm-styled[data-style="ward"] {
  --bg: #F3F9F9;  --surface: #FFFFFF;  --surface-2: #E4F1F1;  --surface-3: #D3E8E8;
  --border: #D5E6E6;  --border-2: #9BC2C2;
  --text: #12383A;  --text-2: #3D6264;  --text-3: #4E6E70;
  --accent: #0F7B7B;  --accent-ink: #FFFFFF;  --accent-soft: #DDF1F0;  --accent-line: #7DC4C2;
  --ok: #0A7A43;  --ok-soft: #DFF2E7;  --warn: #8F5200;  --warn-soft: #FDEFD3;
  --bad: #C0262F;  --bad-soft: #FBE5E6;  --muted-soft: #E4F1F1;
  --radius: 14px;  --radius-s: 10px;  --radius-l: 20px;
  --font: 'Segoe UI', Arial, Helvetica, sans-serif;  --mono: Consolas, 'Courier New', monospace;
  --sc-border-w: 1px;  --sc-title-size: clamp(30px, 9.4vw, 38px);  --sc-title-weight: 600;  --sc-title-track: -.02em;
  --sc-tile-radius: 16px;  --sc-tile-bg: #DDF1F0;  --sc-tile-ink: #0F7B7B;  --sc-radius: 20px;
  --sc-display-bg: #E4F1F1;  --sc-display-ink: #12383A;
  --sc-status-h: 152px;  --sc-field-size: clamp(40px, 12.5vw, 66px);  --sc-display-size: clamp(36px, 11.5vw, 58px);
  --st-page: #F3F9F9;  --st-ring: #12383A;
  --st-head-bg: #FFFFFF;  --st-head-ink: #0B4A4A;  --st-head-sub: #3D6264;  --st-chip-bg: #0F7B7B;  --st-chip-ink: #FFFFFF;
  --st-prog-bg: #FFFFFF;  --st-prog-track: #D3E8E8;  --st-prog-fill: #0F7B7B;  --st-prog-ink: #0B4A4A;
  --st-foot-bg: #F3F9F9;  --st-foot-rule: 0;
  --st-btn-bg: #0F7B7B;  --st-btn-ink: #FFFFFF;  --st-btn-r: 18px;  --st-back-bg: #DDF1F0;  --st-back-ink: #0B4A4A;
}
.run[data-style="ward"] .run-head { box-shadow: 0 2px 10px rgba(15,100,100,.10); border-radius: 0 0 22px 22px; position: relative; z-index: 1; }
.run[data-style="ward"] .run-head-title .run-unit { font: 600 22px/1.2 'Segoe UI', Arial, sans-serif; letter-spacing: -.01em; }
.run[data-style="ward"] .run-head-title .run-cl { font-size: 13px; }
.run[data-style="ward"] .run-head .m-chip { height: 22px; font-size: 12px; font-weight: 700; }
.run[data-style="ward"] .run-bar, .run[data-style="ward"] .run-bar span { border-radius: 8px; }
.run[data-style="ward"] .run-bar { height: 8px; }
.run[data-style="ward"] .run-count { font-size: 14px; font-weight: 600; }
.run[data-style="ward"] .run-body { padding: 26px 22px 32px; }
.run[data-style="ward"] .run-cp { color: var(--accent); font-weight: 700; letter-spacing: .08em; font-size: 13px; }
.run[data-style="ward"] .run-heading { color: var(--text-2); font-weight: 600; font-size: 17px; text-transform: none; letter-spacing: 0; }
.run[data-style="ward"] .run-body[data-screen] .run-q { line-height: 1.12; font-weight: 600; }
.run[data-style="ward"] .run-qhint { font-size: 17px; line-height: 1.55; color: var(--text-2); }
.run[data-style="ward"] .sc-badge { border: 0; border-radius: 22px; background: #DDF1F0; box-shadow: 0 3px 12px rgba(15,100,100,.10); }
.run[data-style="ward"] .m-chip { border-radius: 999px; font-size: 13px; padding: 0 11px; height: 24px; font-weight: 600; }
.run[data-style="ward"] .opt { font-size: 20px; font-weight: 500; min-height: 68px; border: 1px solid #D5E6E6; border-radius: 18px; background: #FFFFFF; box-shadow: 0 2px 8px rgba(15,100,100,.08); }
.run[data-style="ward"] .opt.is-on, .run[data-style="ward"] .run-body[data-screen="menu"] .opt-list .opt.is-on { background: #DDF1F0; border: 2px solid #0F7B7B; color: #0B4A4A; font-weight: 600; }
.run[data-style="ward"] .opt.is-on .opt-sub { color: #3D6264; opacity: 1; }
.run[data-style="ward"] .opt-mark { width: 28px; height: 28px; border: 2px solid #7DB0B0; }
.run[data-style="ward"] .opt.is-on .opt-mark, .run[data-style="ward"] .run-body[data-screen="menu"] .opt-list .opt.is-on .opt-mark { background: #0F7B7B; border-color: #0F7B7B; color: #FFFFFF; }
.run[data-style="ward"] .run-body[data-screen="status"] .okfail { gap: 14px; }
.run[data-style="ward"] .run-body[data-screen="status"] .okfail button { border-radius: 22px; font-weight: 700; box-shadow: 0 4px 12px rgba(15,100,100,.18); }
.run[data-style="ward"] .run-body[data-screen="value"] .big-num, .run[data-style="ward"] .run-body[data-screen="meter"] .big-num { background: #FFFFFF; border: 1px solid #9BC2C2; border-radius: 22px; box-shadow: 0 3px 12px rgba(15,100,100,.10); font-weight: 600; }
.run[data-style="ward"] .run-body[data-screen="meter"] .big-num:focus { border: 2px solid #0F7B7B; box-shadow: 0 0 0 5px #DDF1F0; }
.run[data-style="ward"] .scan-btn, .run[data-style="ward"] .cam-btn { background: #DDF1F0; border: 2px dashed #5DAAA8; color: #0B4A4A; border-radius: 18px; }
.run[data-style="ward"] .scan-input, .run[data-style="ward"] .m-textarea { border: 1px solid #9BC2C2; border-radius: 16px; background: #FFFFFF; font-size: 18px; }
.run[data-style="ward"] .run-body[data-screen="signature"] .sig-pad { border: 1px solid #9BC2C2; border-radius: 20px; background-color: #FFFFFF; background-image: linear-gradient(#7DC4C2, #7DC4C2); }
.run[data-style="ward"] .run-foot .m-btn { font-size: 18px; font-weight: 600; box-shadow: 0 4px 12px rgba(15,100,100,.18); }
.run[data-style="ward"] .run-na .m-btn { border-radius: 16px; font-size: 15px; background: #FFFFFF; }
.run[data-style="ward"] .st-hero { border: 0; border-radius: 24px; background: #FFFFFF; box-shadow: 0 4px 16px rgba(15,100,100,.12); }
.run[data-style="ward"] .st-hero-n b { font-weight: 600; letter-spacing: -.04em; color: #0F7B7B; }
.run[data-style="ward"] .st-hero-l { font-size: 17px; font-weight: 500; }
.run[data-style="ward"] .st-chip { border-radius: 999px; font-size: 13px; font-weight: 600; }
.run[data-style="ward"] .st-h { font-size: 15px; font-weight: 700; letter-spacing: .02em; text-transform: none; color: #0B4A4A; }
.run[data-style="ward"] .st-h-n { border-radius: 999px; }
.run[data-style="ward"] .st-list { gap: 12px; }
.run[data-style="ward"] .st-row { border: 0; border-radius: 18px; background: #FFFFFF; box-shadow: 0 2px 8px rgba(15,100,100,.09); font-size: 18px; min-height: 64px; }
.run[data-style="ward"] .st-row.is-done { background: #EAF6F5; box-shadow: inset 0 0 0 1.5px #7DC4C2; }
.run[data-style="ward"] .st-row.is-dev { box-shadow: inset 0 0 0 1.5px #E3A64D; }
.run[data-style="ward"] .st-n { border-radius: 999px; font-size: 15px; }
.run[data-style="ward"] .st-find-input { border-radius: 16px; border-color: #9BC2C2; }
.run[data-style="ward"] .st-find-btn { border-radius: 14px; }

/* ============================================================== 15 bedrock */
/* Mining and quarry: dark slate, hazard orange, chunky heavy controls, thick borders, hazard stripes. */

.pv-status:has(+ .run[data-style="bedrock"]) { color: #14171A; }
.run[data-style="bedrock"] ~ .pv-home { background: #FF7A00; }
html:has(.run[data-style="bedrock"]), html:has(.run[data-style="bedrock"]) body { background: #14171A; }

.run[data-style="bedrock"], .hm-styled[data-style="bedrock"] {
  --bg: #22272B;  --surface: #2E3438;  --surface-2: #394045;  --surface-3: #454D53;
  --border: #4B545A;  --border-2: #78838B;
  --text: #F4F5F6;  --text-2: #D0D5D9;  --text-3: #AEB6BC;
  --accent: #FF7A00;  --accent-ink: #14171A;  --accent-soft: #4C3418;  --accent-line: #B35500;
  --ok: #4ED98A;  --ok-soft: #173A29;  --warn: #FFC34D;  --warn-soft: #473817;
  --bad: #FF8F8F;  --bad-soft: #4A2222;  --muted-soft: #3E464B;
  --radius: 2px;  --radius-s: 2px;  --radius-l: 4px;
  --font: Arial, Helvetica, sans-serif;  --mono: Consolas, 'Courier New', monospace;
  --sc-border-w: 3px;  --sc-title-size: clamp(30px, 9.4vw, 37px);  --sc-title-weight: 900;  --sc-title-track: -.02em;
  --sc-tile-radius: 2px;  --sc-tile-bg: #FF7A00;  --sc-tile-ink: #14171A;  --sc-radius: 3px;
  --sc-display-bg: #14171A;  --sc-display-ink: #FF9A33;
  --sc-status-h: 152px;  --sc-field-size: clamp(40px, 12.5vw, 64px);  --sc-display-size: clamp(36px, 11.5vw, 58px);
  --st-page: #22272B;  --st-ring: #FFFFFF;
  --st-head-bg: #FF7A00;  --st-head-ink: #14171A;  --st-head-sub: #3A1E00;  --st-chip-bg: #14171A;  --st-chip-ink: #FF9A33;
  --st-prog-bg: #14171A;  --st-prog-track: #3E464B;  --st-prog-fill: #FF7A00;  --st-prog-ink: #FF9A33;
  --st-foot-bg: #14171A;  --st-foot-rule: 6px solid #FF7A00;
  --st-btn-bg: #FF7A00;  --st-btn-ink: #14171A;  --st-btn-r: 2px;  --st-back-bg: #394045;  --st-back-ink: #F4F5F6;
}
.run[data-style="bedrock"] .run-head-title { text-align: left; padding-left: 4px; }
.run[data-style="bedrock"] .run-head-title .run-unit { font: 900 24px/1.1 Arial, Helvetica, sans-serif; text-transform: uppercase; letter-spacing: .01em; }
.run[data-style="bedrock"] .run-head-title .run-cl { font-weight: 800; text-transform: uppercase; letter-spacing: .06em; font-size: 11.5px; }
.run[data-style="bedrock"] .run-progress { padding-top: 22px; background: repeating-linear-gradient(135deg, #14171A 0 10px, #FF7A00 10px 20px) 0 0 / 100% 9px no-repeat, #14171A; }
.run[data-style="bedrock"] .run-bar, .run[data-style="bedrock"] .run-bar span { border-radius: 0; }
.run[data-style="bedrock"] .run-bar { height: 12px; }
.run[data-style="bedrock"] .run-count { font-weight: 900; font-family: Consolas, 'Courier New', monospace; }
.run[data-style="bedrock"] .run-body { background: linear-gradient(#FFFFFF05 1px, transparent 1px) 0 0 / 100% 14px; }
.run[data-style="bedrock"] .run-cp { display: flex; align-items: center; gap: 10px; color: var(--accent); font-weight: 900; letter-spacing: .12em; }
.run[data-style="bedrock"] .run-cp::before { content: ""; width: 34px; height: 12px; flex: none; background: repeating-linear-gradient(135deg, #FF7A00 0 4px, #14171A 4px 8px); }
.run[data-style="bedrock"] .run-heading { color: var(--text); font-weight: 900; text-transform: uppercase; letter-spacing: .06em; font-size: 13.5px; }
.run[data-style="bedrock"] .run-body[data-screen] .run-q { font-weight: 900; text-transform: uppercase; line-height: 1; }
.run[data-style="bedrock"] .sc-badge { background: #FF7A00; border: 3px solid #14171A; border-bottom: 10px solid #14171A; border-radius: 2px; box-shadow: 0 0 0 3px #FF7A00; }
.run[data-style="bedrock"] .m-chip { border-radius: 0; text-transform: uppercase; letter-spacing: .08em; font-size: 11px; font-weight: 900; }
.run[data-style="bedrock"] .opt { min-height: 66px; border: 3px solid #78838B; border-radius: 2px; background: #2E3438; font-weight: 800; font-size: 18px; color: #FFFFFF; }
.run[data-style="bedrock"] .opt.is-on, .run[data-style="bedrock"] .run-body[data-screen="menu"] .opt-list .opt.is-on { background: #FF7A00; border-color: #FFB366; color: #14171A; }
.run[data-style="bedrock"] .opt.is-on .opt-sub { color: #3A1E00; opacity: 1; }
.run[data-style="bedrock"] .opt-mark { width: 28px; height: 28px; border: 3px solid #AEB6BC; border-radius: 2px; }
.run[data-style="bedrock"] .opt-mark:not(.is-box) { border-radius: 50%; }
.run[data-style="bedrock"] .opt.is-on .opt-mark, .run[data-style="bedrock"] .run-body[data-screen="menu"] .opt-list .opt.is-on .opt-mark { background: #14171A; border-color: #14171A; color: #FF9A33; }
.run[data-style="bedrock"] .run-body[data-screen="status"] .okfail button { border-radius: 2px; font-weight: 900; text-transform: uppercase; letter-spacing: .06em; border-bottom: 8px solid rgba(0,0,0,.35); }
.run[data-style="bedrock"] .run-body[data-screen="value"] .big-num, .run[data-style="bedrock"] .run-body[data-screen="meter"] .big-num { background: #14171A; color: #FF9A33; border: 4px solid #78838B; border-radius: 2px; font-weight: 900; box-shadow: none; }
.run[data-style="bedrock"] .run-body[data-screen="meter"] .big-num { border-color: #FF7A00; }
.run[data-style="bedrock"] .scan-btn, .run[data-style="bedrock"] .cam-btn { background: #2E3438; border: 3px dashed #FF7A00; color: #FF9A33; border-radius: 2px; font-weight: 900; text-transform: uppercase; }
.run[data-style="bedrock"] .scan-input, .run[data-style="bedrock"] .m-textarea { background: #2E3438; border: 3px solid #78838B; border-radius: 2px; }
.run[data-style="bedrock"] .run-body[data-screen="signature"] .sig-pad { background-color: #2E3438; background-image: linear-gradient(#FF9A33, #FF9A33); border: 3px solid #78838B; border-radius: 2px; }
.run[data-style="bedrock"] .run-foot .m-btn { font-weight: 900; text-transform: uppercase; letter-spacing: .1em; border-bottom: 6px solid #B35500; }
.run[data-style="bedrock"] .run-foot .m-iconbtn { border: 3px solid #78838B; }
.run[data-style="bedrock"] .run-na .m-btn { border: 3px solid #78838B; border-radius: 2px; font-weight: 800; color: #D0D5D9; }
.run[data-style="bedrock"] .st-hero { border: 3px solid #78838B; border-top: 10px solid #FF7A00; border-radius: 2px; background: #2E3438; }
.run[data-style="bedrock"] .st-hero-n b { font-weight: 900; color: #FF9A33; }
.run[data-style="bedrock"] .st-hero-l { text-transform: uppercase; font-weight: 900; letter-spacing: .08em; }
.run[data-style="bedrock"] .st-chip { border-radius: 0; text-transform: uppercase; font-size: 11px; font-weight: 900; letter-spacing: .06em; }
.run[data-style="bedrock"] .st-h { text-transform: uppercase; font-weight: 900; letter-spacing: .1em; font-size: 13px; }
.run[data-style="bedrock"] .st-h-n { border-radius: 0; background: #FF7A00; color: #14171A; }
.run[data-style="bedrock"] .st-row { border: 3px solid #78838B; border-radius: 2px; background: #2E3438; font-weight: 800; }
.run[data-style="bedrock"] .st-row.is-done { border-color: var(--ok); background: #1E3A2D; }
.run[data-style="bedrock"] .st-row.is-dev { border-color: #FF7A00; background: #4A3418; }
.run[data-style="bedrock"] .st-n { border-radius: 0; background: #14171A; color: #FF9A33; font-weight: 900; }
.run[data-style="bedrock"] .st-row.is-done .st-n { background: #4ED98A; color: #14171A; }
.run[data-style="bedrock"] .st-row.is-dev .st-n { background: #FF7A00; color: #14171A; }
.run[data-style="bedrock"] .st-find-input { background: #2E3438; border: 3px solid #78838B; border-radius: 2px; }
.run[data-style="bedrock"] .st-find-btn { border-radius: 2px; }

/* ============================================================== 16 voltage */
/* Energy and electrical: deep indigo, electric cyan, fine 1px line work and a still cyan glow. */

.pv-status:has(+ .run[data-style="voltage"]) { color: #E6EAFF; }
.run[data-style="voltage"] ~ .pv-home { background: #22D3EE; }
html:has(.run[data-style="voltage"]), html:has(.run[data-style="voltage"]) body { background: #0E0B26; }

.run[data-style="voltage"], .hm-styled[data-style="voltage"] {
  --bg: #1A1640;  --surface: #231E57;  --surface-2: #2B2569;  --surface-3: #352E7B;
  --border: #3A3590;  --border-2: #5D69BF;
  --text: #F0F2FF;  --text-2: #C6CBF2;  --text-3: #A5ABE0;
  --accent: #22D3EE;  --accent-ink: #0B0827;  --accent-soft: #123456;  --accent-line: #1593AB;
  --ok: #4ADE9A;  --ok-soft: #123D42;  --warn: #FFC857;  --warn-soft: #43344A;
  --bad: #FF8A98;  --bad-soft: #4A2447;  --muted-soft: #2E2870;
  --radius: 6px;  --radius-s: 4px;  --radius-l: 10px;
  --font: Arial, Helvetica, sans-serif;  --mono: Consolas, 'Courier New', monospace;
  --sc-border-w: 1px;  --sc-title-size: clamp(28px, 8.8vw, 34px);  --sc-title-weight: 300;  --sc-title-track: .01em;
  --sc-tile-radius: 8px;  --sc-tile-bg: transparent;  --sc-tile-ink: #22D3EE;  --sc-radius: 8px;
  --sc-display-bg: #0F0C2E;  --sc-display-ink: #7CE8F8;
  --sc-status-h: 148px;  --sc-field-size: clamp(38px, 12vw, 60px);  --sc-display-size: clamp(34px, 11vw, 54px);
  --st-page: #1A1640;  --st-ring: #22D3EE;
  --st-head-bg: #120F30;  --st-head-ink: #F0F2FF;  --st-head-sub: #9FE8F6;  --st-chip-bg: #22D3EE26;  --st-chip-ink: #7CE8F8;
  --st-prog-bg: #120F30;  --st-prog-track: #2F2A72;  --st-prog-fill: #22D3EE;  --st-prog-ink: #7CE8F8;
  --st-foot-bg: #120F30;  --st-foot-rule: 1px solid #22D3EE;
  --st-btn-bg: #22D3EE;  --st-btn-ink: #0B0827;  --st-btn-r: 6px;  --st-back-bg: #231E57;  --st-back-ink: #7CE8F8;
}
.run[data-style="voltage"] .run-head { border-bottom: 1px solid #22D3EE; box-shadow: 0 1px 14px #22D3EE55; position: relative; z-index: 1; }
.run[data-style="voltage"] .run-head-title .run-unit { font: 300 22px/1.2 Arial, Helvetica, sans-serif; letter-spacing: .14em; text-transform: uppercase; }
.run[data-style="voltage"] .run-head-title .run-cl { letter-spacing: .1em; text-transform: uppercase; font-size: 11px; }
.run[data-style="voltage"] .run-head .m-chip { background: transparent; border: 1px solid #22D3EE; }
.run[data-style="voltage"] .run-bar { height: 3px; }
.run[data-style="voltage"] .run-bar span { box-shadow: 0 0 10px #22D3EE; }
.run[data-style="voltage"] .run-count { font-family: Consolas, 'Courier New', monospace; font-weight: 400; letter-spacing: .08em; }
.run[data-style="voltage"] .run-body { background: linear-gradient(90deg, #22D3EE0A 1px, transparent 1px) 0 0 / 24px 24px, linear-gradient(#22D3EE0A 1px, transparent 1px) 0 0 / 24px 24px; }
.run[data-style="voltage"] .run-cp { color: #22D3EE; font-family: Consolas, 'Courier New', monospace; font-weight: 400; letter-spacing: .2em; text-shadow: 0 0 8px #22D3EE88; }
.run[data-style="voltage"] .run-heading { color: var(--text-2); font-weight: 400; letter-spacing: .16em; text-transform: uppercase; font-size: 12.5px; }
.run[data-style="voltage"] .run-body[data-screen] .run-q { font-weight: 300; letter-spacing: .005em; }
.run[data-style="voltage"] .sc-badge { border: 1px solid #22D3EE; border-radius: 8px; background: #0F0C2E; box-shadow: 0 0 16px #22D3EE44, inset 0 0 12px #22D3EE22; }
.run[data-style="voltage"] .sc-badge svg, .run[data-style="voltage"] .sc-glyph svg { stroke-width: 1.2; }
.run[data-style="voltage"] .m-chip { background: transparent; border: 1px solid #5D69BF; border-radius: 4px; text-transform: uppercase; letter-spacing: .1em; font-size: 10.5px; }
.run[data-style="voltage"] .m-chip.accent { border-color: #22D3EE; }
.run[data-style="voltage"] .m-chip.warn { border-color: #FFC857; }
.run[data-style="voltage"] .opt { border: 1px solid #5D69BF; border-radius: 6px; background: #1E1A4D; font-weight: 400; color: #F0F2FF; }
.run[data-style="voltage"] .opt.is-on, .run[data-style="voltage"] .run-body[data-screen="menu"] .opt-list .opt.is-on { background: #123456; border-color: #22D3EE; color: #FFFFFF; box-shadow: 0 0 0 1px #22D3EE, 0 0 18px #22D3EE55; }
.run[data-style="voltage"] .opt.is-on .opt-sub { color: #9FE8F6; opacity: 1; }
.run[data-style="voltage"] .opt-mark { border: 1px solid #8D97E0; border-radius: 50%; }
.run[data-style="voltage"] .opt-mark.is-box { border-radius: 3px; }
.run[data-style="voltage"] .opt.is-on .opt-mark, .run[data-style="voltage"] .run-body[data-screen="menu"] .opt-list .opt.is-on .opt-mark { background: #22D3EE; border-color: #22D3EE; color: #0B0827; box-shadow: 0 0 10px #22D3EE; }
.run[data-style="voltage"] .run-body[data-screen="status"] .okfail button { border-radius: 6px; font-weight: 600; letter-spacing: .1em; text-transform: uppercase; font-size: 18px; }
.run[data-style="voltage"] .run-body[data-screen="value"] .big-num { background: #0F0C2E; border: 1px solid #22D3EE; border-radius: 8px; color: #7CE8F8; font-family: Consolas, 'Courier New', monospace; font-weight: 300; text-shadow: 0 0 14px #22D3EEAA; box-shadow: 0 0 16px #22D3EE33; }
.run[data-style="voltage"] .run-body[data-screen="meter"] .big-num { background: #0F0C2E; border: 1px solid #22D3EE; border-radius: 8px; color: #7CE8F8; font-family: Consolas, 'Courier New', monospace; font-weight: 300; text-shadow: 0 0 14px #22D3EEAA; box-shadow: 0 0 22px #22D3EE55, inset 0 0 14px #22D3EE22; }
.run[data-style="voltage"] .run-body[data-screen="meter"] .num-unit { color: #9FE8F6; font-family: Consolas, 'Courier New', monospace; }
.run[data-style="voltage"] .scan-btn, .run[data-style="voltage"] .cam-btn { background: #0F0C2E; border: 1px dashed #22D3EE; color: #7CE8F8; border-radius: 6px; }
.run[data-style="voltage"] .scan-input, .run[data-style="voltage"] .m-textarea { background: #0F0C2E; border: 1px solid #5D69BF; border-radius: 6px; }
.run[data-style="voltage"] .run-body[data-screen="signature"] .sig-pad { background-color: #0F0C2E; background-image: linear-gradient(#22D3EE88, #22D3EE88); border: 1px solid #22D3EE; border-radius: 8px; }
.run[data-style="voltage"] .run-foot .m-btn { font-weight: 700; letter-spacing: .14em; text-transform: uppercase; box-shadow: 0 0 18px #22D3EE55; }
.run[data-style="voltage"] .run-foot .m-iconbtn { border: 1px solid #5D69BF; }
.run[data-style="voltage"] .run-na .m-btn { border: 1px solid #5D69BF; border-radius: 6px; color: #C6CBF2; font-weight: 400; letter-spacing: .08em; }
.run[data-style="voltage"] .st-hero { border: 1px solid #22D3EE; border-radius: 8px; background: #0F0C2E; box-shadow: 0 0 18px #22D3EE44, inset 0 0 14px #22D3EE1A; }
.run[data-style="voltage"] .st-hero-n b { color: #7CE8F8; font-weight: 300; text-shadow: 0 0 14px #22D3EE99; }
.run[data-style="voltage"] .st-chip { background: transparent; border: 1px solid #5D69BF; border-radius: 4px; text-transform: uppercase; letter-spacing: .08em; font-size: 10.5px; color: #C6CBF2; }
.run[data-style="voltage"] .st-chip.is-ok { border-color: var(--ok); color: var(--ok); }
.run[data-style="voltage"] .st-chip.is-dev { border-color: var(--warn); color: var(--warn); }
.run[data-style="voltage"] .st-h { text-transform: uppercase; letter-spacing: .16em; font-weight: 400; font-size: 12.5px; color: #9FE8F6; }
.run[data-style="voltage"] .st-h-n { background: transparent; border: 1px solid #22D3EE; color: #7CE8F8; border-radius: 4px; }
.run[data-style="voltage"] .st-row { border: 1px solid #5D69BF; border-radius: 6px; background: #1E1A4D; font-weight: 400; }
.run[data-style="voltage"] .st-row.is-done { border-color: #22D3EE; background: #123456; box-shadow: 0 0 12px #22D3EE33; }
.run[data-style="voltage"] .st-row.is-dev { border-color: var(--warn); background: var(--warn-soft); }
.run[data-style="voltage"] .st-n { background: transparent; border: 1px solid #8D97E0; border-radius: 4px; color: #C6CBF2; font-family: Consolas, 'Courier New', monospace; }
.run[data-style="voltage"] .st-row.is-done .st-n { background: #22D3EE; border-color: #22D3EE; color: #0B0827; }
.run[data-style="voltage"] .st-row.is-dev .st-n { background: var(--warn); border-color: var(--warn); color: #1A1640; }
.run[data-style="voltage"] .st-find-input { background: #0F0C2E; border: 1px solid #5D69BF; border-radius: 6px; }
.run[data-style="voltage"] .st-find-btn { border-radius: 4px; }

/* ================================================================ 17 galley */
/* Commercial kitchen and HACCP: brushed steel, tomato red, tiled panels and big temperature readings. */

.pv-status:has(+ .run[data-style="galley"]) { color: #1F2326; }
.run[data-style="galley"] ~ .pv-home { background: #1F2326; }
html:has(.run[data-style="galley"]), html:has(.run[data-style="galley"]) body { background: #D9DDE1; }

.run[data-style="galley"], .hm-styled[data-style="galley"] {
  --bg: #ECEEF0;  --surface: #FFFFFF;  --surface-2: #E1E4E7;  --surface-3: #D0D5DA;
  --border: #CBD0D5;  --border-2: #8E979F;
  --text: #1F2326;  --text-2: #444B52;  --text-3: #566069;
  --accent: #C9301F;  --accent-ink: #FFFFFF;  --accent-soft: #FBE3DF;  --accent-line: #E8806F;
  --ok: #0A7A43;  --ok-soft: #DDF1E6;  --warn: #8F5200;  --warn-soft: #FCEBCB;
  --bad: #BF2030;  --bad-soft: #FADFE1;  --muted-soft: #DDE1E5;
  --radius: 6px;  --radius-s: 4px;  --radius-l: 8px;
  --font: Arial, Helvetica, sans-serif;  --mono: Consolas, 'Courier New', monospace;
  --sc-border-w: 2px;  --sc-title-size: clamp(28px, 8.8vw, 35px);  --sc-title-weight: 800;  --sc-title-track: -.02em;
  --sc-tile-radius: 6px;  --sc-tile-bg: #C9301F;  --sc-tile-ink: #FFFFFF;  --sc-radius: 6px;
  --sc-display-bg: #FFFFFF;  --sc-display-ink: #1F2326;
  --sc-status-h: 150px;  --sc-field-size: clamp(52px, 17vw, 88px);  --sc-display-size: clamp(48px, 16vw, 80px);
  --st-page: #ECEEF0;  --st-ring: #1F2326;
  --st-head-bg: #D5D9DD;  --st-head-ink: #1F2326;  --st-head-sub: #3A4147;  --st-chip-bg: #C9301F;  --st-chip-ink: #FFFFFF;
  --st-prog-bg: #E1E4E7;  --st-prog-track: #B4BBC2;  --st-prog-fill: #C9301F;  --st-prog-ink: #1F2326;
  --st-foot-bg: #D5D9DD;  --st-foot-rule: 1px solid #9AA2AA;
  --st-btn-bg: #C9301F;  --st-btn-ink: #FFFFFF;  --st-btn-r: 6px;  --st-back-bg: #FFFFFF;  --st-back-ink: #1F2326;
}
.run[data-style="galley"] .run-head { background: linear-gradient(180deg, #F4F5F6, #CDD2D7); border-bottom: 4px solid #E0402F; }
.run[data-style="galley"] .run-progress { background: linear-gradient(180deg, #E8EAEC, #DADEE1); }
.run[data-style="galley"] .run-foot { background: linear-gradient(180deg, #E8EAEC, #CDD2D7); }
.run[data-style="galley"] .run-head-title .run-unit { font: 800 24px/1.1 Arial, Helvetica, sans-serif; letter-spacing: -.02em; }
.run[data-style="galley"] .run-head-title .run-cl { font-weight: 700; font-size: 12px; text-transform: uppercase; letter-spacing: .08em; }
.run[data-style="galley"] .run-bar, .run[data-style="galley"] .run-bar span { border-radius: 2px; }
.run[data-style="galley"] .run-bar { height: 10px; border: 1px solid #9AA2AA; }
.run[data-style="galley"] .run-count { font-weight: 800; font-family: Consolas, 'Courier New', monospace; }
.run[data-style="galley"] .run-body { background: linear-gradient(90deg, #1F232611 1px, transparent 1px) 0 0 / 30px 30px, linear-gradient(#1F232611 1px, transparent 1px) 0 0 / 30px 30px, linear-gradient(180deg, #F2F3F4, #E6E9EB); }
.run[data-style="galley"] .run-cp { color: var(--accent); font-weight: 800; letter-spacing: .12em; }
.run[data-style="galley"] .run-heading { color: var(--text); font-weight: 800; text-transform: uppercase; letter-spacing: .08em; font-size: 13px; }
.run[data-style="galley"] .run-body[data-screen] .run-q { font-weight: 800; }
.run[data-style="galley"] .sc-badge { border: 2px solid #8F1D10; border-radius: 6px; background: linear-gradient(180deg, #E0402F, #C9301F); box-shadow: 0 3px 0 #8F1D10; }
.run[data-style="galley"] .m-chip { border-radius: 3px; text-transform: uppercase; letter-spacing: .08em; font-size: 11px; font-weight: 800; }
.run[data-style="galley"] .opt { border: 2px solid #8E979F; border-radius: 6px; background: linear-gradient(180deg, #FFFFFF, #E9ECEE); box-shadow: 0 3px 0 #9AA2AA; font-weight: 700; }
.run[data-style="galley"] .opt.is-on, .run[data-style="galley"] .run-body[data-screen="menu"] .opt-list .opt.is-on { background: #C9301F; border-color: #8F1D10; color: #FFFFFF; box-shadow: 0 3px 0 #8F1D10; }
.run[data-style="galley"] .opt.is-on .opt-sub { color: #FFE3DE; opacity: 1; }
.run[data-style="galley"] .opt-mark { border: 2px solid #566069; border-radius: 4px; background: #FFFFFF; }
.run[data-style="galley"] .opt-mark:not(.is-box) { border-radius: 50%; }
.run[data-style="galley"] .opt.is-on .opt-mark, .run[data-style="galley"] .run-body[data-screen="menu"] .opt-list .opt.is-on .opt-mark { background: #FFFFFF; border-color: #FFFFFF; color: #C9301F; }
.run[data-style="galley"] .run-body[data-screen="status"] .okfail button { border-radius: 6px; font-weight: 800; border-bottom: 6px solid rgba(0,0,0,.28); }
.run[data-style="galley"] .run-body[data-screen="value"] .big-num, .run[data-style="galley"] .run-body[data-screen="meter"] .big-num { background: #FFFFFF; color: #1F2326; border: 3px solid #566069; border-radius: 6px; font-weight: 800; font-family: Consolas, 'Courier New', monospace; letter-spacing: -1px; box-shadow: inset 0 3px 0 #D0D5DA, 0 3px 0 #9AA2AA; }
.run[data-style="galley"] .run-body[data-screen="meter"] .big-num { border-color: #C9301F; }
.run[data-style="galley"] .run-body[data-screen="meter"] .num-unit { color: #C9301F; font-weight: 800; }
.run[data-style="galley"] .scan-btn, .run[data-style="galley"] .cam-btn { background: #FFFFFF; border: 2px dashed #8E979F; color: #1F2326; border-radius: 6px; font-weight: 800; }
.run[data-style="galley"] .scan-input, .run[data-style="galley"] .m-textarea { border: 2px solid #8E979F; border-radius: 6px; background: #FFFFFF; }
.run[data-style="galley"] .run-body[data-screen="signature"] .sig-pad { border: 2px solid #8E979F; border-radius: 6px; background-color: #FFFFFF; background-image: linear-gradient(#C9301F, #C9301F); }
.run[data-style="galley"] .run-foot .m-btn { font-weight: 800; border-bottom: 4px solid #8F1D10; }
.run[data-style="galley"] .run-foot .m-iconbtn { border: 2px solid #8E979F; }
.run[data-style="galley"] .run-na .m-btn { border: 2px solid #8E979F; border-radius: 6px; font-weight: 800; background: #FFFFFF; }
.run[data-style="galley"] .st-hero { border: 2px solid #8E979F; border-radius: 6px; background: linear-gradient(180deg, #FFFFFF, #E1E4E7); box-shadow: 0 3px 0 #9AA2AA; }
.run[data-style="galley"] .st-hero-n b { font-weight: 800; letter-spacing: -.05em; color: #C9301F; }
.run[data-style="galley"] .st-hero-l { text-transform: uppercase; letter-spacing: .08em; font-weight: 800; }
.run[data-style="galley"] .st-chip { border-radius: 3px; text-transform: uppercase; letter-spacing: .06em; font-size: 11px; font-weight: 800; }
.run[data-style="galley"] .st-h { text-transform: uppercase; letter-spacing: .1em; font-weight: 800; font-size: 13px; }
.run[data-style="galley"] .st-h-n { border-radius: 3px; background: #1F2326; color: #FFFFFF; }
.run[data-style="galley"] .st-row { border: 2px solid #8E979F; border-radius: 6px; background: linear-gradient(180deg, #FFFFFF, #E9ECEE); box-shadow: 0 3px 0 #9AA2AA; font-weight: 700; }
.run[data-style="galley"] .st-row.is-done { border-color: var(--ok); box-shadow: 0 3px 0 #0A7A43; }
.run[data-style="galley"] .st-row.is-dev { border-color: #E0402F; box-shadow: 0 3px 0 #BF2030; background: var(--warn-soft); }
.run[data-style="galley"] .st-n { border-radius: 3px; background: #1F2326; color: #FFFFFF; }
.run[data-style="galley"] .st-row.is-done .st-n { background: var(--ok); color: #FFFFFF; }
.run[data-style="galley"] .st-row.is-dev .st-n { background: #BF2030; color: #FFFFFF; }
.run[data-style="galley"] .st-find-input { border: 2px solid #8E979F; border-radius: 6px; }
.run[data-style="galley"] .st-find-btn { border-radius: 4px; }

/* Raptool Check v4.11 — screen styles 18 Cleanroom · 19 Frost · 20 Storefront · 21 Blueprint · 22 Contrast.
   Same system as shared/screen-styles.css (section 0 already covers these ids). */

/* =========================================================== 18 cleanroom */
/* Lab and pharma: white and lilac, 1px hairlines, monospaced labels, small radii. */

.pv-status:has(+ .run[data-style="cleanroom"]) { color: #17142B; }
.run[data-style="cleanroom"] ~ .pv-home { background: #17142B; }
html:has(.run[data-style="cleanroom"]), html:has(.run[data-style="cleanroom"]) body { background: #F7F6FC; }

.run[data-style="cleanroom"], .hm-styled[data-style="cleanroom"] {
  --bg: #F7F6FC;  --surface: #FFFFFF;  --surface-2: #F1EEFB;  --surface-3: #E6E1F7;
  --border: #E0DBF0;  --border-2: #BDB4E0;
  --text: #17142B;  --text-2: #4A4670;  --text-3: #615D85;
  --accent: #6A47F0;  --accent-ink: #FFFFFF;  --accent-soft: #EFEAFF;  --accent-line: #B7A6FA;
  --ok: #0A7A43;  --ok-soft: #E3F4EB;  --warn: #8A5200;  --warn-soft: #FFF1D6;
  --bad: #C0262F;  --bad-soft: #FBE6E7;  --muted-soft: #EEEBF8;
  --radius: 3px;  --radius-s: 2px;  --radius-l: 4px;
  --font: Arial, Helvetica, sans-serif;  --mono: Consolas, 'Courier New', monospace;
  --sc-border-w: 1px;  --sc-title-size: clamp(26px, 8.2vw, 32px);  --sc-title-weight: 500;  --sc-title-track: -.02em;
  --sc-tile-radius: 2px;  --sc-tile-bg: #FFFFFF;  --sc-tile-ink: #6A47F0;  --sc-radius: 3px;
  --sc-display-bg: #FFFFFF;  --sc-display-ink: #17142B;
  --sc-status-h: 132px;  --sc-field-size: clamp(34px, 11vw, 52px);  --sc-display-size: clamp(32px, 10vw, 48px);
  --st-page: #F7F6FC;  --st-ring: #17142B;
  --st-head-bg: #FFFFFF;  --st-head-ink: #17142B;  --st-head-sub: #4A4670;  --st-chip-bg: #EFEAFF;  --st-chip-ink: #5B38E0;
  --st-prog-bg: #FFFFFF;  --st-prog-track: #E6E1F7;  --st-prog-fill: #7C5CFF;  --st-prog-ink: #4A4670;
  --st-foot-bg: #FFFFFF;  --st-foot-rule: 1px solid #BDB4E0;
  --st-btn-bg: #6A47F0;  --st-btn-ink: #FFFFFF;  --st-btn-r: 2px;  --st-back-bg: #FFFFFF;  --st-back-ink: #6A47F0;
}
.run[data-style="cleanroom"] .run-head { border-bottom: 1px solid #BDB4E0; }
.run[data-style="cleanroom"] .run-head-title .run-unit { font: 600 17px/1.2 Consolas, 'Courier New', monospace; letter-spacing: .04em; text-transform: uppercase; }
.run[data-style="cleanroom"] .run-head-title .run-cl, .run[data-style="cleanroom"] .run-count { font-family: Consolas, 'Courier New', monospace; letter-spacing: .03em; }
.run[data-style="cleanroom"] .run-head .m-chip { border: 1px solid #B7A6FA; border-radius: 2px; }
.run[data-style="cleanroom"] .run-progress { border-bottom: 1px solid #E0DBF0; }
.run[data-style="cleanroom"] .run-bar { height: 3px; }
.run[data-style="cleanroom"] .run-bar, .run[data-style="cleanroom"] .run-bar span { border-radius: 0; }
.run[data-style="cleanroom"] .run-cp, .run[data-style="cleanroom"] .run-heading, .run[data-style="cleanroom"] .st-h {
  font-family: Consolas, 'Courier New', monospace; text-transform: uppercase; letter-spacing: .14em; font-size: 11.5px; font-weight: 600; color: var(--accent);
}
.run[data-style="cleanroom"] .run-heading, .run[data-style="cleanroom"] .st-h { color: var(--text-2); }
.run[data-style="cleanroom"] .run-q ~ .flex.wrap { gap: 6px; }
.run[data-style="cleanroom"] .sc-badge { width: 36px; height: 36px; border: 1px solid var(--accent); }
.run[data-style="cleanroom"] .sc-badge svg { width: 20px; height: 20px; }
.run[data-style="cleanroom"] .m-chip, .run[data-style="cleanroom"] .st-chip {
  font-family: Consolas, 'Courier New', monospace; text-transform: uppercase; letter-spacing: .08em; font-size: 10.5px; font-weight: 600;
  border: 1px solid var(--border-2); border-radius: 2px; background: #FFFFFF; color: var(--text-2);
}
.run[data-style="cleanroom"] .m-chip.accent, .run[data-style="cleanroom"] .st-chip.is-ok { border-color: currentColor; }
.run[data-style="cleanroom"] .m-chip.accent { background: var(--accent-soft); color: #5B38E0; }
.run[data-style="cleanroom"] .opt { border: 1px solid var(--border-2); border-radius: 3px; background: #FFFFFF; font-weight: 500; }
.run[data-style="cleanroom"] .opt.is-on, .run[data-style="cleanroom"] .run-body[data-screen="menu"] .opt-list .opt.is-on {
  background: var(--accent-soft); border: 1px solid var(--accent); color: var(--text); box-shadow: inset 3px 0 0 var(--accent);
}
.run[data-style="cleanroom"] .opt-mark { border: 1px solid #8F84C6; border-radius: 2px; }
.run[data-style="cleanroom"] .opt-mark:not(.is-box) { border-radius: 50%; }
.run[data-style="cleanroom"] .opt.is-on .opt-mark { background: var(--accent); border-color: var(--accent); color: #FFFFFF; }
.run[data-style="cleanroom"] .run-body[data-screen="menu"] .opt-list { border: 1px solid var(--border-2); border-radius: 3px; }
.run[data-style="cleanroom"] .run-body[data-screen="menu"] .opt { border: 0; border-top: 1px solid var(--border); border-radius: 0; }
.run[data-style="cleanroom"] .run-body[data-screen="menu"] .opt:first-child { border-top: 0; }
.run[data-style="cleanroom"] .run-body[data-screen="menu"] .opt.is-on .opt-mark { background: transparent; color: var(--accent); }
.run[data-style="cleanroom"] .run-body[data-screen="status"] .okfail button { border-radius: 3px; font-weight: 600; letter-spacing: .02em; }
.run[data-style="cleanroom"] .run-body[data-screen="value"] .big-num { border: 0; border-bottom: 1px solid var(--text); border-radius: 0; font-family: Consolas, 'Courier New', monospace; font-weight: 400; background: transparent; }
.run[data-style="cleanroom"] .run-body[data-screen="value"] .big-num:focus { border-bottom: 2px solid var(--accent); }
.run[data-style="cleanroom"] .run-body[data-screen="meter"] .big-num { border: 1px solid var(--text); border-radius: 2px; font-weight: 400; box-shadow: inset 0 0 0 4px #F7F6FC, inset 0 0 0 5px #BDB4E0; }
.run[data-style="cleanroom"] .num-unit { font-family: Consolas, 'Courier New', monospace; }
.run[data-style="cleanroom"] .scan-btn, .run[data-style="cleanroom"] .cam-btn { background: #FFFFFF; border: 1px dashed var(--accent); color: #5B38E0; border-radius: 2px; font-family: Consolas, 'Courier New', monospace; text-transform: uppercase; letter-spacing: .08em; }
.run[data-style="cleanroom"] .scan-input, .run[data-style="cleanroom"] .m-textarea, .run[data-style="cleanroom"] .st-find-input { border: 1px solid var(--border-2); border-radius: 2px; background: #FFFFFF; }
.run[data-style="cleanroom"] .run-body[data-screen="signature"] .sig-pad { border: 1px solid var(--border-2); border-radius: 2px; background-color: #FFFFFF; background-image: linear-gradient(#17142B, #17142B); }
.run[data-style="cleanroom"] .run-foot .m-btn { font-weight: 600; letter-spacing: .06em; text-transform: uppercase; font-size: 14px; border: 1px solid #5B38E0; min-height: 52px; }
.run[data-style="cleanroom"] .run-foot .m-iconbtn { border: 1px solid var(--border-2); }
.run[data-style="cleanroom"] .run-na .m-btn { border-radius: 2px; font-family: Consolas, 'Courier New', monospace; text-transform: uppercase; letter-spacing: .08em; font-size: 12px; }
.run[data-style="cleanroom"] .st-hero { border-radius: 2px; border: 1px solid var(--border-2); border-top: 2px solid var(--accent); }
.run[data-style="cleanroom"] .st-hero-n b { font-family: Consolas, 'Courier New', monospace; font-weight: 400; letter-spacing: -.04em; }
.run[data-style="cleanroom"] .st-h-n { border: 1px solid #B7A6FA; border-radius: 2px; font-family: Consolas, 'Courier New', monospace; }
.run[data-style="cleanroom"] .st-row { border: 1px solid var(--border-2); border-radius: 2px; font-weight: 500; }
.run[data-style="cleanroom"] .st-row.is-done { background: #FFFFFF; border-color: var(--border-2); box-shadow: inset 3px 0 0 var(--ok); }
.run[data-style="cleanroom"] .st-row.is-dev { border-color: var(--warn); box-shadow: inset 3px 0 0 var(--warn); }
.run[data-style="cleanroom"] .st-n { border: 1px solid var(--border-2); border-radius: 2px; background: #F7F6FC; font-family: Consolas, 'Courier New', monospace; }
.run[data-style="cleanroom"] .st-row.is-done .st-n { background: var(--ok); border-color: var(--ok); }
.run[data-style="cleanroom"] .st-row.is-dev .st-n { background: var(--warn); border-color: var(--warn); }
.run[data-style="cleanroom"] .st-find-btn { border-radius: 2px; border: 1px solid var(--accent-line); }

/* =============================================================== 19 frost */
/* Cold storage: ice blue on dark navy, frosted translucent panels, big temperature readings. */

.pv-status:has(+ .run[data-style="frost"]) { color: #E6F6FF; }
.run[data-style="frost"] ~ .pv-home { background: #BFE8FF; opacity: .5; }
html:has(.run[data-style="frost"]), html:has(.run[data-style="frost"]) body { background: #0B1A2E; }

.run[data-style="frost"], .hm-styled[data-style="frost"] {
  --bg: #0B1A2E;  --surface: #11284A;  --surface-2: #17335A;  --surface-3: #204070;
  --border: #25446D;  --border-2: #4A7099;
  --text: #EAF7FF;  --text-2: #B5D2E6;  --text-3: #93B2CA;
  --accent: #7FD4FF;  --accent-ink: #06182B;  --accent-soft: #143A5E;  --accent-line: #3F7FA8;
  --ok: #5BE0A0;  --ok-soft: #123D38;  --warn: #FFC15C;  --warn-soft: #3E3420;
  --bad: #FF8F8F;  --bad-soft: #43202B;  --muted-soft: #1B3558;
  --radius: 14px;  --radius-s: 8px;  --radius-l: 18px;
  --font: 'Segoe UI', Roboto, Arial, Helvetica, sans-serif;  --mono: Consolas, 'Courier New', monospace;
  --sc-border-w: 1px;  --sc-title-size: clamp(28px, 8.8vw, 35px);  --sc-title-weight: 700;  --sc-title-track: -.025em;
  --sc-tile-radius: 14px;  --sc-tile-bg: #143A5E;  --sc-tile-ink: #7FD4FF;  --sc-radius: 16px;
  --sc-display-bg: #071524;  --sc-display-ink: #7FD4FF;
  --sc-status-h: 146px;  --sc-field-size: clamp(48px, 16vw, 76px);  --sc-display-size: clamp(48px, 16vw, 76px);
  --st-page: #0B1A2E;  --st-ring: #BFE8FF;
  --st-head-bg: #12304F;  --st-head-ink: #EAF7FF;  --st-head-sub: #B5D2E6;  --st-chip-bg: #7FD4FF26;  --st-chip-ink: #BFE8FF;
  --st-prog-bg: #12304F;  --st-prog-track: #2A4D75;  --st-prog-fill: #7FD4FF;  --st-prog-ink: #BFE8FF;
  --st-foot-bg: #0F2340;  --st-foot-rule: 1px solid #4A7099;
  --st-btn-bg: #7FD4FF;  --st-btn-ink: #06182B;  --st-btn-r: 14px;  --st-back-bg: #1B3A60;  --st-back-ink: #BFE8FF;
}
.run[data-style="frost"] { background: linear-gradient(180deg, #0B1A2E 0%, #0E2440 100%); }
.run[data-style="frost"] .run-head { background: linear-gradient(180deg, #17395E 0%, #10294A 100%); box-shadow: inset 0 -1px 0 #7FD4FF40; }
.run[data-style="frost"] .run-head-title .run-unit { font-weight: 700; letter-spacing: -.01em; }
.run[data-style="frost"] .run-bar { height: 8px; }
.run[data-style="frost"] .run-bar, .run[data-style="frost"] .run-bar span { border-radius: 4px; }
.run[data-style="frost"] .run-bar span { background: linear-gradient(90deg, #4FB4E8, #BFE8FF); }
.run[data-style="frost"] .run-count { font-family: Consolas, 'Courier New', monospace; font-weight: 700; }
.run[data-style="frost"] .run-cp { color: var(--accent); letter-spacing: .12em; font-weight: 700; }
.run[data-style="frost"] .run-heading, .run[data-style="frost"] .st-h { color: var(--text-2); letter-spacing: .1em; }
.run[data-style="frost"] .sc-badge { background: linear-gradient(145deg, #1D4A74, #122F52); border: 1px solid #7FD4FF66; box-shadow: 0 0 18px #7FD4FF22; }
.run[data-style="frost"] .m-chip, .run[data-style="frost"] .st-chip { border-radius: 99px; border: 1px solid #7FD4FF33; }
.run[data-style="frost"] .opt { background: linear-gradient(160deg, #7FD4FF14, #7FD4FF08); border: 1px solid #7FD4FF40; border-radius: 14px; }
.run[data-style="frost"] .opt.is-on, .run[data-style="frost"] .run-body[data-screen="menu"] .opt-list .opt.is-on {
  background: linear-gradient(160deg, #7FD4FF40, #7FD4FF1C); border: 1px solid #BFE8FF; color: #FFFFFF; box-shadow: 0 0 0 1px #7FD4FF66, 0 4px 18px #7FD4FF22;
}
.run[data-style="frost"] .opt-mark { border: 2px solid #7FB0D0; }
.run[data-style="frost"] .opt.is-on .opt-mark { background: #7FD4FF; border-color: #7FD4FF; color: #06182B; }
.run[data-style="frost"] .run-body[data-screen="menu"] .opt-list { background: #7FD4FF0E; border: 1px solid #7FD4FF40; border-radius: 16px; }
.run[data-style="frost"] .run-body[data-screen="menu"] .opt { border-top-color: #7FD4FF26; background: transparent; box-shadow: none; }
.run[data-style="frost"] .run-body[data-screen="menu"] .opt.is-on { background: #7FD4FF2E; color: #FFFFFF; }
.run[data-style="frost"] .run-body[data-screen="menu"] .opt.is-on .opt-mark { background: transparent; color: #BFE8FF; }
.run[data-style="frost"] .run-body[data-screen="status"] .okfail button { border-radius: 16px; }
.run[data-style="frost"] .run-body[data-screen="value"] .big-num, .run[data-style="frost"] .run-body[data-screen="meter"] .big-num {
  font-family: 'Segoe UI', Roboto, Arial, sans-serif; font-weight: 300; letter-spacing: -.04em; color: #7FD4FF; text-shadow: 0 0 22px #7FD4FF55;
  background: linear-gradient(160deg, #7FD4FF1F, #7FD4FF08), #0A1D34; border: 1px solid #7FD4FF66; border-radius: 18px; box-shadow: inset 0 1px 0 #BFE8FF33;
}
.run[data-style="frost"] .run-body[data-screen="value"] .big-num { min-height: 120px; }
.run[data-style="frost"] .run-body[data-screen="meter"] .big-num { min-height: 120px; letter-spacing: -.02em; }
.run[data-style="frost"] .run-body[data-screen="value"] .big-num:focus, .run[data-style="frost"] .run-body[data-screen="meter"] .big-num:focus { border-color: #BFE8FF; box-shadow: 0 0 0 4px #7FD4FF33; }
.run[data-style="frost"] .num-unit { color: #BFE8FF; font-size: 26px; font-weight: 600; opacity: 1; font-family: inherit; }
.run[data-style="frost"] .scan-btn, .run[data-style="frost"] .cam-btn { background: #7FD4FF14; border: 1px dashed #7FD4FF; color: #BFE8FF; border-radius: 16px; }
.run[data-style="frost"] .scan-input, .run[data-style="frost"] .m-textarea, .run[data-style="frost"] .st-find-input { background: #0A1D34; border: 1px solid #7FD4FF55; border-radius: 12px; }
.run[data-style="frost"] .run-body[data-screen="signature"] .sig-pad { background-color: #EAF7FF; background-image: linear-gradient(#0B1A2E, #0B1A2E); border: 1px solid #7FD4FF; }
.run[data-style="frost"] .run-foot .m-btn { font-weight: 800; }
.run[data-style="frost"] .st-hero { background: linear-gradient(150deg, #7FD4FF26, #7FD4FF0A), #0F2744; border: 1px solid #7FD4FF66; border-radius: 20px; box-shadow: inset 0 1px 0 #BFE8FF33; }
.run[data-style="frost"] .st-hero-n b { font-weight: 300; letter-spacing: -.06em; color: #7FD4FF; text-shadow: 0 0 22px #7FD4FF55; }
.run[data-style="frost"] .st-hero-n span { color: var(--text-2); }
.run[data-style="frost"] .st-row { background: linear-gradient(160deg, #7FD4FF14, #7FD4FF08); border: 1px solid #7FD4FF40; border-radius: 14px; }
.run[data-style="frost"] .st-row.is-done { border-color: #5BE0A099; background: linear-gradient(160deg, #5BE0A01C, #5BE0A00A); }
.run[data-style="frost"] .st-row.is-dev { border-color: var(--warn); background: var(--warn-soft); }
.run[data-style="frost"] .st-n { border-radius: 99px; }
.run[data-style="frost"] .st-row.is-done .st-n { background: #078343; }
.run[data-style="frost"] .st-find-btn { border-radius: 10px; }

/* ========================================================== 20 storefront */
/* Retail store checks: cream and coral, friendly pill shapes. */

.pv-status:has(+ .run[data-style="storefront"]) { color: #FFFFFF; }
.run[data-style="storefront"] ~ .pv-home { background: #5B4338; }
html:has(.run[data-style="storefront"]), html:has(.run[data-style="storefront"]) body { background: #FFF6EC; }

.run[data-style="storefront"], .hm-styled[data-style="storefront"] {
  --bg: #FFF6EC;  --surface: #FFFFFF;  --surface-2: #FFEBDA;  --surface-3: #FFE0C8;
  --border: #F2DCC8;  --border-2: #E2B99A;
  --text: #3A2A22;  --text-2: #6B5144;  --text-3: #7A5A4A;
  --accent: #C93C30;  --accent-ink: #FFFFFF;  --accent-soft: #FFE4DE;  --accent-line: #FF9A8F;
  --ok: #0A7A43;  --ok-soft: #E2F3E8;  --warn: #9A5200;  --warn-soft: #FFEBC7;
  --bad: #C0262F;  --bad-soft: #FBE4E5;  --muted-soft: #F8E8D8;
  --radius: 999px;  --radius-s: 14px;  --radius-l: 24px;
  --font: 'Trebuchet MS', 'Segoe UI', Verdana, Arial, sans-serif;  --mono: Consolas, 'Courier New', monospace;
  --sc-border-w: 2px;  --sc-title-size: clamp(28px, 9vw, 35px);  --sc-title-weight: 800;  --sc-title-track: -.02em;
  --sc-tile-radius: 999px;  --sc-tile-bg: #FF6F61;  --sc-tile-ink: #FFFFFF;  --sc-radius: 24px;
  --sc-display-bg: #3A2A22;  --sc-display-ink: #FFD9B8;
  --sc-status-h: 140px;  --sc-field-size: clamp(38px, 12vw, 60px);  --sc-display-size: clamp(34px, 11vw, 54px);
  --st-page: #FFF6EC;  --st-ring: #3A2A22;
  --st-head-bg: #C93C30;  --st-head-ink: #FFFFFF;  --st-head-sub: #FFE9E3;  --st-chip-bg: #FFFFFF;  --st-chip-ink: #A8281D;
  --st-prog-bg: #C93C30;  --st-prog-track: #E8776B;  --st-prog-fill: #FFFFFF;  --st-prog-ink: #FFFFFF;
  --st-foot-bg: #FFF6EC;  --st-foot-rule: 0;
  --st-btn-bg: #C93C30;  --st-btn-ink: #FFFFFF;  --st-btn-r: 999px;  --st-back-bg: #FFE0C8;  --st-back-ink: #A8281D;
}
.run[data-style="storefront"] .run-head { border-radius: 0 0 28px 28px; }
.run[data-style="storefront"] .run-progress { border-radius: 0 0 28px 28px; margin-bottom: 0; }
.run[data-style="storefront"] .run-head-title .run-unit { font-weight: 800; letter-spacing: -.01em; }
.run[data-style="storefront"] .run-bar { height: 10px; }
.run[data-style="storefront"] .run-bar, .run[data-style="storefront"] .run-bar span { border-radius: 999px; }
.run[data-style="storefront"] .run-count { font-weight: 800; }
.run[data-style="storefront"] .run-cp { color: var(--accent); font-weight: 800; letter-spacing: .06em; }
.run[data-style="storefront"] .run-heading, .run[data-style="storefront"] .st-h { color: var(--text-2); font-weight: 800; letter-spacing: .05em; }
.run[data-style="storefront"] .sc-badge { box-shadow: 0 5px 0 #E2B99A; }
.run[data-style="storefront"] .sc-badge svg { color: #FFFFFF; }
.run[data-style="storefront"] .m-chip, .run[data-style="storefront"] .st-chip { border-radius: 999px; font-weight: 700; height: 26px; padding: 0 12px; background: #F8E8D8; }
.run[data-style="storefront"] .m-chip.accent { background: #FFE4DE; color: #A8281D; }
.run[data-style="storefront"] .opt { border-radius: 999px; border: 2px solid #E2B99A; background: #FFFFFF; font-weight: 700; padding-left: 20px; padding-right: 20px; }
.run[data-style="storefront"] .opt.is-on, .run[data-style="storefront"] .run-body[data-screen="menu"] .opt-list .opt.is-on {
  background: #C93C30; border: 2px solid #C93C30; color: #FFFFFF; box-shadow: 0 4px 0 #8F2A20;
}
.run[data-style="storefront"] .opt.is-on .opt-sub { color: #FFE9E3; opacity: 1; }
.run[data-style="storefront"] .opt-mark { border: 2px solid #C98E6E; border-radius: 50%; }
.run[data-style="storefront"] .opt.is-on .opt-mark { background: #FFFFFF; border-color: #FFFFFF; color: #C93C30; }
.run[data-style="storefront"] .run-body[data-screen="menu"] .opt-list { border: 0; background: transparent; gap: 10px; overflow: visible; }
.run[data-style="storefront"] .run-body[data-screen="menu"] .opt { border: 2px solid #E2B99A; border-radius: 999px; min-height: 58px; flex-direction: row; }
.run[data-style="storefront"] .run-body[data-screen="menu"] .opt.is-on .opt-mark { background: #FFFFFF; color: #C93C30; }
.run[data-style="storefront"] .run-body[data-screen="choice"] .opt { border-radius: 28px; }
.run[data-style="storefront"] .run-body[data-screen="status"] .okfail button { border-radius: 999px; min-height: 130px; font-weight: 800; box-shadow: 0 5px 0 rgba(0,0,0,.22); }
.run[data-style="storefront"] .run-body[data-screen="value"] .big-num { border: 2px solid #E2B99A; border-radius: 999px; font-weight: 800; box-shadow: 0 4px 0 #F2DCC8; }
.run[data-style="storefront"] .run-body[data-screen="value"] .big-num:focus { border-color: #C93C30; }
.run[data-style="storefront"] .run-body[data-screen="meter"] .big-num { border-radius: 999px; border-color: #3A2A22; font-weight: 800; letter-spacing: .04em; }
.run[data-style="storefront"] .scan-btn, .run[data-style="storefront"] .cam-btn { background: #FFE4DE; border: 2px dashed #C93C30; color: #A8281D; border-radius: 32px; }
.run[data-style="storefront"] .scan-input, .run[data-style="storefront"] .st-find-input { border: 2px solid #E2B99A; border-radius: 999px; padding-left: 20px; }
.run[data-style="storefront"] .m-textarea { border: 2px solid #E2B99A; border-radius: 22px; }
.run[data-style="storefront"] .run-body[data-screen="signature"] .sig-pad { border: 2px solid #E2B99A; border-radius: 24px; background-color: #FFFFFF; background-image: linear-gradient(#C93C30, #C93C30); }
.run[data-style="storefront"] .run-foot .m-btn { font-weight: 800; box-shadow: 0 4px 0 #8F2A20; }
.run[data-style="storefront"] .run-foot .m-iconbtn { border-radius: 999px; }
.run[data-style="storefront"] .run-na .m-btn { border-radius: 999px; border: 2px solid #E2B99A; }
.run[data-style="storefront"] .st-hero { border: 2px solid #E2B99A; border-radius: 32px; box-shadow: 0 5px 0 #F2DCC8; }
.run[data-style="storefront"] .st-hero-n b { font-weight: 800; letter-spacing: -.04em; }
.run[data-style="storefront"] .st-h-n { border-radius: 999px; padding: 0 9px; }
.run[data-style="storefront"] .st-row { border: 2px solid #E2B99A; border-radius: 999px; padding-left: 12px; font-weight: 700; }
.run[data-style="storefront"] .st-row.is-done { border-color: var(--ok); background: #F2FAF4; }
.run[data-style="storefront"] .st-row.is-dev { border-color: var(--warn); }
.run[data-style="storefront"] .st-n { border-radius: 50%; }
.run[data-style="storefront"] .st-find-btn { border-radius: 50%; }

/* ========================================================== 21 blueprint */
/* Construction site: blueprint blue with a fine grid, chalk-white outlines, no filled cards. */

.pv-status:has(+ .run[data-style="blueprint"]) { color: #F2F7FF; }
.run[data-style="blueprint"] ~ .pv-home { background: #F2F7FF; opacity: .6; }
html:has(.run[data-style="blueprint"]), html:has(.run[data-style="blueprint"]) body { background: #1D4F91; }

.run[data-style="blueprint"], .hm-styled[data-style="blueprint"] {
  --bg: #1D4F91;  --surface: #1A4784;  --surface-2: #235A9F;  --surface-3: #2B66AE;
  --border: #5F8CC4;  --border-2: #A9C6EA;
  --text: #F5F9FF;  --text-2: #D4E3F7;  --text-3: #BCD3F0;
  --accent: #FFFFFF;  --accent-ink: #1D4F91;  --accent-soft: #2D68B0;  --accent-line: #A9C6EA;
  --ok: #B9F3CF;  --ok-soft: #1B5F6E;  --warn: #FFE29A;  --warn-soft: #4A5A7C;
  --bad: #FFD0D0;  --bad-soft: #5A4A7C;  --muted-soft: #2A64A8;
  --radius: 2px;  --radius-s: 1px;  --radius-l: 2px;
  --font: 'Segoe UI', Roboto, Arial, Helvetica, sans-serif;  --mono: Consolas, 'Courier New', monospace;
  --sc-border-w: 1.5px;  --sc-title-size: clamp(26px, 8.4vw, 33px);  --sc-title-weight: 600;  --sc-title-track: .01em;
  --sc-tile-radius: 0;  --sc-tile-bg: transparent;  --sc-tile-ink: #FFFFFF;  --sc-radius: 2px;
  --sc-display-bg: #153F78;  --sc-display-ink: #FFFFFF;
  --sc-status-h: 132px;  --sc-field-size: clamp(36px, 11vw, 56px);  --sc-display-size: clamp(32px, 10vw, 50px);
  --st-page: #1D4F91;  --st-ring: #FFFFFF;
  --st-head-bg: #153F78;  --st-head-ink: #FFFFFF;  --st-head-sub: #D4E3F7;  --st-chip-bg: transparent;  --st-chip-ink: #FFFFFF;
  --st-prog-bg: #153F78;  --st-prog-track: #2F66A8;  --st-prog-fill: #FFFFFF;  --st-prog-ink: #FFFFFF;
  --st-foot-bg: #153F78;  --st-foot-rule: 1.5px solid #A9C6EA;
  --st-btn-bg: #FFFFFF;  --st-btn-ink: #1D4F91;  --st-btn-r: 2px;  --st-back-bg: transparent;  --st-back-ink: #FFFFFF;
}
.run[data-style="blueprint"] .run-body {
  background:
    repeating-linear-gradient(0deg, rgba(255,255,255,.07) 0 1px, transparent 1px 16px),
    repeating-linear-gradient(90deg, rgba(255,255,255,.07) 0 1px, transparent 1px 16px),
    repeating-linear-gradient(0deg, rgba(255,255,255,.07) 0 1px, transparent 1px 80px),
    repeating-linear-gradient(90deg, rgba(255,255,255,.07) 0 1px, transparent 1px 80px);
}
.run[data-style="blueprint"] .run-head { border-bottom: 1.5px solid #A9C6EA; }
.run[data-style="blueprint"] .run-head-title .run-unit { font: 600 17px/1.2 Consolas, 'Courier New', monospace; text-transform: uppercase; letter-spacing: .08em; }
.run[data-style="blueprint"] .run-head .m-chip { border: 1px solid #A9C6EA; border-radius: 0; }
.run[data-style="blueprint"] .run-progress { border-bottom: 1px solid #5F8CC4; }
.run[data-style="blueprint"] .run-bar { height: 4px; }
.run[data-style="blueprint"] .run-bar, .run[data-style="blueprint"] .run-bar span { border-radius: 0; }
.run[data-style="blueprint"] .run-count, .run[data-style="blueprint"] .run-head-title .run-cl { font-family: Consolas, 'Courier New', monospace; letter-spacing: .04em; }
.run[data-style="blueprint"] .run-cp, .run[data-style="blueprint"] .run-heading, .run[data-style="blueprint"] .st-h {
  font-family: Consolas, 'Courier New', monospace; text-transform: uppercase; letter-spacing: .14em; font-size: 12px; font-weight: 600; color: #FFFFFF;
}
.run[data-style="blueprint"] .run-heading, .run[data-style="blueprint"] .st-h { color: var(--text-2); }
.run[data-style="blueprint"] .run-body[data-screen] .run-q { text-transform: uppercase; letter-spacing: .03em; font-size: clamp(24px, 7.4vw, 30px); line-height: 1.12; }
.run[data-style="blueprint"] .sc-badge { width: 44px; height: 44px; border: 1.5px solid #FFFFFF; position: relative; }
.run[data-style="blueprint"] .sc-badge::before, .run[data-style="blueprint"] .sc-badge::after { content: ""; position: absolute; width: 8px; height: 8px; border: 1.5px solid #FFFFFF; background: #1D4F91; }
.run[data-style="blueprint"] .sc-badge::before { left: -5px; top: -5px; }
.run[data-style="blueprint"] .sc-badge::after { right: -5px; bottom: -5px; }
.run[data-style="blueprint"] .m-chip, .run[data-style="blueprint"] .st-chip {
  background: transparent; border: 1px solid #A9C6EA; border-radius: 0; color: #F5F9FF;
  font-family: Consolas, 'Courier New', monospace; text-transform: uppercase; letter-spacing: .08em; font-size: 10.5px; font-weight: 600;
}
.run[data-style="blueprint"] .m-chip.warn, .run[data-style="blueprint"] .st-chip.is-dev { color: var(--warn); border-color: var(--warn); background: transparent; }
.run[data-style="blueprint"] .m-chip.accent, .run[data-style="blueprint"] .st-chip.is-ok { color: #FFFFFF; background: transparent; }
.run[data-style="blueprint"] .opt { background: transparent; border: 1.5px solid #A9C6EA; border-radius: 2px; color: #F5F9FF; }
.run[data-style="blueprint"] .opt.is-on, .run[data-style="blueprint"] .run-body[data-screen="menu"] .opt-list .opt.is-on {
  background: #2D68B0; border: 2px solid #FFFFFF; color: #FFFFFF; box-shadow: 4px 4px 0 #153F78;
}
.run[data-style="blueprint"] .opt-mark { border: 1.5px solid #D4E3F7; border-radius: 0; }
.run[data-style="blueprint"] .opt-mark:not(.is-box) { border-radius: 50%; }
.run[data-style="blueprint"] .opt.is-on .opt-mark { background: #FFFFFF; border-color: #FFFFFF; color: #1D4F91; }
.run[data-style="blueprint"] .run-body[data-screen="menu"] .opt-list { border: 1.5px solid #A9C6EA; border-radius: 2px; background: transparent; }
.run[data-style="blueprint"] .run-body[data-screen="menu"] .opt { border: 0; border-top: 1px dashed #A9C6EA; border-radius: 0; background: transparent; box-shadow: none; }
.run[data-style="blueprint"] .run-body[data-screen="menu"] .opt:first-child { border-top: 0; }
.run[data-style="blueprint"] .run-body[data-screen="menu"] .opt.is-on { background: #2D68B0; border-top: 1px dashed #A9C6EA; }
.run[data-style="blueprint"] .run-body[data-screen="menu"] .opt.is-on .opt-mark { background: transparent; color: #FFFFFF; }
.run[data-style="blueprint"] .run-body[data-screen="status"] .okfail button { border-radius: 2px; border-width: 2px; outline: 1.5px solid #FFFFFF; outline-offset: 3px; }
.run[data-style="blueprint"] .run-body[data-screen="value"] .big-num { background: transparent; border: 1.5px solid #A9C6EA; border-radius: 2px; font-family: Consolas, 'Courier New', monospace; font-weight: 500; }
.run[data-style="blueprint"] .run-body[data-screen="value"] .big-num:focus { border-color: #FFFFFF; box-shadow: 4px 4px 0 #153F78; }
.run[data-style="blueprint"] .run-body[data-screen="meter"] .big-num { background: #153F78; border: 2px solid #FFFFFF; border-radius: 2px; box-shadow: 5px 5px 0 #153F78; font-weight: 500; margin-right: 5px; width: calc(100% - 5px); }
.run[data-style="blueprint"] .scan-btn, .run[data-style="blueprint"] .cam-btn { background: transparent; border: 1.5px dashed #FFFFFF; color: #FFFFFF; border-radius: 2px; }
.run[data-style="blueprint"] .scan-input, .run[data-style="blueprint"] .m-textarea, .run[data-style="blueprint"] .st-find-input { background: #153F78; border: 1.5px solid #A9C6EA; border-radius: 2px; color: #F5F9FF; }
.run[data-style="blueprint"] .run-body[data-screen="signature"] .sig-pad { border: 1.5px solid #FFFFFF; border-radius: 2px; background-color: #153F78; background-image: linear-gradient(#FFFFFF, #FFFFFF); }
.run[data-style="blueprint"] .run-foot .m-btn { text-transform: uppercase; letter-spacing: .08em; font-weight: 800; border: 2px solid #FFFFFF; }
.run[data-style="blueprint"] .run-foot .m-iconbtn { border: 1.5px solid #A9C6EA; background: transparent; }
.run[data-style="blueprint"] .run-na .m-btn { border: 1.5px dashed #A9C6EA; border-radius: 2px; color: #D4E3F7; }
.run[data-style="blueprint"] .run-na.is-on .m-btn { background: #2D68B0; border: 1.5px solid #FFFFFF; color: #FFFFFF; }
.run[data-style="blueprint"] .st-hero { background: transparent; border: 1.5px solid #FFFFFF; border-radius: 2px; box-shadow: 4px 4px 0 #153F78; margin-right: 4px; }
.run[data-style="blueprint"] .st-hero-n b { font-family: Consolas, 'Courier New', monospace; font-weight: 500; letter-spacing: -.04em; color: #FFFFFF; }
.run[data-style="blueprint"] .st-hero-n span { color: var(--text-2); }
.run[data-style="blueprint"] .st-h-n { background: transparent; border: 1px solid #A9C6EA; border-radius: 0; color: #FFFFFF; font-family: Consolas, 'Courier New', monospace; }
.run[data-style="blueprint"] .st-row { background: transparent; border: 1.5px solid #A9C6EA; border-radius: 2px; }
.run[data-style="blueprint"] .st-row.is-done { border-color: #FFFFFF; border-left: 6px solid var(--ok); background: #1D4F91; }
.run[data-style="blueprint"] .st-row.is-dev { border-color: var(--warn); border-style: dashed; background: #24508A; }
.run[data-style="blueprint"] .st-n { background: transparent; border: 1.5px solid #A9C6EA; border-radius: 0; color: #FFFFFF; font-family: Consolas, 'Courier New', monospace; }
.run[data-style="blueprint"] .st-row.is-done .st-n { background: #FFFFFF; border-color: #FFFFFF; color: #1D4F91; }
.run[data-style="blueprint"] .st-row.is-dev .st-n { background: transparent; border-color: var(--warn); color: var(--warn); }
.run[data-style="blueprint"] .st-find-btn { background: transparent; color: #FFFFFF; border: 1.5px solid #A9C6EA; border-radius: 0; }

/* ============================================================ 22 contrast */
/* High contrast for accessibility: pure black, white and yellow, thick 3px borders, extra large type. */

.pv-status:has(+ .run[data-style="contrast"]) { color: #FFFFFF; }
.run[data-style="contrast"] ~ .pv-home { background: #FFFFFF; }
html:has(.run[data-style="contrast"]), html:has(.run[data-style="contrast"]) body { background: #000000; }

.run[data-style="contrast"], .hm-styled[data-style="contrast"] {
  --bg: #000000;  --surface: #000000;  --surface-2: #1A1A1A;  --surface-3: #2E2E2E;
  --border: #FFFFFF;  --border-2: #FFFFFF;
  --text: #FFFFFF;  --text-2: #F2F2F2;  --text-3: #E0E0E0;
  --accent: #FFE600;  --accent-ink: #000000;  --accent-soft: #2B2800;  --accent-line: #FFE600;
  --ok: #4DFF9A;  --ok-soft: #002A14;  --warn: #FFB340;  --warn-soft: #2E1C00;
  --bad: #FF8080;  --bad-soft: #330000;  --muted-soft: #262626;
  --radius: 6px;  --radius-s: 4px;  --radius-l: 8px;
  --font: Arial, Helvetica, sans-serif;  --mono: Consolas, 'Courier New', monospace;
  --sc-border-w: 3px;  --sc-title-size: clamp(32px, 10.2vw, 41px);  --sc-title-weight: 800;  --sc-title-track: -.01em;
  --sc-tile-radius: 6px;  --sc-tile-bg: #FFE600;  --sc-tile-ink: #000000;  --sc-radius: 6px;
  --sc-display-bg: #000000;  --sc-display-ink: #FFE600;
  --sc-status-h: 140px;  --sc-row-h: 72px;  --sc-card-h: 116px;  --sc-field-h: 100px;
  --sc-field-size: clamp(46px, 14vw, 72px);  --sc-display-size: clamp(42px, 13vw, 66px);  --sc-label-size: 21px;
  --st-page: #000000;  --st-ring: #FFE600;
  --st-head-bg: #000000;  --st-head-ink: #FFFFFF;  --st-head-sub: #F2F2F2;  --st-chip-bg: #FFE600;  --st-chip-ink: #000000;
  --st-prog-bg: #000000;  --st-prog-track: #4D4D4D;  --st-prog-fill: #FFE600;  --st-prog-ink: #FFFFFF;
  --st-foot-bg: #000000;  --st-foot-rule: 3px solid #FFFFFF;
  --st-btn-bg: #FFE600;  --st-btn-ink: #000000;  --st-btn-r: 6px;  --st-back-bg: #000000;  --st-back-ink: #FFE600;
}
.run[data-style="contrast"] .run-head { border-bottom: 3px solid #FFFFFF; }
.run[data-style="contrast"] .run-head-title .run-unit { font: 800 23px/1.1 Arial, Helvetica, sans-serif; color: #FFE600; }
.run[data-style="contrast"] .run-head-title .run-cl { font-size: 15px; font-weight: 700; }
.run[data-style="contrast"] .run-head .m-chip { height: 24px; font-size: 13px; font-weight: 800; border-radius: 4px; }
.run[data-style="contrast"] .run-bar { height: 12px; border: 2px solid #FFFFFF; background: #000000; }
.run[data-style="contrast"] .run-bar, .run[data-style="contrast"] .run-bar span { border-radius: 0; }
.run[data-style="contrast"] .run-count { font-size: 16px; font-weight: 800; }
.run[data-style="contrast"] .run-body[data-screen] .run-q { line-height: 1.08; }
.run[data-style="contrast"] .run-qhint { font-size: 18px; color: #FFFFFF; }
.run[data-style="contrast"] .run-cp { font-size: 15px; font-weight: 800; letter-spacing: .08em; color: #FFE600; }
.run[data-style="contrast"] .run-heading, .run[data-style="contrast"] .st-h { font-size: 17px; font-weight: 800; color: #FFFFFF; letter-spacing: .04em; }
.run[data-style="contrast"] .sc-badge { width: 60px; height: 60px; border: 3px solid #FFFFFF; }
.run[data-style="contrast"] .sc-badge svg { width: 36px; height: 36px; }
.run[data-style="contrast"] .m-chip, .run[data-style="contrast"] .st-chip { height: 30px; font-size: 15px; font-weight: 800; border: 2px solid #FFFFFF; border-radius: 4px; background: #000000; color: #FFFFFF; }
.run[data-style="contrast"] .m-chip.accent { background: #FFE600; color: #000000; border-color: #FFE600; }
.run[data-style="contrast"] .m-chip.warn, .run[data-style="contrast"] .st-chip.is-dev { border-color: var(--warn); color: var(--warn); background: #000000; }
.run[data-style="contrast"] .st-chip.is-ok { border-color: var(--ok); color: var(--ok); background: #000000; }
.run[data-style="contrast"] .opt { font-size: 21px; font-weight: 800; border: 3px solid #FFFFFF; border-radius: 6px; background: #000000; color: #FFFFFF; }
.run[data-style="contrast"] .opt.is-on, .run[data-style="contrast"] .run-body[data-screen="menu"] .opt-list .opt.is-on {
  background: #FFE600; color: #000000; border: 3px solid #FFE600; text-decoration: underline; text-decoration-thickness: 3px; text-underline-offset: 5px;
}
.run[data-style="contrast"] .opt.is-on .opt-sub { color: #000000; opacity: 1; }
.run[data-style="contrast"] .opt-mark { border: 3px solid #FFFFFF; border-radius: 4px; width: 34px; height: 34px; }
.run[data-style="contrast"] .opt-mark:not(.is-box) { border-radius: 50%; }
.run[data-style="contrast"] .opt.is-on .opt-mark { background: #000000; border-color: #000000; color: #FFE600; }
.run[data-style="contrast"] .run-body[data-screen="menu"] .opt-list { border: 3px solid #FFFFFF; border-radius: 6px; background: #000000; }
.run[data-style="contrast"] .run-body[data-screen="menu"] .opt { border: 0; border-top: 3px solid #FFFFFF; border-radius: 0; background: #000000; }
.run[data-style="contrast"] .run-body[data-screen="menu"] .opt:first-child { border-top: 0; }
.run[data-style="contrast"] .run-body[data-screen="menu"] .opt.is-on { background: #FFE600; border-top: 3px solid #FFFFFF; }
.run[data-style="contrast"] .run-body[data-screen="menu"] .opt.is-on .opt-mark { background: transparent; color: #000000; border: 0; }
.run[data-style="contrast"] .run-body[data-screen="status"] .okfail button { font-size: 26px; font-weight: 900; border: 3px solid #FFFFFF; border-radius: 6px; }
.run[data-style="contrast"] .run-body[data-screen="status"] .okfail button svg { width: 56px; height: 56px; }
.run[data-style="contrast"] .run-body[data-screen="value"] .big-num { border: 3px solid #FFFFFF; border-radius: 6px; font-weight: 900; background: #000000; color: #FFE600; }
.run[data-style="contrast"] .run-body[data-screen="value"] .big-num:focus { border-color: #FFE600; box-shadow: 0 0 0 4px #000000, 0 0 0 7px #FFE600; }
.run[data-style="contrast"] .run-body[data-screen="meter"] .big-num { border: 3px solid #FFE600; border-radius: 6px; font-weight: 900; letter-spacing: .04em; box-shadow: none; }
.run[data-style="contrast"] .num-unit { font-size: 26px; font-weight: 800; opacity: 1; color: #FFFFFF; }
.run[data-style="contrast"] .m-hint, .run[data-style="contrast"] .sig-hint { font-size: 16px; color: #F2F2F2; }
.run[data-style="contrast"] .scan-btn, .run[data-style="contrast"] .cam-btn { background: #000000; border: 3px dashed #FFE600; color: #FFE600; border-radius: 6px; font-size: 22px; font-weight: 800; }
.run[data-style="contrast"] .scan-input, .run[data-style="contrast"] .m-textarea, .run[data-style="contrast"] .st-find-input { background: #000000; border: 3px solid #FFFFFF; border-radius: 6px; font-size: 20px; color: #FFFFFF; }
.run[data-style="contrast"] .scan-input:focus, .run[data-style="contrast"] .m-textarea:focus, .run[data-style="contrast"] .st-find-input:focus { border-color: #FFE600; box-shadow: 0 0 0 4px #000000, 0 0 0 7px #FFE600; }
.run[data-style="contrast"] .run-body[data-screen="signature"] .sig-pad { border: 3px solid #FFFFFF; border-radius: 6px; background-color: #FFFFFF; background-image: linear-gradient(#000000, #000000); }
.run[data-style="contrast"] .run-foot .m-btn { min-height: 64px; font-size: 21px; font-weight: 900; border: 3px solid #FFE600; }
.run[data-style="contrast"] .run-foot .m-iconbtn { border: 3px solid #FFE600; min-height: 64px; }
.run[data-style="contrast"] .run-na .m-btn { min-height: 56px; font-size: 17px; font-weight: 800; color: #FFFFFF; border: 3px solid #FFFFFF; border-radius: 6px; background: #000000; }
.run[data-style="contrast"] .run-na.is-on .m-btn { background: #FFFFFF; color: #000000; border-color: #FFFFFF; }
.run[data-style="contrast"] .st-hero { border: 3px solid #FFFFFF; border-radius: 6px; background: #000000; }
.run[data-style="contrast"] .st-hero-n b { font-weight: 900; color: #FFE600; letter-spacing: -.04em; }
.run[data-style="contrast"] .st-hero-n span { font-size: 26px; color: #FFFFFF; }
.run[data-style="contrast"] .st-h-n { border-radius: 4px; background: #FFE600; color: #000000; font-size: 15px; height: 24px; min-width: 28px; font-weight: 800; }
.run[data-style="contrast"] .st-row { border: 3px solid #FFFFFF; border-radius: 6px; background: #000000; font-weight: 800; min-height: 72px; }
.run[data-style="contrast"] .st-label { font-size: 21px; }
.run[data-style="contrast"] .st-hint { font-size: 16px; color: #F2F2F2; }
.run[data-style="contrast"] .st-row.is-done { border-color: var(--ok); }
.run[data-style="contrast"] .st-row.is-dev { border-color: var(--warn); background: #000000; border-style: dashed; }
.run[data-style="contrast"] .st-n { width: 40px; height: 40px; font-size: 18px; font-weight: 900; border: 3px solid #FFFFFF; border-radius: 4px; background: #000000; color: #FFFFFF; }
.run[data-style="contrast"] .st-row.is-done .st-n { background: var(--ok); border-color: var(--ok); color: #000000; }
.run[data-style="contrast"] .st-row.is-dev .st-n { background: var(--warn); border-color: var(--warn); color: #000000; }
.run[data-style="contrast"] .st-find-btn { border: 3px solid #FFE600; background: #000000; color: #FFE600; border-radius: 4px; }

/* readable empty readings (placeholder zero) on the light and chalk displays */
.run[data-style="cleanroom"] .run-body[data-screen="meter"] .big-num::placeholder, .run[data-style="blueprint"] .run-body[data-screen="meter"] .big-num::placeholder { opacity: .7; }
.run[data-style="cleanroom"] .run-body[data-screen="value"] .big-num::placeholder, .run[data-style="blueprint"] .run-body[data-screen="value"] .big-num::placeholder { opacity: 1; color: var(--text-2); }

/* ===================================================================== tint */
/* v4.8: a checklist's colour theme (shared/color-themes.js, ColorThemes.tint)
   tints the run on top of whichever design above is chosen: the header gets an
   accent rule, the progress bar and the primary buttons take the accent, and the
   start screens' count card a faint wash and border of it. The rules sit last
   and match one notch more specifically than the design rules, so they win in
   every design; a run without data-tint matches none of them and looks exactly
   as designed. --run-tint-ink is white or the theme's dark ink, whichever reads
   better on the accent. */
.run[data-tint] .run-head { border-bottom: 3px solid var(--run-tint); }
.run[data-tint] .run-bar span { background: var(--run-tint); }
.run[data-tint] .m-btn-primary,
.run[data-tint] .run-foot .m-btn-primary {
  background: var(--run-tint); border-color: var(--run-tint); color: var(--run-tint-ink);
}
.run[data-tint] .m-btn-primary:active,
.run[data-tint] .run-foot .m-btn-primary:active { background: var(--run-tint); filter: brightness(1.08); }
.run[data-tint] .st-hero { border-color: color-mix(in srgb, var(--run-tint) 55%, transparent); }
.run[data-tint] .st-hero::after {
  content: ""; position: absolute; inset: 0; z-index: -1; pointer-events: none;
  background: var(--run-tint); opacity: .11;
}
/* v13: the Big image panel and its slim bar take the tint like the count card */
.run[data-tint] .st-big-pic { border-color: color-mix(in srgb, var(--run-tint) 55%, transparent); }
.run[data-tint] .st-big-t b { color: var(--run-tint); }
.run[data-tint] .st-big-prog { background: color-mix(in srgb, var(--run-tint) 18%, transparent); }
.run[data-tint] .st-big-prog span { background: var(--run-tint); }