/*
 * CryptoChartPro / AVRO — Unified Light System V24
 * A single warm off-white product language shared by every public route.
 * Loaded last so legacy tools inherit the same typography, surfaces and controls.
 */

:root {
  color-scheme: light;
  --avro-bg: #f4f2ed;
  --avro-bg-elevated: #ffffff;
  --avro-surface: #ffffff;
  --avro-surface-2: #eeece7;
  --avro-border: #dedad2;
  --avro-border-strong: #c9c4ba;
  --avro-text: #181a1d;
  --avro-text-secondary: #5d636b;
  --avro-text-muted: #7a8088;
  --avro-orange: #f26122;
  --avro-orange-hover: #dd4d12;
  --avro-green: #087d5a;
  --avro-red: #c43e4d;
  --avro-up: #087d5a;
  --avro-down: #c43e4d;
  --avro-flat: #525960;
  --avro-blue: #475569;
  --avro-radius: 18px;
  --avro-font: "Segoe UI Variable", "Segoe UI", Inter, -apple-system, BlinkMacSystemFont, system-ui, sans-serif;

  --bg: #f4f2ed;
  --bg-0: #f4f2ed;
  --bg-1: #f8f7f3;
  --bg1: #f4f2ed;
  --bg2: #ebe8e1;
  --bg-soft: #efede8;
  --surface: #ffffff;
  --soft: #efede8;
  --panel: #ffffff;
  --panel-2: #f7f6f2;
  --panel-3: #ece9e3;
  --panel2: #f7f6f2;
  --panel-solid: #ffffff;
  --text: #181a1d;
  --text-2: #5d636b;
  --txt: #181a1d;
  --ink: #181a1d;
  --muted: #697078;
  --muted-2: #838990;
  --weak: #838990;
  --line: #dedad2;
  --line-2: #c9c4ba;
  --line2: #c9c4ba;
  --lineStrong: #b9b3a8;
  --border: #dedad2;
  --border-2: #c9c4ba;
  --border-soft: #e8e5df;
  --border-strong: #bdb7ac;
  --orange: #f26122;
  --orange-2: #dd4d12;
  --orange-3: #ff8a4c;
  --orange2: #dd4d12;
  --amber: #ad6800;
  --green: #087d5a;
  --green-2: #0d936a;
  --cyan: #53616f;
  --blue: #526170;
  --purple: #695f55;
  --violet: #695f55;
  --yellow: #a96b00;
  --red: #c43e4d;
  --red-2: #a82f3e;
  --shadow: 0 18px 55px rgba(35, 31, 24, 0.08);

  --cc-bg: #f4f2ed;
  --cc-panel: #ffffff;
  --cc-line: #dedad2;
  --cc-text: #181a1d;
  --cc-muted: #697078;
  --cc-orange: #f26122;
  --cc-green: #087d5a;
  --cc-cyan: #53616f;
  --cc-violet: #695f55;
  --cc-red: #c43e4d;
}

html {
  min-width: 320px;
  color-scheme: light !important;
  background: #f4f2ed !important;
  scroll-behavior: smooth;
  scrollbar-color: #bbb5aa #ebe8e2;
  scrollbar-width: thin;
}

html[data-avro-theme="light"]:not(.avro-dark) body,
html[data-avro-page="home"][data-avro-theme="light"] body,
html.theme-light body {
  color: #181a1d !important;
  background:
    radial-gradient(900px 420px at 92% -8%, rgba(242, 97, 34, 0.065), transparent 72%),
    radial-gradient(720px 360px at -8% 34%, rgba(75, 85, 99, 0.035), transparent 74%),
    #f4f2ed !important;
  background-attachment: fixed !important;
}

body,
button,
input,
select,
textarea {
  font-family: var(--avro-font) !important;
  font-synthesis: none;
  text-rendering: optimizeLegibility;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
}

body {
  line-height: 1.5;
  letter-spacing: 0;
}

body :where(h1, h2, h3, h4, h5, h6) {
  color: #181a1d !important;
  font-weight: 720;
  letter-spacing: -0.035em;
  text-shadow: none !important;
}

body :where(p, li, label, small, em, .lead, .sub, .subtitle, .hint, .helper, .description) {
  text-shadow: none !important;
}

body :where(a, button, input, select, textarea):focus-visible {
  outline: 3px solid rgba(242, 97, 34, 0.32) !important;
  outline-offset: 2px;
}

body :where(table, input[type="number"], [class*="price" i], [class*="value" i], [class*="metric" i], [class*="score" i]) {
  font-variant-numeric: tabular-nums lining-nums;
}

::selection {
  color: #18120d;
  background: #ffb98f;
}

::-webkit-scrollbar { width: 10px; height: 10px; }
::-webkit-scrollbar-track { background: #ebe8e2; }
::-webkit-scrollbar-thumb {
  border: 2px solid #ebe8e2;
  border-radius: 999px;
  background: #bbb5aa;
}

/* Shared route shell ---------------------------------------------------- */

body :where(.page, .ci-page, .sm-shell, .legal) {
  color: #181a1d !important;
}

body :where(.topbar, .ci-topbar, .sm-top) {
  color: #181a1d !important;
}

body :where(.hero, .shell, .panel, .card, .section, .method, .module, .result, .calculator, .workspace, .tool-card, .notice, .status, .summary, .table-wrap) {
  border-color: #dedad2 !important;
}

body :where(.shell, .panel, .card, .method, .module, .tool-card, .notice, .summary, .table-wrap) {
  color: #181a1d !important;
  background-color: #ffffff !important;
  background-image: none !important;
  box-shadow: 0 18px 55px rgba(35, 31, 24, 0.07) !important;
}

body :where(.status, .quick-note, .mode-pill, .sample, .formula, .result-card, .metric, .method-grid > *, .field, .control, .controls, .input-wrap, .empty, .state, .ready) {
  border-color: #dedad2 !important;
  color: #181a1d !important;
  background-color: #f7f6f2 !important;
  background-image: none !important;
}

body :where(.lead, .hint, .sub, .subtitle, .description, .method p, .section-head p, .hero p, .card p, .panel p) {
  color: #61676f !important;
}

body :where(.eyebrow, .kicker, [class*="kicker"], [class*="eyebrow"]) {
  color: #9f3a12 !important;
}

body :where(label, legend, .field > span, .form-field > span) {
  color: #50575f !important;
}

body :where(.hint, .hint-box, #explain, #explain *, .source-badge, .stage-title > span) {
  color: #596169 !important;
}

body #explain {
  border-color: #dedad2 !important;
  color: #596169 !important;
  background-color: #f7f6f2 !important;
  background-image: none !important;
}

