@import url('https://fonts.googleapis.com/css2?family=Chakra+Petch:wght@500;600;700&family=JetBrains+Mono:wght@500;700&display=swap');
/* H-BOT "AI Core" theme layer (2026-10-05, v2; v1 = "Simulator").
   Purely visual: colours, borders, shadows, typography, icons. No widths,
   heights, positions or display changes on native layout (past width/position
   edits to Bot Builder caused grey-layer regressions).
   One palette per native theme (localStorage hbot_theme, mirrored onto
   <html data-hbot-theme> by hbot-sim-theme.v2.js). "light" turns this layer off.
   Rollback: point index.html back at hbot-sim-theme.css / .js (v1). */

:root {
  /* accent, secondary, deep panel, ink-on-accent: "r, g, b" triplets */
  --sim-a: 56, 225, 255;
  --sim-b: 167, 139, 250;
  --sim-d: 6, 18, 38;
  --sim-ink: 3, 16, 34;
  --sim-bg: #020a17;
  --sim-tint: #cfeeff;
  --sim-text: #e6f1ff;
  --sim-muted: #8aa0bf;
  --sim-line: rgba(var(--sim-a), .16);
  --sim-line-strong: rgba(var(--sim-a), .42);
  --sim-cyan: rgb(var(--sim-a));
  --sim-cyan-soft: rgba(var(--sim-a), .14);
  --sim-violet: rgb(var(--sim-b));
  --sim-green: #34d399;
  --sim-red: #fb7185;
  --sim-amber: #fbbf24;
  --sim-mono: "JetBrains Mono", ui-monospace, SFMono-Regular, Menlo, Consolas, monospace;
  --sim-hud: "Chakra Petch", "Inter", system-ui, sans-serif;
}
/* Quantum (native "Sci-Fi") is the :root default above. */
html[data-hbot-theme="gold"]   { --sim-a: 255, 196, 61;  --sim-b: 255, 122, 69;  --sim-d: 22, 16, 6;   --sim-ink: 26, 16, 2;  --sim-bg: #0a0804; --sim-tint: #ffeccb; --sim-muted: #b4a284; }
html[data-hbot-theme="mono"]   { --sim-a: 226, 232, 240; --sim-b: 148, 163, 184; --sim-d: 14, 16, 20;  --sim-ink: 8, 10, 14;   --sim-bg: #050607; --sim-tint: #f1f5f9; --sim-muted: #94a3b8; }
html[data-hbot-theme="ocean"]  { --sim-a: 34, 211, 238;  --sim-b: 59, 130, 246;  --sim-d: 4, 22, 38;   --sim-ink: 2, 16, 28;  --sim-bg: #03111d; --sim-tint: #c9f4ff; --sim-muted: #7fa3bb; }
html[data-hbot-theme="forest"] { --sim-a: 61, 255, 143;  --sim-b: 20, 184, 166;  --sim-d: 4, 24, 14;   --sim-ink: 1, 20, 9;   --sim-bg: #020d08; --sim-tint: #ccffe2; --sim-muted: #7fae94; }
html[data-hbot-theme="sunset"] { --sim-a: 255, 93, 108;  --sim-b: 255, 159, 67;  --sim-d: 30, 9, 14;   --sim-ink: 30, 4, 8;   --sim-bg: #12060a; --sim-tint: #ffd9dd; --sim-muted: #c08f96; }
html[data-hbot-theme="purple"] { --sim-a: 217, 70, 239;  --sim-b: 139, 92, 246;  --sim-d: 22, 10, 40;  --sim-ink: 24, 4, 30;  --sim-bg: #0d0619; --sim-tint: #f5d0fe; --sim-muted: #a993bf; }

/* ---------- Backdrop: deep-space grid + soft radar glows ---------- */
html.dark:not([data-hbot-theme="light"]) body,
html.dark:not([data-hbot-theme="light"]) .main,
html.dark:not([data-hbot-theme="light"]) .bot-dashboard {
  background-color: var(--sim-bg) !important;
}
html.dark:not([data-hbot-theme="light"]) .main {
  background-image:
    radial-gradient(1200px 600px at 85% -10%, rgba(var(--sim-a), .08), transparent 60%),
    radial-gradient(900px 500px at -10% 110%, rgba(var(--sim-b), .07), transparent 60%),
    linear-gradient(rgba(var(--sim-a), .045) 1px, transparent 1px),
    linear-gradient(90deg, rgba(var(--sim-a), .045) 1px, transparent 1px) !important;
  background-size: auto, auto, 32px 32px, 32px 32px !important;
  background-attachment: fixed, fixed, fixed, fixed !important;
}

/* ---------- Header ---------- */
html.dark:not([data-hbot-theme="light"]) .app-header {
  background: linear-gradient(180deg, rgba(var(--sim-d), .96), rgba(var(--sim-d), .9));
  border-bottom: 1px solid var(--sim-line) !important;
  box-shadow: 0 1px 0 rgba(var(--sim-a), .08), 0 10px 30px rgba(0, 0, 0, .35) !important;
  backdrop-filter: blur(14px);
}
html.dark:not([data-hbot-theme="light"]) .app-header .dc-btn--tertiary {
  font-family: var(--sim-hud) !important;
  letter-spacing: .04em;
  color: var(--sim-tint) !important;
  border: 1px solid transparent !important;
  border-radius: 10px !important;
  transition: border-color .2s, background .2s, color .2s;
}
html.dark:not([data-hbot-theme="light"]) .app-header .dc-btn--tertiary:hover {
  background: var(--sim-cyan-soft) !important;
  border-color: var(--sim-line-strong) !important;
  color: #fff !important;
}
html.dark:not([data-hbot-theme="light"]) .app-header .hbot-mobile-auth-action.dc-btn--primary__light,
html.dark:not([data-hbot-theme="light"]) .app-header .dc-btn--primary__light {
  font-family: var(--sim-hud) !important;
  letter-spacing: .05em;
  color: rgb(var(--sim-ink)) !important;
  background: linear-gradient(135deg, rgb(var(--sim-a)), rgb(var(--sim-b))) !important;
  border: 0 !important;
  border-radius: 10px !important;
  box-shadow: 0 0 0 1px rgba(var(--sim-a), .35), 0 6px 20px rgba(var(--sim-a), .25) !important;
}
html.dark:not([data-hbot-theme="light"]) .app-header .dc-btn--primary__light .dc-text,
html.dark:not([data-hbot-theme="light"]) .app-header .dc-btn--primary__light span { color: rgb(var(--sim-ink)) !important; }
html.dark:not([data-hbot-theme="light"]) #hbot-dbot-defaults-menu-trigger {
  font-family: var(--sim-hud) !important;
  border-color: var(--sim-line-strong) !important;
  background: rgba(var(--sim-a), .08) !important;
  box-shadow: inset 0 0 12px rgba(var(--sim-a), .08);
}

/* ---------- Main tab bar: HUD segmented control ---------- */
html.dark:not([data-hbot-theme="light"]) .dc-tabs__list--header--main__tabs {
  background: linear-gradient(180deg, rgba(var(--sim-d), .85), rgba(var(--sim-d), .7)) !important;
  border: 1px solid var(--sim-line) !important;
  border-radius: 14px !important;
  box-shadow: inset 0 1px 0 rgba(255, 255, 255, .03), 0 8px 24px rgba(0, 0, 0, .3) !important;
}
html.dark:not([data-hbot-theme="light"]) .dc-tabs__list--header--main__tabs .dc-tabs__list { border-bottom-color: transparent !important; }
html.dark:not([data-hbot-theme="light"]) .dc-tabs__item--main__tabs,
html.dark:not([data-hbot-theme="light"]) .dc-tabs__active--main__tabs {
  font-family: var(--sim-hud) !important;
  letter-spacing: .08em !important;
  transition: color .2s, background .2s, box-shadow .2s;
}
html.dark:not([data-hbot-theme="light"]) .dc-tabs__item--main__tabs { color: var(--sim-muted) !important; }
html.dark:not([data-hbot-theme="light"]) .dc-tabs__item--main__tabs:hover { color: var(--sim-tint) !important; background: rgba(var(--sim-a), .06) !important; }
html.dark:not([data-hbot-theme="light"]) .dc-tabs__item--main__tabs svg { opacity: .8; }
html.dark:not([data-hbot-theme="light"]) .dc-tabs__active--main__tabs,
html.dark:not([data-hbot-theme="light"]) .dc-tabs__active--main__tabs * {
  color: var(--sim-cyan) !important;
  text-shadow: 0 0 12px rgba(var(--sim-a), .55);
}
html.dark:not([data-hbot-theme="light"]) .dc-tabs__active--main__tabs {
  background: linear-gradient(180deg, rgba(var(--sim-a), .14), rgba(var(--sim-a), .03)) !important;
  box-shadow: inset 0 -2px 0 var(--sim-cyan), 0 0 18px rgba(var(--sim-a), .12);
  border-radius: 10px 10px 4px 4px !important;
}
html.dark:not([data-hbot-theme="light"]) .dc-tabs__active--main__tabs svg path { fill: var(--sim-cyan); }

/* Run-status readout ("BOT IS NOT RUNNING") */
html.dark:not([data-hbot-theme="light"]) .animation__container {
  border: 1px solid var(--sim-line) !important;
  background: linear-gradient(90deg, rgba(var(--sim-a), .05), rgba(var(--sim-b), .05)) !important;
  border-radius: 10px !important;
}
html.dark:not([data-hbot-theme="light"]) .animation__text {
  font-family: var(--sim-mono) !important;
  letter-spacing: .14em !important;
  color: var(--sim-tint) !important;
}

/* ---------- Panels (tagged by hbot-sim-theme.js) ---------- */
html.dark:not([data-hbot-theme="light"]) .hbot-panel {
  border-color: var(--sim-line) !important;
  box-shadow: inset 0 1px 0 rgba(255, 255, 255, .035), 0 10px 28px rgba(0, 0, 0, .32) !important;
  transition: border-color .2s, box-shadow .2s;
}
html.dark:not([data-hbot-theme="light"]) .hbot-panel:hover {
  border-color: var(--sim-line-strong) !important;
  box-shadow: inset 0 1px 0 rgba(255, 255, 255, .05), 0 0 0 1px rgba(var(--sim-a), .08), 0 12px 32px rgba(0, 0, 0, .38) !important;
}
/* Cockpit corner brackets, drawn as background layers (no pseudo-elements,
   no position changes). Only on panels that had no background-image. */
html.dark:not([data-hbot-theme="light"]) .hbot-panel.hbot-corners {
  background-image:
    linear-gradient(var(--sim-cyan), var(--sim-cyan)),
    linear-gradient(var(--sim-cyan), var(--sim-cyan)),
    linear-gradient(var(--sim-violet), var(--sim-violet)),
    linear-gradient(var(--sim-violet), var(--sim-violet)) !important;
  background-size: 14px 1.5px, 1.5px 14px, 14px 1.5px, 1.5px 14px !important;
  background-position: 6px 6px, 6px 6px, calc(100% - 6px) calc(100% - 6px), calc(100% - 6px) calc(100% - 6px) !important;
  background-repeat: no-repeat !important;
}
html.dark:not([data-hbot-theme="light"]) .hbot-num {
  font-family: var(--sim-mono) !important;
  font-variant-numeric: tabular-nums;
  letter-spacing: -.01em;
  text-shadow: 0 0 14px currentColor;
}

/* ---------- Buttons & inputs (inside page content only) ---------- */
html.dark:not([data-hbot-theme="light"]) .dc-tabs__content--main__tabs input:not([type="checkbox"]):not([type="radio"]):not([type="range"]),
html.dark:not([data-hbot-theme="light"]) .dc-tabs__content--main__tabs select,
html.dark:not([data-hbot-theme="light"]) .dc-tabs__content--main__tabs textarea {
  background-color: rgba(var(--sim-d), .85) !important;
  border: 1px solid rgba(var(--sim-a), .22) !important;
  color: var(--sim-text) !important;
  border-radius: 9px !important;
  font-family: var(--sim-mono) !important;
  transition: border-color .15s, box-shadow .15s;
}
html.dark:not([data-hbot-theme="light"]) .dc-tabs__content--main__tabs input:focus,
html.dark:not([data-hbot-theme="light"]) .dc-tabs__content--main__tabs select:focus,
html.dark:not([data-hbot-theme="light"]) .dc-tabs__content--main__tabs textarea:focus {
  outline: none !important;
  border-color: var(--sim-cyan) !important;
  box-shadow: 0 0 0 3px rgba(var(--sim-a), .18) !important;
}
html.dark:not([data-hbot-theme="light"]) .dc-tabs__content--main__tabs input::placeholder { color: var(--sim-muted) !important; }
html.dark:not([data-hbot-theme="light"]) .dc-tabs__content--main__tabs button:focus-visible,
html.dark:not([data-hbot-theme="light"]) .app-header button:focus-visible,
html.dark:not([data-hbot-theme="light"]) .app-footer button:focus-visible {
  outline: 2px solid var(--sim-cyan) !important;
  outline-offset: 2px;
}
html.dark:not([data-hbot-theme="light"]) .dc-tabs__content--main__tabs input[type="checkbox"],
html.dark:not([data-hbot-theme="light"]) .dc-tabs__content--main__tabs input[type="radio"],
html.dark:not([data-hbot-theme="light"]) .dc-tabs__content--main__tabs input[type="range"] { accent-color: var(--sim-cyan); }

/* Embedded third-party pages (e.g. Copy Trade): ask them for their dark scheme. */
html.dark:not([data-hbot-theme="light"]) .dc-tabs__content--main__tabs iframe { color-scheme: dark; }

/* ---------- Footer: instrument cluster ---------- */
html.dark:not([data-hbot-theme="light"]) .app-footer {
  background: linear-gradient(0deg, rgba(var(--sim-d), .98), rgba(var(--sim-d), .94)) !important;
  border-top: 1px solid var(--sim-line) !important;
  box-shadow: 0 -10px 30px rgba(0, 0, 0, .35), 0 -1px 0 rgba(var(--sim-a), .08) !important;
}
html.dark:not([data-hbot-theme="light"]) #hbot-market-ticker-footer,
html.dark:not([data-hbot-theme="light"]) .hbot-ticker-item { font-family: var(--sim-mono) !important; }
html.dark:not([data-hbot-theme="light"]) .app-footer__icon { font-family: var(--sim-mono); }
html.dark:not([data-hbot-theme="light"]) #hbot-primary-run {
  font-family: var(--sim-hud) !important;
  letter-spacing: .12em !important;
  background: linear-gradient(135deg, rgba(52, 211, 153, .22), rgba(var(--sim-a), .18)) !important;
  border: 1px solid rgba(52, 211, 153, .6) !important;
  color: #d1fae5 !important;
  box-shadow: 0 0 0 1px rgba(52, 211, 153, .15), 0 0 24px rgba(52, 211, 153, .25), inset 0 1px 0 rgba(255, 255, 255, .08) !important;
  transition: box-shadow .2s, transform .1s;
}
html.dark:not([data-hbot-theme="light"]) #hbot-primary-run:hover { box-shadow: 0 0 0 1px rgba(52, 211, 153, .3), 0 0 32px rgba(52, 211, 153, .4), inset 0 1px 0 rgba(255, 255, 255, .1) !important; }
html.dark:not([data-hbot-theme="light"]) #hbot-primary-run:active { transform: translateY(1px); }
html.dark:not([data-hbot-theme="light"]) #hbot-risk-control {
  font-family: var(--sim-hud) !important;
  letter-spacing: .08em;
  box-shadow: 0 0 16px rgba(251, 113, 133, .25) !important;
}

/* ---------- Floating widgets: shared glass ---------- */
html.dark:not([data-hbot-theme="light"]) .h-ai,
html.dark:not([data-hbot-theme="light"]) .run-panel-activity,
html.dark:not([data-hbot-theme="light"]) #hbot-mt5-bridge-launcher,
html.dark:not([data-hbot-theme="light"]) .tsw { backdrop-filter: blur(14px); }

/* ---------- Scrollbars ---------- */
html.dark:not([data-hbot-theme="light"]) * { scrollbar-width: thin; scrollbar-color: rgba(var(--sim-a), .35) transparent; }
html.dark:not([data-hbot-theme="light"]) ::-webkit-scrollbar { width: 8px; height: 8px; }
html.dark:not([data-hbot-theme="light"]) ::-webkit-scrollbar-thumb { background: rgba(var(--sim-a), .28); border-radius: 8px; }
html.dark:not([data-hbot-theme="light"]) ::-webkit-scrollbar-thumb:hover { background: rgba(var(--sim-a), .5); }
html.dark:not([data-hbot-theme="light"]) ::-webkit-scrollbar-track { background: transparent; }

/* Selection */
html.dark:not([data-hbot-theme="light"]) ::selection { background: rgba(var(--sim-a), .3); color: #fff; }

@media (prefers-reduced-motion: reduce) {
  html.dark:not([data-hbot-theme="light"]) .hbot-panel, html.dark:not([data-hbot-theme="light"]) #hbot-primary-run, html.dark:not([data-hbot-theme="light"]) .dc-tabs__item--main__tabs { transition: none !important; }
}

/* ================= v2: AI icon set (original artwork, see icons.mjs) ================= */
#id-dbot-dashboard{--hbot-ico:url("data:image/svg+xml,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20viewBox%3D%220%200%2024%2024%22%20fill%3D%22none%22%20stroke%3D%22%23000%22%20stroke-width%3D%221.7%22%20stroke-linecap%3D%22round%22%20stroke-linejoin%3D%22round%22%3E%3Cpath%20d%3D%22M3.5%2016.5a8.5%208.5%200%200%201%2017%200%22%2F%3E%3Cpath%20d%3D%22M6.2%2010.4l1.1%201.1M12%207v1.6M17.8%2010.4l-1.1%201.1%22%2F%3E%3Cg%3E%3Cpath%20d%3D%22M12%2016.5V10%22%2F%3E%3CanimateTransform%20attributeName%3D%22transform%22%20type%3D%22rotate%22%20values%3D%22-55%2012%2016.5%3B38%2012%2016.5%3B8%2012%2016.5%3B-55%2012%2016.5%22%20dur%3D%224.5s%22%20repeatCount%3D%22indefinite%22%2F%3E%3C%2Fg%3E%3Ccircle%20cx%3D%2212%22%20cy%3D%2216.5%22%20r%3D%221.5%22%20fill%3D%22%23000%22%2F%3E%3Cpath%20d%3D%22M5%2020.5h14%22%20stroke-opacity%3D%22.5%22%2F%3E%3C%2Fsvg%3E")}
#id-bot-builder{--hbot-ico:url("data:image/svg+xml,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20viewBox%3D%220%200%2024%2024%22%20fill%3D%22none%22%20stroke%3D%22%23000%22%20stroke-width%3D%221.7%22%20stroke-linecap%3D%22round%22%20stroke-linejoin%3D%22round%22%3E%3Crect%20x%3D%225%22%20y%3D%228%22%20width%3D%2214%22%20height%3D%2211%22%20rx%3D%223%22%2F%3E%3Cpath%20d%3D%22M12%205.2V8M3%2012.5h2M19%2012.5h2M10%2016.3h4%22%2F%3E%3Ccircle%20cx%3D%2212%22%20cy%3D%224%22%20r%3D%221.2%22%20fill%3D%22%23000%22%3E%3Canimate%20attributeName%3D%22opacity%22%20values%3D%221%3B.2%3B1%22%20dur%3D%221.6s%22%20repeatCount%3D%22indefinite%22%2F%3E%3C%2Fcircle%3E%3Ccircle%20cx%3D%229.5%22%20cy%3D%2212.6%22%20r%3D%221.3%22%20fill%3D%22%23000%22%3E%3Canimate%20attributeName%3D%22r%22%20values%3D%221.3%3B1.3%3B.25%3B1.3%22%20keyTimes%3D%220%3B.88%3B.94%3B1%22%20dur%3D%223.6s%22%20repeatCount%3D%22indefinite%22%2F%3E%3C%2Fcircle%3E%3Ccircle%20cx%3D%2214.5%22%20cy%3D%2212.6%22%20r%3D%221.3%22%20fill%3D%22%23000%22%3E%3Canimate%20attributeName%3D%22r%22%20values%3D%221.3%3B1.3%3B.25%3B1.3%22%20keyTimes%3D%220%3B.88%3B.94%3B1%22%20dur%3D%223.6s%22%20repeatCount%3D%22indefinite%22%2F%3E%3C%2Fcircle%3E%3C%2Fsvg%3E")}
#id-charts{--hbot-ico:url("data:image/svg+xml,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20viewBox%3D%220%200%2024%2024%22%20fill%3D%22none%22%20stroke%3D%22%23000%22%20stroke-width%3D%221.7%22%20stroke-linecap%3D%22round%22%20stroke-linejoin%3D%22round%22%3E%3Cpath%20d%3D%22M6%204.5v15M12%203v14M18%208v13%22%2F%3E%3Crect%20x%3D%224.4%22%20y%3D%228%22%20width%3D%223.2%22%20height%3D%227%22%20rx%3D%22.8%22%2F%3E%3Crect%20x%3D%2210.4%22%20y%3D%226%22%20width%3D%223.2%22%20height%3D%228%22%20rx%3D%22.8%22%20fill%3D%22%23000%22%2F%3E%3Crect%20x%3D%2216.4%22%20y%3D%2211%22%20width%3D%223.2%22%20height%3D%226%22%20rx%3D%22.8%22%3E%3Canimate%20attributeName%3D%22height%22%20values%3D%226%3B8.5%3B5%3B6%22%20dur%3D%222.6s%22%20repeatCount%3D%22indefinite%22%2F%3E%3Canimate%20attributeName%3D%22y%22%20values%3D%2211%3B9%3B12%3B11%22%20dur%3D%222.6s%22%20repeatCount%3D%22indefinite%22%2F%3E%3C%2Frect%3E%3C%2Fsvg%3E")}
#id-trading-plan{--hbot-ico:url("data:image/svg+xml,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20viewBox%3D%220%200%2024%2024%22%20fill%3D%22none%22%20stroke%3D%22%23000%22%20stroke-width%3D%221.7%22%20stroke-linecap%3D%22round%22%20stroke-linejoin%3D%22round%22%3E%3Crect%20x%3D%225%22%20y%3D%224.5%22%20width%3D%2214%22%20height%3D%2217%22%20rx%3D%222.2%22%2F%3E%3Crect%20x%3D%229%22%20y%3D%222.6%22%20width%3D%226%22%20height%3D%223.6%22%20rx%3D%221.1%22%2F%3E%3Cpath%20d%3D%22M8.6%2013.4l2.4%202.4%204.6-5%22%20stroke-dasharray%3D%2212%22%20stroke-dashoffset%3D%2212%22%3E%3Canimate%20attributeName%3D%22stroke-dashoffset%22%20values%3D%2212%3B0%3B0%3B12%22%20keyTimes%3D%220%3B.35%3B.85%3B1%22%20dur%3D%223s%22%20repeatCount%3D%22indefinite%22%2F%3E%3C%2Fpath%3E%3C%2Fsvg%3E")}
#id-signals{--hbot-ico:url("data:image/svg+xml,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20viewBox%3D%220%200%2024%2024%22%20fill%3D%22none%22%20stroke%3D%22%23000%22%20stroke-width%3D%221.7%22%20stroke-linecap%3D%22round%22%20stroke-linejoin%3D%22round%22%3E%3Ccircle%20cx%3D%2212%22%20cy%3D%2212%22%20r%3D%221.8%22%20fill%3D%22%23000%22%2F%3E%3Cpath%20d%3D%22M8.6%208.6a4.8%204.8%200%200%200%200%206.8M15.4%208.6a4.8%204.8%200%200%201%200%206.8%22%3E%3Canimate%20attributeName%3D%22opacity%22%20values%3D%22.25%3B1%3B.25%22%20dur%3D%221.8s%22%20repeatCount%3D%22indefinite%22%2F%3E%3C%2Fpath%3E%3Cpath%20d%3D%22M5.6%205.6a9%209%200%200%200%200%2012.8M18.4%205.6a9%209%200%200%201%200%2012.8%22%3E%3Canimate%20attributeName%3D%22opacity%22%20values%3D%22.25%3B.25%3B1%3B.25%22%20keyTimes%3D%220%3B.3%3B.65%3B1%22%20dur%3D%221.8s%22%20repeatCount%3D%22indefinite%22%2F%3E%3C%2Fpath%3E%3C%2Fsvg%3E")}
#id-analysis{--hbot-ico:url("data:image/svg+xml,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20viewBox%3D%220%200%2024%2024%22%20fill%3D%22none%22%20stroke%3D%22%23000%22%20stroke-width%3D%221.7%22%20stroke-linecap%3D%22round%22%20stroke-linejoin%3D%22round%22%3E%3Ccircle%20cx%3D%2210.5%22%20cy%3D%2210.5%22%20r%3D%226.8%22%2F%3E%3Cpath%20d%3D%22M15.4%2015.4l5.2%205.2%22%2F%3E%3Cpath%20d%3D%22M6.2%2011h1.9l1.2-2.8%202%205.4%201.3-2.6h1.6%22%20stroke-dasharray%3D%2216%22%20stroke-dashoffset%3D%2216%22%3E%3Canimate%20attributeName%3D%22stroke-dashoffset%22%20values%3D%2216%3B0%3B-16%22%20dur%3D%222.4s%22%20repeatCount%3D%22indefinite%22%2F%3E%3C%2Fpath%3E%3C%2Fsvg%3E")}
#id-speed-bot{--hbot-ico:url("data:image/svg+xml,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20viewBox%3D%220%200%2024%2024%22%20fill%3D%22none%22%20stroke%3D%22%23000%22%20stroke-width%3D%221.7%22%20stroke-linecap%3D%22round%22%20stroke-linejoin%3D%22round%22%3E%3Cpath%20d%3D%22M13.5%202.5L6%2013.5h5.4L10.4%2021.5l8-11.2H13z%22%20fill%3D%22%23000%22%3E%3Canimate%20attributeName%3D%22opacity%22%20values%3D%221%3B.55%3B1%3B1%3B.7%3B1%22%20dur%3D%222.2s%22%20repeatCount%3D%22indefinite%22%2F%3E%3C%2Fpath%3E%3Cpath%20d%3D%22M1.8%208.5h3M1.2%2012h2.6M1.8%2015.5h3%22%20stroke-dasharray%3D%224%22%3E%3Canimate%20attributeName%3D%22stroke-dashoffset%22%20values%3D%220%3B8%22%20dur%3D%22.9s%22%20repeatCount%3D%22indefinite%22%2F%3E%3C%2Fpath%3E%3C%2Fsvg%3E")}
#id-market-scanner{--hbot-ico:url("data:image/svg+xml,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20viewBox%3D%220%200%2024%2024%22%20fill%3D%22none%22%20stroke%3D%22%23000%22%20stroke-width%3D%221.7%22%20stroke-linecap%3D%22round%22%20stroke-linejoin%3D%22round%22%3E%3Ccircle%20cx%3D%2212%22%20cy%3D%2212%22%20r%3D%229%22%2F%3E%3Ccircle%20cx%3D%2212%22%20cy%3D%2212%22%20r%3D%224.8%22%20stroke-opacity%3D%22.45%22%2F%3E%3Cg%3E%3Cpath%20d%3D%22M12%2012V3%22%2F%3E%3Cpath%20d%3D%22M12%2012L7.5%204.2%22%20stroke-opacity%3D%22.35%22%2F%3E%3CanimateTransform%20attributeName%3D%22transform%22%20type%3D%22rotate%22%20from%3D%220%2012%2012%22%20to%3D%22360%2012%2012%22%20dur%3D%223s%22%20repeatCount%3D%22indefinite%22%2F%3E%3C%2Fg%3E%3Ccircle%20cx%3D%2216.2%22%20cy%3D%228%22%20r%3D%221.3%22%20fill%3D%22%23000%22%3E%3Canimate%20attributeName%3D%22opacity%22%20values%3D%220%3B0%3B1%3B.2%22%20keyTimes%3D%220%3B.1%3B.2%3B1%22%20dur%3D%223s%22%20repeatCount%3D%22indefinite%22%2F%3E%3C%2Fcircle%3E%3C%2Fsvg%3E")}
#id-global-intelligence{--hbot-ico:url("data:image/svg+xml,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20viewBox%3D%220%200%2024%2024%22%20fill%3D%22none%22%20stroke%3D%22%23000%22%20stroke-width%3D%221.7%22%20stroke-linecap%3D%22round%22%20stroke-linejoin%3D%22round%22%3E%3Ccircle%20cx%3D%2212%22%20cy%3D%2212%22%20r%3D%227.6%22%2F%3E%3Cellipse%20cx%3D%2212%22%20cy%3D%2212%22%20rx%3D%223.4%22%20ry%3D%227.6%22%2F%3E%3Cpath%20d%3D%22M4.6%2010h14.8M4.6%2014h14.8%22%20stroke-opacity%3D%22.55%22%2F%3E%3Cellipse%20cx%3D%2212%22%20cy%3D%2212%22%20rx%3D%2211%22%20ry%3D%223.6%22%20transform%3D%22rotate(-24%2012%2012)%22%20stroke-opacity%3D%22.5%22%20stroke-dasharray%3D%222%202.4%22%2F%3E%3Cg%20transform%3D%22rotate(-24%2012%2012)%22%3E%3Ccircle%20r%3D%221.5%22%20fill%3D%22%23000%22%3E%3CanimateMotion%20dur%3D%223.4s%22%20repeatCount%3D%22indefinite%22%20path%3D%22M23%2012a11%203.6%200%201%201-22%200a11%203.6%200%201%201%2022%200%22%2F%3E%3C%2Fcircle%3E%3C%2Fg%3E%3C%2Fsvg%3E")}
#id-signal-pro{--hbot-ico:url("data:image/svg+xml,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20viewBox%3D%220%200%2024%2024%22%20fill%3D%22none%22%20stroke%3D%22%23000%22%20stroke-width%3D%221.7%22%20stroke-linecap%3D%22round%22%20stroke-linejoin%3D%22round%22%3E%3Ccircle%20cx%3D%2212%22%20cy%3D%2212%22%20r%3D%227%22%20stroke-dasharray%3D%229%202%22%20%3E%3CanimateTransform%20attributeName%3D%22transform%22%20type%3D%22rotate%22%20from%3D%220%2012%2012%22%20to%3D%22360%2012%2012%22%20dur%3D%228s%22%20repeatCount%3D%22indefinite%22%2F%3E%3C%2Fcircle%3E%3Cpath%20d%3D%22M12%201.8v4M12%2018.2v4M1.8%2012h4M18.2%2012h4%22%2F%3E%3Ccircle%20cx%3D%2212%22%20cy%3D%2212%22%20r%3D%222%22%20fill%3D%22%23000%22%3E%3Canimate%20attributeName%3D%22r%22%20values%3D%221.4%3B2.6%3B1.4%22%20dur%3D%221.6s%22%20repeatCount%3D%22indefinite%22%2F%3E%3C%2Fcircle%3E%3C%2Fsvg%3E")}
#id-trading-plan-pro{--hbot-ico:url("data:image/svg+xml,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20viewBox%3D%220%200%2024%2024%22%20fill%3D%22none%22%20stroke%3D%22%23000%22%20stroke-width%3D%221.7%22%20stroke-linecap%3D%22round%22%20stroke-linejoin%3D%22round%22%3E%3Crect%20x%3D%224%22%20y%3D%224.5%22%20width%3D%2213.5%22%20height%3D%2217%22%20rx%3D%222.2%22%2F%3E%3Crect%20x%3D%227.8%22%20y%3D%222.6%22%20width%3D%226%22%20height%3D%223.6%22%20rx%3D%221.1%22%2F%3E%3Cpath%20d%3D%22M7.4%2013.4l2.4%202.4%204.4-4.8%22%20stroke-dasharray%3D%2212%22%20stroke-dashoffset%3D%2212%22%3E%3Canimate%20attributeName%3D%22stroke-dashoffset%22%20values%3D%2212%3B0%3B0%3B12%22%20keyTimes%3D%220%3B.35%3B.85%3B1%22%20dur%3D%223s%22%20repeatCount%3D%22indefinite%22%2F%3E%3C%2Fpath%3E%3Cpath%20d%3D%22M20%201.8l.8%201.9%201.9.8-1.9.8L20%207.2l-.8-1.9-1.9-.8%201.9-.8z%22%20fill%3D%22%23000%22%20stroke%3D%22none%22%3E%3Canimate%20attributeName%3D%22opacity%22%20values%3D%22.3%3B1%3B.3%22%20dur%3D%221.4s%22%20repeatCount%3D%22indefinite%22%2F%3E%3C%2Fpath%3E%3C%2Fsvg%3E")}
#id-copy-trading{--hbot-ico:url("data:image/svg+xml,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20viewBox%3D%220%200%2024%2024%22%20fill%3D%22none%22%20stroke%3D%22%23000%22%20stroke-width%3D%221.7%22%20stroke-linecap%3D%22round%22%20stroke-linejoin%3D%22round%22%3E%3Cpath%20d%3D%22M15.5%207.5V5.6A2.1%202.1%200%200%200%2013.4%203.5H5.6A2.1%202.1%200%200%200%203.5%205.6v7.8a2.1%202.1%200%200%200%202.1%202.1h1.9%22%2F%3E%3Crect%20x%3D%228.5%22%20y%3D%228.5%22%20width%3D%2212%22%20height%3D%2212%22%20rx%3D%222.1%22%2F%3E%3Cpath%20d%3D%22M11%2017l2.6-2.8%202%201.8%202.6-3.4%22%20stroke-dasharray%3D%2211%22%20stroke-dashoffset%3D%2211%22%3E%3Canimate%20attributeName%3D%22stroke-dashoffset%22%20values%3D%2211%3B0%3B0%3B11%22%20keyTimes%3D%220%3B.4%3B.85%3B1%22%20dur%3D%222.8s%22%20repeatCount%3D%22indefinite%22%2F%3E%3C%2Fpath%3E%3C%2Fsvg%3E")}
#id-hbots{--hbot-ico:url("data:image/svg+xml,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20viewBox%3D%220%200%2024%2024%22%20fill%3D%22none%22%20stroke%3D%22%23000%22%20stroke-width%3D%221.7%22%20stroke-linecap%3D%22round%22%20stroke-linejoin%3D%22round%22%3E%3Cpath%20d%3D%22M12%202.4l8.3%204.8v9.6L12%2021.6l-8.3-4.8V7.2z%22%20stroke-opacity%3D%22.45%22%2F%3E%3Cpath%20d%3D%22M12%202.4l8.3%204.8v9.6L12%2021.6l-8.3-4.8V7.2z%22%20stroke-dasharray%3D%2210%2048%22%3E%3Canimate%20attributeName%3D%22stroke-dashoffset%22%20values%3D%220%3B-58%22%20dur%3D%222.6s%22%20repeatCount%3D%22indefinite%22%2F%3E%3C%2Fpath%3E%3Cpath%20d%3D%22M9.2%208.2v7.6M14.8%208.2v7.6M9.2%2012h5.6%22%20stroke-width%3D%222%22%2F%3E%3C%2Fsvg%3E")}
#id-ai-bot{--hbot-ico:url("data:image/svg+xml,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20viewBox%3D%220%200%2024%2024%22%20fill%3D%22none%22%20stroke%3D%22%23000%22%20stroke-width%3D%221.7%22%20stroke-linecap%3D%22round%22%20stroke-linejoin%3D%22round%22%3E%3Cpath%20d%3D%22M5%207l7-2.5L19%207M5%207l7%205%207-5M5%2017l7-5%207%205M5%2017l7%202.5%207-2.5M5%207v10M19%207v10M12%204.5v15%22%20stroke-opacity%3D%22.4%22%20stroke-width%3D%221.3%22%2F%3E%3Ccircle%20cx%3D%225%22%20cy%3D%227%22%20r%3D%221.6%22%20fill%3D%22%23000%22%3E%3Canimate%20attributeName%3D%22r%22%20values%3D%221.6%3B2.4%3B1.6%3B1.6%22%20keyTimes%3D%220%3B.12%3B.25%3B1%22%20dur%3D%222.4s%22%20repeatCount%3D%22indefinite%22%2F%3E%3C%2Fcircle%3E%3Ccircle%20cx%3D%2212%22%20cy%3D%2212%22%20r%3D%222.2%22%20fill%3D%22%23000%22%3E%3Canimate%20attributeName%3D%22r%22%20values%3D%222.2%3B2.2%3B3%3B2.2%3B2.2%22%20keyTimes%3D%220%3B.25%3B.37%3B.5%3B1%22%20dur%3D%222.4s%22%20repeatCount%3D%22indefinite%22%2F%3E%3C%2Fcircle%3E%3Ccircle%20cx%3D%2219%22%20cy%3D%2217%22%20r%3D%221.6%22%20fill%3D%22%23000%22%3E%3Canimate%20attributeName%3D%22r%22%20values%3D%221.6%3B1.6%3B2.4%3B1.6%22%20keyTimes%3D%220%3B.5%3B.62%3B1%22%20dur%3D%222.4s%22%20repeatCount%3D%22indefinite%22%2F%3E%3C%2Fcircle%3E%3Ccircle%20cx%3D%2219%22%20cy%3D%227%22%20r%3D%221.6%22%20fill%3D%22%23000%22%2F%3E%3Ccircle%20cx%3D%225%22%20cy%3D%2217%22%20r%3D%221.6%22%20fill%3D%22%23000%22%2F%3E%3Ccircle%20cx%3D%2212%22%20cy%3D%224.5%22%20r%3D%221.3%22%20fill%3D%22%23000%22%2F%3E%3Ccircle%20cx%3D%2212%22%20cy%3D%2219.5%22%20r%3D%221.3%22%20fill%3D%22%23000%22%2F%3E%3C%2Fsvg%3E")}
#id-strategies{--hbot-ico:url("data:image/svg+xml,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20viewBox%3D%220%200%2024%2024%22%20fill%3D%22none%22%20stroke%3D%22%23000%22%20stroke-width%3D%221.7%22%20stroke-linecap%3D%22round%22%20stroke-linejoin%3D%22round%22%3E%3Ccircle%20cx%3D%224.8%22%20cy%3D%2212%22%20r%3D%222.2%22%2F%3E%3Ccircle%20cx%3D%2219%22%20cy%3D%225.5%22%20r%3D%222.2%22%2F%3E%3Ccircle%20cx%3D%2219%22%20cy%3D%2218.5%22%20r%3D%222.2%22%2F%3E%3Cpath%20d%3D%22M7%2012h3.2c3.2%200%203.2-6.5%206.6-6.5M10.2%2012c3.2%200%203.2%206.5%206.6%206.5%22%2F%3E%3Ccircle%20r%3D%221.3%22%20fill%3D%22%23000%22%3E%3CanimateMotion%20dur%3D%222.2s%22%20repeatCount%3D%22indefinite%22%20path%3D%22M7%2012h3.2c3.2%200%203.2-6.5%206.6-6.5%22%2F%3E%3C%2Fcircle%3E%3C%2Fsvg%3E")}

html.dark:not([data-hbot-theme="light"]) .dc-tabs__item--main__tabs > svg { display: none !important; }
html.dark:not([data-hbot-theme="light"]) .dc-tabs__item--main__tabs::before {
  content: "";
  display: inline-block;
  flex: 0 0 auto;
  width: 20px;
  height: 20px;
  margin-right: 8px;
  vertical-align: middle;
  background: linear-gradient(135deg, rgb(var(--sim-a)), rgb(var(--sim-b)), rgb(var(--sim-a)));
  background-size: 200% 200%;
  -webkit-mask: var(--hbot-ico) center / contain no-repeat;
  mask: var(--hbot-ico) center / contain no-repeat;
  opacity: .62;
  transition: opacity .2s, transform .2s;
}
html.dark:not([data-hbot-theme="light"]) .dc-tabs__item--main__tabs:hover::before { opacity: .95; transform: translateY(-1px); }
html.dark:not([data-hbot-theme="light"]) .dc-tabs__active--main__tabs::before {
  opacity: 1;
  filter: drop-shadow(0 0 5px rgba(var(--sim-a), .75));
  animation: hbot-ico-shimmer 3.2s linear infinite;
}
@keyframes hbot-ico-shimmer { 0% { background-position: 0% 50%; } 50% { background-position: 100% 50%; } 100% { background-position: 0% 50%; } }

/* Header: data-sweep along the bottom edge */
html.dark:not([data-hbot-theme="light"]) .app-header {
  background:
    linear-gradient(90deg, transparent, rgba(var(--sim-a), .95), rgba(var(--sim-b), .8), transparent) -40% 100% / 28% 1px no-repeat,
    linear-gradient(180deg, rgba(var(--sim-d), .97), rgba(var(--sim-d), .9));
  animation: hbot-header-sweep 7s linear infinite;
}
@keyframes hbot-header-sweep { to { background-position: 140% 100%, 0 0; } }

/* Active tab: underline pulses like a live signal */
html.dark:not([data-hbot-theme="light"]) .dc-tabs__active--main__tabs { animation: hbot-tab-pulse 2.8s ease-in-out infinite; }
@keyframes hbot-tab-pulse {
  0%, 100% { box-shadow: inset 0 -2px 0 rgb(var(--sim-a)), 0 0 14px rgba(var(--sim-a), .10); }
  50%      { box-shadow: inset 0 -2px 0 rgb(var(--sim-b)), 0 0 22px rgba(var(--sim-a), .24); }
}

/* ================= v2: theme picker (native .tsw) as "AI THEME CORE" ================= */
.tsw .tsw-btn {
  background: radial-gradient(circle at 50% 40%, rgba(var(--sim-a), .22), rgba(var(--sim-d), .92) 70%) !important;
  border: 1px solid rgba(var(--sim-a), .45) !important;
  box-shadow: 0 0 0 1px rgba(var(--sim-a), .12), 0 0 22px rgba(var(--sim-a), .28), inset 0 1px 0 rgba(255, 255, 255, .06) !important;
  backdrop-filter: blur(14px);
}
.tsw .tsw-btn > span:not(.tsw-drag) { font-size: 0 !important; line-height: 0; }
.tsw .tsw-btn > span:not(.tsw-drag)::before {
  content: "";
  display: inline-block;
  width: 22px;
  height: 22px;
  background: linear-gradient(135deg, rgb(var(--sim-a)), rgb(var(--sim-b)));
  -webkit-mask: url("data:image/svg+xml,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20viewBox%3D%220%200%2024%2024%22%20fill%3D%22none%22%20stroke%3D%22%23000%22%20stroke-width%3D%221.7%22%20stroke-linecap%3D%22round%22%20stroke-linejoin%3D%22round%22%3E%3Cpath%20d%3D%22M12%202.4l8.3%204.8v9.6L12%2021.6l-8.3-4.8V7.2z%22%20stroke-dasharray%3D%223%202.2%22%3E%3Canimate%20attributeName%3D%22stroke-dashoffset%22%20values%3D%220%3B-26%22%20dur%3D%226s%22%20repeatCount%3D%22indefinite%22%2F%3E%3C%2Fpath%3E%3Cellipse%20cx%3D%2212%22%20cy%3D%2212%22%20rx%3D%226.5%22%20ry%3D%222.6%22%3E%3CanimateTransform%20attributeName%3D%22transform%22%20type%3D%22rotate%22%20from%3D%220%2012%2012%22%20to%3D%22360%2012%2012%22%20dur%3D%225s%22%20repeatCount%3D%22indefinite%22%2F%3E%3C%2Fellipse%3E%3Ccircle%20cx%3D%2212%22%20cy%3D%2212%22%20r%3D%222.4%22%20fill%3D%22%23000%22%3E%3Canimate%20attributeName%3D%22r%22%20values%3D%222%3B3%3B2%22%20dur%3D%222s%22%20repeatCount%3D%22indefinite%22%2F%3E%3C%2Fcircle%3E%3C%2Fsvg%3E") center / contain no-repeat;
  mask: url("data:image/svg+xml,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20viewBox%3D%220%200%2024%2024%22%20fill%3D%22none%22%20stroke%3D%22%23000%22%20stroke-width%3D%221.7%22%20stroke-linecap%3D%22round%22%20stroke-linejoin%3D%22round%22%3E%3Cpath%20d%3D%22M12%202.4l8.3%204.8v9.6L12%2021.6l-8.3-4.8V7.2z%22%20stroke-dasharray%3D%223%202.2%22%3E%3Canimate%20attributeName%3D%22stroke-dashoffset%22%20values%3D%220%3B-26%22%20dur%3D%226s%22%20repeatCount%3D%22indefinite%22%2F%3E%3C%2Fpath%3E%3Cellipse%20cx%3D%2212%22%20cy%3D%2212%22%20rx%3D%226.5%22%20ry%3D%222.6%22%3E%3CanimateTransform%20attributeName%3D%22transform%22%20type%3D%22rotate%22%20from%3D%220%2012%2012%22%20to%3D%22360%2012%2012%22%20dur%3D%225s%22%20repeatCount%3D%22indefinite%22%2F%3E%3C%2Fellipse%3E%3Ccircle%20cx%3D%2212%22%20cy%3D%2212%22%20r%3D%222.4%22%20fill%3D%22%23000%22%3E%3Canimate%20attributeName%3D%22r%22%20values%3D%222%3B3%3B2%22%20dur%3D%222s%22%20repeatCount%3D%22indefinite%22%2F%3E%3C%2Fcircle%3E%3C%2Fsvg%3E") center / contain no-repeat;
  filter: drop-shadow(0 0 4px rgba(var(--sim-a), .8));
}
.tsw .tsw-panel {
  background: linear-gradient(160deg, rgba(var(--sim-d), .99), rgba(var(--sim-d), .97)), #03070f !important;
  border: 1px solid rgba(var(--sim-a), .35) !important;
  border-radius: 14px !important;
  box-shadow: 0 0 0 1px rgba(var(--sim-a), .08), 0 18px 48px rgba(0, 0, 0, .55), 0 0 30px rgba(var(--sim-a), .12) !important;
  backdrop-filter: blur(16px);
}
.tsw .tsw-panel { max-height: var(--hbot-tsw-max, none); overflow-y: auto; overscroll-behavior: contain; }
.tsw .tsw-panel[data-hbot-flip="down"] { top: calc(100% + 8px) !important; bottom: auto !important; }
.tsw .tsw-title { font-size: 0 !important; }
.tsw .tsw-title::after {
  content: "AI THEMES";
  white-space: nowrap;
  font: 700 11px/1 var(--sim-hud);
  letter-spacing: .18em;
  color: rgb(var(--sim-a));
  text-shadow: 0 0 10px rgba(var(--sim-a), .6);
}
.tsw .tsw-opt[data-hbot-t] {
  font-family: var(--sim-hud) !important;
  letter-spacing: .05em;
  color: rgb(var(--o-a)) !important;
  background: transparent !important;
  border: 1px solid transparent !important;
  border-radius: 10px !important;
  transition: background .15s, border-color .15s;
}
.tsw .tsw-opt[data-hbot-t]:hover {
  background: rgba(var(--o-a), .08) !important;
  border-color: rgba(var(--o-a), .25) !important;
}
.tsw .tsw-opt[data-hbot-t]:has(> span:nth-child(3)) {
  background: linear-gradient(90deg, rgba(var(--o-a), .16), rgba(var(--o-b), .06)) !important;
  border-color: rgba(var(--o-a), .55) !important;
  box-shadow: 0 0 16px rgba(var(--o-a), .18);
}
.tsw .tsw-opt[data-hbot-t] > span:first-child { font-size: 0 !important; line-height: 0; }
.tsw .tsw-opt[data-hbot-t] > span:first-child::before {
  content: "";
  display: inline-block;
  width: 22px;
  height: 22px;
  background: linear-gradient(135deg, rgb(var(--o-a)), rgb(var(--o-b)));
  -webkit-mask: var(--o-ico) center / contain no-repeat;
  mask: var(--o-ico) center / contain no-repeat;
  filter: drop-shadow(0 0 4px rgba(var(--o-a), .55));
}
.tsw .tsw-opt[data-hbot-t] > span:nth-child(2) { font-size: 0 !important; }
.tsw .tsw-opt[data-hbot-t] > span:nth-child(2)::after { font-size: 13px; font-weight: 600; }
.tsw .tsw-opt[data-hbot-t="scifi"]{--o-a:56, 225, 255;--o-b:167, 139, 250;--o-ico:url("data:image/svg+xml,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20viewBox%3D%220%200%2024%2024%22%20fill%3D%22none%22%20stroke%3D%22%23000%22%20stroke-width%3D%221.7%22%20stroke-linecap%3D%22round%22%20stroke-linejoin%3D%22round%22%3E%3Ccircle%20cx%3D%2211%22%20cy%3D%2211%22%20r%3D%227.2%22%2F%3E%3Cpath%20d%3D%22M15.6%2015.6l5%205%22%2F%3E%3Ccircle%20cx%3D%2211%22%20cy%3D%2211%22%20r%3D%222.2%22%20fill%3D%22%23000%22%2F%3E%3Cg%3E%3Ccircle%20cx%3D%2211%22%20cy%3D%223.8%22%20r%3D%221.4%22%20fill%3D%22%23000%22%2F%3E%3CanimateTransform%20attributeName%3D%22transform%22%20type%3D%22rotate%22%20from%3D%220%2011%2011%22%20to%3D%22360%2011%2011%22%20dur%3D%223s%22%20repeatCount%3D%22indefinite%22%2F%3E%3C%2Fg%3E%3C%2Fsvg%3E")}
.tsw .tsw-opt[data-hbot-t="scifi"] > span:nth-child(2)::after{content:"Quantum"}
.tsw .tsw-opt[data-hbot-t="gold"]{--o-a:255, 196, 61;--o-b:255, 122, 69;--o-ico:url("data:image/svg+xml,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20viewBox%3D%220%200%2024%2024%22%20fill%3D%22none%22%20stroke%3D%22%23000%22%20stroke-width%3D%221.7%22%20stroke-linecap%3D%22round%22%20stroke-linejoin%3D%22round%22%3E%3Cpath%20d%3D%22M6.5%204h11l3.5%205.2L12%2020.5%203%209.2z%22%2F%3E%3Cpath%20d%3D%22M3%209.2h18M9.5%204L8%209.2l4%2011.3%204-11.3L14.5%204%22%20stroke-opacity%3D%22.55%22%2F%3E%3Cpath%20d%3D%22M18.5%2015.5l.6%201.4%201.4.6-1.4.6-.6%201.4-.6-1.4-1.4-.6%201.4-.6z%22%20fill%3D%22%23000%22%20stroke%3D%22none%22%3E%3Canimate%20attributeName%3D%22opacity%22%20values%3D%220%3B1%3B0%22%20dur%3D%222s%22%20repeatCount%3D%22indefinite%22%2F%3E%3C%2Fpath%3E%3C%2Fsvg%3E")}
.tsw .tsw-opt[data-hbot-t="gold"] > span:nth-child(2)::after{content:"Aurum"}
.tsw .tsw-opt[data-hbot-t="mono"]{--o-a:226, 232, 240;--o-b:148, 163, 184;--o-ico:url("data:image/svg+xml,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20viewBox%3D%220%200%2024%2024%22%20fill%3D%22none%22%20stroke%3D%22%23000%22%20stroke-width%3D%221.7%22%20stroke-linecap%3D%22round%22%20stroke-linejoin%3D%22round%22%3E%3Ccircle%20cx%3D%2212%22%20cy%3D%2212%22%20r%3D%228.5%22%2F%3E%3Cpath%20d%3D%22M12%203.5a8.5%208.5%200%200%201%200%2017z%22%20fill%3D%22%23000%22%2F%3E%3Ccircle%20cx%3D%2212%22%20cy%3D%2212%22%20r%3D%223.4%22%20fill%3D%22%23000%22%20stroke%3D%22none%22%20fill-opacity%3D%22.35%22%2F%3E%3Cpath%20d%3D%22M7%207.5a6.5%206.5%200%200%201%203-2.2%22%20stroke-opacity%3D%22.7%22%2F%3E%3C%2Fsvg%3E")}
.tsw .tsw-opt[data-hbot-t="mono"] > span:nth-child(2)::after{content:"Chrome"}
.tsw .tsw-opt[data-hbot-t="light"]{--o-a:250, 204, 21;--o-b:56, 189, 248;--o-ico:url("data:image/svg+xml,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20viewBox%3D%220%200%2024%2024%22%20fill%3D%22none%22%20stroke%3D%22%23000%22%20stroke-width%3D%221.7%22%20stroke-linecap%3D%22round%22%20stroke-linejoin%3D%22round%22%3E%3Ccircle%20cx%3D%2212%22%20cy%3D%2212%22%20r%3D%224%22%2F%3E%3Cg%3E%3Cpath%20d%3D%22M12%202v2.4M12%2019.6V22M2%2012h2.4M19.6%2012H22M4.9%204.9l1.7%201.7M17.4%2017.4l1.7%201.7M4.9%2019.1l1.7-1.7M17.4%206.6l1.7-1.7%22%2F%3E%3CanimateTransform%20attributeName%3D%22transform%22%20type%3D%22rotate%22%20from%3D%220%2012%2012%22%20to%3D%22360%2012%2012%22%20dur%3D%2214s%22%20repeatCount%3D%22indefinite%22%2F%3E%3C%2Fg%3E%3C%2Fsvg%3E")}
.tsw .tsw-opt[data-hbot-t="light"] > span:nth-child(2)::after{content:"Daylight"}
.tsw .tsw-opt[data-hbot-t="ocean"]{--o-a:34, 211, 238;--o-b:59, 130, 246;--o-ico:url("data:image/svg+xml,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20viewBox%3D%220%200%2024%2024%22%20fill%3D%22none%22%20stroke%3D%22%23000%22%20stroke-width%3D%221.7%22%20stroke-linecap%3D%22round%22%20stroke-linejoin%3D%22round%22%3E%3Cpath%20d%3D%22M2%208c2.5-2%205-2%207.5%200s5%202%207.5%200%204-1.6%205-.8%22%20stroke-opacity%3D%22.5%22%2F%3E%3Cpath%20d%3D%22M2%2012.5c2.5-2%205-2%207.5%200s5%202%207.5%200%204-1.6%205-.8%22%3E%3CanimateTransform%20attributeName%3D%22transform%22%20type%3D%22translate%22%20values%3D%220%200%3B-2.5%200%3B0%200%22%20dur%3D%222.6s%22%20repeatCount%3D%22indefinite%22%2F%3E%3C%2Fpath%3E%3Cpath%20d%3D%22M2%2017c2.5-2%205-2%207.5%200s5%202%207.5%200%204-1.6%205-.8%22%20stroke-opacity%3D%22.75%22%3E%3CanimateTransform%20attributeName%3D%22transform%22%20type%3D%22translate%22%20values%3D%220%200%3B2.5%200%3B0%200%22%20dur%3D%222.6s%22%20repeatCount%3D%22indefinite%22%2F%3E%3C%2Fpath%3E%3C%2Fsvg%3E")}
.tsw .tsw-opt[data-hbot-t="ocean"] > span:nth-child(2)::after{content:"Abyss"}
.tsw .tsw-opt[data-hbot-t="forest"]{--o-a:61, 255, 143;--o-b:20, 184, 166;--o-ico:url("data:image/svg+xml,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20viewBox%3D%220%200%2024%2024%22%20fill%3D%22none%22%20stroke%3D%22%23000%22%20stroke-width%3D%221.7%22%20stroke-linecap%3D%22round%22%20stroke-linejoin%3D%22round%22%3E%3Cpath%20d%3D%22M5%202v20%22%20stroke-dasharray%3D%222%203%22%3E%3Canimate%20attributeName%3D%22stroke-dashoffset%22%20values%3D%220%3B-10%22%20dur%3D%221.1s%22%20repeatCount%3D%22indefinite%22%2F%3E%3C%2Fpath%3E%3Cpath%20d%3D%22M10%202v20%22%20stroke-dasharray%3D%224%202.5%22%20stroke-width%3D%222%22%3E%3Canimate%20attributeName%3D%22stroke-dashoffset%22%20values%3D%220%3B-13%22%20dur%3D%22.8s%22%20repeatCount%3D%22indefinite%22%2F%3E%3C%2Fpath%3E%3Cpath%20d%3D%22M15%202v20%22%20stroke-dasharray%3D%221.5%203.5%22%3E%3Canimate%20attributeName%3D%22stroke-dashoffset%22%20values%3D%220%3B-10%22%20dur%3D%221.4s%22%20repeatCount%3D%22indefinite%22%2F%3E%3C%2Fpath%3E%3Cpath%20d%3D%22M20%202v20%22%20stroke-dasharray%3D%223%202%22%20stroke-width%3D%222%22%3E%3Canimate%20attributeName%3D%22stroke-dashoffset%22%20values%3D%220%3B-10%22%20dur%3D%22.95s%22%20repeatCount%3D%22indefinite%22%2F%3E%3C%2Fpath%3E%3C%2Fsvg%3E")}
.tsw .tsw-opt[data-hbot-t="forest"] > span:nth-child(2)::after{content:"Matrix"}
.tsw .tsw-opt[data-hbot-t="sunset"]{--o-a:255, 93, 108;--o-b:255, 159, 67;--o-ico:url("data:image/svg+xml,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20viewBox%3D%220%200%2024%2024%22%20fill%3D%22none%22%20stroke%3D%22%23000%22%20stroke-width%3D%221.7%22%20stroke-linecap%3D%22round%22%20stroke-linejoin%3D%22round%22%3E%3Cpath%20d%3D%22M12%2021.5c-4%200-6.8-2.7-6.8-6.5%200-4.4%204.1-6.4%204.6-11%202.6%201.6%204%204%204%206.6%201-1%201.6-2.2%201.7-3.4%202.1%201.8%203.3%204.5%203.3%207.7%200%203.9-2.8%206.6-6.8%206.6z%22%2F%3E%3Cpath%20d%3D%22M12%2021.5c-1.9%200-3.2-1.3-3.2-3.2%200-2.3%202.2-3.2%202.6-5.6%201.9%201.3%203.8%203.1%203.8%205.6%200%201.9-1.3%203.2-3.2%203.2z%22%20fill%3D%22%23000%22%3E%3Canimate%20attributeName%3D%22opacity%22%20values%3D%221%3B.5%3B1%22%20dur%3D%221.2s%22%20repeatCount%3D%22indefinite%22%2F%3E%3C%2Fpath%3E%3C%2Fsvg%3E")}
.tsw .tsw-opt[data-hbot-t="sunset"] > span:nth-child(2)::after{content:"Ion Flare"}
.tsw .tsw-opt[data-hbot-t="purple"]{--o-a:217, 70, 239;--o-b:139, 92, 246;--o-ico:url("data:image/svg+xml,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20viewBox%3D%220%200%2024%2024%22%20fill%3D%22none%22%20stroke%3D%22%23000%22%20stroke-width%3D%221.7%22%20stroke-linecap%3D%22round%22%20stroke-linejoin%3D%22round%22%3E%3Cpath%20d%3D%22M12%204.5C9.8%202.7%206%203.6%205.6%206.6%203.2%207.2%202.6%2010.4%204.2%2012c-1.6%201.8-.8%205%201.9%205.4.6%202.6%204%203.6%205.9%201.9%201.9%201.7%205.3.7%205.9-1.9%202.7-.4%203.5-3.6%201.9-5.4%201.6-1.6%201-4.8-1.4-5.4C18%203.6%2014.2%202.7%2012%204.5z%22%2F%3E%3Cpath%20d%3D%22M12%204.5v15M8%209l4%203%204-3M8%2015l4-3%204%203%22%20stroke-opacity%3D%22.5%22%20stroke-width%3D%221.3%22%2F%3E%3Ccircle%20cx%3D%2212%22%20cy%3D%2212%22%20r%3D%221.7%22%20fill%3D%22%23000%22%3E%3Canimate%20attributeName%3D%22r%22%20values%3D%221.4%3B2.4%3B1.4%22%20dur%3D%221.8s%22%20repeatCount%3D%22indefinite%22%2F%3E%3C%2Fcircle%3E%3C%2Fsvg%3E")}
.tsw .tsw-opt[data-hbot-t="purple"] > span:nth-child(2)::after{content:"Neural"}

/* Footer clock: keep "YYYY-MM-DD HH:MM:SS GMT" on one line (it wrapped to 4) */
.app-footer .app-footer__icon > .deriv-text { white-space: nowrap !important; }

@media (prefers-reduced-motion: reduce) {
  html.dark:not([data-hbot-theme="light"]) .app-header,
  html.dark:not([data-hbot-theme="light"]) .dc-tabs__active--main__tabs,
  html.dark:not([data-hbot-theme="light"]) .dc-tabs__active--main__tabs::before { animation: none !important; }
}

/* ================= v3: mobile "Command Deck" menu (#hbot-mobile-nav, our own DOM) ================= */
html #hbot-mobile-nav .hm-burger {
  font-size: 0 !important;
  display: flex !important;
  flex-direction: column;
  align-items: center;
  justify-content: center;
  gap: 4px;
}
html #hbot-mobile-nav .hm-burger i {
  display: block;
  width: 18px;
  height: 2px;
  border-radius: 2px;
  background: rgb(var(--sim-a));
  box-shadow: 0 0 6px rgba(var(--sim-a), .7);
  transition: transform .28s cubic-bezier(.2, .9, .25, 1), opacity .2s, width .2s;
}
html #hbot-mobile-nav .hm-burger i:nth-child(2) { width: 12px; background: rgb(var(--sim-b)); }
html #hbot-mobile-nav .hm-burger[aria-expanded="true"] i:nth-child(1) { transform: translateY(6px) rotate(45deg); }
html #hbot-mobile-nav .hm-burger[aria-expanded="true"] i:nth-child(2) { opacity: 0; transform: scaleX(.2); }
html #hbot-mobile-nav .hm-burger[aria-expanded="true"] i:nth-child(3) { transform: translateY(-6px) rotate(-45deg); }

/* dim the page behind the open deck (visual only; clicks still reach the page) */
html #hbot-mobile-nav.tools-open::before {
  content: "";
  position: fixed;
  inset: 52px 0 0 0;
  background: rgba(2, 6, 14, .5);
  backdrop-filter: blur(2px);
  pointer-events: none;
  animation: hm-fade .25s ease-out both;
}
@keyframes hm-fade { from { opacity: 0; } to { opacity: 1; } }

html #hbot-mobile-nav .hbot-mobile-tools {
  left: 6px !important;
  right: auto !important;
  width: min(352px, calc(100vw - 12px)) !important;
  padding: 12px !important;
  gap: 8px !important;
  border: 1px solid rgba(var(--sim-a), .35) !important;
  border-radius: 16px !important;
  background: linear-gradient(160deg, rgba(var(--sim-d), .985), rgba(var(--sim-d), .96)), #030812 !important;
  box-shadow: 0 24px 60px rgba(0, 0, 0, .6), 0 0 0 1px rgba(var(--sim-a), .08), 0 0 40px rgba(var(--sim-a), .12) !important;
  max-height: calc(100vh - 150px);
  overflow-y: auto;
  overscroll-behavior: contain;
}
html #hbot-mobile-nav.tools-open .hbot-mobile-tools {
  grid-template-columns: 1fr 1fr !important;
  animation: hm-open .34s cubic-bezier(.2, .9, .25, 1) both;
}
@keyframes hm-open {
  from { opacity: 0; clip-path: inset(0 0 100% 0 round 16px); transform: translateY(-6px); }
  to   { opacity: 1; clip-path: inset(0 0 0 0 round 16px); transform: none; }
}
/* one scan pass on open */
html #hbot-mobile-nav .hbot-mobile-tools::after {
  content: "";
  position: absolute;
  left: 0; right: 0; top: 0;
  height: 48px;
  background: linear-gradient(180deg, transparent, rgba(var(--sim-a), .16), transparent);
  pointer-events: none;
  opacity: 0;
}
html #hbot-mobile-nav.tools-open .hbot-mobile-tools::after { animation: hm-scan .9s ease-out .08s both; }
@keyframes hm-scan { 0% { opacity: 1; transform: translateY(-48px); } 100% { opacity: 0; transform: translateY(420px); } }

