html, body {
  max-width: 100vw;
  overflow-x: hidden;
}

#root {
  max-width: 100vw;
  overflow-x: hidden;
}

/* ── Skeleton shimmer animation ── */
@keyframes shimmer {
  0% { background-position: -400px 0; }
  100% { background-position: 400px 0; }
}

.skeleton {
  background: linear-gradient(90deg, #f1f5f9 25%, #e2e8f0 50%, #f1f5f9 75%);
  background-size: 800px 100%;
  animation: shimmer 1.5s ease-in-out infinite;
  border-radius: 8px;
}

.signalx-help-root[data-theme="dark"] .skeleton {
  background: linear-gradient(90deg, #1e1e1e 25%, #2a2a2a 50%, #1e1e1e 75%);
  background-size: 800px 100%;
}

/* ── Scroll-to-top button ── */
.scroll-to-top-btn {
  position: fixed;
  bottom: 2rem;
  right: 2rem;
  width: 40px;
  height: 40px;
  border-radius: 50%;
  background: #1d9bf0;
  color: white;
  border: none;
  cursor: pointer;
  display: flex;
  align-items: center;
  justify-content: center;
  box-shadow: 0 4px 14px rgba(29, 155, 241, 0.35);
  opacity: 0;
  transform: translateY(12px);
  transition: opacity 0.25s ease, transform 0.25s ease, background-color 0.15s ease;
  pointer-events: none;
  z-index: 40;
}

.scroll-to-top-btn.visible {
  opacity: 1;
  transform: translateY(0);
  pointer-events: auto;
}

.scroll-to-top-btn:hover {
  background: #1182ce;
  box-shadow: 0 6px 20px rgba(29, 155, 241, 0.45);
}

.scroll-to-top-btn:active {
  transform: translateY(1px);
}

/* ── Print styles — hide navigation chrome ── */
@media print {
  nav, aside, .scroll-to-top-btn, footer, .theme-toggle-icon {
    display: none !important;
  }
  main {
    margin: 0 !important;
    padding: 0 !important;
    overflow: visible !important;
    height: auto !important;
  }
  .signalx-help-root {
    background: white !important;
  }
}
.signalx-help-root {
  --hc-bg: #f8fafc;
  --hc-surface: #ffffff;
  --hc-surface-muted: #f8fafc;
  --hc-surface-strong: #e2e8f0;
  --hc-border: #e2e8f0;
  --hc-border-strong: #cbd5e1;
  --hc-border-soft: #f1f5f9;
  --hc-text: #0f172a;
  --hc-text-muted: #64748b;
  --hc-text-soft: #94a3b8;
  --hc-shadow: 0 24px 60px rgba(15, 23, 42, 0.08);
  --hc-scroll-track: #f1f5f9;
  --hc-scroll-thumb: #cbd5e1;
  background:
    radial-gradient(circle at top left, rgba(29, 155, 241, 0.08), transparent 30%),
    radial-gradient(circle at top right, rgba(16, 185, 129, 0.05), transparent 24%),
    var(--hc-bg);
  color: var(--hc-text);
  transition:
    background-color 220ms ease,
    color 220ms ease,
    border-color 220ms ease;
}

/* ── Theme Media Upload Classes ── */
.hc-theme-media .hc-dark-media { display: none !important; }
.hc-theme-media .hc-light-media { display: block !important; }
.signalx-help-root[data-theme="dark"] .hc-theme-media .hc-light-media { display: none !important; }
.signalx-help-root[data-theme="dark"] .hc-theme-media .hc-dark-media { display: block !important; }

.signalx-help-root[data-theme="dark"] {
  --hc-bg: #0f0f0f;
  --hc-surface: rgba(20, 20, 20, 0.94);
  --hc-surface-muted: rgba(24, 24, 24, 0.84);
  --hc-surface-strong: #1f1f1f;
  --hc-border: rgba(255, 255, 255, 0.08);
  --hc-border-strong: rgba(255, 255, 255, 0.14);
  --hc-border-soft: rgba(255, 255, 255, 0.05);
  --hc-text: #f5f5f5;
  --hc-text-muted: #d4d4d8;
  --hc-text-soft: #a1a1aa;
  --hc-shadow: 0 24px 70px rgba(0, 0, 0, 0.5);
  --hc-scroll-track: #151515;
  --hc-scroll-thumb: #2f2f2f;
  background:
    radial-gradient(circle at top left, rgba(29, 155, 241, 0.1), transparent 28%),
    radial-gradient(circle at top right, rgba(255, 255, 255, 0.04), transparent 24%),
    linear-gradient(180deg, #0f0f0f 0%, #121212 100%);
}

.signalx-help-root .custom-scrollbar::-webkit-scrollbar-track {
  background: var(--hc-scroll-track);
}

.signalx-help-root .custom-scrollbar::-webkit-scrollbar-thumb {
  background: var(--hc-scroll-thumb);
  border-radius: 10px;
}

.signalx-help-root[data-theme="dark"] input,
.signalx-help-root[data-theme="dark"] textarea,
.signalx-help-root[data-theme="dark"] select {
  color: var(--hc-text);
  caret-color: #38bdf8;
}

.signalx-help-root[data-theme="dark"] input::placeholder,
.signalx-help-root[data-theme="dark"] textarea::placeholder {
  color: var(--hc-text-soft);
}

.signalx-help-root[data-theme="dark"] [class~="bg-white"] {
  background-color: var(--hc-surface) !important;
}

.signalx-help-root[data-theme="dark"] [class~="bg-white/80"],
.signalx-help-root[data-theme="dark"] [class~="bg-white/90"] {
  background-color: rgba(10, 18, 33, 0.8) !important;
}

.signalx-help-root[data-theme="dark"] [class~="bg-slate-50"],
.signalx-help-root[data-theme="dark"] [class~="bg-gray-50"],
.signalx-help-root[data-theme="dark"] [class~="bg-slate-50/50"],
.signalx-help-root[data-theme="dark"] [class~="bg-slate-50/60"] {
  background-color: var(--hc-surface-muted) !important;
}

.signalx-help-root[data-theme="dark"] [class~="bg-slate-100"],
.signalx-help-root[data-theme="dark"] [class~="bg-gray-100"] {
  background-color: var(--hc-surface-strong) !important;
}

.signalx-help-root[data-theme="dark"] [class~="bg-slate-200"],
.signalx-help-root[data-theme="dark"] [class~="bg-gray-300"] {
  background-color: #2a2a2a !important;
}

.signalx-help-root[data-theme="dark"] [class~="text-slate-900"],
.signalx-help-root[data-theme="dark"] [class~="text-slate-800"],
.signalx-help-root[data-theme="dark"] [class~="text-slate-700"],
.signalx-help-root[data-theme="dark"] [class~="text-gray-900"] {
  color: var(--hc-text) !important;
}

.signalx-help-root[data-theme="dark"] [class~="text-slate-600"],
.signalx-help-root[data-theme="dark"] [class~="text-slate-500"],
.signalx-help-root[data-theme="dark"] [class~="text-gray-500"] {
  color: var(--hc-text-muted) !important;
}

.signalx-help-root[data-theme="dark"] [class~="text-slate-400"],
.signalx-help-root[data-theme="dark"] [class~="text-slate-300"],
.signalx-help-root[data-theme="dark"] [class~="text-slate-200"],
.signalx-help-root[data-theme="dark"] [class~="text-gray-400"] {
  color: var(--hc-text-soft) !important;
}

.signalx-help-root[data-theme="dark"] [class~="border-slate-50"],
.signalx-help-root[data-theme="dark"] [class~="border-slate-100"],
.signalx-help-root[data-theme="dark"] [class~="border-gray-100"] {
  border-color: var(--hc-border) !important;
}

.signalx-help-root[data-theme="dark"] [class~="border-slate-200"],
.signalx-help-root[data-theme="dark"] [class~="border-slate-300"],
.signalx-help-root[data-theme="dark"] [class~="border-gray-300"] {
  border-color: var(--hc-border-strong) !important;
}

.signalx-help-root[data-theme="dark"] [class~="divide-slate-100"] > :not([hidden]) ~ :not([hidden]),
.signalx-help-root[data-theme="dark"] [class~="divide-slate-50"] > :not([hidden]) ~ :not([hidden]) {
  border-color: var(--hc-border) !important;
}

.signalx-help-root[data-theme="dark"] [class~="shadow"],
.signalx-help-root[data-theme="dark"] [class~="shadow-sm"],
.signalx-help-root[data-theme="dark"] [class~="shadow-md"],
.signalx-help-root[data-theme="dark"] [class~="shadow-lg"],
.signalx-help-root[data-theme="dark"] [class~="shadow-xl"],
.signalx-help-root[data-theme="dark"] [class~="shadow-2xl"] {
  box-shadow: var(--hc-shadow) !important;
}

.signalx-help-root[data-theme="dark"] [class~="hover:bg-slate-50"]:hover,
.signalx-help-root[data-theme="dark"] [class~="hover:bg-slate-50/60"]:hover,
.signalx-help-root[data-theme="dark"] [class~="hover:bg-slate-100"]:hover,
.signalx-help-root[data-theme="dark"] [class~="hover:bg-white"]:hover {
  background-color: rgba(30, 41, 59, 0.82) !important;
}

.signalx-help-root[data-theme="dark"] [class~="hover:bg-blue-50"]:hover {
  background-color: rgba(59, 130, 246, 0.16) !important;
}

.signalx-help-root[data-theme="dark"] [class~="hover:bg-red-50"]:hover {
  background-color: rgba(239, 68, 68, 0.16) !important;
}

.signalx-help-root[data-theme="dark"] [class~="hover:border-slate-200"]:hover {
  border-color: rgba(148, 163, 184, 0.28) !important;
}

.signalx-help-root[data-theme="dark"] [class~="hover:border-blue-200"]:hover {
  border-color: rgba(96, 165, 250, 0.45) !important;
}

.signalx-help-root[data-theme="dark"] [class~="hover:border-indigo-200"]:hover {
  border-color: rgba(129, 140, 248, 0.45) !important;
}

.signalx-help-root[data-theme="dark"] [class~="hover:border-emerald-200"]:hover {
  border-color: rgba(52, 211, 153, 0.45) !important;
}

.signalx-help-root[data-theme="dark"] .group:hover [class~="group-hover:bg-emerald-50"] {
  background-color: rgba(16, 185, 129, 0.12) !important;
}

.signalx-help-root[data-theme="dark"] .group:hover [class~="group-hover:bg-emerald-100"] {
  background-color: rgba(16, 185, 129, 0.18) !important;
}

.signalx-help-root[data-theme="dark"] .group:hover [class~="group-hover:bg-amber-100"] {
  background-color: rgba(245, 158, 11, 0.18) !important;
}

.signalx-help-root[data-theme="dark"] .group:hover [class~="group-hover:bg-indigo-100"] {
  background-color: rgba(99, 102, 241, 0.18) !important;
}

.signalx-help-root[data-theme="dark"] [class~="bg-blue-50"] {
  background-color: rgba(59, 130, 246, 0.12) !important;
}

.signalx-help-root[data-theme="dark"] [class~="bg-blue-100"] {
  background-color: rgba(59, 130, 246, 0.18) !important;
}

.signalx-help-root[data-theme="dark"] [class~="text-blue-700"],
.signalx-help-root[data-theme="dark"] [class~="text-blue-600"],
.signalx-help-root[data-theme="dark"] [class~="text-blue-500"] {
  color: #93c5fd !important;
}

.signalx-help-root[data-theme="dark"] [class~="border-blue-100"],
.signalx-help-root[data-theme="dark"] [class~="border-blue-200"],
.signalx-help-root[data-theme="dark"] [class~="border-blue-300"] {
  border-color: rgba(96, 165, 250, 0.3) !important;
}

.signalx-help-root[data-theme="dark"] [class~="bg-cyan-50"] {
  background-color: rgba(6, 182, 212, 0.12) !important;
}

.signalx-help-root[data-theme="dark"] [class~="bg-cyan-100"] {
  background-color: rgba(6, 182, 212, 0.18) !important;
}

.signalx-help-root[data-theme="dark"] [class~="text-cyan-700"],
.signalx-help-root[data-theme="dark"] [class~="text-cyan-600"] {
  color: #67e8f9 !important;
}

.signalx-help-root[data-theme="dark"] [class~="border-cyan-100"],
.signalx-help-root[data-theme="dark"] [class~="border-cyan-200"] {
  border-color: rgba(34, 211, 238, 0.28) !important;
}

.signalx-help-root[data-theme="dark"] [class~="bg-emerald-50"] {
  background-color: rgba(16, 185, 129, 0.12) !important;
}

.signalx-help-root[data-theme="dark"] [class~="bg-emerald-100"] {
  background-color: rgba(16, 185, 129, 0.18) !important;
}

.signalx-help-root[data-theme="dark"] [class~="text-emerald-700"],
.signalx-help-root[data-theme="dark"] [class~="text-emerald-600"],
.signalx-help-root[data-theme="dark"] [class~="text-emerald-500"] {
  color: #6ee7b7 !important;
}

.signalx-help-root[data-theme="dark"] [class~="border-emerald-100"],
.signalx-help-root[data-theme="dark"] [class~="border-emerald-200"] {
  border-color: rgba(52, 211, 153, 0.3) !important;
}

.signalx-help-root[data-theme="dark"] [class~="bg-indigo-50"] {
  background-color: rgba(99, 102, 241, 0.12) !important;
}

.signalx-help-root[data-theme="dark"] [class~="bg-indigo-100"] {
  background-color: rgba(99, 102, 241, 0.18) !important;
}

.signalx-help-root[data-theme="dark"] [class~="text-indigo-700"],
.signalx-help-root[data-theme="dark"] [class~="text-indigo-600"],
.signalx-help-root[data-theme="dark"] [class~="text-indigo-500"] {
  color: #a5b4fc !important;
}

.signalx-help-root[data-theme="dark"] [class~="border-indigo-100"],
.signalx-help-root[data-theme="dark"] [class~="border-indigo-200"] {
  border-color: rgba(129, 140, 248, 0.3) !important;
}

.signalx-help-root[data-theme="dark"] [class~="bg-violet-50"] {
  background-color: rgba(139, 92, 246, 0.12) !important;
}

.signalx-help-root[data-theme="dark"] [class~="text-violet-700"] {
  color: #c4b5fd !important;
}

.signalx-help-root[data-theme="dark"] [class~="border-violet-200"] {
  border-color: rgba(167, 139, 250, 0.3) !important;
}

.signalx-help-root[data-theme="dark"] [class~="bg-amber-50"],
.signalx-help-root[data-theme="dark"] [class~="bg-orange-50"] {
  background-color: rgba(245, 158, 11, 0.12) !important;
}

.signalx-help-root[data-theme="dark"] [class~="bg-amber-100"],
.signalx-help-root[data-theme="dark"] [class~="bg-orange-100"] {
  background-color: rgba(245, 158, 11, 0.18) !important;
}

.signalx-help-root[data-theme="dark"] [class~="text-amber-700"],
.signalx-help-root[data-theme="dark"] [class~="text-amber-600"],
.signalx-help-root[data-theme="dark"] [class~="text-orange-700"] {
  color: #fcd34d !important;
}

.signalx-help-root[data-theme="dark"] [class~="border-amber-100"],
.signalx-help-root[data-theme="dark"] [class~="border-amber-200"],
.signalx-help-root[data-theme="dark"] [class~="border-orange-200"] {
  border-color: rgba(251, 191, 36, 0.3) !important;
}

.signalx-help-root[data-theme="dark"] [class~="bg-red-50"] {
  background-color: rgba(239, 68, 68, 0.12) !important;
}

.signalx-help-root[data-theme="dark"] [class~="bg-red-100"] {
  background-color: rgba(239, 68, 68, 0.18) !important;
}

.signalx-help-root[data-theme="dark"] [class~="text-red-700"],
.signalx-help-root[data-theme="dark"] [class~="text-red-600"] {
  color: #fca5a5 !important;
}

.signalx-help-root[data-theme="dark"] [class~="border-red-100"],
.signalx-help-root[data-theme="dark"] [class~="border-red-200"] {
  border-color: rgba(248, 113, 113, 0.3) !important;
}

.theme-toggle-icon {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  width: 2.1rem;
  height: 2.1rem;
  border: 1px solid rgba(148, 163, 184, 0.18);
  border-radius: 999px;
  padding: 0;
  background: rgba(255, 255, 255, 0.88);
  color: #64748b;
  line-height: 1;
  cursor: pointer;
  transition:
    background-color 180ms ease,
    border-color 180ms ease,
    color 180ms ease,
    transform 180ms ease,
    box-shadow 180ms ease;
}

.theme-toggle-icon:hover {
  background: rgba(29, 155, 241, 0.08);
  border-color: rgba(29, 155, 241, 0.28);
  color: #1d9bf1;
}

.theme-toggle-icon:active {
  transform: translateY(1px);
}

.signalx-help-root[data-theme="dark"] .theme-toggle-icon {
  border-color: rgba(255, 255, 255, 0.08);
  background: rgba(15, 15, 15, 0.88);
  color: #cbd5e1;
  box-shadow: var(--hc-shadow);
}

.signalx-help-root[data-theme="dark"] .theme-toggle-icon:hover {
  background: rgba(29, 155, 241, 0.14);
  border-color: rgba(96, 165, 250, 0.32);
  color: #e0f2fe;
}

.strategy-summary-card {
  transition: background-color 180ms ease, border-color 180ms ease, color 180ms ease;
}

.signalx-help-root[data-theme="dark"] .strategy-summary-card {
  color: #cbd5e1 !important;
}

.signalx-help-root[data-theme="dark"] .strategy-summary-card .card-label,
.signalx-help-root[data-theme="dark"] .strategy-summary-card .card-desc {
  color: #94a3b8 !important;
}

.signalx-help-root[data-theme="dark"] .strategy-summary-card .card-value {
  color: #f8fafc !important;
}

.signalx-help-root[data-theme="dark"] .option-chain-table {
  background-color: rgba(18, 18, 18, 0.98) !important;
  border-color: rgba(255, 255, 255, 0.12) !important;
}

.signalx-help-root[data-theme="dark"] .option-chain-table [class~="bg-slate-50"] {
  background-color: rgba(28, 28, 28, 0.98) !important;
}

.signalx-help-root[data-theme="dark"] .option-chain-table [class~="hover:bg-slate-50/60"]:hover {
  background-color: rgba(34, 34, 34, 0.98) !important;
}

.signalx-help-root[data-theme="dark"] .option-chain-greek-card {
  background-color: rgba(22, 22, 22, 0.98) !important;
  border-color: rgba(255, 255, 255, 0.12) !important;
}

.signalx-help-root[data-theme="dark"] .option-chain-note {
  background-color: rgba(29, 155, 241, 0.11) !important;
  border-color: rgba(29, 155, 241, 0.24) !important;
}

.signalx-help-root[data-theme="dark"] .release-feature-card {
  background-image: linear-gradient(
    135deg,
    rgba(16, 185, 129, 0.12),
    rgba(6, 182, 212, 0.06)
  );
  border-color: rgba(52, 211, 153, 0.24) !important;
}

/* Ensure Tailwind prose does not override Material Icons */
.material-icons, .material-icons-round {
  font-family: 'Material Icons' !important;
  font-weight: normal !important;
  font-style: normal !important;
}

.custom-scrollbar::-webkit-scrollbar { width: 4px; }
.custom-scrollbar::-webkit-scrollbar-track { background: #f1f1f1; }
.custom-scrollbar::-webkit-scrollbar-thumb { background: #e2e8f0; border-radius: 10px; }
@keyframes fadeIn { from { opacity: 0; transform: translateY(-8px); } to { opacity: 1; transform: translateY(0); } }
.animate-fadeIn { animation: fadeIn 0.2s ease-out; }
@keyframes pageIn { from { opacity: 0; transform: translateY(12px); } to { opacity: 1; transform: translateY(0); } }
.page-enter { animation: pageIn 0.35s ease forwards; }


/* Smooth accordion collapse */
.collapse-transition {
  display: grid;
  grid-template-rows: 0fr;
  transition: grid-template-rows 250ms cubic-bezier(0.4, 0, 0.2, 1);
}
.collapse-transition.expanded {
  grid-template-rows: 1fr;
}
.collapse-transition > div {
  overflow: hidden;
  min-height: 0;
}