body #explain :where(strong, b) { color: #24272b !important; }
body :where(.warn, .amber, .warning) { color: #85500a !important; }
body :where(.source-badge, .status-pill, #statusPill) {
  border-color: #d8d3ca !important;
  color: #50575f !important;
  background-color: #f7f5f0 !important;
  background-image: none !important;
}

body .pill {
  border-color: #d8d3ca !important;
  color: #50575f !important;
  background-color: #f7f5f0 !important;
  background-image: none !important;
}
body .pill.green { color: #076649 !important; background-color: #edf7f3 !important; }
body .pill.amber { color: #85500a !important; background-color: #fff7e8 !important; }
body :where(.pill.cyan, .pill.violet) { color: #50575f !important; background-color: #f1efea !important; }
body :where(button[id*="clear" i]) { border-color: #cfc9bf !important; color: #24272b !important; background: #ffffff !important; }

html:not([data-avro-page="home"]) body :where(main > .hero, .page > .hero, .ci-page > .hero, .shell > .hero) {
  border-color: #dedad2 !important;
  color: #181a1d !important;
  background-color: #ffffff !important;
  background-image: none !important;
  box-shadow: 0 18px 55px rgba(35, 31, 24, 0.07) !important;
}

html:not([data-avro-page="home"]) body main > section[class*="hero"] {
  border-color: #dedad2 !important;
  color: #181a1d !important;
  background-color: #ffffff !important;
  background-image: none !important;
  box-shadow: 0 18px 55px rgba(35, 31, 24, 0.07) !important;
}

html:not([data-avro-page="home"]) body main > section[class*="hero"] :where(p, span) {
  color: #626870 !important;
}

html:not([data-avro-page="home"]) body main > section[class*="hero"] :where(.kicker, .eyebrow, [class*="kicker"], [class*="eyebrow"]) {
  color: #c64b15 !important;
}

body :where(.mark, .tool-icon) {
  border: 1px solid #2b2d31 !important;
  color: #ffffff !important;
  background: #181a1d !important;
  box-shadow: none !important;
}

body .mark { color: #ff7435 !important; }
body :where(.top) a { color: #24272b !important; }
body :where(.top .home) { border-color: #d5d0c7 !important; color: #24272b !important; background: #ffffff !important; }
body :where(.chips span, .ta-standalone-badges span) { border-color: #d5d0c7 !important; color: #5d636b !important; background: #f7f5f0 !important; }
body :where(.field > span, .controls .field > span) { color: #626870 !important; }
body :where(.run) { border-color: #f26122 !important; color: #21120b !important; background: #f26122 !important; box-shadow: none !important; }
body :where(.run):hover { background: #dd4d12 !important; }
body :where(#network) { opacity: 0.2 !important; filter: grayscale(1); }
body :where(details summary) { color: #25282c !important; }
body :where(.note) { color: #626870 !important; }
body :where(.warning) { color: #85500a !important; }
body :where(.metric, .result-card) :where(span, strong, small),
body :where(.loading, .loading *) {
  color: #181a1d !important;
}
body :where(.metric, .result-card) :where(small, span) { color: #697078 !important; }

body :where(input:not([type="checkbox"]):not([type="radio"]), select, textarea) {
  border-color: #cfc9bf !important;
  color: #181a1d !important;
  caret-color: #f26122;
  background-color: #ffffff !important;
  background-image: none;
  box-shadow: 0 1px 0 rgba(255, 255, 255, 0.7) inset !important;
}

body :where(input, select, textarea)::placeholder {
  color: #8a8f95 !important;
  opacity: 1;
}

body :where(input:not([type="checkbox"]):not([type="radio"]), select, textarea):focus {
  border-color: #f26122 !important;
  box-shadow: 0 0 0 4px rgba(242, 97, 34, 0.11) !important;
}

body :where(.main-button, .primary, .ci-submit, .action.primary, .btn-primary, button[type="submit"]) {
  border-color: #f26122 !important;
  color: #21120b !important;
  background: #f26122 !important;
  box-shadow: 0 10px 24px rgba(242, 97, 34, 0.18) !important;
}

body :where(.main-button, .primary, .ci-submit, .action.primary, .btn-primary, button[type="submit"]):hover {
  border-color: #dd4d12 !important;
  background: #dd4d12 !important;
  transform: translateY(-1px);
}

body :where(.secondary, .navbtn, .ci-button, .ci-nav a, .nav a, .topbar a, .sample, .mini-link) {
  border-color: #d5d0c7 !important;
  color: #24272b !important;
  background-color: #ffffff !important;
  background-image: none !important;
  box-shadow: none !important;
}

body :where(.secondary, .navbtn, .ci-button, .ci-nav a, .nav a, .topbar a, .sample, .mini-link):hover {
  border-color: #9e978c !important;
  color: #111214 !important;
  background-color: #ece9e3 !important;
}

body table {
  color: #24272b !important;
  background: #ffffff !important;
}
body table td { color: #363b41 !important; }

body :where(thead, thead tr, th) {
  color: #656b72 !important;
  background-color: #efede8 !important;
  background-image: none !important;
}

body :where(td, th) { border-color: #e1ddd5 !important; }
body :where(tbody tr) { background-color: #ffffff !important; }
body :where(tbody tr:nth-child(even)) { background-color: #faf9f6 !important; }
body :where(tbody tr:hover) { background-color: #f3f0ea !important; }

/* Coin identity --------------------------------------------------------- */

.avro-identity-host {
  display: flex !important;
  align-items: center !important;
  gap: 9px !important;
  min-width: 0;
}

.avro-coin-identity {
  position: relative;
  width: 29px;
  height: 29px;
  display: inline-flex;
  flex: 0 0 29px;
  align-items: center;
  justify-content: center;
  vertical-align: middle;
}

.avro-coin-identity.is-compact {
  width: 26px;
  height: 26px;
  flex-basis: 26px;
}

.avro-coin-logo {
  width: 100%;
  height: 100%;
  display: block;
  border: 1px solid rgba(24, 26, 29, 0.09);
  border-radius: 50%;
  object-fit: contain;
  background: #ffffff;
  box-shadow: 0 2px 8px rgba(35, 31, 24, 0.09);
}

.avro-coin-logo[data-avro-logo-contrast="dark"] {
  padding: 3px;
  border-color: rgba(255, 255, 255, 0.16);
  background: #24282d;
  box-shadow: 0 2px 8px rgba(35, 31, 24, 0.16);
}

body td.avro-identity-host,
body th.avro-identity-host {
  display: table-cell !important;
}

body td.avro-identity-host > .avro-coin-identity,
body th.avro-identity-host > .avro-coin-identity {
  margin-right: 8px;
}

.avro-coin-identity.is-pair { width: 40px; flex-basis: 40px; }
.avro-coin-identity.is-pair .avro-coin-logo { position: absolute; width: 26px; height: 26px; }
.avro-coin-identity.is-pair .avro-coin-logo:first-child { left: 0; top: 0; z-index: 2; }
.avro-coin-identity.is-pair .avro-coin-logo:last-child { right: 0; bottom: 0; z-index: 1; }

body .avro-symbol-control {
  padding-left: 43px !important;
  background-image: var(--avro-control-icon) !important;
  background-repeat: no-repeat !important;
  background-position: 12px 50% !important;
  background-size: 23px 23px !important;
}

body .avro-symbol-control.avro-symbol-control-dark-logo {
  background-image:
    var(--avro-control-icon),
    radial-gradient(circle, #24282d 0 13px, transparent 13.5px) !important;
  background-position: 15px 50%, 12px 50% !important;
  background-size: 18px 18px, 29px 29px !important;
}

/* Compact tools drawer -------------------------------------------------- */

:root {
  --avro-drawer-bg: #ffffff;
  --avro-drawer-surface: #f2f0eb;
  --avro-drawer-surface-hover: #e9e6df;
  --avro-drawer-line: #dedad2;
  --avro-drawer-text: #181a1d;
  --avro-drawer-muted: #747a82;
  --avro-drawer-accent: #f26122;
  --avro-drawer-accent-soft: rgba(242, 97, 34, 0.09);
  --avro-drawer-positive: #087d5a;
}

.avro-side-trigger {
  border-color: #d5d0c7 !important;
  color: #181a1d !important;
  background: rgba(255, 255, 255, 0.96) !important;
  box-shadow: 0 13px 32px rgba(35, 31, 24, 0.15) !important;
}

.avro-side-trigger::after {
  border-color: #d9d4cb !important;
  color: #181a1d !important;
  background: #ffffff !important;
  box-shadow: 0 9px 24px rgba(35, 31, 24, 0.13) !important;
}

.avro-side-trigger:hover { background: #f2f0eb !important; }
.avro-side-overlay { background: rgba(29, 27, 23, 0.24) !important; backdrop-filter: blur(2px); }
.avro-side-panel {
  border-color: #d5d0c7 !important;
  color: #181a1d !important;
  background: #ffffff !important;
  box-shadow: 0 30px 90px rgba(35, 31, 24, 0.24) !important;
}
.avro-side-brand { border-color: #d9d4cb !important; background: #f2f0eb !important; }
.avro-side-brand i { background: #a49d92 !important; }
.avro-side-brand i:first-child { background: #f26122 !important; }
.avro-side-close { color: #656b72 !important; }
.avro-side-close:hover { color: #181a1d !important; background: #f2f0eb !important; }
.avro-side-search { border-color: #d5d0c7 !important; color: #181a1d !important; background: #f8f7f4 !important; }
.avro-side-search-icon { color: #777d85 !important; }
.avro-side-section-label { color: #8a8f95 !important; }
.avro-side-link { color: #2a2d31 !important; }
.avro-side-link:hover,
.avro-side-link.active { color: #181a1d !important; background: #f2f0eb !important; }
.avro-side-link.active { box-shadow: inset 3px 0 #f26122 !important; }
.avro-side-link-icon { border-color: #dedad2 !important; color: #4e555d !important; background: #f2f0eb !important; }
.avro-side-foot { color: #747a82 !important; background: #faf9f6 !important; }

/* Home ------------------------------------------------------------------ */

html[data-avro-page="home"] {
  --home-bg: #f4f2ed;
  --home-bg-2: #ebe8e1;
  --home-panel: #ffffff;
  --home-panel-2: #f7f6f2;
  --home-line: rgba(38, 34, 29, 0.11);
  --home-line-strong: rgba(38, 34, 29, 0.19);
  --home-text: #181a1d;
  --home-muted: #60666e;
  --home-dim: #7d838a;
  --home-orange: #f26122;
  --home-orange-2: #dd4d12;
  --home-amber: #aa6500;
  --home-green: #087d5a;
  --home-cyan: #53616f;
  --home-red: #c43e4d;
  color-scheme: light !important;
  background: #f4f2ed !important;
}

html[data-avro-page="home"] body {
  color: #181a1d !important;
  background:
    radial-gradient(850px 470px at 82% 5%, rgba(242, 97, 34, 0.075), transparent 72%),
    linear-gradient(180deg, #f7f5f0 0%, #f3f1ec 60%, #eeece7 100%) !important;
}

html[data-avro-page="home"] .home-ambient::before {
  opacity: 0.32 !important;
  background-image:
    linear-gradient(rgba(37, 34, 29, 0.035) 1px, transparent 1px),
    linear-gradient(90deg, rgba(37, 34, 29, 0.035) 1px, transparent 1px) !important;
}

html[data-avro-page="home"] .home-ambient span:first-child { opacity: 0.09; }
html[data-avro-page="home"] .home-ambient span:last-child { opacity: 0.025; background: #68727e !important; }

html[data-avro-page="home"] .avro-home-nav {
  border-color: rgba(45, 40, 34, 0.12) !important;
  background: rgba(255, 255, 255, 0.86) !important;
  box-shadow: 0 18px 50px rgba(35, 31, 24, 0.09) !important;
}

html[data-avro-page="home"] :where(.home-brand, .home-nav-links a, .home-nav-button) { color: #2c3035 !important; }
html[data-avro-page="home"] .home-brand-copy small { color: #777d85 !important; }
html[data-avro-page="home"] .home-nav-links a:hover { color: #111214 !important; background: #efede8 !important; }
html[data-avro-page="home"] .home-nav-button { border-color: #d5d0c7 !important; background: #ffffff !important; }
html[data-avro-page="home"] .home-nav-button.primary { border-color: #181a1d !important; color: #ffffff !important; background: #181a1d !important; }
html[data-avro-page="home"] .home-nav-button.primary:hover { background: #303236 !important; }

html[data-avro-page="home"] #ccpLiveMajors.ccp-live-majors {
  border-color: #dedad2 !important;
  background: rgba(255, 255, 255, 0.82) !important;
  box-shadow: 0 9px 28px rgba(35, 31, 24, 0.05) !important;
}
html[data-avro-page="home"] #ccpLiveMajors .ccp-live-card { border-color: #e2ded7 !important; }
html[data-avro-page="home"] #ccpLiveMajors :where(.ccp-live-symbol, .ccp-live-price) { color: #202327 !important; }
html[data-avro-page="home"] #ccpLiveMajors .ccp-live-label { color: #7a8088 !important; }

html[data-avro-page="home"] :where(.hero, .ccp-hero-clean) {
  border: 0 !important;
  color: #181a1d !important;
  background: transparent !important;
  box-shadow: none !important;
}

html[data-avro-page="home"] :where(.home-hero-title, .home-section-head h2, .home-workflow-copy h2, .home-signature-copy h2) {
  color: #181a1d !important;
}
html[data-avro-page="home"] .home-hero-title span,
html[data-avro-page="home"] .home-hero-subtitle strong,
html[data-avro-page="home"] .home-proof strong {
  color: #181a1d !important;
  -webkit-text-fill-color: #181a1d !important;
}
html[data-avro-page="home"] :where(.home-hero-subtitle, .home-section-copy p, .home-workflow-copy p, .home-signature-copy p) {
  color: #5d636b !important;
}
html[data-avro-page="home"] :where(.home-kicker, .home-section-kicker) { color: #c64b15 !important; }
html[data-avro-page="home"] .home-action.primary { color: #ffffff !important; background: #f26122 !important; }
html[data-avro-page="home"] .home-action:not(.primary) { border-color: #cfc9bf !important; color: #181a1d !important; background: #ffffff !important; }
html[data-avro-page="home"] .home-proof-row { color: #181a1d !important; }
html[data-avro-page="home"] .home-proof small { color: #737981 !important; }
html[data-avro-page="home"] .home-proof-divider { background: #cbc5ba !important; }

/* The animated AVRO tile remains the dark, fiery focal point. */
html[data-avro-page="home"] .brand-tile {
  border-color: rgba(255, 106, 26, 0.34) !important;
  background: linear-gradient(155deg, #211612, #090a0c 72%) !important;
  box-shadow: 0 34px 85px rgba(82, 39, 17, 0.22), 0 0 74px rgba(255, 84, 17, 0.2) !important;
}
html[data-avro-page="home"] .brand-chip {
  border-color: #d8d3ca !important;
  color: #30343a !important;
  background: rgba(255, 255, 255, 0.9) !important;
  box-shadow: 0 10px 30px rgba(35, 31, 24, 0.08) !important;
}
html[data-avro-page="home"] .brand-chip i { background: #f26122 !important; }

html[data-avro-page="home"] .intelligence-card,
html[data-avro-page="home"] .intelligence-card[data-tone],
html[data-avro-page="home"] .home-live-shell,
html[data-avro-page="home"] .home-radar-shell,
html[data-avro-page="home"] .home-signature,
html[data-avro-page="home"] .home-workflow,
html[data-avro-page="home"] .technical-analysis-entry,
html[data-avro-page="home"] .drawdown-entry,
html[data-avro-page="home"] .strength-radar,
html[data-avro-page="home"] .microcap-radar,
html[data-avro-page="home"] .features,
html[data-avro-page="home"] .explanation,
html[data-avro-page="home"] .use-cases,
html[data-avro-page="home"] .disclaimer {
  border-color: #dedad2 !important;
  color: #181a1d !important;
  background-color: #ffffff !important;
  background-image: none !important;
  box-shadow: 0 20px 62px rgba(35, 31, 24, 0.075) !important;
}

html[data-avro-page="home"] .intelligence-card:hover { border-color: #bdb6aa !important; box-shadow: 0 24px 70px rgba(35, 31, 24, 0.11) !important; }
html[data-avro-page="home"] .intelligence-card :where(h3, p) { color: #181a1d !important; }
html[data-avro-page="home"] .intelligence-card p { color: #626870 !important; }
html[data-avro-page="home"] .intelligence-icon { border-color: #d8d3ca !important; color: #f26122 !important; background: #f6f3ed !important; }
html[data-avro-page="home"] .intelligence-index { color: #777d85 !important; }
html[data-avro-page="home"] .intelligence-tools span,
html[data-avro-page="home"] .money-node { border-color: #d8d3ca !important; color: #5e646c !important; background: #f7f5f0 !important; }
html[data-avro-page="home"] .relative-visual path:first-child { stroke: #f26122 !important; }
html[data-avro-page="home"] .relative-visual path:last-child { stroke: #818891 !important; }
html[data-avro-page="home"] .home-section-link { border-color: #cfc9bf !important; color: #24272b !important; background: #ffffff !important; }

html[data-avro-page="home"] .tool-rail { border-color: #dedad2 !important; background: #ece9e3 !important; }
html[data-avro-page="home"] .tool-rail span { color: #5f666d !important; }
html[data-avro-page="home"] .home-tabs { border-color: #d8d3ca !important; background: #efede8 !important; }
html[data-avro-page="home"] .home-tab { color: #626870 !important; background: transparent !important; }
html[data-avro-page="home"] .home-tab[aria-selected="true"] { color: #181a1d !important; background: #ffffff !important; box-shadow: 0 5px 15px rgba(35,31,24,.08) !important; }
html[data-avro-page="home"] :where(.technical-analysis-launch, .drawdown-launch, .radar-stage, .microcap-stage, .feature-card, .example) {
  border-color: #dedad2 !important;
  color: #181a1d !important;
  background-color: #f7f6f2 !important;
  background-image: none !important;
  box-shadow: none !important;
}
html[data-avro-page="home"] :where(.strength-card, .microcap-card, .radar-stage-list > *, .microcap-list > *) {
  border-color: #dedad2 !important;
  color: #181a1d !important;
  background-color: #ffffff !important;
  background-image: none !important;
  box-shadow: none !important;
}
html[data-avro-page="home"] :where(.technical-analysis-tags span, .drawdown-tags span, .benchmark-pill, .data-pill, .radar-mode-btn) {
  border-color: #d6d1c8 !important;
  color: #5f666d !important;
  background-color: #f7f5f0 !important;
  background-image: none !important;
}
html[data-avro-page="home"] .radar-mode-btn.active { border-color: #181a1d !important; color: #ffffff !important; background: #181a1d !important; }

html[data-avro-page="home"] footer,
html[data-avro-page="home"] .home-footer { border-color: #d8d3ca !important; color: #6e747c !important; background: #ece9e3 !important; }

/* Live intelligence engines ------------------------------------------- */

.avro-climb {
  --ac-bg: #f7f5f0;
  --ac-panel: #ffffff;
  --ac-line: #dedad2;
  --ac-text: #181a1d;
  --ac-muted: #697078;
  --ac-orange: #f26122;
  --ac-green: #087d5a;
  --ac-cyan: #53616f;
  --ac-red: #c43e4d;
  border-color: #dedad2 !important;
  color: #181a1d !important;
  background: #ffffff !important;
  box-shadow: none !important;
}
.avro-climb :where(.ac-command-main, .ac-stat, .ac-route-step, .ac-stage, .ac-card, .ac-pair-card, .ac-reason, .ac-pair-line, .ac-stage-rel div) {
  border-color: #dedad2 !important;
  color: #181a1d !important;
  background-color: #f7f6f2 !important;
  background-image: none !important;
}
.avro-climb .ac-stage:first-child,
.avro-climb .ac-command-main { border-color: rgba(8, 125, 90, 0.28) !important; background: #edf7f3 !important; }
.avro-climb :where(.ac-command-main p, .ac-stage-foot, .ac-history, .ac-pair-decision) { color: #555c64 !important; }
.avro-climb :where(.ac-table th, .ac-table td, .ac-quiet) { border-color: #e3dfd8 !important; }
.avro-climb .ac-stage-number { color: rgba(24, 26, 29, 0.15) !important; }
.avro-climb .ac-btn { border-color: #d2ccc2 !important; color: #181a1d !important; background: #ffffff !important; }
.avro-climb .ac-live { color: #086548 !important; background: #edf7f3 !important; }

.fundamental-radar {
  border-color: #dedad2 !important;
  color: #181a1d !important;
  background: #ffffff !important;
  box-shadow: none !important;
}
.fundamental-radar :where(.fr-card, .fr-summary > div, .fr-metric, .fr-reasons, .fr-proof, .fr-score-pair > div, .fr-flow, .fr-flow span) {
  border-color: #dedad2 !important;
  color: #181a1d !important;
  background-color: #f7f6f2 !important;
  background-image: none !important;
}
.fundamental-radar :where(.fr-sub, .fr-name span, .fr-metric > span, .fr-metric small, .fr-reasons, .fr-proof p, .fr-foot, .fr-price small) { color: #697078 !important; }
.fundamental-radar :where(.fr-name strong, .fr-price strong, .fr-score-pair strong, .fr-proof summary) { color: #181a1d !important; }
.fundamental-radar .fr-tabs { background: #efede8 !important; }
.fundamental-radar .fr-tab { color: #666d75 !important; }
.fundamental-radar .fr-tab[aria-selected="true"] { color: #ffffff !important; background: #181a1d !important; }
.fundamental-radar .fr-card.fr-positive { border-color: rgba(8,125,90,.28) !important; background: #f4fbf8 !important; }
.fundamental-radar .fr-card.fr-watch { border-color: rgba(169,107,0,.26) !important; background: #fffbf1 !important; }

/* Shared intelligence pages ------------------------------------------- */

.ci-page {
  --bg: #f4f2ed;
  --panel: #ffffff;
  --panel2: #f7f6f2;
  --line: #dedad2;
  --line2: #c9c4ba;
  --text: #181a1d;
  --muted: #697078;
  --orange: #f26122;
  --green: #087d5a;
  --cyan: #53616f;
  --red: #c43e4d;
  --yellow: #a96b00;
  --shadow: 0 18px 55px rgba(35,31,24,.08);
}
body:has(.ci-page) { color: #181a1d !important; background: #f4f2ed !important; }
.ci-mark { color: #ffffff !important; background: #181a1d !important; box-shadow: none !important; }
.ci-hero,
.ci-card,
.ci-result,
.ta-shell {
  border-color: #dedad2 !important;
  color: #181a1d !important;
  background: #ffffff !important;
  box-shadow: 0 18px 55px rgba(35,31,24,.07) !important;
}
.ci-result:hover { border-color: #aaa398 !important; transform: translateY(-2px); }
.ci-input { border-color: #cfc9bf !important; color: #181a1d !important; background: #ffffff !important; }
.ci-submit { color: #21120b !important; background: #f26122 !important; }
.ci-badge,
.ci-metric,
.ta-board,
.ta-level,
.ta-schools article { border-color: #dedad2 !important; color: #181a1d !important; background: #f7f6f2 !important; }
.ci-logo-fallback { color: #ffffff !important; background: #24272b !important; }

/* Smart Money ---------------------------------------------------------- */

body:has(.sm-shell) { color: #181a1d !important; background: #f4f2ed !important; }
.sm-shell { color: #181a1d !important; }
.sm-back { color: #4f565e !important; }
.sm-status,
.sm-hero,
.sm-card,
.sm-module,
.sm-ready {
  border-color: #dedad2 !important;
  color: #181a1d !important;
  background-color: #ffffff !important;
  background-image: none !important;
  box-shadow: 0 18px 55px rgba(35,31,24,.07) !important;
}
.sm-hero { background: linear-gradient(135deg, #ffffff, #fff9f4) !important; }
.sm-status { color: #6f767e !important; }
.sm-kicker, .sm-card em { color: #c64b15 !important; }
.sm-hero p, .sm-card span, .sm-module p, .sm-ready span { color: #697078 !important; }
.sm-card:hover { border-color: #b9b2a7 !important; background: #faf9f6 !important; }

/* App / chart platform ------------------------------------------------- */

html[data-avro-theme="light"] .theme-switch { display: none !important; }
html[data-avro-theme="light"] :where(.app-shell, .main-area) { color: #181a1d !important; background: #f4f2ed !important; }
html[data-avro-theme="light"] :where(.topbar, .subbar, .tool-dock) { border-color: #d8d3ca !important; background-color: #ffffff !important; }
html[data-avro-theme="light"] .charts-grid { background: #ebe8e2 !important; }
html[data-avro-theme="light"] :where(.modal-card, .dropdown-menu, .menu-panel, .settings-panel, .chart-card) {
  border-color: #d8d3ca !important;
  background-color: #ffffff !important;
  box-shadow: 0 24px 70px rgba(35,31,24,.16) !important;
}

/* Legal routes --------------------------------------------------------- */

.legal header {
  border: 1px solid #d8d3ca !important;
  color: #181a1d !important;
  background: linear-gradient(135deg, #ffffff, #fff5ee) !important;
  box-shadow: 0 18px 55px rgba(35,31,24,.07) !important;
}
.legal header :where(h1, p) { color: #181a1d !important; }
.legal header small { color: #c64b15 !important; }
.legal nav a { border: 1px solid #d8d3ca !important; color: #24272b !important; background: #ffffff !important; }
.legal section { border-color: #dedad2 !important; color: #181a1d !important; background: #ffffff !important; box-shadow: 0 12px 40px rgba(35,31,24,.055) !important; }
.legal .notice { border-color: #e5cdb9 !important; background: #fff8f3 !important; }

/* Final legacy-route contrast normalization. */
html body :where(.hint, .subtext, #miniNote, #systemNote, .statusline span, .yearBatchState span, .stage-title > span, .kpi small, .metric > span, .metric > small) {
  color: #596169 !important;
}
html body :where(.kpi b, .method-grid strong, .metric > strong) { color: #24272b !important; }
html body :where(.brand > span) { color: #50575f !important; }
html body :where(.value.orange) { color: #9f3a12 !important; }
html body :where(li[data-i18n]) { color: #50575f !important; }
html body :where(#log, .okbox, #coverageSummary, #alertBoard, #marketAnchorBox, #summaryBox) {
  border-color: #dedad2 !important;
  color: #50575f !important;
  background-color: #f7f6f2 !important;
  background-image: none !important;
}
html body :where(#log, .okbox, #coverageSummary, #alertBoard, #marketAnchorBox, #summaryBox) :where(strong, b, h3, h4) {
  color: #24272b !important;
}
html body button[data-preset] {
  border-color: #d2ccc2 !important;
  color: #24272b !important;
  background: #ffffff !important;
}
html body button[data-preset]:is(.active, [aria-pressed="true"]) {
  border-color: #181a1d !important;
  color: #ffffff !important;
  background: #181a1d !important;
}

/* Remove the last dark-theme transparency layers from legacy engines. */
html body :where(.hero-status, .yearBatchState, .stage-box, .quickNote, .step, .analysis-box, #miniNote) {
  border-color: #dedad2 !important;
  color: #3f464d !important;
  background-color: #f7f6f2 !important;
  background-image: none !important;
  opacity: 1 !important;
  text-shadow: none !important;
}
html body :where(.hero-status, .yearBatchState) :where(.statusline, div) {
  border-color: #dedad2 !important;
}
html body :where(.statusline span, .yearBatchState span, .quickNote, .quickNote b, .step span, .step b, .stage-title span, #miniNote) {
  color: #3f464d !important;
  opacity: 1 !important;
  text-shadow: none !important;
}
html body :where(.hint, .metric > span, .metric > small) {
  color: #50575f !important;
  opacity: 1 !important;
}
html body .stage-box { box-shadow: none !important; }
html body .stage-title { color: #24272b !important; }
html body .analysis-box { color: #3f464d !important; }
html body .tag.orange {
  border-color: #e8c3af !important;
  color: #91340f !important;
  background: #fff4ec !important;
}
html body .tag.red {
  border-color: #e1bac0 !important;
  color: #922738 !important;
  background: #fff1f3 !important;
}
html body button.danger {
  border: 1px solid #dfb7bd !important;
  color: #922738 !important;
  background: #fff1f3 !important;
  background-image: none !important;
  box-shadow: none !important;
}
html body button:disabled {
  border-color: #d2ccc2 !important;
  color: #50575f !important;
  background: #ece9e3 !important;
  background-image: none !important;
  box-shadow: none !important;
  filter: none !important;
  opacity: 1 !important;
}
html body #batchMessage {
  border-color: #dedad2 !important;
  color: #3f464d !important;
  background: #f7f6f2 !important;
}
html body button[data-result-view] {
  border-color: #d2ccc2 !important;
  color: #24272b !important;
  background: #ffffff !important;
  box-shadow: none !important;
}
html body button[data-result-view]:is(.active, [aria-pressed="true"]) {
  border-color: #181a1d !important;
  color: #ffffff !important;
  background: #181a1d !important;
}
html body #detailPanel[aria-hidden="true"] { display: none !important; }
html body #detailPanel[aria-hidden="false"] { display: block !important; }

/* Semantic color stays meaningful; decorative rainbow color does not. */
.good, .positive, .up, .gain, [class*="positive" i] { --card-accent: #087d5a; }
.bad, .negative, .down, .loss, [class*="negative" i] { --card-accent: #c43e4d; }
.fr-up, .ac-chip.leading, .ac-chip.ready { color: #087d5a !important; }
.fr-down, .ac-chip.falling, .ac-chip.weakening { color: #c43e4d !important; }

@media (max-width: 760px) {
  html[data-avro-page="home"] .avro-home-nav {
    width: min(calc(100% - 20px), var(--home-max)) !important;
    margin-top: 8px !important;
  }
  html[data-avro-page="home"] #ccpLiveMajors.ccp-live-majors { width: calc(100% - 20px) !important; }
  html[data-avro-page="home"] .home-brand { gap: 8px !important; }
  html[data-avro-page="home"] .home-brand img { width: 34px !important; height: 34px !important; }
  html[data-avro-page="home"] .home-brand-copy strong { max-width: 120px; overflow: hidden; font-size: 13px !important; text-overflow: ellipsis; white-space: nowrap; }
  html[data-avro-page="home"] .home-brand-copy small { display: none !important; }
  html[data-avro-page="home"] .home-nav-actions > .home-nav-button.primary { display: none !important; }
  .avro-coin-identity { width: 26px; height: 26px; flex-basis: 26px; }
}

@media (prefers-reduced-motion: reduce) {
  html { scroll-behavior: auto; }
  *, *::before, *::after { scroll-behavior: auto !important; }
}

/* V24.1 — optical contrast and glass drawer --------------------------- */

/*
 * Several legacy routes used transparent text fills for dark-theme
 * gradients. A real foreground color is enforced here so no title,
 * symbol, price or metric can disappear on the light system.
 */
html body :where(h1, h2, h3, h4, h5, h6) {
  color: #15171a !important;
  -webkit-text-fill-color: #15171a !important;
  filter: none !important;
  mix-blend-mode: normal !important;
  opacity: 1 !important;
}

html body :where(
  .ccp-live-symbol,
  .ccp-live-price,
  .ccp-live-change,
  .ccp-live-label,
  .coin-symbol-line,
  .coin-symbol-line strong,
  .coin-name-line,
  .coin-price,
  .coin-change,
  .microcap-symbol,
  .microcap-symbol strong,
  .microcap-name,
  .microcap-price,
  .microcap-change,
  [class*="asset-name" i],
  [class*="asset-symbol" i],
  [class*="asset-price" i],
  [class*="token-name" i],
  [class*="token-symbol" i],
  [class*="token-price" i]
) {
  -webkit-text-fill-color: currentColor !important;
  filter: none !important;
  mix-blend-mode: normal !important;
  opacity: 1 !important;
  text-shadow: none !important;
}

/* Home typography: strong hierarchy without washed-out copy. */
html[data-avro-page="home"] :where(
  .home-hero-title,
  .home-section h2,
  .home-section h2 span,
  .intelligence-card h3,
  .signature-card h3,
  .workflow-step h3,
  .feature-card h3,
  .use-cases h2,
  .explanation h2,
  .disclaimer h2,
  .technical-analysis-entry h2,
  .drawdown-entry h2
) {
  color: #15171a !important;
  -webkit-text-fill-color: #15171a !important;
  filter: none !important;
  opacity: 1 !important;
  text-shadow: none !important;
}

html[data-avro-page="home"] .home-section h2 span {
  color: #353a40 !important;
  -webkit-text-fill-color: #353a40 !important;
  font-weight: 560 !important;
}

html[data-avro-page="home"] :where(.intelligence-card h3, .signature-card h3, .workflow-step h3, .feature-card h3) {
  color: #191c20 !important;
  -webkit-text-fill-color: #191c20 !important;
  font-weight: 780 !important;
}

html[data-avro-page="home"] :where(
  .home-hero-subtitle,
  .home-section-head p,
  .intelligence-card > p,
  .signature-card p,
  .workflow-step p,
  .feature-card p,
  .use-cases li p,
  .technical-analysis-entry p,
  .drawdown-entry p
) {
  color: #454b52 !important;
  -webkit-text-fill-color: #454b52 !important;
  opacity: 1 !important;
}

html[data-avro-page="home"] :where(.intelligence-index, .signature-number, .signature-status, .home-proof small) {
  color: #565d65 !important;
  -webkit-text-fill-color: #565d65 !important;
  opacity: 1 !important;
}

html[data-avro-page="home"] :where(.intelligence-tools span, .money-node, .tool-rail a, .workflow-step span) {
  color: #464d54 !important;
  -webkit-text-fill-color: #464d54 !important;
  opacity: 1 !important;
}

/* Major ticker values must remain readable at desktop and mobile sizes. */
html[data-avro-page="home"] #ccpLiveMajors :where(.ccp-live-symbol, .ccp-live-price) {
  color: #171a1e !important;
  -webkit-text-fill-color: #171a1e !important;
  font-weight: 800 !important;
  opacity: 1 !important;
}
html[data-avro-page="home"] #ccpLiveMajors .ccp-live-label,
html[data-avro-page="home"] #ccpLiveMajors .ccp-live-meta {
  color: #535a62 !important;
  -webkit-text-fill-color: #535a62 !important;
  font-weight: 700 !important;
  opacity: 1 !important;
}
html[data-avro-page="home"] #ccpLiveMajors .ccp-live-card.up .ccp-live-change {
  color: #087355 !important;
  -webkit-text-fill-color: #087355 !important;
  font-weight: 850 !important;
}
html[data-avro-page="home"] #ccpLiveMajors .ccp-live-card.down .ccp-live-change {
  color: #b4233c !important;
  -webkit-text-fill-color: #b4233c !important;
  font-weight: 850 !important;
}

/* Live radar remains the focused dark data surface; its data is opaque. */
html[data-avro-page="home"] .home-radar-shell :where(.strength-radar, .microcap-radar) {
  color: #f6f8fa !important;
  background:
    radial-gradient(circle at 8% 0%, rgba(8, 125, 90, 0.18), transparent 30%),
    radial-gradient(circle at 92% 10%, rgba(242, 97, 34, 0.16), transparent 28%),
    linear-gradient(145deg, #121820, #090d13) !important;
}
html[data-avro-page="home"] .home-radar-shell :where(.radar-stage, .microcap-stage) {
  border-color: rgba(255, 255, 255, 0.14) !important;
  color: #f6f8fa !important;
  background: rgba(16, 22, 30, 0.92) !important;
}
html[data-avro-page="home"] .home-radar-shell :where(.strength-card, .microcap-card, .radar-stage-list > *, .microcap-stage-list > *) {
  border-color: rgba(255, 255, 255, 0.12) !important;
  color: #f6f8fa !important;
  background: linear-gradient(135deg, #18212b, #10161e) !important;
}
html[data-avro-page="home"] .home-radar-shell :where(
  .strength-radar h2,
  .radar-stage-head h3,
  .radar-stage-head b,
  .microcap-head h2,
  .microcap-stage-head strong,
  .microcap-stage-head b,
  .coin-symbol-line strong,
  .coin-price,
  .microcap-symbol strong,
  .microcap-price,
  .microcap-metrics b
) {
  color: #f8fafc !important;
  -webkit-text-fill-color: #f8fafc !important;
  font-weight: 800 !important;
  opacity: 1 !important;
}
html[data-avro-page="home"] .home-radar-shell :where(.strength-radar h2 span, .microcap-head h2 span) {
  color: #ff7a3d !important;
  -webkit-text-fill-color: #ff7a3d !important;
  opacity: 1 !important;
}
html[data-avro-page="home"] .home-radar-shell :where(
  .strength-radar p,
  .strength-status,
  .strength-status small,
  .radar-stage-head p,
  .coin-name-line,
  .microcap-head p,
  .microcap-live,
  .microcap-legend,
  .microcap-stage-head small,
  .microcap-name,
  .microcap-metrics,
  .microcap-footnote
) {
  color: #c4cbd3 !important;
  -webkit-text-fill-color: #c4cbd3 !important;
  opacity: 1 !important;
}
html[data-avro-page="home"] .home-radar-shell :where(.coin-change, .microcap-change, .positive, .up) {
  color: #38d79f !important;
  -webkit-text-fill-color: #38d79f !important;
}
html[data-avro-page="home"] .home-radar-shell :where(.negative, .down) {
  color: #ff7386 !important;
  -webkit-text-fill-color: #ff7386 !important;
}

/* Glass tools drawer: transparent enough to keep page context visible. */
.avro-side-overlay {
  background: rgba(24, 27, 31, 0.08) !important;
  -webkit-backdrop-filter: blur(1.5px) !important;
  backdrop-filter: blur(1.5px) !important;
}
.avro-side-panel {
  border-color: rgba(92, 86, 77, 0.24) !important;
  color: #17191c !important;
  background: linear-gradient(145deg, rgba(255, 255, 255, 0.78), rgba(244, 242, 237, 0.66)) !important;
  -webkit-backdrop-filter: blur(26px) saturate(1.25) !important;
  backdrop-filter: blur(26px) saturate(1.25) !important;
  box-shadow: 0 28px 80px rgba(35, 31, 24, 0.22), inset 0 1px 0 rgba(255, 255, 255, 0.72) !important;
}
.avro-side-head,
.avro-side-meta {
  border-color: rgba(95, 89, 80, 0.18) !important;
  background: rgba(255, 255, 255, 0.22) !important;
}
.avro-side-search {
  border-color: rgba(80, 75, 68, 0.27) !important;
  color: #17191c !important;
  background: rgba(255, 255, 255, 0.54) !important;
  -webkit-backdrop-filter: blur(10px) !important;
  backdrop-filter: blur(10px) !important;
}
.avro-side-search::placeholder { color: #626970 !important; opacity: 1 !important; }
.avro-side-label,
.avro-side-title small,
.avro-side-meta,
.avro-side-arrow {
  color: #565d65 !important;
  -webkit-text-fill-color: #565d65 !important;
  opacity: 1 !important;
}
.avro-side-title strong,
.avro-side-copy strong,
.avro-side-link {
  color: #1d2024 !important;
  -webkit-text-fill-color: #1d2024 !important;
  opacity: 1 !important;
}
.avro-side-copy strong { font-weight: 680 !important; }
.avro-side-link:hover {
  border-color: rgba(80, 75, 68, 0.16) !important;
  color: #111316 !important;
  background: rgba(255, 255, 255, 0.50) !important;
}
.avro-side-link.active {
  border-color: rgba(242, 97, 34, 0.24) !important;
  color: #111316 !important;
  background: rgba(255, 244, 236, 0.68) !important;
}
.avro-side-icon {
  border-color: rgba(25, 28, 32, 0.12) !important;
  color: #f6f7f8 !important;
  background: rgba(34, 38, 43, 0.78) !important;
}
.avro-side-link:hover .avro-side-icon,
.avro-side-link.active .avro-side-icon {
  border-color: rgba(242, 97, 34, 0.38) !important;
  color: #ffffff !important;
  background: rgba(35, 38, 43, 0.88) !important;
}
.avro-side-scroll {
  scrollbar-color: rgba(68, 71, 75, 0.48) transparent !important;
}
.avro-side-scroll::-webkit-scrollbar-thumb { background: rgba(68, 71, 75, 0.48) !important; }

/* Specificity guard for legacy page-local declarations. */
html[data-avro-page="home"] body .home-section h2 span {
  color: #353a40 !important;
  -webkit-text-fill-color: #353a40 !important;
}
html[data-avro-page="home"] body .intelligence-card h3,
html[data-avro-page="home"] body .signature-card h3,
html[data-avro-page="home"] body .workflow-step h3,
html[data-avro-page="home"] body .feature-card h3 {
  color: #191c20 !important;
  -webkit-text-fill-color: #191c20 !important;
}
html[data-avro-page="home"] body .intelligence-card > p,
html[data-avro-page="home"] body .intelligence-card p,
html[data-avro-page="home"] body .signature-card p,
html[data-avro-page="home"] body .workflow-step p,
html[data-avro-page="home"] body .feature-card p {
  color: #454b52 !important;
  -webkit-text-fill-color: #454b52 !important;
}
html[data-avro-page="home"] body #ccpLiveMajors .ccp-live-symbol,
html[data-avro-page="home"] body #ccpLiveMajors .ccp-live-price {
  color: #171a1e !important;
  -webkit-text-fill-color: #171a1e !important;
  font-weight: 800 !important;
}
html[data-avro-page="home"] body #ccpLiveMajors .ccp-live-change {
  color: #535a62 !important;
  -webkit-text-fill-color: #535a62 !important;
  font-weight: 800 !important;
}
html[data-avro-page="home"] body #ccpLiveMajors .ccp-live-card.up .ccp-live-change {
  color: #087355 !important;
  -webkit-text-fill-color: #087355 !important;
}
html[data-avro-page="home"] body #ccpLiveMajors .ccp-live-card.down .ccp-live-change {
  color: #b4233c !important;
  -webkit-text-fill-color: #b4233c !important;
}
html[data-avro-page="home"] body .home-radar-shell .strength-radar h2,
html[data-avro-page="home"] body .home-radar-shell .radar-stage-head h3,
html[data-avro-page="home"] body .home-radar-shell .microcap-head h2,
html[data-avro-page="home"] body .home-radar-shell .microcap-stage-head strong,
html[data-avro-page="home"] body .home-radar-shell .coin-symbol-line strong,
html[data-avro-page="home"] body .home-radar-shell .coin-price,
html[data-avro-page="home"] body .home-radar-shell .microcap-symbol strong,
html[data-avro-page="home"] body .home-radar-shell .microcap-price {
  color: #f8fafc !important;
  -webkit-text-fill-color: #f8fafc !important;
}
html[data-avro-page="home"] body .home-radar-shell .strength-radar h2 span,
html[data-avro-page="home"] body .home-radar-shell .microcap-head h2 span {
  color: #ff7a3d !important;
  -webkit-text-fill-color: #ff7a3d !important;
  font-weight: 760 !important;
}
html[data-avro-page="home"] body .home-radar-shell .strength-radar p,
html[data-avro-page="home"] body .home-radar-shell .radar-stage-head p,
html[data-avro-page="home"] body .home-radar-shell .coin-name-line,
html[data-avro-page="home"] body .home-radar-shell .microcap-head p,
html[data-avro-page="home"] body .home-radar-shell .microcap-name {
  color: #c4cbd3 !important;
  -webkit-text-fill-color: #c4cbd3 !important;
}

/* V24.2 — chart companion tools ---------------------------------------
 * These rules are deliberately limited to the two calculator overlays.
 * The chart canvas, series, drawing tools and chart controls are untouched.
 */

body :where(.scenario-modal, .pair-usd-modal) {
  background: rgba(31, 34, 38, 0.18) !important;
  -webkit-backdrop-filter: blur(12px) saturate(0.92) !important;
  backdrop-filter: blur(12px) saturate(0.92) !important;
}

body :where(.scenario-card, .pair-usd-card) {
  border: 1px solid #cfc9bf !important;
  color: #181a1d !important;
  background: #f8f7f3 !important;
  box-shadow: 0 28px 85px rgba(35, 31, 24, 0.22), 0 1px 0 #ffffff inset !important;
}

body :where(.scenario-head, .pair-usd-head) {
  border-bottom-color: #dedad2 !important;
  background: rgba(255, 255, 255, 0.92) !important;
}

body :where(.scenario-head h2, .pair-usd-head h2) {
  color: #181a1d !important;
  -webkit-text-fill-color: #181a1d !important;
  font-weight: 760 !important;
}

body :where(.scenario-head p, .pair-usd-head p) {
  color: #525960 !important;
  -webkit-text-fill-color: #525960 !important;
  opacity: 1 !important;
}

body :where(.scenario-body, .pair-usd-body) {
  color: #181a1d !important;
  background: #f8f7f3 !important;
}

body :where(.scenario-close, .pair-usd-close) {
  border-color: #d4cec4 !important;
  color: #bd4315 !important;
  -webkit-text-fill-color: #bd4315 !important;
  background: #ffffff !important;
  box-shadow: 0 4px 14px rgba(35, 31, 24, 0.08) !important;
}

body :where(.scenario-close, .pair-usd-close):hover {
  border-color: #f26122 !important;
  color: #ffffff !important;
  -webkit-text-fill-color: #ffffff !important;
  background: #f26122 !important;
}

body :where(.scenario-field label, .pair-usd-field label) {
  color: #34393f !important;
  -webkit-text-fill-color: #34393f !important;
  font-weight: 760 !important;
}

body .pair-usd-field label small {
  color: #6b727a !important;
  -webkit-text-fill-color: #6b727a !important;
  opacity: 1 !important;
}

body :where(
  .scenario-field input,
  .scenario-field textarea,
  .scenario-custom,
  .pair-usd-field input,
  .pair-usd-field textarea
) {
  border-color: #c9c4ba !important;
  color: #181a1d !important;
  -webkit-text-fill-color: #181a1d !important;
  background-color: #ffffff !important;
  background-image: none;
  box-shadow: 0 1px 0 rgba(255, 255, 255, 0.85) inset !important;
}

body :where(.scenario-field input, .scenario-field textarea, .scenario-custom, .pair-usd-field input, .pair-usd-field textarea)::placeholder {
  color: #7a8087 !important;
  -webkit-text-fill-color: #7a8087 !important;
  opacity: 1 !important;
}

body :where(.scenario-field input, .scenario-field textarea, .scenario-custom, .pair-usd-field input, .pair-usd-field textarea):focus {
  border-color: #f26122 !important;
  box-shadow: 0 0 0 4px rgba(242, 97, 34, 0.12) !important;
}

body :where(.scenario-chip, .pair-usd-chip) {
  border-color: #d3cdc3 !important;
  color: #2f3439 !important;
  -webkit-text-fill-color: #2f3439 !important;
  background: #ffffff !important;
  box-shadow: 0 3px 10px rgba(35, 31, 24, 0.05) !important;
}

body :where(.scenario-chip, .pair-usd-chip):hover {
  border-color: #f26122 !important;
  color: #17191c !important;
  background: #fff6ef !important;
}

body :where(.scenario-chip, .pair-usd-chip) .avro-coin-identity {
  width: 24px;
  height: 24px;
  flex-basis: 24px;
}

body :where(.scenario-add-btn, .pair-usd-add-btn, #pairUsdQuickAddBtn, #pairUsdUseLiveBtn, #pairUsdSwapBtn) {
  border-color: #c9c4ba !important;
  color: #24282d !important;
  -webkit-text-fill-color: #24282d !important;
  background: #ffffff !important;
}

body :where(.scenario-action.primary, .pair-usd-action.primary) {
  border-color: #f26122 !important;
  color: #21120b !important;
  -webkit-text-fill-color: #21120b !important;
  background: #f26122 !important;
  box-shadow: 0 10px 24px rgba(242, 97, 34, 0.18) !important;
}

body :where(.scenario-formula, .pair-usd-formula, .pair-usd-formula strong) {
  color: #555c63 !important;
  -webkit-text-fill-color: #555c63 !important;
  opacity: 1 !important;
}

body .pair-usd-ratio-help {
  border-color: rgba(8, 125, 90, 0.28) !important;
  color: #245443 !important;
  -webkit-text-fill-color: #245443 !important;
  background: #edf7f3 !important;
}

body .pair-usd-ratio-help code {
  color: #173c30 !important;
  -webkit-text-fill-color: #173c30 !important;
}

/* Direction is never decorative: positive is green, negative is red, zero is neutral. */
body .scenario-perf-btn,
body :where(#pairUsdCompareSameBtn, #pairUsdCompareUp25Btn, #pairUsdCompareUp50Btn, #pairUsdCompareDown25Btn, #pairUsdCompareDown50Btn) {
  box-shadow: none !important;
}

body :where(.scenario-perf-btn[data-perf="0"], .scenario-perf-btn[data-perf="custom"], #pairUsdCompareSameBtn) {
  border-color: #c8c3b9 !important;
  color: #42484e !important;
  -webkit-text-fill-color: #42484e !important;
  background: #f1efea !important;
}

body :where(.scenario-perf-btn[data-perf="25"], .scenario-perf-btn[data-perf="50"], #pairUsdCompareUp25Btn, #pairUsdCompareUp50Btn) {
  border-color: rgba(8, 125, 90, 0.34) !important;
  color: #076548 !important;
  -webkit-text-fill-color: #076548 !important;
  background: #edf7f3 !important;
}

body :where(.scenario-perf-btn[data-perf="-25"], #pairUsdCompareDown25Btn, #pairUsdCompareDown50Btn) {
  border-color: rgba(196, 62, 77, 0.34) !important;
  color: #9a2e3b !important;
  -webkit-text-fill-color: #9a2e3b !important;
  background: #fff1f3 !important;
}

body :where(.scenario-perf-btn[data-perf="0"], .scenario-perf-btn[data-perf="custom"]).active,
body #pairUsdCompareSameBtn.is-active {
  border-color: #353a40 !important;
  color: #ffffff !important;
  -webkit-text-fill-color: #ffffff !important;
  background: #353a40 !important;
}

body :where(.scenario-perf-btn[data-perf="25"], .scenario-perf-btn[data-perf="50"]).active,
body :where(#pairUsdCompareUp25Btn, #pairUsdCompareUp50Btn).is-active {
  border-color: #087d5a !important;
  color: #ffffff !important;
  -webkit-text-fill-color: #ffffff !important;
  background: #087d5a !important;
}

body .scenario-perf-btn[data-perf="-25"].active,
body :where(#pairUsdCompareDown25Btn, #pairUsdCompareDown50Btn).is-active {
  border-color: #c43e4d !important;
  color: #ffffff !important;
  -webkit-text-fill-color: #ffffff !important;
  background: #c43e4d !important;
}

body :where(.scenario-summary, .pair-usd-cards) {
  color: #181a1d !important;
}

body :where(.scenario-box, .pair-usd-result-card) {
  border-color: #d8d3ca !important;
  color: #181a1d !important;
  background: #ffffff !important;
  box-shadow: 0 8px 22px rgba(35, 31, 24, 0.055) !important;
}

body :where(.scenario-box span, .pair-usd-result-card span) {
  color: #626970 !important;
  -webkit-text-fill-color: #626970 !important;
  opacity: 1 !important;
}

body :where(.scenario-box strong, .pair-usd-result-card strong) {
  color: #1d2024 !important;
  -webkit-text-fill-color: #1d2024 !important;
  font-weight: 800 !important;
}

body .pair-usd-result-card.highlight {
  border-color: rgba(8, 125, 90, 0.28) !important;
  background: #f1f9f6 !important;
}

body .pair-usd-result-card.danger {
  border-color: rgba(196, 62, 77, 0.28) !important;
  background: #fff3f4 !important;
}

body .pair-usd-result-card.warning {
  border-color: rgba(169, 107, 0, 0.26) !important;
  background: #fff9ed !important;
}

body .pair-usd-result-card.neutral {
  border-color: #d8d3ca !important;
  background: #f7f6f2 !important;
}

html body .scenario-green,
html body .pair-usd-good,
html body .pair-usd-result-card.highlight strong {
  color: #087d5a !important;
  -webkit-text-fill-color: #087d5a !important;
}

html body .scenario-red,
html body .pair-usd-bad,
html body .pair-usd-result-card.danger strong {
  color: #c43e4d !important;
  -webkit-text-fill-color: #c43e4d !important;
}

html body .scenario-neutral,
html body .pair-usd-neutral,
html body .pair-usd-result-card.neutral strong {
  color: #525960 !important;
  -webkit-text-fill-color: #525960 !important;
}

body .pair-usd-result-card.warning strong {
  color: #8b5705 !important;
  -webkit-text-fill-color: #8b5705 !important;
}

body :where(.scenario-table-wrap, .pair-usd-table-wrap, .pair-usd-chart) {
  border-color: #d8d3ca !important;
  color: #24282d !important;
  background: #ffffff !important;
  box-shadow: none !important;
}

body :where(.scenario-table, .pair-usd-table) {
  color: #24282d !important;
  background: #ffffff !important;
}

body :where(.scenario-table th, .pair-usd-table th) {
  border-color: #dedad2 !important;
  color: #4e555c !important;
  -webkit-text-fill-color: #4e555c !important;
  background: #efede8 !important;
  font-weight: 800 !important;
}

body :where(.scenario-table td, .pair-usd-table td) {
  border-color: #e4e0d8 !important;
  color: #34393f !important;
  -webkit-text-fill-color: #34393f !important;
  background: #ffffff !important;
  opacity: 1 !important;
}

body :where(.scenario-table tbody tr:nth-child(even), .pair-usd-table tbody tr:nth-child(even)) td {
  background: #faf9f6 !important;
}

body :where(.scenario-section-title, .pair-usd-section-title) {
  color: #9f3a12 !important;
  -webkit-text-fill-color: #9f3a12 !important;
}

body .pair-usd-bar-track { background: #e4e1da !important; }
body .pair-usd-bar-fill.good { background: #087d5a !important; }
body .pair-usd-bar-fill.bad { background: #c43e4d !important; }
body .pair-usd-bar-fill.neutral { background: #777e85 !important; }

body :where(.scenario-status, .pair-usd-status) {
  color: #a82f3e !important;
  -webkit-text-fill-color: #a82f3e !important;
}

body .pair-usd-note,
body .pair-usd-chart :where(span, p) {
  color: #5e656c !important;
  -webkit-text-fill-color: #5e656c !important;
}

@media (max-width: 720px) {
  body :where(.scenario-modal, .pair-usd-modal) { padding: 8px !important; }
  body :where(.scenario-card, .pair-usd-card) {
    width: 100% !important;
    max-height: calc(100dvh - 16px) !important;
    border-radius: 18px !important;
  }
  body :where(.scenario-head, .pair-usd-head) { padding: 18px 16px 14px !important; }
  body :where(.scenario-body, .pair-usd-body) { padding: 16px !important; }
}