html #hbot-mobile-nav .hm-head {
  grid-column: 1 / -1;
  display: flex;
  align-items: center;
  gap: 8px;
  padding: 2px 4px 4px;
  font: 700 11px/1 var(--sim-hud);
  letter-spacing: .2em;
  color: rgb(var(--sim-a));
  text-shadow: 0 0 10px rgba(var(--sim-a), .5);
}
html #hbot-mobile-nav .hm-head i {
  width: 8px; height: 8px; border-radius: 50%;
  background: var(--sim-green);
  box-shadow: 0 0 0 0 rgba(52, 211, 153, .6);
  animation: hm-live 2s ease-out infinite;
}
@keyframes hm-live { 0% { box-shadow: 0 0 0 0 rgba(52, 211, 153, .6); } 100% { box-shadow: 0 0 0 8px rgba(52, 211, 153, 0); } }
html #hbot-mobile-nav .hm-head em {
  margin-left: auto;
  font: 600 9px/1 var(--sim-mono);
  letter-spacing: .12em;
  font-style: normal;
  color: var(--sim-muted);
  text-shadow: none;
}
html #hbot-mobile-nav .hm-sec {
  grid-column: 1 / -1;
  display: flex;
  align-items: center;
  gap: 8px;
  padding: 6px 4px 0;
  font: 600 9.5px/1 var(--sim-hud);
  letter-spacing: .24em;
  color: var(--sim-muted);
}
html #hbot-mobile-nav .hm-sec::after { content: ""; flex: 1; height: 1px; background: linear-gradient(90deg, rgba(var(--sim-a), .35), transparent); }

