/* ═══════════════════════════════════════════════════════════════════════
   IX DISPLAY PREFS — user-chosen gain/loss palette, accent, typography,
   density and motion (Settings → Display). GENERATED FILE — edit the
   generator, not this: frontend/scripts/generate-display-prefs-css.js
   Applied via body classes stamped pre-paint by display-prefs-boot.ejs
   from localStorage 'ix_display'. No body class → this file is inert.
   Coverage: 83 green + 77 red tokens · inline hex
   (12 up, 10 down) · svg attrs · rgba tints · utility classes.
   ═══════════════════════════════════════════════════════════════════════ */
:root {
  --ix-up: #6dab6e;
  --ix-down: #c4625d;
  --ix-accent: #d97757;
  --ix-font-body: 'Poppins', sans-serif;
  --ix-font-mono: 'IBM Plex Mono', monospace;
}

/* ── 1. Custom-property tokens ── */
body.ix-updown {
  --aa-green: var(--ix-up);
  --acc_green: var(--ix-up);
  --accent-green: var(--ix-up);
  --ag-green: var(--ix-up);
  --ah-green: var(--ix-up);
  --al-green: var(--ix-up);
  --ao-green: var(--ix-up);
  --ar-green: var(--ix-up);
  --at_green: var(--ix-up);
  --ba-green: var(--ix-up);
  --bb-green: var(--ix-up);
  --bm_green: var(--ix-up);
  --bm_green_bright: color-mix(in srgb, var(--ix-up) 80%, #ffffff);
  --bm_green_glow: var(--ix-up);
  --bm_green_line: color-mix(in srgb, var(--ix-up) 62%, #808080);
  --bm_green_soft: color-mix(in srgb, var(--ix-up) 13%, transparent);
  --ca-green: var(--ix-up);
  --clr-green: var(--ix-up);
  --cmd-green: var(--ix-up);
  --cp-green: var(--ix-up);
  --cr_green: var(--ix-up);
  --db-green: var(--ix-up);
  --df-green: var(--ix-up);
  --di-green: var(--ix-up);
  --dvh_green: var(--ix-up);
  --dx_green: var(--ix-up);
  --dx_green_rgb: var(--ix-up);
  --dx_green_soft: color-mix(in srgb, var(--ix-up) 13%, transparent);
  --ec_green: var(--ix-up);
  --es_green: var(--ix-up);
  --esg-green: var(--ix-up);
  --ew_green: var(--ix-up);
  --ey_green: var(--ix-up);
  --fa-green: var(--ix-up);
  --fin-green: var(--ix-up);
  --fp_green: var(--ix-up);
  --gl_green: var(--ix-up);
  --glow-green: 0 0 20px color-mix(in srgb, var(--ix-up) 14%, transparent);
  --green: var(--ix-up);
  --h-green: var(--ix-up);
  --hx_green: var(--ix-up);
  --if-green: var(--ix-up);
  --im_green: var(--ix-up);
  --ins-green: var(--ix-up);
  --ip_green: var(--ix-up);
  --it-green: var(--ix-up);
  --itx-green: var(--ix-up);
  --iw-green: var(--ix-up);
  --ix-green: var(--ix-up);
  --mb_green: var(--ix-up);
  --mb-green: var(--ix-up);
  --md-green: var(--ix-up);
  --nc-green: var(--ix-up);
  --nl-green: var(--ix-up);
  --ob-green: var(--ix-up);
  --of-green: var(--ix-up);
  --pf_green: var(--ix-up);
  --pf-green: var(--ix-up);
  --ph_green: var(--ix-up);
  --pp_green: var(--ix-up);
  --pp-green: var(--ix-up);
  --pt-green: var(--ix-up);
  --qs-green: var(--ix-up);
  --rai-green: var(--ix-up);
  --rb_green: var(--ix-up);
  --rb-green: var(--ix-up);
  --rf-green: var(--ix-up);
  --rp-green: var(--ix-up);
  --sa_green: var(--ix-up);
  --sa_green_dim: color-mix(in srgb, var(--ix-up) 62%, #808080);
  --sa-green: var(--ix-up);
  --sc-green: var(--ix-up);
  --sf-green: var(--ix-up);
  --si_green: var(--ix-up);
  --si-green: var(--ix-up);
  --sm-green: var(--ix-up);
  --stitch-green: var(--ix-up);
  --tlh_green: var(--ix-up);
  --tut-green: var(--ix-up);
  --tx-green: var(--ix-up);
  --wc-green: var(--ix-up);
  --wl-green: var(--ix-up);
  --wm-green: var(--ix-up);
  --aa-red: var(--ix-down);
  --acc_red: var(--ix-down);
  --accent-red: var(--ix-down);
  --ag-red: var(--ix-down);
  --ah-red: var(--ix-down);
  --al-red: var(--ix-down);
  --ao-red: var(--ix-down);
  --ar-red: var(--ix-down);
  --at_red: var(--ix-down);
  --ba-red: var(--ix-down);
  --bb-red: var(--ix-down);
  --bm_red: var(--ix-down);
  --bm_red_bright: color-mix(in srgb, var(--ix-down) 80%, #ffffff);
  --bm_red_line: color-mix(in srgb, var(--ix-down) 62%, #808080);
  --bm_red_soft: color-mix(in srgb, var(--ix-down) 13%, transparent);
  --ca-red: var(--ix-down);
  --clr-red: var(--ix-down);
  --cp-red: var(--ix-down);
  --cr_red: var(--ix-down);
  --db-red: var(--ix-down);
  --df-red: var(--ix-down);
  --di-red: var(--ix-down);
  --dvh_red: var(--ix-down);
  --dx_red: var(--ix-down);
  --dx_red_soft: color-mix(in srgb, var(--ix-down) 13%, transparent);
  --ec_red: var(--ix-down);
  --es_red: var(--ix-down);
  --esg-red: var(--ix-down);
  --ew_red: var(--ix-down);
  --ey_red: var(--ix-down);
  --fa-red: var(--ix-down);
  --fin-red: var(--ix-down);
  --fp_red: var(--ix-down);
  --gl_red: var(--ix-down);
  --glow-red: 0 0 20px color-mix(in srgb, var(--ix-down) 14%, transparent);
  --h-red: var(--ix-down);
  --hx_red: var(--ix-down);
  --if-red: var(--ix-down);
  --im_red: var(--ix-down);
  --ins-red: var(--ix-down);
  --ip_red: var(--ix-down);
  --it-red: var(--ix-down);
  --iw-red: var(--ix-down);
  --ix-red: var(--ix-down);
  --mb_red: var(--ix-down);
  --mb-red: var(--ix-down);
  --md-red: var(--ix-down);
  --nc-red: var(--ix-down);
  --nl-red: var(--ix-down);
  --of-red: var(--ix-down);
  --pf_red: var(--ix-down);
  --pf-red: var(--ix-down);
  --ph_red: var(--ix-down);
  --pp_red: var(--ix-down);
  --pp-red: var(--ix-down);
  --pt-red: var(--ix-down);
  --rai-red: var(--ix-down);
  --rb_red: var(--ix-down);
  --rb-red: var(--ix-down);
  --red: var(--ix-down);
  --rf-red: var(--ix-down);
  --rp-red: var(--ix-down);
  --sa_red: var(--ix-down);
  --sa_red_dim: color-mix(in srgb, var(--ix-down) 62%, #808080);
  --sa-red: var(--ix-down);
  --sc-red: var(--ix-down);
  --sf-red: var(--ix-down);
  --si_red: var(--ix-down);
  --si-red: var(--ix-down);
  --sm-red: var(--ix-down);
  --stitch-red: var(--ix-down);
  --tlh_red: var(--ix-down);
  --tw-shadow-colored: var(--ix-down);
  --tx-red: var(--ix-down);
  --wc-red: var(--ix-down);
  --wl-red: var(--ix-down);
  --wm-red: var(--ix-down);
}

/* ── 2. Inline hex styles + 3. SVG attrs — gains ── */
body.ix-updown [style*="color:#6dab6e" i]:not([style*="background-color:#6dab6e" i]):not([style*="background-color: #6dab6e" i]):not([style*="border-color:#6dab6e" i]):not([style*="border-color: #6dab6e" i]),
body.ix-updown [style*="color: #6dab6e" i]:not([style*="background-color:#6dab6e" i]):not([style*="background-color: #6dab6e" i]):not([style*="border-color:#6dab6e" i]):not([style*="border-color: #6dab6e" i]) { color: var(--ix-up) !important; }
body.ix-updown [style*="background:#6dab6e" i], body.ix-updown [style*="background: #6dab6e" i], body.ix-updown [style*="background-color:#6dab6e" i], body.ix-updown [style*="background-color: #6dab6e" i] { background-color: var(--ix-up) !important; }
body.ix-updown [style*="border-color:#6dab6e" i], body.ix-updown [style*="border-color: #6dab6e" i], body.ix-updown [style*="solid #6dab6e" i] { border-color: var(--ix-up) !important; }
body.ix-updown [stroke="#6dab6e" i] { stroke: var(--ix-up) !important; }
body.ix-updown [fill="#6dab6e" i] { fill: var(--ix-up) !important; }
body.ix-updown [style*="color:#5f9e63" i]:not([style*="background-color:#5f9e63" i]):not([style*="background-color: #5f9e63" i]):not([style*="border-color:#5f9e63" i]):not([style*="border-color: #5f9e63" i]),
body.ix-updown [style*="color: #5f9e63" i]:not([style*="background-color:#5f9e63" i]):not([style*="background-color: #5f9e63" i]):not([style*="border-color:#5f9e63" i]):not([style*="border-color: #5f9e63" i]) { color: var(--ix-up) !important; }
body.ix-updown [style*="background:#5f9e63" i], body.ix-updown [style*="background: #5f9e63" i], body.ix-updown [style*="background-color:#5f9e63" i], body.ix-updown [style*="background-color: #5f9e63" i] { background-color: var(--ix-up) !important; }
body.ix-updown [style*="border-color:#5f9e63" i], body.ix-updown [style*="border-color: #5f9e63" i], body.ix-updown [style*="solid #5f9e63" i] { border-color: var(--ix-up) !important; }
body.ix-updown [stroke="#5f9e63" i] { stroke: var(--ix-up) !important; }
body.ix-updown [fill="#5f9e63" i] { fill: var(--ix-up) !important; }
body.ix-updown [style*="color:#2e7d55" i]:not([style*="background-color:#2e7d55" i]):not([style*="background-color: #2e7d55" i]):not([style*="border-color:#2e7d55" i]):not([style*="border-color: #2e7d55" i]),
body.ix-updown [style*="color: #2e7d55" i]:not([style*="background-color:#2e7d55" i]):not([style*="background-color: #2e7d55" i]):not([style*="border-color:#2e7d55" i]):not([style*="border-color: #2e7d55" i]) { color: var(--ix-up) !important; }
body.ix-updown [style*="background:#2e7d55" i], body.ix-updown [style*="background: #2e7d55" i], body.ix-updown [style*="background-color:#2e7d55" i], body.ix-updown [style*="background-color: #2e7d55" i] { background-color: var(--ix-up) !important; }
body.ix-updown [style*="border-color:#2e7d55" i], body.ix-updown [style*="border-color: #2e7d55" i], body.ix-updown [style*="solid #2e7d55" i] { border-color: var(--ix-up) !important; }
body.ix-updown [stroke="#2e7d55" i] { stroke: var(--ix-up) !important; }
body.ix-updown [fill="#2e7d55" i] { fill: var(--ix-up) !important; }
body.ix-updown [style*="color:#3f7d44" i]:not([style*="background-color:#3f7d44" i]):not([style*="background-color: #3f7d44" i]):not([style*="border-color:#3f7d44" i]):not([style*="border-color: #3f7d44" i]),
body.ix-updown [style*="color: #3f7d44" i]:not([style*="background-color:#3f7d44" i]):not([style*="background-color: #3f7d44" i]):not([style*="border-color:#3f7d44" i]):not([style*="border-color: #3f7d44" i]) { color: var(--ix-up) !important; }
body.ix-updown [style*="background:#3f7d44" i], body.ix-updown [style*="background: #3f7d44" i], body.ix-updown [style*="background-color:#3f7d44" i], body.ix-updown [style*="background-color: #3f7d44" i] { background-color: var(--ix-up) !important; }
body.ix-updown [style*="border-color:#3f7d44" i], body.ix-updown [style*="border-color: #3f7d44" i], body.ix-updown [style*="solid #3f7d44" i] { border-color: var(--ix-up) !important; }
body.ix-updown [stroke="#3f7d44" i] { stroke: var(--ix-up) !important; }
body.ix-updown [fill="#3f7d44" i] { fill: var(--ix-up) !important; }
body.ix-updown [style*="color:#00c853" i]:not([style*="background-color:#00c853" i]):not([style*="background-color: #00c853" i]):not([style*="border-color:#00c853" i]):not([style*="border-color: #00c853" i]),
body.ix-updown [style*="color: #00c853" i]:not([style*="background-color:#00c853" i]):not([style*="background-color: #00c853" i]):not([style*="border-color:#00c853" i]):not([style*="border-color: #00c853" i]) { color: var(--ix-up) !important; }
body.ix-updown [style*="background:#00c853" i], body.ix-updown [style*="background: #00c853" i], body.ix-updown [style*="background-color:#00c853" i], body.ix-updown [style*="background-color: #00c853" i] { background-color: var(--ix-up) !important; }
body.ix-updown [style*="border-color:#00c853" i], body.ix-updown [style*="border-color: #00c853" i], body.ix-updown [style*="solid #00c853" i] { border-color: var(--ix-up) !important; }
body.ix-updown [stroke="#00c853" i] { stroke: var(--ix-up) !important; }
body.ix-updown [fill="#00c853" i] { fill: var(--ix-up) !important; }
body.ix-updown [style*="color:#10b981" i]:not([style*="background-color:#10b981" i]):not([style*="background-color: #10b981" i]):not([style*="border-color:#10b981" i]):not([style*="border-color: #10b981" i]),
body.ix-updown [style*="color: #10b981" i]:not([style*="background-color:#10b981" i]):not([style*="background-color: #10b981" i]):not([style*="border-color:#10b981" i]):not([style*="border-color: #10b981" i]) { color: var(--ix-up) !important; }
body.ix-updown [style*="background:#10b981" i], body.ix-updown [style*="background: #10b981" i], body.ix-updown [style*="background-color:#10b981" i], body.ix-updown [style*="background-color: #10b981" i] { background-color: var(--ix-up) !important; }
body.ix-updown [style*="border-color:#10b981" i], body.ix-updown [style*="border-color: #10b981" i], body.ix-updown [style*="solid #10b981" i] { border-color: var(--ix-up) !important; }
body.ix-updown [stroke="#10b981" i] { stroke: var(--ix-up) !important; }
body.ix-updown [fill="#10b981" i] { fill: var(--ix-up) !important; }
body.ix-updown [style*="color:#22c55e" i]:not([style*="background-color:#22c55e" i]):not([style*="background-color: #22c55e" i]):not([style*="border-color:#22c55e" i]):not([style*="border-color: #22c55e" i]),
body.ix-updown [style*="color: #22c55e" i]:not([style*="background-color:#22c55e" i]):not([style*="background-color: #22c55e" i]):not([style*="border-color:#22c55e" i]):not([style*="border-color: #22c55e" i]) { color: var(--ix-up) !important; }
body.ix-updown [style*="background:#22c55e" i], body.ix-updown [style*="background: #22c55e" i], body.ix-updown [style*="background-color:#22c55e" i], body.ix-updown [style*="background-color: #22c55e" i] { background-color: var(--ix-up) !important; }
body.ix-updown [style*="border-color:#22c55e" i], body.ix-updown [style*="border-color: #22c55e" i], body.ix-updown [style*="solid #22c55e" i] { border-color: var(--ix-up) !important; }
body.ix-updown [stroke="#22c55e" i] { stroke: var(--ix-up) !important; }
body.ix-updown [fill="#22c55e" i] { fill: var(--ix-up) !important; }
body.ix-updown [style*="color:#16a34a" i]:not([style*="background-color:#16a34a" i]):not([style*="background-color: #16a34a" i]):not([style*="border-color:#16a34a" i]):not([style*="border-color: #16a34a" i]),
body.ix-updown [style*="color: #16a34a" i]:not([style*="background-color:#16a34a" i]):not([style*="background-color: #16a34a" i]):not([style*="border-color:#16a34a" i]):not([style*="border-color: #16a34a" i]) { color: var(--ix-up) !important; }
body.ix-updown [style*="background:#16a34a" i], body.ix-updown [style*="background: #16a34a" i], body.ix-updown [style*="background-color:#16a34a" i], body.ix-updown [style*="background-color: #16a34a" i] { background-color: var(--ix-up) !important; }
body.ix-updown [style*="border-color:#16a34a" i], body.ix-updown [style*="border-color: #16a34a" i], body.ix-updown [style*="solid #16a34a" i] { border-color: var(--ix-up) !important; }
body.ix-updown [stroke="#16a34a" i] { stroke: var(--ix-up) !important; }
body.ix-updown [fill="#16a34a" i] { fill: var(--ix-up) !important; }
body.ix-updown [style*="color:#4ade80" i]:not([style*="background-color:#4ade80" i]):not([style*="background-color: #4ade80" i]):not([style*="border-color:#4ade80" i]):not([style*="border-color: #4ade80" i]),
body.ix-updown [style*="color: #4ade80" i]:not([style*="background-color:#4ade80" i]):not([style*="background-color: #4ade80" i]):not([style*="border-color:#4ade80" i]):not([style*="border-color: #4ade80" i]) { color: var(--ix-up) !important; }
body.ix-updown [style*="background:#4ade80" i], body.ix-updown [style*="background: #4ade80" i], body.ix-updown [style*="background-color:#4ade80" i], body.ix-updown [style*="background-color: #4ade80" i] { background-color: var(--ix-up) !important; }
body.ix-updown [style*="border-color:#4ade80" i], body.ix-updown [style*="border-color: #4ade80" i], body.ix-updown [style*="solid #4ade80" i] { border-color: var(--ix-up) !important; }
body.ix-updown [stroke="#4ade80" i] { stroke: var(--ix-up) !important; }
body.ix-updown [fill="#4ade80" i] { fill: var(--ix-up) !important; }
body.ix-updown [style*="color:#34d399" i]:not([style*="background-color:#34d399" i]):not([style*="background-color: #34d399" i]):not([style*="border-color:#34d399" i]):not([style*="border-color: #34d399" i]),
body.ix-updown [style*="color: #34d399" i]:not([style*="background-color:#34d399" i]):not([style*="background-color: #34d399" i]):not([style*="border-color:#34d399" i]):not([style*="border-color: #34d399" i]) { color: var(--ix-up) !important; }
body.ix-updown [style*="background:#34d399" i], body.ix-updown [style*="background: #34d399" i], body.ix-updown [style*="background-color:#34d399" i], body.ix-updown [style*="background-color: #34d399" i] { background-color: var(--ix-up) !important; }
body.ix-updown [style*="border-color:#34d399" i], body.ix-updown [style*="border-color: #34d399" i], body.ix-updown [style*="solid #34d399" i] { border-color: var(--ix-up) !important; }
body.ix-updown [stroke="#34d399" i] { stroke: var(--ix-up) !important; }
body.ix-updown [fill="#34d399" i] { fill: var(--ix-up) !important; }
body.ix-updown [style*="color:#86efac" i]:not([style*="background-color:#86efac" i]):not([style*="background-color: #86efac" i]):not([style*="border-color:#86efac" i]):not([style*="border-color: #86efac" i]),
body.ix-updown [style*="color: #86efac" i]:not([style*="background-color:#86efac" i]):not([style*="background-color: #86efac" i]):not([style*="border-color:#86efac" i]):not([style*="border-color: #86efac" i]) { color: var(--ix-up) !important; }
body.ix-updown [style*="background:#86efac" i], body.ix-updown [style*="background: #86efac" i], body.ix-updown [style*="background-color:#86efac" i], body.ix-updown [style*="background-color: #86efac" i] { background-color: var(--ix-up) !important; }
body.ix-updown [style*="border-color:#86efac" i], body.ix-updown [style*="border-color: #86efac" i], body.ix-updown [style*="solid #86efac" i] { border-color: var(--ix-up) !important; }
body.ix-updown [stroke="#86efac" i] { stroke: var(--ix-up) !important; }
body.ix-updown [fill="#86efac" i] { fill: var(--ix-up) !important; }
body.ix-updown [style*="color:#059669" i]:not([style*="background-color:#059669" i]):not([style*="background-color: #059669" i]):not([style*="border-color:#059669" i]):not([style*="border-color: #059669" i]),
body.ix-updown [style*="color: #059669" i]:not([style*="background-color:#059669" i]):not([style*="background-color: #059669" i]):not([style*="border-color:#059669" i]):not([style*="border-color: #059669" i]) { color: var(--ix-up) !important; }
body.ix-updown [style*="background:#059669" i], body.ix-updown [style*="background: #059669" i], body.ix-updown [style*="background-color:#059669" i], body.ix-updown [style*="background-color: #059669" i] { background-color: var(--ix-up) !important; }
body.ix-updown [style*="border-color:#059669" i], body.ix-updown [style*="border-color: #059669" i], body.ix-updown [style*="solid #059669" i] { border-color: var(--ix-up) !important; }
body.ix-updown [stroke="#059669" i] { stroke: var(--ix-up) !important; }
body.ix-updown [fill="#059669" i] { fill: var(--ix-up) !important; }

/* ── losses ── */
body.ix-updown [style*="color:#c4625d" i]:not([style*="background-color:#c4625d" i]):not([style*="background-color: #c4625d" i]):not([style*="border-color:#c4625d" i]):not([style*="border-color: #c4625d" i]),
body.ix-updown [style*="color: #c4625d" i]:not([style*="background-color:#c4625d" i]):not([style*="background-color: #c4625d" i]):not([style*="border-color:#c4625d" i]):not([style*="border-color: #c4625d" i]) { color: var(--ix-down) !important; }
body.ix-updown [style*="background:#c4625d" i], body.ix-updown [style*="background: #c4625d" i], body.ix-updown [style*="background-color:#c4625d" i], body.ix-updown [style*="background-color: #c4625d" i] { background-color: var(--ix-down) !important; }
body.ix-updown [style*="border-color:#c4625d" i], body.ix-updown [style*="border-color: #c4625d" i], body.ix-updown [style*="solid #c4625d" i] { border-color: var(--ix-down) !important; }
body.ix-updown [stroke="#c4625d" i] { stroke: var(--ix-down) !important; }
body.ix-updown [fill="#c4625d" i] { fill: var(--ix-down) !important; }
body.ix-updown [style*="color:#c1443a" i]:not([style*="background-color:#c1443a" i]):not([style*="background-color: #c1443a" i]):not([style*="border-color:#c1443a" i]):not([style*="border-color: #c1443a" i]),
body.ix-updown [style*="color: #c1443a" i]:not([style*="background-color:#c1443a" i]):not([style*="background-color: #c1443a" i]):not([style*="border-color:#c1443a" i]):not([style*="border-color: #c1443a" i]) { color: var(--ix-down) !important; }
body.ix-updown [style*="background:#c1443a" i], body.ix-updown [style*="background: #c1443a" i], body.ix-updown [style*="background-color:#c1443a" i], body.ix-updown [style*="background-color: #c1443a" i] { background-color: var(--ix-down) !important; }
body.ix-updown [style*="border-color:#c1443a" i], body.ix-updown [style*="border-color: #c1443a" i], body.ix-updown [style*="solid #c1443a" i] { border-color: var(--ix-down) !important; }
body.ix-updown [stroke="#c1443a" i] { stroke: var(--ix-down) !important; }
body.ix-updown [fill="#c1443a" i] { fill: var(--ix-down) !important; }
body.ix-updown [style*="color:#d06b62" i]:not([style*="background-color:#d06b62" i]):not([style*="background-color: #d06b62" i]):not([style*="border-color:#d06b62" i]):not([style*="border-color: #d06b62" i]),
body.ix-updown [style*="color: #d06b62" i]:not([style*="background-color:#d06b62" i]):not([style*="background-color: #d06b62" i]):not([style*="border-color:#d06b62" i]):not([style*="border-color: #d06b62" i]) { color: var(--ix-down) !important; }
body.ix-updown [style*="background:#d06b62" i], body.ix-updown [style*="background: #d06b62" i], body.ix-updown [style*="background-color:#d06b62" i], body.ix-updown [style*="background-color: #d06b62" i] { background-color: var(--ix-down) !important; }
body.ix-updown [style*="border-color:#d06b62" i], body.ix-updown [style*="border-color: #d06b62" i], body.ix-updown [style*="solid #d06b62" i] { border-color: var(--ix-down) !important; }
body.ix-updown [stroke="#d06b62" i] { stroke: var(--ix-down) !important; }
body.ix-updown [fill="#d06b62" i] { fill: var(--ix-down) !important; }
body.ix-updown [style*="color:#d0736e" i]:not([style*="background-color:#d0736e" i]):not([style*="background-color: #d0736e" i]):not([style*="border-color:#d0736e" i]):not([style*="border-color: #d0736e" i]),
body.ix-updown [style*="color: #d0736e" i]:not([style*="background-color:#d0736e" i]):not([style*="background-color: #d0736e" i]):not([style*="border-color:#d0736e" i]):not([style*="border-color: #d0736e" i]) { color: var(--ix-down) !important; }
body.ix-updown [style*="background:#d0736e" i], body.ix-updown [style*="background: #d0736e" i], body.ix-updown [style*="background-color:#d0736e" i], body.ix-updown [style*="background-color: #d0736e" i] { background-color: var(--ix-down) !important; }
body.ix-updown [style*="border-color:#d0736e" i], body.ix-updown [style*="border-color: #d0736e" i], body.ix-updown [style*="solid #d0736e" i] { border-color: var(--ix-down) !important; }
body.ix-updown [stroke="#d0736e" i] { stroke: var(--ix-down) !important; }
body.ix-updown [fill="#d0736e" i] { fill: var(--ix-down) !important; }
body.ix-updown [style*="color:#ef4444" i]:not([style*="background-color:#ef4444" i]):not([style*="background-color: #ef4444" i]):not([style*="border-color:#ef4444" i]):not([style*="border-color: #ef4444" i]),
body.ix-updown [style*="color: #ef4444" i]:not([style*="background-color:#ef4444" i]):not([style*="background-color: #ef4444" i]):not([style*="border-color:#ef4444" i]):not([style*="border-color: #ef4444" i]) { color: var(--ix-down) !important; }
body.ix-updown [style*="background:#ef4444" i], body.ix-updown [style*="background: #ef4444" i], body.ix-updown [style*="background-color:#ef4444" i], body.ix-updown [style*="background-color: #ef4444" i] { background-color: var(--ix-down) !important; }
body.ix-updown [style*="border-color:#ef4444" i], body.ix-updown [style*="border-color: #ef4444" i], body.ix-updown [style*="solid #ef4444" i] { border-color: var(--ix-down) !important; }
body.ix-updown [stroke="#ef4444" i] { stroke: var(--ix-down) !important; }
body.ix-updown [fill="#ef4444" i] { fill: var(--ix-down) !important; }
body.ix-updown [style*="color:#dc2626" i]:not([style*="background-color:#dc2626" i]):not([style*="background-color: #dc2626" i]):not([style*="border-color:#dc2626" i]):not([style*="border-color: #dc2626" i]),
body.ix-updown [style*="color: #dc2626" i]:not([style*="background-color:#dc2626" i]):not([style*="background-color: #dc2626" i]):not([style*="border-color:#dc2626" i]):not([style*="border-color: #dc2626" i]) { color: var(--ix-down) !important; }
body.ix-updown [style*="background:#dc2626" i], body.ix-updown [style*="background: #dc2626" i], body.ix-updown [style*="background-color:#dc2626" i], body.ix-updown [style*="background-color: #dc2626" i] { background-color: var(--ix-down) !important; }
body.ix-updown [style*="border-color:#dc2626" i], body.ix-updown [style*="border-color: #dc2626" i], body.ix-updown [style*="solid #dc2626" i] { border-color: var(--ix-down) !important; }
body.ix-updown [stroke="#dc2626" i] { stroke: var(--ix-down) !important; }
body.ix-updown [fill="#dc2626" i] { fill: var(--ix-down) !important; }
body.ix-updown [style*="color:#f87171" i]:not([style*="background-color:#f87171" i]):not([style*="background-color: #f87171" i]):not([style*="border-color:#f87171" i]):not([style*="border-color: #f87171" i]),
body.ix-updown [style*="color: #f87171" i]:not([style*="background-color:#f87171" i]):not([style*="background-color: #f87171" i]):not([style*="border-color:#f87171" i]):not([style*="border-color: #f87171" i]) { color: var(--ix-down) !important; }
body.ix-updown [style*="background:#f87171" i], body.ix-updown [style*="background: #f87171" i], body.ix-updown [style*="background-color:#f87171" i], body.ix-updown [style*="background-color: #f87171" i] { background-color: var(--ix-down) !important; }
body.ix-updown [style*="border-color:#f87171" i], body.ix-updown [style*="border-color: #f87171" i], body.ix-updown [style*="solid #f87171" i] { border-color: var(--ix-down) !important; }
body.ix-updown [stroke="#f87171" i] { stroke: var(--ix-down) !important; }
body.ix-updown [fill="#f87171" i] { fill: var(--ix-down) !important; }
body.ix-updown [style*="color:#b3554f" i]:not([style*="background-color:#b3554f" i]):not([style*="background-color: #b3554f" i]):not([style*="border-color:#b3554f" i]):not([style*="border-color: #b3554f" i]),
body.ix-updown [style*="color: #b3554f" i]:not([style*="background-color:#b3554f" i]):not([style*="background-color: #b3554f" i]):not([style*="border-color:#b3554f" i]):not([style*="border-color: #b3554f" i]) { color: var(--ix-down) !important; }
body.ix-updown [style*="background:#b3554f" i], body.ix-updown [style*="background: #b3554f" i], body.ix-updown [style*="background-color:#b3554f" i], body.ix-updown [style*="background-color: #b3554f" i] { background-color: var(--ix-down) !important; }
body.ix-updown [style*="border-color:#b3554f" i], body.ix-updown [style*="border-color: #b3554f" i], body.ix-updown [style*="solid #b3554f" i] { border-color: var(--ix-down) !important; }
body.ix-updown [stroke="#b3554f" i] { stroke: var(--ix-down) !important; }
body.ix-updown [fill="#b3554f" i] { fill: var(--ix-down) !important; }
body.ix-updown [style*="color:#e2606b" i]:not([style*="background-color:#e2606b" i]):not([style*="background-color: #e2606b" i]):not([style*="border-color:#e2606b" i]):not([style*="border-color: #e2606b" i]),
body.ix-updown [style*="color: #e2606b" i]:not([style*="background-color:#e2606b" i]):not([style*="background-color: #e2606b" i]):not([style*="border-color:#e2606b" i]):not([style*="border-color: #e2606b" i]) { color: var(--ix-down) !important; }
body.ix-updown [style*="background:#e2606b" i], body.ix-updown [style*="background: #e2606b" i], body.ix-updown [style*="background-color:#e2606b" i], body.ix-updown [style*="background-color: #e2606b" i] { background-color: var(--ix-down) !important; }
body.ix-updown [style*="border-color:#e2606b" i], body.ix-updown [style*="border-color: #e2606b" i], body.ix-updown [style*="solid #e2606b" i] { border-color: var(--ix-down) !important; }
body.ix-updown [stroke="#e2606b" i] { stroke: var(--ix-down) !important; }
body.ix-updown [fill="#e2606b" i] { fill: var(--ix-down) !important; }
body.ix-updown [style*="color:#fb7185" i]:not([style*="background-color:#fb7185" i]):not([style*="background-color: #fb7185" i]):not([style*="border-color:#fb7185" i]):not([style*="border-color: #fb7185" i]),
body.ix-updown [style*="color: #fb7185" i]:not([style*="background-color:#fb7185" i]):not([style*="background-color: #fb7185" i]):not([style*="border-color:#fb7185" i]):not([style*="border-color: #fb7185" i]) { color: var(--ix-down) !important; }
body.ix-updown [style*="background:#fb7185" i], body.ix-updown [style*="background: #fb7185" i], body.ix-updown [style*="background-color:#fb7185" i], body.ix-updown [style*="background-color: #fb7185" i] { background-color: var(--ix-down) !important; }
body.ix-updown [style*="border-color:#fb7185" i], body.ix-updown [style*="border-color: #fb7185" i], body.ix-updown [style*="solid #fb7185" i] { border-color: var(--ix-down) !important; }
body.ix-updown [stroke="#fb7185" i] { stroke: var(--ix-down) !important; }
body.ix-updown [fill="#fb7185" i] { fill: var(--ix-down) !important; }

/* ── 4. rgba tints ── */
body.ix-updown [style*="background:rgba(109,171,110" i], body.ix-updown [style*="background: rgba(109,171,110" i], body.ix-updown [style*="background-color:rgba(109,171,110" i], body.ix-updown [style*="background-color: rgba(109,171,110" i], body.ix-updown [style*="background:rgba(109, 171, 110" i], body.ix-updown [style*="background: rgba(109, 171, 110" i], body.ix-updown [style*="background-color:rgba(109, 171, 110" i], body.ix-updown [style*="background-color: rgba(109, 171, 110" i] { background-color: color-mix(in srgb, var(--ix-up) 16%, transparent) !important; }
body.ix-updown [style*="solid rgba(109,171,110" i], body.ix-updown [style*="solid rgba(109, 171, 110" i] { border-color: color-mix(in srgb, var(--ix-up) 38%, transparent) !important; }
body.ix-updown [style*="color:rgba(109,171,110" i], body.ix-updown [style*="color: rgba(109,171,110" i], body.ix-updown [style*="color:rgba(109, 171, 110" i], body.ix-updown [style*="color: rgba(109, 171, 110" i] { color: var(--ix-up) !important; }
body.ix-updown [style*="background:rgba(46,125,85" i], body.ix-updown [style*="background: rgba(46,125,85" i], body.ix-updown [style*="background-color:rgba(46,125,85" i], body.ix-updown [style*="background-color: rgba(46,125,85" i], body.ix-updown [style*="background:rgba(46, 125, 85" i], body.ix-updown [style*="background: rgba(46, 125, 85" i], body.ix-updown [style*="background-color:rgba(46, 125, 85" i], body.ix-updown [style*="background-color: rgba(46, 125, 85" i] { background-color: color-mix(in srgb, var(--ix-up) 16%, transparent) !important; }
body.ix-updown [style*="solid rgba(46,125,85" i], body.ix-updown [style*="solid rgba(46, 125, 85" i] { border-color: color-mix(in srgb, var(--ix-up) 38%, transparent) !important; }
body.ix-updown [style*="color:rgba(46,125,85" i], body.ix-updown [style*="color: rgba(46,125,85" i], body.ix-updown [style*="color:rgba(46, 125, 85" i], body.ix-updown [style*="color: rgba(46, 125, 85" i] { color: var(--ix-up) !important; }
body.ix-updown [style*="background:rgba(0,200,83" i], body.ix-updown [style*="background: rgba(0,200,83" i], body.ix-updown [style*="background-color:rgba(0,200,83" i], body.ix-updown [style*="background-color: rgba(0,200,83" i], body.ix-updown [style*="background:rgba(0, 200, 83" i], body.ix-updown [style*="background: rgba(0, 200, 83" i], body.ix-updown [style*="background-color:rgba(0, 200, 83" i], body.ix-updown [style*="background-color: rgba(0, 200, 83" i] { background-color: color-mix(in srgb, var(--ix-up) 16%, transparent) !important; }
body.ix-updown [style*="solid rgba(0,200,83" i], body.ix-updown [style*="solid rgba(0, 200, 83" i] { border-color: color-mix(in srgb, var(--ix-up) 38%, transparent) !important; }
body.ix-updown [style*="color:rgba(0,200,83" i], body.ix-updown [style*="color: rgba(0,200,83" i], body.ix-updown [style*="color:rgba(0, 200, 83" i], body.ix-updown [style*="color: rgba(0, 200, 83" i] { color: var(--ix-up) !important; }
body.ix-updown [style*="background:rgba(196,98,93" i], body.ix-updown [style*="background: rgba(196,98,93" i], body.ix-updown [style*="background-color:rgba(196,98,93" i], body.ix-updown [style*="background-color: rgba(196,98,93" i], body.ix-updown [style*="background:rgba(196, 98, 93" i], body.ix-updown [style*="background: rgba(196, 98, 93" i], body.ix-updown [style*="background-color:rgba(196, 98, 93" i], body.ix-updown [style*="background-color: rgba(196, 98, 93" i] { background-color: color-mix(in srgb, var(--ix-down) 16%, transparent) !important; }
body.ix-updown [style*="solid rgba(196,98,93" i], body.ix-updown [style*="solid rgba(196, 98, 93" i] { border-color: color-mix(in srgb, var(--ix-down) 38%, transparent) !important; }
body.ix-updown [style*="color:rgba(196,98,93" i], body.ix-updown [style*="color: rgba(196,98,93" i], body.ix-updown [style*="color:rgba(196, 98, 93" i], body.ix-updown [style*="color: rgba(196, 98, 93" i] { color: var(--ix-down) !important; }
body.ix-updown [style*="background:rgba(193,68,58" i], body.ix-updown [style*="background: rgba(193,68,58" i], body.ix-updown [style*="background-color:rgba(193,68,58" i], body.ix-updown [style*="background-color: rgba(193,68,58" i], body.ix-updown [style*="background:rgba(193, 68, 58" i], body.ix-updown [style*="background: rgba(193, 68, 58" i], body.ix-updown [style*="background-color:rgba(193, 68, 58" i], body.ix-updown [style*="background-color: rgba(193, 68, 58" i] { background-color: color-mix(in srgb, var(--ix-down) 16%, transparent) !important; }
body.ix-updown [style*="solid rgba(193,68,58" i], body.ix-updown [style*="solid rgba(193, 68, 58" i] { border-color: color-mix(in srgb, var(--ix-down) 38%, transparent) !important; }
body.ix-updown [style*="color:rgba(193,68,58" i], body.ix-updown [style*="color: rgba(193,68,58" i], body.ix-updown [style*="color:rgba(193, 68, 58" i], body.ix-updown [style*="color: rgba(193, 68, 58" i] { color: var(--ix-down) !important; }
body.ix-updown [style*="background:rgba(239,68,68" i], body.ix-updown [style*="background: rgba(239,68,68" i], body.ix-updown [style*="background-color:rgba(239,68,68" i], body.ix-updown [style*="background-color: rgba(239,68,68" i], body.ix-updown [style*="background:rgba(239, 68, 68" i], body.ix-updown [style*="background: rgba(239, 68, 68" i], body.ix-updown [style*="background-color:rgba(239, 68, 68" i], body.ix-updown [style*="background-color: rgba(239, 68, 68" i] { background-color: color-mix(in srgb, var(--ix-down) 16%, transparent) !important; }
body.ix-updown [style*="solid rgba(239,68,68" i], body.ix-updown [style*="solid rgba(239, 68, 68" i] { border-color: color-mix(in srgb, var(--ix-down) 38%, transparent) !important; }
body.ix-updown [style*="color:rgba(239,68,68" i], body.ix-updown [style*="color: rgba(239,68,68" i], body.ix-updown [style*="color:rgba(239, 68, 68" i], body.ix-updown [style*="color: rgba(239, 68, 68" i] { color: var(--ix-down) !important; }

/* ── utility classes ── */
body.ix-updown .text-green-300, body.ix-updown .text-green-400, body.ix-updown .text-green-500, body.ix-updown .text-green-600, body.ix-updown .text-emerald-300, body.ix-updown .text-emerald-400, body.ix-updown .text-emerald-500, body.ix-updown .text-emerald-600 { color: var(--ix-up) !important; }
body.ix-updown .bg-green-300, body.ix-updown .bg-green-400, body.ix-updown .bg-green-500, body.ix-updown .bg-green-600, body.ix-updown .bg-emerald-300, body.ix-updown .bg-emerald-400, body.ix-updown .bg-emerald-500, body.ix-updown .bg-emerald-600 { background-color: var(--ix-up) !important; }
body.ix-updown .border-green-300, body.ix-updown .border-green-400, body.ix-updown .border-green-500, body.ix-updown .border-green-600, body.ix-updown .border-emerald-300, body.ix-updown .border-emerald-400, body.ix-updown .border-emerald-500, body.ix-updown .border-emerald-600 { border-color: var(--ix-up) !important; }
body.ix-updown .text-red-300, body.ix-updown .text-red-400, body.ix-updown .text-red-500, body.ix-updown .text-red-600, body.ix-updown .text-rose-300, body.ix-updown .text-rose-400, body.ix-updown .text-rose-500, body.ix-updown .text-rose-600 { color: var(--ix-down) !important; }
body.ix-updown .bg-red-300, body.ix-updown .bg-red-400, body.ix-updown .bg-red-500, body.ix-updown .bg-red-600, body.ix-updown .bg-rose-300, body.ix-updown .bg-rose-400, body.ix-updown .bg-rose-500, body.ix-updown .bg-rose-600 { background-color: var(--ix-down) !important; }
body.ix-updown .border-red-300, body.ix-updown .border-red-400, body.ix-updown .border-red-500, body.ix-updown .border-red-600, body.ix-updown .border-rose-300, body.ix-updown .border-rose-400, body.ix-updown .border-rose-500, body.ix-updown .border-rose-600 { border-color: var(--ix-down) !important; }

/* ── Accent — tokens + the platform's terracotta everywhere it is inlined ── */
body.ix-accent {
  --bb-accent: var(--ix-accent);
  --s-accent: var(--ix-accent);
  --accent: var(--ix-accent);
  --bb-accent-dim: color-mix(in srgb, var(--ix-accent) 70%, #000000);
  --bb-accent-soft: color-mix(in srgb, var(--ix-accent) 13%, transparent);
  --accent-soft: color-mix(in srgb, var(--ix-accent) 13%, transparent);
}
body.ix-accent [style*="color:#d97757" i]:not([style*="background-color:#d97757" i]):not([style*="background-color: #d97757" i]):not([style*="border-color:#d97757" i]):not([style*="border-color: #d97757" i]),
body.ix-accent [style*="color: #d97757" i]:not([style*="background-color:#d97757" i]):not([style*="background-color: #d97757" i]):not([style*="border-color:#d97757" i]):not([style*="border-color: #d97757" i]) { color: var(--ix-accent) !important; }
body.ix-accent [style*="background:#d97757" i], body.ix-accent [style*="background: #d97757" i], body.ix-accent [style*="background-color:#d97757" i], body.ix-accent [style*="background-color: #d97757" i] { background-color: var(--ix-accent) !important; }
body.ix-accent [style*="border-color:#d97757" i], body.ix-accent [style*="border-color: #d97757" i], body.ix-accent [style*="solid #d97757" i] { border-color: var(--ix-accent) !important; }
body.ix-accent [stroke="#d97757" i] { stroke: var(--ix-accent) !important; }
body.ix-accent [fill="#d97757" i] { fill: var(--ix-accent) !important; }
body.ix-accent [style*="background:rgba(217,119,87" i], body.ix-accent [style*="background: rgba(217,119,87" i], body.ix-accent [style*="background-color:rgba(217,119,87" i], body.ix-accent [style*="background-color: rgba(217,119,87" i], body.ix-accent [style*="background:rgba(217, 119, 87" i], body.ix-accent [style*="background: rgba(217, 119, 87" i], body.ix-accent [style*="background-color:rgba(217, 119, 87" i], body.ix-accent [style*="background-color: rgba(217, 119, 87" i] { background-color: color-mix(in srgb, var(--ix-accent) 16%, transparent) !important; }
body.ix-accent [style*="solid rgba(217,119,87" i], body.ix-accent [style*="solid rgba(217, 119, 87" i] { border-color: color-mix(in srgb, var(--ix-accent) 38%, transparent) !important; }
body.ix-accent [style*="color:rgba(217,119,87" i], body.ix-accent [style*="color: rgba(217,119,87" i], body.ix-accent [style*="color:rgba(217, 119, 87" i], body.ix-accent [style*="color: rgba(217, 119, 87" i] { color: var(--ix-accent) !important; }

/* ── Typography ── */
body.ix-font { font-family: var(--ix-font-body) !important; }
body.ix-font :where(p, span, div, td, th, li, a, h1, h2, h3, h4, h5, h6, button, input, select, textarea, label, small, strong, b, em, dt, dd, figcaption):not(.material-symbols-outlined):not([class*="material-symbols"]):not(code):not(pre):not(kbd):not([style*="Mono" i]):not([style*="monospace" i]):not([style*="Courier" i]) {
  font-family: var(--ix-font-body) !important;
}
body.ix-numfont [style*="IBM Plex Mono" i],
body.ix-numfont [style*="JetBrains Mono" i],
body.ix-numfont [style*="ui-monospace" i],
body.ix-numfont code, body.ix-numfont pre, body.ix-numfont kbd {
  font-family: var(--ix-font-mono) !important;
}

/* ── Density — compact vertical rhythm on tabular surfaces ── */
body.ix-dense td, body.ix-dense th { padding-top: 4px !important; padding-bottom: 4px !important; }
body.ix-dense .s-toggle-row { padding-top: 8px !important; padding-bottom: 8px !important; }

/* ── Motion ── */
body.ix-motion-off *, body.ix-motion-off *::before, body.ix-motion-off *::after {
  animation-duration: 0.001s !important;
  transition-duration: 0.001s !important;
  scroll-behavior: auto !important;
}
body.ix-flash-off .ix-num-flash { animation: none !important; }