/* ALPHA Theme Surfaces — token-driven backgrounds (no inline style) */

html[data-theme="dark"]{
  --alpha-s-border:rgba(255,255,255,.10);
  --alpha-s-shell-bg:linear-gradient(145deg,rgba(20,10,35,.92),rgba(3,8,15,.98));
  --alpha-s-shell-border:rgba(192,132,252,.35);
  --alpha-s-shell-shadow:0 0 22px rgba(147,51,234,.12);
  --alpha-s-suggest-bg:rgba(3,8,15,.98);
  --alpha-s-suggest-border:rgba(0,255,210,.35);
  --alpha-s-page-bg:#02050b;
  --alpha-s-hub-bg:linear-gradient(180deg,rgba(5,12,22,.96),rgba(2,6,13,.98));
  --alpha-s-hub-border:rgba(255,255,255,.10);
  --alpha-s-hub-shadow:0 0 45px rgba(0,255,213,.08);
  --alpha-s-hub-history-bg:linear-gradient(145deg,#16051f,#2a0a38);
  --alpha-s-hub-history-border:rgba(255,80,220,.45);
  --alpha-s-hub-beta-bg:linear-gradient(145deg,#022016,#05351f);
  --alpha-s-hub-beta-border:rgba(0,255,136,.45);
  --alpha-s-hub-beta-shadow:0 0 22px rgba(0,255,136,.16);
  --alpha-s-hub-market-bg:linear-gradient(145deg,#020d1a,#041020);
  --alpha-s-hub-short-bg:linear-gradient(145deg,#0d0a1a,#150d2a);
  --alpha-s-hub-short-border:rgba(139,92,246,.6);
  --alpha-s-hub-stats-bg:rgba(255,255,255,.03);
  --alpha-s-hub-stats-border:rgba(255,255,255,.10);
  --alpha-s-hub-long-bg:linear-gradient(145deg,#001428,#001e3a);
  --alpha-s-hub-long-border:rgba(0,140,255,.5);
  --alpha-s-hub-long-shadow:0 0 16px rgba(0,140,255,.10);
  --alpha-s-hub-cell-bg:rgba(255,255,255,.04);
  --alpha-s-hub-perf-bg:linear-gradient(145deg,rgba(8,14,24,.96),rgba(3,8,15,.98));
  --alpha-s-teaser-auto-bg:linear-gradient(135deg,rgba(0,255,213,.14),rgba(0,168,150,.10));
  --alpha-s-teaser-auto-border:rgba(0,255,213,.45);
  --alpha-s-teaser-auto-shadow:0 0 22px rgba(0,255,213,.10);
  --alpha-s-teaser-news-bg:linear-gradient(135deg,rgba(255,82,105,.12),rgba(147,51,234,.08));
  --alpha-s-teaser-news-border:rgba(255,82,105,.45);
  --alpha-s-teaser-news-shadow:0 0 18px rgba(255,82,105,.10);
  --alpha-s-nav-bg:linear-gradient(180deg,rgba(8,14,24,.72),rgba(3,8,15,.96));
  --alpha-s-nav-border:rgba(0,230,195,.22);
  --alpha-s-hub-login-bg:linear-gradient(145deg,#020d1a,#041020);
  --alpha-s-hub-login-border:rgba(0,210,255,.35);
  --alpha-s-nav-shadow:0 -8px 32px rgba(0,0,0,.45);
}

html[data-theme="light"]{
  --alpha-s-border:#e2e8f0;
  --alpha-s-shell-bg:linear-gradient(145deg,#ffffff,#f8fafc);
  --alpha-s-shell-border:#e2e8f0;
  --alpha-s-shell-shadow:0 8px 22px rgba(15,23,42,.06);
  --alpha-s-suggest-bg:#ffffff;
  --alpha-s-suggest-border:#cbd5e1;
  --alpha-s-page-bg:#f8fafc;
  --alpha-s-hub-bg:linear-gradient(180deg,#ffffff,#f8fafc);
  --alpha-s-hub-border:#e2e8f0;
  --alpha-s-hub-shadow:0 8px 24px rgba(15,23,42,.06);
  --alpha-s-hub-history-bg:linear-gradient(145deg,#fdf4ff,#faf5ff);
  --alpha-s-hub-history-border:#e9d5ff;
  --alpha-s-hub-beta-bg:linear-gradient(145deg,#ecfdf5,#f0fdf4);
  --alpha-s-hub-beta-border:rgba(13,148,136,.35);
  --alpha-s-hub-beta-shadow:0 8px 20px rgba(15,23,42,.06);
  --alpha-s-hub-market-bg:linear-gradient(145deg,#ffffff,#f1f5f9);
  --alpha-s-hub-short-bg:linear-gradient(145deg,#faf5ff,#f5f3ff);
  --alpha-s-hub-short-border:#ddd6fe;
  --alpha-s-hub-stats-bg:#ffffff;
  --alpha-s-hub-stats-border:#e2e8f0;
  --alpha-s-hub-long-bg:linear-gradient(145deg,#eff6ff,#f8fafc);
  --alpha-s-hub-long-border:#bfdbfe;
  --alpha-s-hub-long-shadow:0 8px 20px rgba(15,23,42,.06);
  --alpha-s-hub-cell-bg:#f1f5f9;
  --alpha-s-hub-perf-bg:linear-gradient(145deg,#ffffff,#f8fafc);
  --alpha-s-teaser-auto-bg:linear-gradient(135deg,rgba(13,148,136,.08),#ffffff);
  --alpha-s-teaser-auto-border:rgba(13,148,136,.28);
  --alpha-s-teaser-auto-shadow:0 8px 20px rgba(15,23,42,.06);
  --alpha-s-teaser-news-bg:linear-gradient(135deg,#fff1f2,#faf5ff);
  --alpha-s-teaser-news-border:#fecdd3;
  --alpha-s-teaser-news-shadow:0 8px 20px rgba(15,23,42,.06);
  --alpha-s-nav-bg:linear-gradient(180deg,rgba(255,255,255,.96),rgba(248,250,252,.98));
  --alpha-s-nav-border:#e2e8f0;
  --alpha-s-hub-login-bg:linear-gradient(145deg,#ffffff,#f0fdfa);
  --alpha-s-hub-login-border:rgba(13,148,136,.28);
  --alpha-s-nav-shadow:0 -4px 20px rgba(15,23,42,.08);
}

html[data-theme="dark"] body,
html[data-theme="dark"] html{
  background:var(--alpha-s-page-bg);
}

html[data-theme="light"] body,
html[data-theme="light"] html{
  background:var(--alpha-s-page-bg);
  color:var(--alpha-t-body);
}

.alpha-top-disclaimer{
  font-size:11px;
  text-align:center;
  padding:7px 10px;
  margin:0 0 10px;
  border-bottom:1px solid var(--alpha-s-border);
  line-height:1.5;
  color:var(--alpha-t-footer-muted);
}

.p38-my-shell{
  margin:16px 0;
  padding:18px;
  border-radius:22px;
  background:var(--alpha-s-shell-bg);
  border:1.5px solid var(--alpha-s-shell-border);
  box-shadow:var(--alpha-s-shell-shadow);
}

.p38-my-heading{
  font-size:21px;
  font-weight:1000;
  color:var(--alpha-t-title);
  margin-bottom:4px;
}

.alpha-site-footer{
  margin:60px auto 90px;
  padding:24px 18px;
  max-width:960px;
  border-top:1px solid var(--alpha-s-border);
  color:var(--alpha-t-footer);
  font-size:13px;
  line-height:1.8;
  text-align:center;
}

.alpha-footer-brand{
  font-weight:800;
  color:var(--alpha-t-title);
  margin-bottom:8px;
}

.alpha-footer-links{
  margin-top:10px;
}

.alpha-footer-links a{
  margin:0 8px;
  text-decoration:none;
  color:var(--alpha-t-footer-link);
}

.alpha-footer-disclaimer{
  margin-top:12px;
  color:var(--alpha-t-footer-muted);
}

.alpha-footer-copy{
  margin-top:8px;
  font-size:11px;
  color:var(--alpha-t-footer);
}

.alpha-search-suggest{
  position:absolute;
  top:52px;
  left:0;
  width:100%;
  background:var(--alpha-s-suggest-bg);
  border:1px solid var(--alpha-s-suggest-border);
  border-radius:18px;
  z-index:999999;
  overflow:hidden;
}

html[data-theme="dark"] .app{
  background:radial-gradient(circle at 12% 2%,rgba(0,255,149,.13),transparent 26%),radial-gradient(circle at 92% 26%,rgba(0,153,255,.12),transparent 23%),linear-gradient(180deg,#04110d 0%,#02050b 100%);
}

html[data-theme="light"] .app{
  background:linear-gradient(180deg,#eef2f7 0%,#f8fafc 48%,#ffffff 100%);
  color:var(--alpha-t-body);
}

/* Bottom nav — token override (replaces inline dark gradient) */
html[data-theme="light"] .p47-bottom-nav,
html[data-theme="dark"] .p47-bottom-nav{
  background:var(--alpha-s-nav-bg);
  border-top-color:var(--alpha-s-nav-border);
  box-shadow:var(--alpha-s-nav-shadow);
}

/* V2 Hub container */
html[data-theme="light"] .alpha-v2-hub,
html[data-theme="dark"] .alpha-v2-hub{
  background:var(--alpha-s-hub-bg);
  border-color:var(--alpha-s-hub-border);
  box-shadow:var(--alpha-s-hub-shadow);
}

/* Hub cards */
.alpha-hub-card{
  padding:16px 18px;
  border-radius:20px;
  cursor:pointer;
}
.alpha-hub-card--history{
  background:var(--alpha-s-hub-history-bg);
  border:2px solid var(--alpha-s-hub-history-border);
}
.alpha-hub-card--beta{
  background:var(--alpha-s-hub-beta-bg);
  border:2px solid var(--alpha-s-hub-beta-border);
  box-shadow:var(--alpha-s-hub-beta-shadow);
}
.alpha-hub-card--market{
  padding:16px;
  border:none;
  cursor:default;
  background:var(--alpha-s-hub-market-bg);
}
.alpha-hub-card--short{
  padding:16px;
  background:var(--alpha-s-hub-short-bg);
  border:1.5px solid var(--alpha-s-hub-short-border);
}
.alpha-hub-card--stats{
  padding:14px;
  border-radius:18px;
  cursor:default;
  background:var(--alpha-s-hub-stats-bg);
  border:1px solid var(--alpha-s-hub-stats-border);
}
.alpha-hub-card--long{
  padding:18px;
  background:var(--alpha-s-hub-long-bg);
  border:1.5px solid var(--alpha-s-hub-long-border);
  box-shadow:var(--alpha-s-hub-long-shadow);
}
.alpha-hub-stat-cell{
  text-align:center;
  padding:8px;
  border-radius:12px;
  background:var(--alpha-s-hub-cell-bg);
}
html[data-theme="light"] .home-perf-card{
  background:var(--alpha-s-hub-perf-bg);
  border-color:var(--alpha-s-border);
  box-shadow:0 4px 14px rgba(15,23,42,.05);
}

/* Hub teasers */
.alpha-hub-teaser{
  cursor:pointer;
  margin-top:14px;
  padding:18px 20px;
  border-radius:22px;
}
.alpha-hub-teaser--auto{
  background:var(--alpha-s-teaser-auto-bg);
  border:1.5px solid var(--alpha-s-teaser-auto-border);
  box-shadow:var(--alpha-s-teaser-auto-shadow);
}
.alpha-hub-login-banner{
  cursor:pointer;
  margin:16px 0;
  padding:24px 20px;
  border-radius:24px;
  text-align:center;
  background:var(--alpha-s-hub-login-bg);
  border:1.5px solid var(--alpha-s-hub-login-border);
}