html #hbot-mobile-nav .hbot-mobile-tools button.hm-tile,
html #hbot-mobile-nav .hbot-mobile-tools button.hm-logout,
html #hbot-mobile-nav .hbot-mobile-tools button.hm-chip {
  height: auto !important;
  display: flex !important;
  align-items: center;
  gap: 10px;
  text-align: left;
  color: var(--sim-text) !important;
  font: 600 12.5px/1.15 var(--sim-hud) !important;
  letter-spacing: .03em;
  animation: hm-tile .4s cubic-bezier(.2, .9, .25, 1) both;
  animation-delay: calc(var(--i, 0) * 32ms + 70ms);
  transition: transform .12s, border-color .2s, box-shadow .2s, background .2s;
  -webkit-tap-highlight-color: transparent;
}
@keyframes hm-tile { from { opacity: 0; transform: translateY(10px) scale(.96); } to { opacity: 1; transform: none; } }
html #hbot-mobile-nav .hbot-mobile-tools button.hm-tile {
  min-height: 60px;
  justify-content: flex-start !important;
  padding: 10px !important;
  border-radius: 12px !important;
  border: 1px solid rgba(var(--sim-a), .16) !important;
  background: linear-gradient(145deg, rgba(var(--sim-a), .08), rgba(255, 255, 255, .015)) !important;
}
html #hbot-mobile-nav .hbot-mobile-tools button.hm-tile:hover,
html #hbot-mobile-nav .hbot-mobile-tools button.hm-tile:focus-visible {
  border-color: rgba(var(--sim-a), .5) !important;
  box-shadow: 0 0 0 1px rgba(var(--sim-a), .15), 0 0 18px rgba(var(--sim-a), .18);
  background: linear-gradient(145deg, rgba(var(--sim-a), .14), rgba(var(--sim-b), .05)) !important;
}
html #hbot-mobile-nav .hbot-mobile-tools button:active { transform: scale(.97) !important; }
html #hbot-mobile-nav .hm-ico {
  flex: 0 0 34px;
  height: 34px;
  border-radius: 10px;
  display: grid;
  place-items: center;
  background: radial-gradient(circle at 30% 25%, rgba(var(--sim-a), .26), rgba(var(--sim-b), .1) 70%);
  border: 1px solid rgba(var(--sim-a), .28);
  box-shadow: inset 0 0 12px rgba(var(--sim-a), .14);
}
html #hbot-mobile-nav .hm-ico::before {
  content: "";
  width: 20px;
  height: 20px;
  background: linear-gradient(135deg, rgb(var(--sim-a)), rgb(var(--sim-b)));
  -webkit-mask: var(--hm-ico) center / contain no-repeat;
  mask: var(--hm-ico) center / contain no-repeat;
  filter: drop-shadow(0 0 3px rgba(var(--sim-a), .6));
}
html #hbot-mobile-nav .hm-txt { display: flex; flex-direction: column; gap: 4px; min-width: 0; }
html #hbot-mobile-nav .hm-txt b { font-weight: 700; }
html #hbot-mobile-nav .hm-txt small {
  font: 500 9.5px/1.2 var(--sim-mono);
  letter-spacing: 0;
  color: var(--sim-muted);
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
}

