/* Ambient light stays around the workspace; chart canvases remain neutral. */
#workspace-main {
  background: radial-gradient(ellipse 85% 450px at 8% 0%, rgba(209, 137, 82, .12), transparent 70%),
              radial-gradient(ellipse 50% 350px at 100% 5%, rgba(95, 224, 203, .045), transparent 75%), #090909;
}
#workspace-topbar {
  background: linear-gradient(100deg, rgba(26, 22, 19, .95), rgba(17, 20, 21, .95));
  box-shadow: 0 1px 0 rgba(255, 181, 121, .09);
}
#workspace-navigation [aria-selected="true"] {
  background: linear-gradient(100deg, rgba(205, 149, 107, .22), rgba(205, 149, 107, .04));
  box-shadow: inset 0 0 16px rgba(255, 181, 121, .04), 0 0 18px rgba(205, 149, 107, .06);
}
#research-hero {
  background: radial-gradient(ellipse at 0% 0%, rgba(255, 181, 121, .14), transparent 60%),
              radial-gradient(ellipse at 100% 80%, rgba(95, 224, 203, .09), transparent 60%), #151617;
  box-shadow: 0 12px 40px rgba(0, 0, 0, .28), inset 0 1px 0 rgba(255, 209, 174, .12);
}
#feature-stock { background: linear-gradient(145deg, rgba(205, 149, 107, .10), transparent 65%), #161719; }
#feature-bot { background: linear-gradient(145deg, rgba(95, 224, 203, .085), transparent 65%), #161719; }
#feature-ipo { background: linear-gradient(145deg, rgba(185, 161, 255, .09), transparent 65%), #161719; }
#price-chart { box-shadow: 0 6px 28px rgba(0, 0, 0, .22); }
[role="button"], [role="link"] {
  transition: filter 140ms ease, box-shadow 140ms ease, border-color 140ms ease;
}
[role="button"][aria-selected="true"] { box-shadow: inset 0 1px 0 rgba(255, 255, 255, .08), 0 0 12px rgba(205, 149, 107, .08); }
@media (hover: hover) {
  [role="button"]:not([aria-disabled="true"]):hover,
  [role="link"]:hover { filter: brightness(1.14); }
  #feature-stock:hover { border-color: #FFB579; box-shadow: 0 4px 24px rgba(255, 181, 121, .12); }
  #feature-bot:hover { border-color: #5FE0CB; box-shadow: 0 4px 24px rgba(95, 224, 203, .12); }
  #feature-ipo:hover { border-color: #B9A1FF; box-shadow: 0 4px 24px rgba(185, 161, 255, .12); }
}
:focus-visible { outline: 2px solid #7FE8D2; outline-offset: 3px; }
@media (prefers-reduced-motion: reduce) {
  [role="button"], [role="link"] { transition: none; }
}