html #hbot-mobile-nav .hm-socials { grid-column: 1 / -1; display: grid; grid-template-columns: repeat(3, 1fr); gap: 8px; }
html #hbot-mobile-nav .hm-socials:empty { display: none; }
html #hbot-mobile-nav .hbot-mobile-tools button.hm-chip {
  justify-content: center;
  gap: 7px;
  min-height: 42px;
  padding: 6px 8px !important;
  border-radius: 999px !important;
  font-size: 11.5px !important;
  border: 1px solid rgba(var(--c), .35) !important;
  background: rgba(var(--c), .08) !important;
}
html #hbot-mobile-nav .hbot-mobile-tools button.hm-chip:hover { box-shadow: 0 0 16px rgba(var(--c), .3); border-color: rgba(var(--c), .7) !important; }
html #hbot-mobile-nav .hm-chip .hm-ico { flex-basis: 22px; height: 22px; border: 0; background: none; box-shadow: none; }
html #hbot-mobile-nav .hm-chip .hm-ico::before { width: 18px; height: 18px; background: rgb(var(--c)); filter: drop-shadow(0 0 3px rgba(var(--c), .6)); }
html #hbot-mobile-nav .hm-chip[data-hm-social="whatsapp"] { --c: 37, 211, 102; }
html #hbot-mobile-nav .hm-chip[data-hm-social="telegram"] { --c: 56, 189, 248; }
html #hbot-mobile-nav .hm-chip[data-hm-social="youtube"]  { --c: 255, 64, 80; }
html #hbot-mobile-nav .hm-chip:not([data-hm-social="whatsapp"]):not([data-hm-social="telegram"]):not([data-hm-social="youtube"]) { --c: var(--sim-a); }

html #hbot-mobile-nav .hbot-mobile-tools button.hm-logout {
  grid-column: 1 / -1;
  justify-content: center;
  min-height: 44px;
  padding: 8px !important;
  border-radius: 12px !important;
  border: 1px solid rgba(251, 113, 133, .35) !important;
  background: rgba(251, 113, 133, .07) !important;
  color: #fecdd3 !important;
}
html #hbot-mobile-nav .hm-logout .hm-ico { flex-basis: 26px; height: 26px; border: 0; background: none; box-shadow: none; }
html #hbot-mobile-nav .hm-logout .hm-ico::before { background: #fb7185; filter: none; }
html #hbot-mobile-nav .hm-logout .hm-txt small { display: none; }
/* logged out: nothing to log out of */
html #hbot-mobile-nav:has(.hbot-mobile-account[hidden]) .hm-logout { display: none !important; }

@media (prefers-reduced-motion: reduce) {
  html #hbot-mobile-nav .hbot-mobile-tools,
  html #hbot-mobile-nav .hbot-mobile-tools::after,
  html #hbot-mobile-nav .hbot-mobile-tools button,
  html #hbot-mobile-nav .hm-head i,
  html #hbot-mobile-nav.tools-open::before { animation: none !important; }
}

#hbot-mobile-nav [data-hm-ico="menu"]{--hm-ico:url("data:image/svg+xml,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20viewBox%3D%220%200%2024%2024%22%20fill%3D%22none%22%20stroke%3D%22%23000%22%20stroke-width%3D%221.7%22%20stroke-linecap%3D%22round%22%20stroke-linejoin%3D%22round%22%3E%3Crect%20x%3D%223.5%22%20y%3D%223.5%22%20width%3D%227%22%20height%3D%227%22%20rx%3D%221.8%22%2F%3E%3Crect%20x%3D%2213.5%22%20y%3D%223.5%22%20width%3D%227%22%20height%3D%227%22%20rx%3D%221.8%22%2F%3E%3Crect%20x%3D%223.5%22%20y%3D%2213.5%22%20width%3D%227%22%20height%3D%227%22%20rx%3D%221.8%22%2F%3E%3Crect%20x%3D%2213.5%22%20y%3D%2213.5%22%20width%3D%227%22%20height%3D%227%22%20rx%3D%221.8%22%20fill%3D%22%23000%22%3E%3Canimate%20attributeName%3D%22opacity%22%20values%3D%221%3B.25%3B1%22%20dur%3D%222.2s%22%20repeatCount%3D%22indefinite%22%2F%3E%3C%2Frect%3E%3C%2Fsvg%3E")}
#hbot-mobile-nav [data-hm-ico="hai"]{--hm-ico:url("data:image/svg+xml,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20viewBox%3D%220%200%2024%2024%22%20fill%3D%22none%22%20stroke%3D%22%23000%22%20stroke-width%3D%221.7%22%20stroke-linecap%3D%22round%22%20stroke-linejoin%3D%22round%22%3E%3Cpath%20d%3D%22M5%207l7-2.5L19%207M5%207l7%205%207-5M5%2017l7-5%207%205M5%2017l7%202.5%207-2.5M5%207v10M19%207v10M12%204.5v15%22%20stroke-opacity%3D%22.4%22%20stroke-width%3D%221.3%22%2F%3E%3Ccircle%20cx%3D%225%22%20cy%3D%227%22%20r%3D%221.6%22%20fill%3D%22%23000%22%3E%3Canimate%20attributeName%3D%22r%22%20values%3D%221.6%3B2.4%3B1.6%3B1.6%22%20keyTimes%3D%220%3B.12%3B.25%3B1%22%20dur%3D%222.4s%22%20repeatCount%3D%22indefinite%22%2F%3E%3C%2Fcircle%3E%3Ccircle%20cx%3D%2212%22%20cy%3D%2212%22%20r%3D%222.2%22%20fill%3D%22%23000%22%3E%3Canimate%20attributeName%3D%22r%22%20values%3D%222.2%3B2.2%3B3%3B2.2%3B2.2%22%20keyTimes%3D%220%3B.25%3B.37%3B.5%3B1%22%20dur%3D%222.4s%22%20repeatCount%3D%22indefinite%22%2F%3E%3C%2Fcircle%3E%3Ccircle%20cx%3D%2219%22%20cy%3D%2217%22%20r%3D%221.6%22%20fill%3D%22%23000%22%3E%3Canimate%20attributeName%3D%22r%22%20values%3D%221.6%3B1.6%3B2.4%3B1.6%22%20keyTimes%3D%220%3B.5%3B.62%3B1%22%20dur%3D%222.4s%22%20repeatCount%3D%22indefinite%22%2F%3E%3C%2Fcircle%3E%3Ccircle%20cx%3D%2219%22%20cy%3D%227%22%20r%3D%221.6%22%20fill%3D%22%23000%22%2F%3E%3Ccircle%20cx%3D%225%22%20cy%3D%2217%22%20r%3D%221.6%22%20fill%3D%22%23000%22%2F%3E%3Ccircle%20cx%3D%2212%22%20cy%3D%224.5%22%20r%3D%221.3%22%20fill%3D%22%23000%22%2F%3E%3Ccircle%20cx%3D%2212%22%20cy%3D%2219.5%22%20r%3D%221.3%22%20fill%3D%22%23000%22%2F%3E%3C%2Fsvg%3E")}
#hbot-mobile-nav [data-hm-ico="activity"]{--hm-ico:url("data:image/svg+xml,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20viewBox%3D%220%200%2024%2024%22%20fill%3D%22none%22%20stroke%3D%22%23000%22%20stroke-width%3D%221.7%22%20stroke-linecap%3D%22round%22%20stroke-linejoin%3D%22round%22%3E%3Cpath%20d%3D%22M2.5%2012.5h4l2.2-6%204.2%2012%202.6-7.5%201.5%201.5h4.5%22%20stroke-dasharray%3D%2240%22%20stroke-dashoffset%3D%2240%22%3E%3Canimate%20attributeName%3D%22stroke-dashoffset%22%20values%3D%2240%3B0%3B0%3B-40%22%20keyTimes%3D%220%3B.45%3B.7%3B1%22%20dur%3D%222.6s%22%20repeatCount%3D%22indefinite%22%2F%3E%3C%2Fpath%3E%3Cpath%20d%3D%22M2.5%2012.5h19%22%20stroke-opacity%3D%22.25%22%2F%3E%3C%2Fsvg%3E")}
#hbot-mobile-nav [data-hm-ico="digit"]{--hm-ico:url("data:image/svg+xml,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20viewBox%3D%220%200%2024%2024%22%20fill%3D%22none%22%20stroke%3D%22%23000%22%20stroke-width%3D%221.7%22%20stroke-linecap%3D%22round%22%20stroke-linejoin%3D%22round%22%3E%3Crect%20x%3D%222.5%22%20y%3D%225%22%20width%3D%227.5%22%20height%3D%2214%22%20rx%3D%222%22%2F%3E%3Crect%20x%3D%2214%22%20y%3D%225%22%20width%3D%227.5%22%20height%3D%2214%22%20rx%3D%222%22%2F%3E%3Cpath%20d%3D%22M10.8%2010.5h2.4M10.8%2013.5h2.4%22%3E%3Canimate%20attributeName%3D%22opacity%22%20values%3D%22.2%3B1%3B.2%22%20dur%3D%221.5s%22%20repeatCount%3D%22indefinite%22%2F%3E%3C%2Fpath%3E%3Cpath%20d%3D%22M5%209.5h2.5l-1.6%205.5M16.5%209.5H19l-1.6%205.5%22%2F%3E%3C%2Fsvg%3E")}
#hbot-mobile-nav [data-hm-ico="mt5"]{--hm-ico:url("data:image/svg+xml,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20viewBox%3D%220%200%2024%2024%22%20fill%3D%22none%22%20stroke%3D%22%23000%22%20stroke-width%3D%221.7%22%20stroke-linecap%3D%22round%22%20stroke-linejoin%3D%22round%22%3E%3Cpath%20d%3D%22M3%2016.5c3-6%2015-6%2018%200%22%2F%3E%3Cpath%20d%3D%22M6%2015v4.5M18%2015v4.5M12%2011.6v7.9M3%2019.5h18%22%2F%3E%3Ccircle%20r%3D%221.3%22%20fill%3D%22%23000%22%3E%3CanimateMotion%20dur%3D%222.4s%22%20repeatCount%3D%22indefinite%22%20path%3D%22M3%2016.5c3-6%2015-6%2018%200%22%2F%3E%3C%2Fcircle%3E%3C%2Fsvg%3E")}
#hbot-mobile-nav [data-hm-ico="theme"]{--hm-ico:url("data:image/svg+xml,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20viewBox%3D%220%200%2024%2024%22%20fill%3D%22none%22%20stroke%3D%22%23000%22%20stroke-width%3D%221.7%22%20stroke-linecap%3D%22round%22%20stroke-linejoin%3D%22round%22%3E%3Cpath%20d%3D%22M12%202.4l8.3%204.8v9.6L12%2021.6l-8.3-4.8V7.2z%22%20stroke-dasharray%3D%223%202.2%22%3E%3Canimate%20attributeName%3D%22stroke-dashoffset%22%20values%3D%220%3B-26%22%20dur%3D%226s%22%20repeatCount%3D%22indefinite%22%2F%3E%3C%2Fpath%3E%3Cellipse%20cx%3D%2212%22%20cy%3D%2212%22%20rx%3D%226.5%22%20ry%3D%222.6%22%3E%3CanimateTransform%20attributeName%3D%22transform%22%20type%3D%22rotate%22%20from%3D%220%2012%2012%22%20to%3D%22360%2012%2012%22%20dur%3D%225s%22%20repeatCount%3D%22indefinite%22%2F%3E%3C%2Fellipse%3E%3Ccircle%20cx%3D%2212%22%20cy%3D%2212%22%20r%3D%222.4%22%20fill%3D%22%23000%22%3E%3Canimate%20attributeName%3D%22r%22%20values%3D%222%3B3%3B2%22%20dur%3D%222s%22%20repeatCount%3D%22indefinite%22%2F%3E%3C%2Fcircle%3E%3C%2Fsvg%3E")}
#hbot-mobile-nav [data-hm-ico="reset"]{--hm-ico:url("data:image/svg+xml,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20viewBox%3D%220%200%2024%2024%22%20fill%3D%22none%22%20stroke%3D%22%23000%22%20stroke-width%3D%221.7%22%20stroke-linecap%3D%22round%22%20stroke-linejoin%3D%22round%22%3E%3Crect%20x%3D%224%22%20y%3D%224%22%20width%3D%2216%22%20height%3D%2216%22%20rx%3D%223%22%20stroke-opacity%3D%22.4%22%2F%3E%3Cg%3E%3Cpath%20d%3D%22M16.5%209.2A5%205%200%201%200%2017%2013%22%2F%3E%3Cpath%20d%3D%22M17%206.5v3.2h-3.2%22%2F%3E%3CanimateTransform%20attributeName%3D%22transform%22%20type%3D%22rotate%22%20values%3D%220%2012%2012%3B0%2012%2012%3B-360%2012%2012%22%20keyTimes%3D%220%3B.6%3B1%22%20dur%3D%223s%22%20repeatCount%3D%22indefinite%22%2F%3E%3C%2Fg%3E%3C%2Fsvg%3E")}
#hbot-mobile-nav [data-hm-ico="appbuilder"]{--hm-ico:url("data:image/svg+xml,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20viewBox%3D%220%200%2024%2024%22%20fill%3D%22none%22%20stroke%3D%22%23000%22%20stroke-width%3D%221.7%22%20stroke-linecap%3D%22round%22%20stroke-linejoin%3D%22round%22%3E%3Cpath%20d%3D%22M12%203l8.5%204.5L12%2012%203.5%207.5z%22%2F%3E%3Cpath%20d%3D%22M3.5%2012L12%2016.5l8.5-4.5%22%20stroke-opacity%3D%22.7%22%3E%3CanimateTransform%20attributeName%3D%22transform%22%20type%3D%22translate%22%20values%3D%220%200%3B0%20.8%3B0%200%22%20dur%3D%222s%22%20repeatCount%3D%22indefinite%22%2F%3E%3C%2Fpath%3E%3Cpath%20d%3D%22M3.5%2016.5L12%2021l8.5-4.5%22%20stroke-opacity%3D%22.45%22%3E%3CanimateTransform%20attributeName%3D%22transform%22%20type%3D%22translate%22%20values%3D%220%200%3B0%201.6%3B0%200%22%20dur%3D%222s%22%20repeatCount%3D%22indefinite%22%2F%3E%3C%2Fpath%3E%3C%2Fsvg%3E")}
#hbot-mobile-nav [data-hm-ico="logout"]{--hm-ico:url("data:image/svg+xml,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20viewBox%3D%220%200%2024%2024%22%20fill%3D%22none%22%20stroke%3D%22%23000%22%20stroke-width%3D%221.7%22%20stroke-linecap%3D%22round%22%20stroke-linejoin%3D%22round%22%3E%3Cpath%20d%3D%22M12%203v8%22%2F%3E%3Cpath%20d%3D%22M7.2%206.3a7.5%207.5%200%201%200%209.6%200%22%2F%3E%3C%2Fsvg%3E")}
#hbot-mobile-nav [data-hm-ico="whatsapp"]{--hm-ico:url("data:image/svg+xml,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20viewBox%3D%220%200%2024%2024%22%20fill%3D%22none%22%20stroke%3D%22%23000%22%20stroke-width%3D%221.7%22%20stroke-linecap%3D%22round%22%20stroke-linejoin%3D%22round%22%3E%3Cpath%20d%3D%22M20.5%2011.6a8.5%208.5%200%200%201-12.6%207.4L3.5%2020.5l1.5-4.2A8.5%208.5%200%201%201%2020.5%2011.6z%22%2F%3E%3Ccircle%20cx%3D%228.5%22%20cy%3D%2211.7%22%20r%3D%221.1%22%20fill%3D%22%23000%22%3E%3Canimate%20attributeName%3D%22opacity%22%20values%3D%22.3%3B1%3B.3%22%20dur%3D%221.2s%22%20repeatCount%3D%22indefinite%22%2F%3E%3C%2Fcircle%3E%3Ccircle%20cx%3D%2212%22%20cy%3D%2211.7%22%20r%3D%221.1%22%20fill%3D%22%23000%22%3E%3Canimate%20attributeName%3D%22opacity%22%20values%3D%22.3%3B1%3B.3%22%20dur%3D%221.2s%22%20begin%3D%22.2s%22%20repeatCount%3D%22indefinite%22%2F%3E%3C%2Fcircle%3E%3Ccircle%20cx%3D%2215.5%22%20cy%3D%2211.7%22%20r%3D%221.1%22%20fill%3D%22%23000%22%3E%3Canimate%20attributeName%3D%22opacity%22%20values%3D%22.3%3B1%3B.3%22%20dur%3D%221.2s%22%20begin%3D%22.4s%22%20repeatCount%3D%22indefinite%22%2F%3E%3C%2Fcircle%3E%3C%2Fsvg%3E")}
#hbot-mobile-nav [data-hm-ico="telegram"]{--hm-ico:url("data:image/svg+xml,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20viewBox%3D%220%200%2024%2024%22%20fill%3D%22none%22%20stroke%3D%22%23000%22%20stroke-width%3D%221.7%22%20stroke-linecap%3D%22round%22%20stroke-linejoin%3D%22round%22%3E%3Cg%3E%3Cpath%20d%3D%22M21%203.5L2.8%2010.6l6.4%202.3%202.3%206.6L21%203.5z%22%2F%3E%3Cpath%20d%3D%22M9.2%2012.9L21%203.5%22%20stroke-opacity%3D%22.6%22%2F%3E%3CanimateTransform%20attributeName%3D%22transform%22%20type%3D%22translate%22%20values%3D%220%200%3B1%20-1%3B0%200%22%20dur%3D%222s%22%20repeatCount%3D%22indefinite%22%2F%3E%3C%2Fg%3E%3C%2Fsvg%3E")}
#hbot-mobile-nav [data-hm-ico="youtube"]{--hm-ico:url("data:image/svg+xml,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20viewBox%3D%220%200%2024%2024%22%20fill%3D%22none%22%20stroke%3D%22%23000%22%20stroke-width%3D%221.7%22%20stroke-linecap%3D%22round%22%20stroke-linejoin%3D%22round%22%3E%3Crect%20x%3D%222.5%22%20y%3D%225%22%20width%3D%2219%22%20height%3D%2214%22%20rx%3D%224%22%2F%3E%3Cpath%20d%3D%22M10%209v6l5-3z%22%20fill%3D%22%23000%22%3E%3Canimate%20attributeName%3D%22opacity%22%20values%3D%221%3B.5%3B1%22%20dur%3D%221.6s%22%20repeatCount%3D%22indefinite%22%2F%3E%3C%2Fpath%3E%3C%2Fsvg%3E")}

/* ================= v4: mobile run-status chip ================= */
/* The native status pill sat between the fixed Activity button (left) and our RUN BOT button (right) and was
   mostly hidden under both ("NOT RUN…"). On phones it now floats as a slim HUD chip just above the bar. */
@media (max-width: 767px) {
  html .controls__section .animation__wrapper {
    position: absolute !important;
    top: -36px !important;
    left: 50% !important;
    transform: translateX(-50%) !important;
    width: auto !important;
    min-width: 0 !important;
    max-width: calc(100vw - 190px) !important;
    height: 26px !important;
    margin: 0 !important;
    padding: 0 !important;
    z-index: 10061 !important;
    background: none !important;
    border: 0 !important;
    box-shadow: none !important;
  }
  html .controls__section .animation__wrapper .animation__container {
    height: 26px !important;
    min-height: 0 !important;
    width: auto !important;
    padding: 0 4px 0 12px !important;
    border-radius: 13px !important;
    background: rgba(5, 12, 24, .88) !important;
    border: 1px solid rgba(var(--sim-a, 56, 225, 255), .38) !important;
    box-shadow: 0 0 12px rgba(var(--sim-a, 56, 225, 255), .18), inset 0 0 8px rgba(var(--sim-a, 56, 225, 255), .08) !important;
    -webkit-backdrop-filter: blur(6px);
    backdrop-filter: blur(6px);
    overflow: hidden !important;
  }
  html .controls__section .animation__wrapper .animation__container > div {
    width: auto !important;
    gap: 6px;
    align-items: center;
  }
  html .controls__section .animation__wrapper .animation__text {
    width: auto !important;
    max-width: none !important;
    font-size: 10px !important;
    line-height: 26px !important;
    letter-spacing: .14em !important;
    white-space: nowrap !important;
    overflow: hidden !important;
    text-overflow: ellipsis !important;
    color: rgb(var(--sim-a, 56, 225, 255)) !important;
  }
  html .controls__section .animation__wrapper .animation__container button {
    width: 22px !important;
    height: 22px !important;
    min-width: 0 !important;
    padding: 0 !important;
    transform: scale(.8);
  }
  /* contract-stage progress becomes a thin glowing line along the chip's bottom edge */
  html .controls__section .animation__wrapper .animation__progress {
    position: absolute !important;
    left: 12px !important;
    right: 12px !important;
    bottom: 2px !important;
    top: auto !important;
    width: auto !important;
    height: 2px !important;
    margin: 0 !important;
    pointer-events: none;
  }
  html .controls__section .animation__wrapper .animation__progress-line {
    left: 0 !important;
    right: 0 !important;
    width: 100% !important;
    height: 2px !important;
    background: rgba(var(--sim-a, 56, 225, 255), .12) !important;
    border-radius: 2px;
  }
  html .controls__section .animation__wrapper .animation__progress-bar {
    height: 2px !important;
    background: rgb(var(--sim-a, 56, 225, 255)) !important;
    box-shadow: 0 0 6px rgba(var(--sim-a, 56, 225, 255), .8);
  }
  html .controls__section .animation__wrapper .animation__progress-line > *:not(.animation__progress-bar) { display: none !important; }
  html[data-hbot-theme="light"] .controls__section .animation__wrapper .animation__container {
    background: rgba(255, 255, 255, .92) !important;
    border-color: rgba(15, 23, 42, .18) !important;
    box-shadow: 0 2px 8px rgba(15, 23, 42, .12) !important;
  }
  html[data-hbot-theme="light"] .controls__section .animation__wrapper .animation__text { color: #0f172a !important; }
}

/* ================= v5: motion + glow layer =================
   Living backdrop, panel entrance + hover sheen, neon buttons, glowing headings.
   Dark AI themes only; everything is off under prefers-reduced-motion.
   Animates transform / opacity / background-position only (cheap), except the single RUN BOT glow. */
html.dark:not([data-hbot-theme="light"]) { --mx-a: var(--sim-a, 56, 225, 255); --mx-b: var(--sim-b, 167, 139, 250); }

/* ---------- backdrop: aurora glow + star field painted into .main's own (static) background.
   Not a separate layer: the dashboard's solid backgrounds also hide the always-mounted Bot Builder
   underneath it, so they must stay opaque; and motion behind backdrop-filter panels re-blurs every frame. */
html.dark:not([data-hbot-theme="light"]) .main {
  background-image:
    radial-gradient(1.3px 1.3px at 12% 18%, rgba(var(--mx-a), .85), transparent 60%),
    radial-gradient(1px 1px at 68% 34%, rgba(255, 255, 255, .6), transparent 60%),
    radial-gradient(1.4px 1.4px at 38% 76%, rgba(var(--mx-b), .8), transparent 60%),
    radial-gradient(1px 1px at 86% 82%, rgba(var(--mx-a), .7), transparent 60%),
    radial-gradient(1100px 620px at 82% -8%, rgba(var(--mx-a), .16), transparent 62%),
    radial-gradient(900px 560px at -8% 108%, rgba(var(--mx-b), .15), transparent 62%),
    radial-gradient(700px 420px at 40% 45%, rgba(var(--mx-a), .05), transparent 70%),
    linear-gradient(rgba(var(--sim-a), .05) 1px, transparent 1px),
    linear-gradient(90deg, rgba(var(--sim-a), .05) 1px, transparent 1px) !important;
  background-size: 420px 420px, 380px 380px, 520px 520px, 460px 460px, auto, auto, auto, 32px 32px, 32px 32px !important;
  background-attachment: fixed !important;
}

/* ---------- panels: entrance on tab switch, hover sheen + glow ---------- */
html.dark:not([data-hbot-theme="light"]) .dc-tabs__content--main__tabs .hbot-panel,
html.dark:not([data-hbot-theme="light"]) .dashboard-preset-card,
html.dark:not([data-hbot-theme="light"]) .dashboard-app-card,
html.dark:not([data-hbot-theme="light"]) .hbot-strat-card {
  animation: mx-rise .55s cubic-bezier(.2, .8, .2, 1) both;
}
html.dark:not([data-hbot-theme="light"]) .dc-tabs__content--main__tabs .hbot-panel:nth-child(2),
html.dark:not([data-hbot-theme="light"]) .dashboard-preset-card:nth-child(2),
html.dark:not([data-hbot-theme="light"]) .dashboard-app-card:nth-child(2),
html.dark:not([data-hbot-theme="light"]) .hbot-strat-card:nth-child(2) { animation-delay: .06s; }
html.dark:not([data-hbot-theme="light"]) .dc-tabs__content--main__tabs .hbot-panel:nth-child(3),
html.dark:not([data-hbot-theme="light"]) .dashboard-preset-card:nth-child(3),
html.dark:not([data-hbot-theme="light"]) .dashboard-app-card:nth-child(3),
html.dark:not([data-hbot-theme="light"]) .hbot-strat-card:nth-child(3) { animation-delay: .12s; }
html.dark:not([data-hbot-theme="light"]) .dc-tabs__content--main__tabs .hbot-panel:nth-child(n+4),
html.dark:not([data-hbot-theme="light"]) .dashboard-preset-card:nth-child(n+4),
html.dark:not([data-hbot-theme="light"]) .dashboard-app-card:nth-child(n+4),
html.dark:not([data-hbot-theme="light"]) .hbot-strat-card:nth-child(n+4) { animation-delay: .18s; }
@keyframes mx-rise { from { opacity: 0; transform: translateY(14px) scale(.985); } to { opacity: 1; transform: none; } }

/* sheen layer on top of the cockpit-corner backgrounds (those panels' background-image is ours) */
html.dark:not([data-hbot-theme="light"]) .hbot-panel.hbot-corners {
  background-image:
    linear-gradient(115deg, transparent 38%, rgba(var(--mx-a), .07) 50%, transparent 62%),
    linear-gradient(var(--sim-cyan), var(--sim-cyan)),
    linear-gradient(var(--sim-cyan), var(--sim-cyan)),
    linear-gradient(var(--sim-violet), var(--sim-violet)),
    linear-gradient(var(--sim-violet), var(--sim-violet)) !important;
  background-size: 260% 100%, 14px 1.5px, 1.5px 14px, 14px 1.5px, 1.5px 14px !important;
  background-position: 120% 0, 6px 6px, 6px 6px, calc(100% - 6px) calc(100% - 6px), calc(100% - 6px) calc(100% - 6px) !important;
  transition: background-position 0s, border-color .25s, box-shadow .25s;
}
html.dark:not([data-hbot-theme="light"]) .hbot-panel.hbot-corners:hover {
  background-position: -20% 0, 6px 6px, 6px 6px, calc(100% - 6px) calc(100% - 6px), calc(100% - 6px) calc(100% - 6px) !important;
  transition: background-position .9s ease, border-color .25s, box-shadow .25s;
}
html.dark:not([data-hbot-theme="light"]) .hbot-panel:hover {
  box-shadow: inset 0 1px 0 rgba(255, 255, 255, .06), 0 0 0 1px rgba(var(--mx-a), .22), 0 0 26px rgba(var(--mx-a), .16), 0 14px 34px rgba(0, 0, 0, .4) !important;
}

/* ---------- clickable cards: lift + neon edge ---------- */
html.dark:not([data-hbot-theme="light"]) .dashboard-preset-card,
html.dark:not([data-hbot-theme="light"]) .dashboard-app-card,
html.dark:not([data-hbot-theme="light"]) .hbot-strat-card {
  transition: transform .22s cubic-bezier(.2, .8, .2, 1), box-shadow .22s, border-color .22s !important;
}
html.dark:not([data-hbot-theme="light"]) .dashboard-preset-card:hover,
html.dark:not([data-hbot-theme="light"]) .dashboard-app-card:hover,
html.dark:not([data-hbot-theme="light"]) .hbot-strat-card:hover {
  transform: translateY(-3px);
  border-color: rgba(var(--mx-a), .55) !important;
  box-shadow: 0 0 0 1px rgba(var(--mx-a), .25), 0 0 22px rgba(var(--mx-a), .22), 0 16px 30px rgba(0, 0, 0, .45) !important;
}
html.dark:not([data-hbot-theme="light"]) .dashboard-app-card__dot {
  box-shadow: 0 0 8px currentColor;
  animation: mx-blink 2.4s ease-in-out infinite;
}
@keyframes mx-blink { 0%, 100% { opacity: 1; } 50% { opacity: .35; } }

/* ---------- headings + key numbers glow ---------- */
html.dark:not([data-hbot-theme="light"]) .dashboard-hero h2 {
  background: linear-gradient(90deg, #fff 0%, rgb(var(--mx-a)) 30%, rgb(var(--mx-b)) 55%, #fff 80%);
  background-size: 220% 100%;
  -webkit-background-clip: text;
  background-clip: text;
  -webkit-text-fill-color: transparent;
  filter: drop-shadow(0 0 14px rgba(var(--mx-a), .35));
  height: auto !important;
  line-height: 1.15 !important;
  padding-bottom: .08em;
  animation: mx-shimmer 7s linear infinite;
}
@keyframes mx-shimmer { to { background-position: -220% 0; } }
html.dark:not([data-hbot-theme="light"]) .dashboard-summary-card__value,
html.dark:not([data-hbot-theme="light"]) .dashboard-confidence-card__value,
html.dark:not([data-hbot-theme="light"]) .hbot-strat-root h2,
html.dark:not([data-hbot-theme="light"]) .hbot-strat-family-head h3 {
  text-shadow: 0 0 12px rgba(var(--mx-a), .45), 0 0 2px rgba(var(--mx-a), .6);
}

/* ---------- buttons ---------- */
html.dark:not([data-hbot-theme="light"]) #hbot-primary-run {
  background-image:
    linear-gradient(110deg, transparent 35%, rgba(255, 255, 255, .22) 48%, transparent 60%),
    linear-gradient(135deg, rgba(52, 211, 153, .22), rgba(var(--mx-a), .18)) !important;
  background-size: 300% 100%, 100% 100% !important;
  animation: mx-run-sheen 3.6s ease-in-out infinite, mx-run-breathe 2.8s ease-in-out infinite;
}
@keyframes mx-run-sheen { 0%, 55% { background-position: 130% 0, 0 0; } 100% { background-position: -40% 0, 0 0; } }
@keyframes mx-run-breathe {
  0%, 100% { box-shadow: 0 0 0 1px rgba(52, 211, 153, .18), 0 0 18px rgba(52, 211, 153, .22), inset 0 1px 0 rgba(255, 255, 255, .08); }
  50%      { box-shadow: 0 0 0 1px rgba(52, 211, 153, .4), 0 0 34px rgba(52, 211, 153, .45), inset 0 1px 0 rgba(255, 255, 255, .12); }
}
html.dark:not([data-hbot-theme="light"]) .dashboard-hero__action,
html.dark:not([data-hbot-theme="light"]) .dashboard-confidence-card__button,
html.dark:not([data-hbot-theme="light"]) .hbot-aida-open,
html.dark:not([data-hbot-theme="light"]) .dc-btn--primary,
html.dark:not([data-hbot-theme="light"]) .deriv-button__variant--contained {
  transition: transform .18s, box-shadow .2s, filter .2s !important;
}
html.dark:not([data-hbot-theme="light"]) .dashboard-hero__action:hover,
html.dark:not([data-hbot-theme="light"]) .dashboard-confidence-card__button:hover,
html.dark:not([data-hbot-theme="light"]) .hbot-aida-open:hover,
html.dark:not([data-hbot-theme="light"]) .dc-btn--primary:hover,
html.dark:not([data-hbot-theme="light"]) .deriv-button__variant--contained:hover {
  transform: translateY(-1px);
  filter: brightness(1.12);
  box-shadow: 0 0 0 1px rgba(var(--mx-a), .4), 0 0 20px rgba(var(--mx-a), .35) !important;
}
html.dark:not([data-hbot-theme="light"]) .dashboard-hero__action--primary {
  animation: mx-cta 3s ease-in-out infinite;
}
@keyframes mx-cta { 0%, 100% { box-shadow: 0 0 0 1px rgba(var(--mx-a), .25), 0 0 10px rgba(var(--mx-a), .18); } 50% { box-shadow: 0 0 0 1px rgba(var(--mx-a), .5), 0 0 24px rgba(var(--mx-a), .4); } }

/* ---------- floating widgets: soft edge glow ---------- */
html.dark:not([data-hbot-theme="light"]) #hbot-digit-sync-widget,
html.dark:not([data-hbot-theme="light"]) .h-ai__launcher {
  box-shadow: 0 0 0 1px rgba(var(--mx-a), .22), 0 0 22px rgba(var(--mx-a), .16), 0 12px 30px rgba(0, 0, 0, .45) !important;
}
html.dark:not([data-hbot-theme="light"]) #hbot-digit-sync-widget.is-matched {
  box-shadow: 0 0 0 1px rgba(52, 211, 153, .6), 0 0 30px rgba(52, 211, 153, .45), 0 12px 30px rgba(0, 0, 0, .45) !important;
}

/* ---------- scrollbars + focus ---------- */
html.dark:not([data-hbot-theme="light"]) ::-webkit-scrollbar { width: 9px; height: 9px; }
html.dark:not([data-hbot-theme="light"]) ::-webkit-scrollbar-track { background: rgba(255, 255, 255, .02); }
html.dark:not([data-hbot-theme="light"]) ::-webkit-scrollbar-thumb {
  background: linear-gradient(180deg, rgba(var(--mx-a), .55), rgba(var(--mx-b), .55));
  border-radius: 9px;
  box-shadow: 0 0 8px rgba(var(--mx-a), .5);
}
html.dark:not([data-hbot-theme="light"]) :focus-visible {
  outline: 2px solid rgba(var(--mx-a), .8) !important;
  outline-offset: 2px;
  box-shadow: 0 0 14px rgba(var(--mx-a), .45) !important;
}

@media (prefers-reduced-motion: reduce) {
  html.dark:not([data-hbot-theme="light"]) .hbot-panel,
  html.dark:not([data-hbot-theme="light"]) .dashboard-preset-card,
  html.dark:not([data-hbot-theme="light"]) .dashboard-app-card,
  html.dark:not([data-hbot-theme="light"]) .hbot-strat-card,
  html.dark:not([data-hbot-theme="light"]) .dashboard-hero h2,
  html.dark:not([data-hbot-theme="light"]) .dashboard-app-card__dot,
  html.dark:not([data-hbot-theme="light"]) .dashboard-hero__action--primary,
  html.dark:not([data-hbot-theme="light"]) #hbot-primary-run { animation: none !important; }
}

/* ================= v6: theme sync =================
   Picking a theme in the ⚡ switcher only recoloured the backdrop, tabs and a few accents: panels, cards,
   dialogs, chat bubbles and Digit Sync kept hard-coded navy/indigo, so switching looked like nothing
   happened. Point them at the active palette (--sim-a primary, --sim-b secondary, --sim-d dark tone). */
html.dark:not([data-hbot-theme="light"]) .hbot-panel,
html.dark:not([data-hbot-theme="light"]) .dashboard-hero,
html.dark:not([data-hbot-theme="light"]) .dashboard-summary-card,
html.dark:not([data-hbot-theme="light"]) .dashboard-confidence-card {
  background-color: rgba(var(--sim-d), .84) !important;
  border-color: rgba(var(--sim-a), .2) !important;
}
html.dark:not([data-hbot-theme="light"]) .dashboard-hero {
  background-image:
    radial-gradient(120% 140% at 0% 0%, rgba(var(--sim-a), .16), transparent 55%),
    radial-gradient(120% 140% at 100% 100%, rgba(var(--sim-b), .16), transparent 55%) !important;
}
html.dark:not([data-hbot-theme="light"]) .dashboard-preset-card,
html.dark:not([data-hbot-theme="light"]) .dashboard-app-card {
  background-color: rgba(var(--sim-d), .62) !important;
  border-color: rgba(var(--sim-a), .16) !important;
}
html.dark:not([data-hbot-theme="light"]) .chat-ui__bubble {
  background-image: linear-gradient(135deg, rgba(var(--sim-d), .9), rgba(var(--sim-b), .16)) !important;
  border-color: rgba(var(--sim-b), .38) !important;
}
html.dark:not([data-hbot-theme="light"]) .chat-ui__avatar:not(.hbot-r3d-host) {
  background-image: linear-gradient(135deg, rgb(var(--sim-a)), rgb(var(--sim-b))) !important;
  border-color: rgba(var(--sim-a), .5) !important;
}
html.dark:not([data-hbot-theme="light"]) .dc-dialog__dialog {
  background-image: linear-gradient(145deg, rgba(var(--sim-d), .94), rgba(var(--sim-ink), .96)) !important;
  border-color: rgba(var(--sim-a), .32) !important;
  box-shadow: 0 0 0 1px rgba(var(--sim-a), .12), 0 0 40px rgba(var(--sim-a), .14), 0 24px 60px rgba(0, 0, 0, .55) !important;
}
html.dark:not([data-hbot-theme="light"]) .hbot-strat-card {
  background-color: rgba(var(--sim-d), .8) !important;
}
html.dark:not([data-hbot-theme="light"]) .hbot-strat-filters { background: rgba(var(--sim-d), .93) !important; }

/* Digit Sync: its own colour variables follow the theme */
html.dark:not([data-hbot-theme="light"]) #hbot-digit-sync-widget {
  --ds-cyan: rgb(var(--sim-a));
  --ds-violet: rgb(var(--sim-b));
  background: rgba(var(--sim-d), .97) !important;
  border-color: rgba(var(--sim-a), .45) !important;
}
html.dark:not([data-hbot-theme="light"]) #hbot-digit-sync-widget .hbot-ds-title b { color: rgb(var(--sim-a)) !important; }
html.dark:not([data-hbot-theme="light"]) #hbot-digit-sync-widget .hbot-ds-chip { background: rgba(var(--sim-b), .16) !important; }
html.dark:not([data-hbot-theme="light"]) #hbot-digit-sync-widget .hbot-ds-bar i { background: linear-gradient(90deg, rgb(var(--sim-a)), rgb(var(--sim-b))) !important; }
html.dark:not([data-hbot-theme="light"]) #hbot-digit-sync-widget .hbot-ds-strip span.is-hit { background: rgba(var(--sim-b), .26) !important; }
html.dark:not([data-hbot-theme="light"]) #hbot-digit-sync-widget .hbot-ds-strip span:last-child { box-shadow: inset 0 0 0 1px rgba(var(--sim-a), .6) !important; }