.notification-button,
.theme-switch {
  border-color: transparent !important;
  background: transparent !important;
  box-shadow: none !important;
}

:root[data-theme="light"] .notification-button,
:root[data-theme="light"] .theme-switch {
  color: #101828 !important;
  background: transparent !important;
}

:root[data-theme="dark"] .notification-button,
:root[data-theme="dark"] .theme-switch {
  color: #ffffff !important;
  background: transparent !important;
}

.notification-button::after {
  display: none !important;
}

.topbar nav {
  padding-right: 18px;
}

.profile-menu {
  margin-left: 10px;
}

.topbar nav .nav-analyst,
.nav-analyst {
  color: #ffffff !important;
  background:
    radial-gradient(circle at 18% 18%, rgba(255, 255, 255, 0.32), transparent 24%),
    linear-gradient(135deg, #7c3aed 0%, #2563eb 36%, #0891b2 70%, #0f766e 100%) !important;
  box-shadow:
    0 18px 40px rgba(37, 99, 235, 0.32),
    0 0 22px rgba(124, 58, 237, 0.24),
    inset 0 1px 0 rgba(255, 255, 255, 0.28) !important;
}

.analysis-teaser-button,
.hero-analyst {
  position: relative;
  overflow: hidden;
  transition: transform 180ms ease, box-shadow 180ms ease, filter 180ms ease;
}

.analysis-teaser-button {
  background:
    radial-gradient(circle at 20% 20%, rgba(255, 255, 255, 0.28), transparent 25%),
    linear-gradient(135deg, #7c3aed 0%, #4f46e5 45%, #0ea5e9 100%) !important;
  box-shadow: 0 18px 34px rgba(79, 70, 229, 0.28), 0 0 24px rgba(124, 58, 237, 0.22) !important;
}

.hero-analyst {
  background:
    radial-gradient(circle at 18% 20%, rgba(255, 255, 255, 0.25), transparent 26%),
    linear-gradient(135deg, #155eef 0%, #0ea5e9 46%, #0f766e 100%) !important;
  box-shadow: 0 18px 34px rgba(14, 165, 233, 0.24), 0 0 24px rgba(15, 118, 110, 0.22) !important;
}

.analysis-teaser-button:hover,
.hero-analyst:hover {
  transform: translateY(-2px);
  filter: saturate(1.08);
}

.profile-menu:not(.open) .profile-dropdown,
.profile-menu:not(.open):focus-within .profile-dropdown {
  display: none !important;
}

.profile-menu.open .profile-dropdown,
.profile-menu.open:focus-within .profile-dropdown {
  display: grid !important;
}

.brand-finale {
  display: none !important;
}

/* 2026-05-29 home hero AI-space field */
.hero-copy {
  isolation: isolate;
  background:
    radial-gradient(ellipse at 78% 46%, rgba(134, 76, 255, 0.22), transparent 32%),
    radial-gradient(ellipse at 18% 60%, rgba(20, 184, 166, 0.16), transparent 34%),
    linear-gradient(115deg, #050a13 0%, #091422 38%, #171032 68%, #070a13 100%) !important;
}

.hero-copy::before {
  z-index: 0;
  background:
    repeating-linear-gradient(90deg, rgba(122, 167, 255, 0.075) 0 1px, transparent 1px 56px),
    repeating-linear-gradient(0deg, rgba(20, 184, 166, 0.052) 0 1px, transparent 1px 50px) !important;
  animation: homeGridFloat 34s linear infinite;
}

.hero-copy::after {
  z-index: 0;
  height: 100% !important;
  background:
    linear-gradient(180deg, rgba(2, 6, 23, 0.1), rgba(2, 6, 23, 0.62)),
    radial-gradient(ellipse at 50% 50%, transparent 0 48%, rgba(2, 6, 23, 0.58) 100%) !important;
}

.hero-live-scene {
  z-index: 0;
  overflow: hidden;
}

.hero-live-scene::before,
.hero-live-scene::after {
  content: "";
  position: absolute;
  inset: -20%;
  pointer-events: none;
}

.hero-live-scene::before {
  background-image:
    radial-gradient(circle, rgba(255, 255, 255, 0.95) 0 1px, transparent 1.8px),
    radial-gradient(circle, rgba(157, 188, 255, 0.78) 0 1px, transparent 2px),
    radial-gradient(circle, rgba(95, 240, 165, 0.55) 0 1px, transparent 2.2px);
  background-size: 92px 92px, 137px 137px, 211px 211px;
  background-position: 0 0, 36px 18px, 78px 42px;
  opacity: 0.58;
  filter: drop-shadow(0 0 5px rgba(157, 188, 255, 0.45));
  animation: homeStarsDrift 48s linear infinite;
}

.hero-live-scene::after {
  inset: auto -6% 6% 48%;
  width: min(720px, 48vw);
  height: min(520px, 72%);
  background:
    linear-gradient(58deg, transparent 0 22%, rgba(34, 211, 238, 0.24) 22.2% 22.6%, transparent 22.8% 51%, rgba(168, 85, 247, 0.3) 51.2% 51.7%, transparent 51.9%),
    linear-gradient(130deg, transparent 0 34%, rgba(20, 184, 166, 0.2) 34.2% 34.7%, transparent 34.9% 69%, rgba(217, 70, 239, 0.26) 69.2% 69.8%, transparent 70%),
    repeating-radial-gradient(circle at 46% 50%, rgba(34, 211, 238, 0.22) 0 2px, transparent 2px 14px);
  border: 1px solid rgba(34, 211, 238, 0.2);
  clip-path: polygon(12% 40%, 28% 9%, 68% 4%, 92% 32%, 90% 75%, 57% 95%, 18% 82%, 3% 58%);
  opacity: 0.48;
  transform: perspective(900px) rotateY(-18deg) rotateZ(-6deg);
  animation: homeNeuralFloat 16s ease-in-out infinite alternate;
}

.pulse-line {
  z-index: 1;
  animation: homeSignalSweep 13s ease-in-out infinite alternate;
}

.line-two {
  animation-delay: -2.5s;
}

.line-three {
  animation-delay: -5s;
}

.market-orbit {
  z-index: 1;
  right: clamp(18px, 7vw, 140px) !important;
  bottom: clamp(18px, 9vw, 118px) !important;
  width: min(360px, 30vw) !important;
  border-color: rgba(129, 140, 248, 0.32) !important;
  background:
    linear-gradient(90deg, transparent 48%, rgba(34, 211, 238, 0.32) 49% 51%, transparent 52%),
    linear-gradient(0deg, transparent 48%, rgba(168, 85, 247, 0.3) 49% 51%, transparent 52%),
    conic-gradient(from 120deg, rgba(34, 211, 238, 0), rgba(34, 211, 238, 0.22), rgba(168, 85, 247, 0.3), rgba(20, 184, 166, 0.16), rgba(34, 211, 238, 0)) !important;
  box-shadow:
    0 0 38px rgba(34, 211, 238, 0.18),
    inset 0 0 46px rgba(168, 85, 247, 0.1);
  animation: advancedOrbit 46s linear infinite, homeOrbitBreath 8s ease-in-out infinite alternate !important;
}

.hero-copy > .eyebrow,
.hero-copy > h1,
.hero-copy > .lede,
.hero-actions,
.search-panel,
.ticker-strip {
  z-index: 2;
}

.hero-copy .analysis-teaser-button,
.hero-copy .hero-analyst {
  display: inline-flex !important;
  width: min(330px, calc(50vw - 38px)) !important;
  min-width: 255px !important;
  min-height: 72px !important;
  border: 1px solid rgba(192, 132, 252, 0.92) !important;
  border-radius: 999px !important;
  padding: 12px 58px 12px 28px !important;
  color: #ffffff !important;
  background:
    radial-gradient(circle at 22% 18%, rgba(255, 255, 255, 0.16), transparent 28%),
    linear-gradient(180deg, rgba(17, 14, 26, 0.72), rgba(3, 3, 12, 0.94)) !important;
  box-shadow:
    0 0 0 1px rgba(255, 255, 255, 0.08) inset,
    0 0 0 4px rgba(126, 34, 206, 0.12),
    0 0 28px rgba(168, 85, 247, 0.78),
    0 14px 44px rgba(88, 28, 135, 0.62) !important;
  cursor: pointer !important;
  backdrop-filter: blur(14px) saturate(1.22);
}

.hero-copy .analysis-teaser-button::before,
.hero-copy .hero-analyst::before {
  content: "" !important;
  position: absolute !important;
  inset: 1px !important;
  border-radius: inherit !important;
  background:
    linear-gradient(105deg, transparent 0 24%, rgba(255, 255, 255, 0.18) 38%, transparent 52%),
    radial-gradient(circle at 50% 120%, rgba(168, 85, 247, 0.28), transparent 52%) !important;
  opacity: 0.66 !important;
  pointer-events: none !important;
  transform: translateX(-18%);
  animation: heroButtonGlassSweep 4.8s ease-in-out infinite;
}

.hero-copy .analysis-teaser-button::after,
.hero-copy .hero-analyst::after {
  content: "\2197" !important;
  position: absolute !important;
  top: 50% !important;
  right: 18px !important;
  display: grid !important;
  width: 30px !important;
  height: 30px !important;
  place-items: center !important;
  border-radius: 999px !important;
  color: #111827 !important;
  background: rgba(255, 255, 255, 0.96) !important;
  box-shadow:
    0 0 16px rgba(255, 255, 255, 0.38),
    0 0 24px rgba(168, 85, 247, 0.48) !important;
  font-size: 18px !important;
  font-weight: 950 !important;
  line-height: 1 !important;
  transform: translateY(-50%) !important;
  pointer-events: none !important;
}

.hero-copy .analysis-teaser-button span,
.hero-copy .analysis-teaser-button small,
.hero-copy .hero-analyst span,
.hero-copy .hero-analyst small {
  position: relative;
  z-index: 1;
}

.hero-copy .analysis-teaser-button small,
.hero-copy .hero-analyst small {
  color: rgba(255, 255, 255, 0.82) !important;
}

.hero-copy .analysis-teaser-button:hover,
.hero-copy .hero-analyst:hover {
  transform: translateY(-3px) scale(1.015) !important;
  filter: saturate(1.12) brightness(1.06) !important;
  box-shadow:
    0 0 0 1px rgba(255, 255, 255, 0.12) inset,
    0 0 0 5px rgba(126, 34, 206, 0.16),
    0 0 34px rgba(192, 132, 252, 0.95),
    0 18px 54px rgba(88, 28, 135, 0.72) !important;
}

.hero-copy .hero-live-scene::before {
  opacity: 0.84;
  background-size: 72px 72px, 118px 118px, 176px 176px;
}

.hero-copy .hero-live-scene::after {
  opacity: 0.62;
}

@keyframes heroButtonGlassSweep {
  0%, 100% {
    transform: translateX(-26%);
    opacity: 0.46;
  }
  48% {
    transform: translateX(18%);
    opacity: 0.82;
  }
}

@media (max-width: 760px) {
  .hero-copy .analysis-teaser-button,
  .hero-copy .hero-analyst {
    width: 100% !important;
    min-width: 0 !important;
    min-height: 66px !important;
  }
}

:root[data-theme="light"] .hero-copy {
  background:
    radial-gradient(ellipse at 76% 44%, rgba(124, 58, 237, 0.18), transparent 35%),
    radial-gradient(ellipse at 20% 58%, rgba(14, 147, 132, 0.14), transparent 36%),
    linear-gradient(115deg, #eff6ff 0%, #ffffff 42%, #eef2ff 100%) !important;
}

:root[data-theme="light"] .hero-live-scene::before {
  opacity: 0.36;
  filter: none;
}

@keyframes homeStarsDrift {
  from {
    transform: translate3d(0, 0, 0);
    background-position: 0 0, 36px 18px, 78px 42px;
  }
  to {
    transform: translate3d(-4%, 8%, 0);
    background-position: -220px 300px, -146px 220px, -82px 180px;
  }
}

@keyframes homeGridFloat {
  from {
    background-position: 0 0, 0 0;
  }
  to {
    background-position: 224px 0, 0 200px;
  }
}

@keyframes homeSignalSweep {
  from {
    transform: translateX(-15%) rotate(var(--line-angle, 0deg));
    opacity: 0.2;
  }
  50% {
    opacity: 0.72;
  }
  to {
    transform: translateX(15%) rotate(var(--line-angle, 0deg));
    opacity: 0.36;
  }
}

@keyframes homeNeuralFloat {
  from {
    transform: perspective(900px) rotateY(-18deg) rotateZ(-6deg) translate3d(0, 0, 0);
  }
  to {
    transform: perspective(900px) rotateY(-12deg) rotateZ(-2deg) translate3d(18px, -16px, 0);
  }
}

@keyframes homeOrbitBreath {
  from {
    opacity: 0.38;
  }
  to {
    opacity: 0.7;
  }
}

@media (prefers-reduced-motion: reduce) {
  .hero-copy::before,
  .hero-live-scene::before,
  .hero-live-scene::after,
  .pulse-line,
  .market-orbit {
    animation: none !important;
  }
}

.app-footer {
  display: grid;
  grid-template-columns: minmax(0, 1fr) !important;
  justify-items: center;
  align-items: center;
  gap: 20px;
  width: min(1540px, calc(100% - 32px));
  min-height: 340px;
  margin: 38px auto 0;
  border: 1px solid var(--line);
  border-radius: 14px 14px 0 0;
  padding: clamp(34px, 5vw, 64px) clamp(28px, 8vw, 140px);
  color: var(--text);
  text-align: center;
  background:
    radial-gradient(circle at 22% 20%, rgba(21, 94, 239, 0.12), transparent 30%),
    radial-gradient(circle at 80% 30%, rgba(14, 147, 132, 0.1), transparent 34%),
    var(--panel);
  box-shadow: var(--shadow);
}

.app-footer-brand {
  display: grid;
  justify-self: stretch;
  justify-items: center;
  align-content: center;
  gap: 20px;
  width: 100% !important;
  max-width: none !important;
  min-height: 230px;
}

.app-footer-brand > img {
  width: min(300px, 72vw);
}

.app-footer-brand p {
  width: 100%;
  max-width: 1120px;
  margin: 0;
  color: var(--text-soft);
  font-size: clamp(20px, 1.5vw, 28px);
  font-weight: 850;
  line-height: 1.42;
}

.app-footer-brand small {
  color: var(--muted);
  font-size: 17px;
  font-weight: 900;
}

/* 2026-05-29 visibility fixes: use drawn icons so theme glyphs never disappear. */
.theme-switch {
  position: relative !important;
  overflow: visible !important;
  display: inline-grid !important;
  place-items: center !important;
  width: 42px !important;
  min-width: 42px !important;
  height: 42px !important;
  min-height: 42px !important;
  padding: 0 !important;
}

.theme-switch::before {
  display: none !important;
}

.theme-switch-icon {
  position: relative !important;
  display: block !important;
  width: 19px !important;
  height: 19px !important;
  border-radius: 999px !important;
}

.theme-switch[data-theme-icon="moon"] .theme-switch-icon {
  background: #ffffff !important;
  border: 0 !important;
  box-shadow: inset -7px 0 0 #0b1627, 0 0 0 1px rgba(255, 255, 255, 0.72) !important;
}

.theme-switch[data-theme-icon="moon"] .theme-switch-icon::before {
  content: "" !important;
  position: absolute !important;
  top: 3px !important;
  right: 2px !important;
  width: 3px !important;
  height: 3px !important;
  border-radius: 999px !important;
  background: #ffffff !important;
}

.theme-switch[data-theme-icon="moon"] .theme-switch-icon::after {
  display: none !important;
}

.theme-switch[data-theme-icon="sun"] .theme-switch-icon {
  border: 2px solid #f59e0b !important;
  background: #fbbf24 !important;
  box-shadow:
    0 -9px 0 -7px #f59e0b,
    0 9px 0 -7px #f59e0b,
    9px 0 0 -7px #f59e0b,
    -9px 0 0 -7px #f59e0b,
    6px 6px 0 -7px #f59e0b,
    -6px 6px 0 -7px #f59e0b,
    6px -6px 0 -7px #f59e0b,
    -6px -6px 0 -7px #f59e0b !important;
}

.theme-switch[data-theme-icon="sun"] .theme-switch-icon::before,
.theme-switch[data-theme-icon="sun"] .theme-switch-icon::after {
  display: none !important;
}

.index-icon.nifty,
.index-icon.nse {
  width: 46px;
  height: 46px;
}

.index-icon img {
  width: 100%;
  height: 100%;
  object-fit: contain;
}

.index-icon.nifty::before,
.index-icon.nse::before {
  content: "";
  position: absolute;
  inset: 12px;
  background: #4f46e5;
  clip-path: polygon(50% 0, 100% 50%, 50% 100%, 0 50%);
  z-index: 2;
}

.index-icon.nifty::after,
.index-icon.nse::after {
  content: "";
  position: absolute;
  inset: 6px;
  background: #ffffff;
  clip-path: polygon(50% 2%, 78% 18%, 98% 50%, 78% 82%, 50% 98%, 18% 82%, 2% 50%, 18% 18%);
  z-index: 1;
}

.index-icon.nifty i,
.index-icon.nse i {
  z-index: 3;
  width: 19px;
  height: 19px;
  border-radius: 1px 100% 1px 100%;
}

.index-icon.nifty i:nth-child(1),
.index-icon.nse i:nth-child(1) {
  transform: translate(-9px, -9px) rotate(0deg);
  background: #ef233c;
}

.index-icon.nifty i:nth-child(2),
.index-icon.nse i:nth-child(2) {
  transform: translate(9px, -9px) rotate(90deg);
  background: #f59e0b;
}

.index-icon.nifty i:nth-child(3),
.index-icon.nse i:nth-child(3) {
  transform: translate(9px, 9px) rotate(180deg);
  background: #f97316;
}

.index-icon.nifty i:nth-child(4),
.index-icon.nse i:nth-child(4) {
  transform: translate(-9px, 9px) rotate(270deg);
  background: #e11d48;
}

.analysis-company-end {
  gap: 16px;
}

.analysis-company-end-head {
  display: flex;
  align-items: center;
  gap: 14px;
}

.accendion-footer-logo {
  display: grid;
  flex: 0 0 auto;
  width: min(230px, 42vw);
  min-height: 58px;
  place-items: center;
  border: 1px solid rgba(148, 163, 184, 0.28);
  border-radius: 10px;
  padding: 10px 16px;
  background: #ffffff;
}

.accendion-footer-logo img {
  width: 100%;
  max-width: 190px;
  height: auto;
}

.analysis-company-end-head h3 {
  margin: 2px 0 4px;
}

.analysis-company-end p {
  margin: 0;
  color: var(--text-soft);
  font-weight: 750;
  line-height: 1.55;
}

.analysis-company-end-grid {
  display: grid;
  grid-template-columns: repeat(3, minmax(0, 1fr));
  gap: 10px;
}

.analysis-company-end-grid span {
  display: grid;
  gap: 5px;
  border: 1px solid rgba(148, 163, 184, 0.24);
  border-radius: 10px;
  padding: 12px;
  background: var(--analysis-panel-soft-bg, var(--card-soft));
  min-width: 0;
}

.analysis-company-end-grid small {
  color: var(--muted);
  font-size: 12px;
  font-weight: 900;
  text-transform: uppercase;
}

.analysis-company-end-grid strong {
  overflow-wrap: anywhere;
}

@media (max-width: 760px) {
  .analysis-company-end-head {
    align-items: flex-start;
    flex-direction: column;
  }

  .analysis-company-end-grid {
    grid-template-columns: 1fr;
  }
}

/* 2026-05-29 final home CTA treatment: transparent neon AI buttons. */
body .hero-copy .hero-actions .analysis-teaser-button,
body .hero-copy .hero-actions .hero-analyst {
  position: relative !important;
  display: inline-flex !important;
  align-items: center !important;
  justify-content: center !important;
  gap: 2px !important;
  width: min(320px, calc(50vw - 36px)) !important;
  min-width: 260px !important;
  min-height: 62px !important;
  padding: 10px 58px 10px 24px !important;
  border: 1px solid rgba(191, 95, 255, 0.9) !important;
  border-radius: 999px !important;
  color: #ffffff !important;
  background:
    linear-gradient(110deg, rgba(255, 255, 255, 0.18), rgba(255, 255, 255, 0.03) 34%, rgba(185, 105, 255, 0.12) 66%, rgba(0, 0, 0, 0.3)),
    linear-gradient(180deg, rgba(25, 18, 43, 0.42), rgba(5, 3, 16, 0.62)) !important;
  box-shadow:
    inset 0 1px 0 rgba(255, 255, 255, 0.28),
    inset 0 -18px 34px rgba(58, 19, 93, 0.2),
    0 0 0 1px rgba(169, 92, 255, 0.14),
    0 0 12px rgba(168, 85, 247, 0.42),
    0 0 24px rgba(126, 34, 206, 0.2) !important;
  overflow: hidden !important;
  isolation: isolate !important;
  backdrop-filter: blur(18px) saturate(1.35) !important;
  -webkit-backdrop-filter: blur(18px) saturate(1.35) !important;
  text-shadow: 0 0 14px rgba(255, 255, 255, 0.24) !important;
  transition: transform 180ms ease, box-shadow 180ms ease, border-color 180ms ease, filter 180ms ease !important;
}

body .hero-copy .hero-actions .analysis-teaser-button::before,
body .hero-copy .hero-actions .hero-analyst::before {
  content: "" !important;
  position: absolute !important;
  inset: 1px !important;
  z-index: 0 !important;
  border-radius: inherit !important;
  background:
    linear-gradient(105deg, transparent 0 18%, rgba(255, 255, 255, 0.28) 34%, transparent 50%),
    linear-gradient(90deg, rgba(255, 255, 255, 0.07), transparent 42%, rgba(168, 85, 247, 0.11)) !important;
  opacity: 0.62 !important;
  transform: translateX(-22%) !important;
  animation: heroButtonGlassSweep 4.8s ease-in-out infinite !important;
  pointer-events: none !important;
}

body .hero-copy .hero-actions .analysis-teaser-button::after,
body .hero-copy .hero-actions .hero-analyst::after {
  content: "\2197" !important;
  position: absolute !important;
  top: 50% !important;
  right: 16px !important;
  z-index: 2 !important;
  display: grid !important;
  width: 30px !important;
  height: 30px !important;
  place-items: center !important;
  border: 1px solid rgba(255, 255, 255, 0.72) !important;
  border-radius: 999px !important;
  color: #101021 !important;
  background: rgba(255, 255, 255, 0.94) !important;
  box-shadow:
    0 0 10px rgba(255, 255, 255, 0.28),
    0 0 14px rgba(168, 85, 247, 0.38) !important;
  font-size: 17px !important;
  font-weight: 950 !important;
  line-height: 1 !important;
  transform: translateY(-50%) !important;
  pointer-events: none !important;
}

body .hero-copy .hero-actions .analysis-teaser-button span,
body .hero-copy .hero-actions .analysis-teaser-button small,
body .hero-copy .hero-actions .hero-analyst span,
body .hero-copy .hero-actions .hero-analyst small {
  position: relative !important;
  z-index: 1 !important;
}

body .hero-copy .hero-actions .analysis-teaser-button small,
body .hero-copy .hero-actions .hero-analyst small {
  color: rgba(219, 226, 240, 0.82) !important;
}

:root[data-theme="dark"] body .hero-copy .hero-actions .analysis-teaser-button span,
:root[data-theme="dark"] body .hero-copy .hero-actions .hero-analyst span {
  color: transparent !important;
  background: linear-gradient(90deg, #eaf2ff 0%, #9eb8ff 45%, #f0a0bc 100%) !important;
  -webkit-background-clip: text !important;
  background-clip: text !important;
  text-shadow: none !important;
}

body .hero-copy h1 {
  color: transparent !important;
  background: linear-gradient(92deg, #f8fbff 0%, #cfddff 42%, #f4a8c3 100%) !important;
  -webkit-background-clip: text !important;
  background-clip: text !important;
  text-shadow: none !important;
}

body .hero-copy .hero-actions .analysis-teaser-button:hover,
body .hero-copy .hero-actions .hero-analyst:hover {
  border-color: rgba(233, 213, 255, 0.96) !important;
  filter: brightness(1.08) saturate(1.12) !important;
  transform: translateY(-3px) scale(1.018) !important;
  box-shadow:
    inset 0 1px 0 rgba(255, 255, 255, 0.24),
    inset 0 -18px 34px rgba(88, 28, 135, 0.2),
    0 0 0 2px rgba(126, 34, 206, 0.14),
    0 0 16px rgba(216, 180, 254, 0.52),
    0 0 32px rgba(126, 34, 206, 0.26) !important;
}

body .hero-copy .hero-live-scene::before {
  opacity: 0.9 !important;
  background-size: 64px 64px, 104px 104px, 158px 158px !important;
}

@media (max-width: 760px) {
  body .hero-copy .hero-actions .analysis-teaser-button,
  body .hero-copy .hero-actions .hero-analyst {
    width: 100% !important;
    min-width: 0 !important;
  }
}

/* Final analysis footer: match the centered home-page Accendion footer. */
body .analysis-company-end.accendion-company-end {
  display: grid !important;
  justify-items: center !important;
  gap: 24px !important;
  width: 100% !important;
  max-width: none !important;
  border: 1px solid rgba(122, 167, 255, 0.18) !important;
  border-width: 1px 0 !important;
  border-radius: 0 !important;
  padding: clamp(48px, 7vw, 86px) clamp(18px, 5vw, 72px) !important;
  background: var(--body-bg) !important;
  background-image: var(--body-bg) !important;
  box-shadow: none !important;
  text-align: center !important;
}

:root[data-theme="dark"] body .analysis-company-end.accendion-company-end {
  width: min(1476px, calc(100% - 48px)) !important;
  max-width: min(1476px, calc(100% - 48px)) !important;
  margin: 0 auto 24px !important;
  border: 1px solid rgba(122, 167, 255, 0.22) !important;
  border-radius: 16px !important;
  padding: 52px 28px !important;
  background:
    radial-gradient(circle at 26% 20%, rgba(42, 92, 150, 0.16), transparent 42%),
    linear-gradient(135deg, rgba(14, 27, 48, 0.96), rgba(10, 17, 34, 0.96)) !important;
  background-image:
    radial-gradient(circle at 26% 20%, rgba(42, 92, 150, 0.16), transparent 42%),
    linear-gradient(135deg, rgba(14, 27, 48, 0.96), rgba(10, 17, 34, 0.96)) !important;
}

body .analysis-company-end .analysis-company-end-head {
  display: grid !important;
  justify-items: center !important;
  gap: 18px !important;
}

body .analysis-company-end .accendion-footer-logo {
  display: block !important;
  width: min(376px, 72vw) !important;
  min-height: 0 !important;
  border: 0 !important;
  border-radius: 0 !important;
  padding: 0 !important;
  background: transparent !important;
  box-shadow: none !important;
}

body .analysis-company-end .accendion-footer-logo img {
  display: block !important;
  width: 100% !important;
  max-width: none !important;
  height: auto !important;
}

body .analysis-company-end .analysis-company-end-head .eyebrow,
body .analysis-company-end .analysis-company-end-head h3 {
  display: none !important;
}

body .analysis-company-end .analysis-company-end-head small {
  color: var(--muted) !important;
  font-size: 20px !important;
  font-weight: 900 !important;
}

body .analysis-company-end > p {
  max-width: 1180px !important;
  margin: 0 !important;
  color: var(--text-soft) !important;
  font-size: clamp(22px, 2vw, 30px) !important;
  font-weight: 900 !important;
  line-height: 1.35 !important;
}

body .analysis-company-end .analysis-company-end-grid {
  display: grid !important;
  grid-template-columns: repeat(3, minmax(0, 1fr)) !important;
  gap: clamp(22px, 5vw, 84px) !important;
  width: min(1500px, 100%) !important;
  margin-top: 20px !important;
}

body .analysis-company-end .analysis-company-end-grid span {
  display: grid !important;
  gap: 10px !important;
  min-height: 0 !important;
  border: 0 !important;
  border-radius: 0 !important;
  padding: 0 !important;
  background: transparent !important;
  box-shadow: none !important;
}

body .analysis-company-end .analysis-company-end-grid small {
  color: var(--text) !important;
  font-size: 20px !important;
  font-weight: 950 !important;
}

body .analysis-company-end .analysis-company-end-grid strong {
  color: var(--text-soft) !important;
  font-size: 17px !important;
  font-weight: 850 !important;
  line-height: 1.35 !important;
}

:root[data-theme="dark"] body .analysis-company-end > p,
:root[data-theme="dark"] body .analysis-company-end .analysis-company-end-grid strong {
  color: #c8d3e4 !important;
}

:root[data-theme="dark"] body .analysis-company-end .analysis-company-end-grid small {
  color: #f8fbff !important;
}

@media (max-width: 820px) {
  body .analysis-company-end .analysis-company-end-grid {
    grid-template-columns: 1fr !important;
  }
}

/* Detailed analysis report: keep a clean report page, not many stacked cards. */
body .analysis-body {
  gap: 18px !important;
}

body .analysis-body > * {
  width: min(1476px, calc(100% - 48px)) !important;
}

body [data-analysis-panel] {
  display: grid !important;
  gap: 18px !important;
}

body .forecast-workspace,
body .earnings-workspace,
body .dividend-workspace,
body .signals-workspace,
body .news-workspace,
body .profile-workspace {
  gap: 18px !important;
}

body .forecast-main-panel {
  overflow: visible !important;
  border: 0 !important;
  border-radius: 0 !important;
  padding: 0 !important;
  background: transparent !important;
  box-shadow: none !important;
}

body .analysis-chart-grid {
  padding: 0 !important;
}

body .analysis-chart-card.analysis-live-chart-card {
  border: 1px solid var(--analysis-border) !important;
  border-radius: 12px !important;
  background: var(--analysis-chart-bg, var(--analysis-panel-bg)) !important;
  box-shadow: none !important;
}

body .forecast-strip {
  margin-top: 12px !important;
  border: 1px solid var(--analysis-border) !important;
  border-radius: 10px !important;
  background: var(--analysis-panel-bg) !important;
}

body .forecast-strip span {
  background: transparent !important;
}

body .analysis-stock-explanation,
body .analysis-ratings,
body .buy-sell-research,
body .analysis-buy-sell-card,
body .analysis-fundamentals-card,
body .analysis-shareholders-card,
body .analysis-panel,
body .scenario-desk,
body .analysis-footnote,
body .profit-loss-panel,
body .profit-loss-table-panel,
body .earnings-panel,
body .dividend-panel,
body .signals-panel,
body .profile-panel,
body .institutional-panel {
  border: 0 !important;
  border-radius: 0 !important;
  padding: 0 !important;
  background: transparent !important;
  background-image: none !important;
  box-shadow: none !important;
}

body .analysis-stock-explanation,
body .analysis-ratings,
body .buy-sell-research,
body .analysis-fundamentals-card,
body .analysis-shareholders-card,
body .scenario-desk,
body .profit-loss-panel,
body .analysis-footnote {
  border-top: 1px solid var(--analysis-border) !important;
  padding-top: 22px !important;
}

body .analysis-panel h3,
body .earnings-panel h3,
body .dividend-panel h3,
body .signals-panel h3,
body .profile-panel h3,
body .institutional-panel h3 {
  border-bottom: 0 !important;
  padding-bottom: 0 !important;
}

body .scenario-grid,
body .analysis-levels,
body .earnings-kpi-grid,
body .dividend-kpi-grid,
body .signals-count-grid,
body .profile-stat-grid,
body .profile-market-grid,
body .profile-info-list,
body .profile-business-grid {
  border: 1px solid var(--analysis-border) !important;
  border-radius: 10px !important;
  background: var(--analysis-panel-bg) !important;
}

body .scenario-grid article,
body .analysis-levels span,
body .earnings-kpi-grid article,
body .dividend-kpi-grid article,
body .signals-count-grid span,
body .profile-stat-grid article,
body .profile-market-grid article,
body .profile-info-list span,
body .profile-business-grid article {
  border-radius: 0 !important;
  background: transparent !important;
  box-shadow: none !important;
}

body .analysis-company-end.accendion-company-end {
  width: min(1476px, calc(100% - 48px)) !important;
  max-width: min(1476px, calc(100% - 48px)) !important;
  margin: 4px auto 28px !important;
  border: 0 !important;
  border-top: 1px solid var(--analysis-border) !important;
  border-radius: 0 !important;
  padding: 42px 0 18px !important;
  background: transparent !important;
  background-image: none !important;
  box-shadow: none !important;
}

body .analysis-company-end .analysis-company-end-grid {
  width: min(1180px, 100%) !important;
  gap: 28px !important;
  border: 0 !important;
  background: transparent !important;
}

body .analysis-company-end .analysis-company-end-grid span {
  border: 0 !important;
  border-radius: 0 !important;
  padding: 0 !important;
  background: transparent !important;
}

:root[data-theme="dark"] body .analysis-company-end .analysis-company-end-grid span,
:root[data-theme="light"] body .analysis-company-end .analysis-company-end-grid span {
  border: 0 !important;
  border-radius: 0 !important;
  padding: 0 !important;
  background: transparent !important;
  background-image: none !important;
  box-shadow: none !important;
}

:root[data-theme="dark"] body .analysis-company-end.accendion-company-end,
:root[data-theme="light"] body .analysis-company-end.accendion-company-end {
  background: transparent !important;
  background-image: none !important;
}

body .analysis-company-end.accendion-company-end .analysis-company-end-head {
  gap: 16px !important;
}

body .analysis-company-end.accendion-company-end .analysis-company-end-head small {
  font-size: 20px !important;
  line-height: 1.25 !important;
}

body .analysis-company-end.accendion-company-end > p {
  max-width: 1040px !important;
  font-size: 24px !important;
  line-height: 1.42 !important;
  font-weight: 850 !important;
}

body .analysis-company-end.accendion-company-end .analysis-company-end-grid small {
  font-size: 18px !important;
  line-height: 1.25 !important;
  font-weight: 900 !important;
}

body .analysis-company-end.accendion-company-end .analysis-company-end-grid strong {
  font-size: 16px !important;
  line-height: 1.45 !important;
  font-weight: 800 !important;
}

@media (max-width: 760px) {
  body .analysis-company-end.accendion-company-end > p {
    font-size: 21px !important;
  }

  body .analysis-company-end.accendion-company-end .analysis-company-end-grid small {
    font-size: 17px !important;
  }
}

@media (max-width: 760px) {
  body .analysis-body > *,
  body .analysis-company-end.accendion-company-end {
    width: calc(100% - 24px) !important;
    max-width: calc(100% - 24px) !important;
  }
}

/* Light theme: hero action buttons should feel white, clean and premium. */
:root[data-theme="light"] body .hero-copy .hero-actions .analysis-teaser-button,
:root[data-theme="light"] body .hero-copy .hero-actions .hero-analyst {
  border: 1px solid rgba(188, 205, 235, 0.96) !important;
  color: #101828 !important;
  background:
    linear-gradient(180deg, rgba(255, 255, 255, 0.98), rgba(241, 247, 255, 0.96)) !important;
  box-shadow:
    inset 0 1px 0 rgba(255, 255, 255, 0.95),
    0 16px 38px rgba(15, 23, 42, 0.11) !important;
}

:root[data-theme="light"] body .hero-copy .hero-actions .analysis-teaser-button::before,
:root[data-theme="light"] body .hero-copy .hero-actions .hero-analyst::before {
  background:
    linear-gradient(90deg, rgba(21, 94, 239, 0.10), rgba(20, 184, 166, 0.12)) !important;
  opacity: 1 !important;
}

:root[data-theme="light"] body .hero-copy .hero-actions .analysis-teaser-button::after,
:root[data-theme="light"] body .hero-copy .hero-actions .hero-analyst::after {
  background:
    linear-gradient(90deg, rgba(21, 94, 239, 0.72), rgba(20, 184, 166, 0.5), transparent) !important;
  opacity: 0.65 !important;
}

:root[data-theme="light"] body .hero-copy .hero-actions .analysis-teaser-button span,
:root[data-theme="light"] body .hero-copy .hero-actions .hero-analyst span {
  color: #101828 !important;
  text-shadow: none !important;
}

:root[data-theme="light"] body .hero-copy .hero-actions .analysis-teaser-button small,
:root[data-theme="light"] body .hero-copy .hero-actions .hero-analyst small {
  color: #344054 !important;
  text-shadow: none !important;
}

:root[data-theme="light"] body .hero-copy .hero-actions .analysis-teaser-button small,
:root[data-theme="light"] body .hero-copy .hero-actions .hero-analyst small {
  color: #475467 !important;
  text-shadow: none !important;
}

:root[data-theme="light"] body .hero-copy .hero-actions .analysis-teaser-button:hover,
:root[data-theme="light"] body .hero-copy .hero-actions .hero-analyst:hover {
  border-color: rgba(122, 167, 255, 0.98) !important;
  filter: none !important;
  transform: translateY(-2px) !important;
  box-shadow:
    inset 0 1px 0 rgba(255, 255, 255, 0.98),
    0 18px 42px rgba(21, 94, 239, 0.16) !important;
}

:root[data-theme="light"] body .hero-copy h1 {
  color: transparent !important;
  background: linear-gradient(92deg, #1f2a6d 0%, #34539b 42%, #bd5574 100%) !important;
  -webkit-background-clip: text !important;
  background-clip: text !important;
  text-shadow: none !important;
}

/* Hero cleanup: remove the small research eyebrow and keep CTA labels brand-colored in both themes. */
body .hero-copy > .eyebrow {
  display: none !important;
}

:root[data-theme="light"] body .hero-copy .hero-actions .analysis-teaser-button span,
:root[data-theme="light"] body .hero-copy .hero-actions .hero-analyst span {
  color: transparent !important;
  background: linear-gradient(90deg, #24326f 0%, #33549b 48%, #b65373 100%) !important;
  -webkit-background-clip: text !important;
  background-clip: text !important;
  text-shadow: none !important;
}

/* Premium topbar: transparent wordmark integrated with navigation. */
body .topbar {
  position: sticky !important;
  top: 0 !important;
  grid-template-columns: auto minmax(180px, 340px) minmax(0, 1fr) !important;
  min-height: 88px !important;
  padding: 14px 34px !important;
  gap: clamp(26px, 3vw, 56px) !important;
  background:
    linear-gradient(90deg, rgba(10, 12, 34, 0.96), rgba(25, 7, 48, 0.96)) !important;
  border-bottom: 1px solid rgba(122, 167, 255, 0.16) !important;
  overflow: hidden !important;
  z-index: 80 !important;
}

body .topbar::after {
  content: "" !important;
  position: absolute !important;
  left: 0 !important;
  right: 0 !important;
  bottom: -40px !important;
  height: 82px !important;
  z-index: 0 !important;
  background:
    radial-gradient(ellipse at 50% 0%, rgba(169, 92, 255, 0.46), transparent 62%),
    linear-gradient(90deg, transparent 8%, rgba(70, 36, 130, 0.34) 30%, rgba(168, 85, 247, 0.32) 50%, rgba(70, 36, 130, 0.34) 70%, transparent 92%) !important;
  filter: blur(10px) !important;
  pointer-events: none !important;
}

body .topbar > * {
  position: relative !important;
  z-index: 1 !important;
}

body .topbar .brand {
  min-width: 0 !important;
  padding: 0 !important;
  margin: 0 !important;
  background: transparent !important;
  border: 0 !important;
  box-shadow: none !important;
}

body .topbar .brand-copy {
  display: none !important;
}

body .topbar .brand-wordmark {
  display: block !important;
  width: 250px !important;
  min-width: 250px !important;
  height: auto !important;
  border: 0 !important;
  border-radius: 0 !important;
  padding: 0 !important;
  background: transparent !important;
  box-shadow: none !important;
}

:root[data-theme="light"] body .topbar {
  background:
    linear-gradient(90deg, rgba(255, 255, 255, 0.98), rgba(244, 248, 255, 0.96)) !important;
  border-bottom: 1px solid rgba(188, 205, 235, 0.86) !important;
}

:root[data-theme="light"] body .topbar::after {
  background:
    radial-gradient(ellipse at 50% 0%, rgba(122, 167, 255, 0.28), transparent 64%),
    linear-gradient(90deg, transparent, rgba(20, 184, 166, 0.16), rgba(122, 167, 255, 0.18), transparent) !important;
  filter: blur(12px) !important;
}

:root[data-theme="light"] body .topbar .brand-wordmark {
  content: url("assets/accendion-wordmark-header.svg?v=20260827-reference-logo-v6") !important;
  filter: drop-shadow(0 8px 18px rgba(21, 94, 239, 0.08)) !important;
}

@media (max-width: 1200px) {
  body .topbar {
    grid-template-columns: auto minmax(160px, 1fr) !important;
  }

  body .topbar nav {
    grid-column: 1 / -1 !important;
  }
}

@media (max-width: 760px) {
  body .topbar {
    padding: 12px 16px !important;
  }

  body .topbar .brand-wordmark {
    width: 164px !important;
    min-width: 164px !important;
    max-width: 164px !important;
  }
}

/* Search fields: lens and input should be one field with no inner divider. */
body .topbar-search,
body .watchlist-input-wrap,
body .analysis-search-input-wrap {
  gap: 0 !important;
}

body .topbar-search-icon,
body .watchlist-input-wrap .field-search-icon,
body .analysis-search-input-wrap .field-search-icon {
  border: 0 !important;
  border-right: 0 !important;
  box-shadow: none !important;
  background: transparent !important;
}

body .topbar-search input,
body .topbar-search input:focus,
body .topbar-search input:focus-visible,
body .watchlist-input-wrap input,
body .watchlist-input-wrap input:focus,
body .watchlist-input-wrap input:focus-visible,
body .analysis-search-input-wrap input,
body .analysis-search-input-wrap input:focus,
body .analysis-search-input-wrap input:focus-visible {
  border-left: 0 !important;
  outline: 0 !important;
  box-shadow: none !important;
}

/* Full watchlist page: denser rows with an Accendion action before the menu. */
body:not(.watchlist-focus-view) .watch-row-ai {
  display: none !important;
}

body.watchlist-focus-view .watchlist {
  width: min(1600px, calc(100% - 48px)) !important;
  min-height: 0 !important;
  margin: 22px auto 40px !important;
  padding: 22px 24px 28px !important;
}

body.watchlist-focus-view .market-clock,
body.watchlist-focus-view .app-footer,
body.watchlist-focus-view footer,
body.watchlist-focus-view main > :not(.market-workbench),
body.watchlist-focus-view .market-workbench > :not(.watchlist) {
  display: none !important;
}

body:not(.watchlist-focus-view) .watchlist-insights {
  display: none !important;
}

body.watchlist-focus-view main {
  width: 100% !important;
  max-width: none !important;
  padding-top: 0 !important;
}

body.watchlist-focus-view .market-workbench {
  display: block !important;
  width: 100% !important;
  max-width: none !important;
  margin: 0 !important;
}

body.watchlist-focus-view .watch-grid {
  position: relative !important;
  z-index: 1 !important;
  max-height: none !important;
  height: auto !important;
  overflow: visible !important;
  padding-right: 0 !important;
}

body.watchlist-focus-view .watchlist-form,
body.watchlist-focus-view .watchlist-input-wrap {
  position: relative !important;
  z-index: 20 !important;
}

body.watchlist-focus-view .watchlist-suggest-list {
  z-index: 30 !important;
}

body.watchlist-focus-view .watch-table {
  width: 100% !important;
  table-layout: fixed !important;
}

body.watchlist-focus-view .watch-table th:nth-child(1),
body.watchlist-focus-view .watch-table td:nth-child(1) {
  width: 30% !important;
}

body.watchlist-focus-view .watch-table th:nth-child(2),
body.watchlist-focus-view .watch-table td:nth-child(2) {
  width: 16% !important;
  text-align: left !important;
}

body.watchlist-focus-view .watch-table th:nth-child(3),
body.watchlist-focus-view .watch-table td:nth-child(3) {
  width: 24% !important;
  text-align: left !important;
}

body.watchlist-focus-view .watch-table th:nth-child(4),
body.watchlist-focus-view .watch-table td:nth-child(4) {
  width: 30% !important;
  text-align: left !important;
}

body.watchlist-focus-view .watch-table th,
body.watchlist-focus-view .watch-table td {
  padding-top: 10px !important;
  padding-bottom: 10px !important;
}

body.watchlist-focus-view .watch-table tbody tr {
  min-height: 64px !important;
}

body.watchlist-focus-view .watch-menu-cell {
  display: flex !important;
  align-items: center !important;
  justify-content: flex-start !important;
  gap: 12px !important;
}

body.watchlist-focus-view .watch-change-cell {
  text-align: left !important;
}

body.watchlist-focus-view .watch-change-pill {
  min-width: 158px !important;
  justify-content: center !important;
}

body.watchlist-focus-view .watch-row-ai {
  display: inline-flex !important;
  align-items: center !important;
  justify-content: center !important;
  min-width: 116px !important;
  min-height: 38px !important;
  border-radius: 999px !important;
  font-size: 13px !important;
  font-weight: 950 !important;
  background: linear-gradient(135deg, #155eef, #0e9384) !important;
}

body.watchlist-focus-view .watch-menu {
  margin-left: 0 !important;
}

body .watchlist-insights {
  display: grid !important;
  grid-template-columns: repeat(2, minmax(0, 1fr)) !important;
  gap: 26px !important;
  margin-top: 26px !important;
  padding-top: 26px !important;
  border-top: 1px solid var(--line) !important;
}

body .watch-donut-card {
  display: grid !important;
  grid-template-columns: minmax(220px, 320px) minmax(0, 1fr) !important;
  align-items: center !important;
  gap: 24px !important;
  min-height: 300px !important;
  border: 1px solid var(--line) !important;
  border-radius: 18px !important;
  padding: 24px !important;
  background:
    radial-gradient(circle at 34% 24%, rgba(122, 167, 255, 0.10), transparent 42%),
    var(--card-bg) !important;
  box-shadow: none !important;
}

body .watch-donut-wrap {
  position: relative !important;
  display: grid !important;
  width: min(280px, 100%) !important;
  aspect-ratio: 1 !important;
  place-items: center !important;
  justify-self: center !important;
}

body .watch-donut {
  width: 100% !important;
  height: 100% !important;
  transform: rotate(-90deg) !important;
  overflow: visible !important;
}

body .watch-donut-track,
body .watch-donut-segment {
  fill: none !important;
  stroke-width: 8 !important;
}

body .watch-donut-track {
  stroke: rgba(148, 163, 184, 0.16) !important;
}

body .watch-donut-segment {
  stroke-linecap: butt !important;
}

body .watch-donut-center {
  position: absolute !important;
  inset: 30% !important;
  display: grid !important;
  place-items: center !important;
  align-content: center !important;
  gap: 4px !important;
  border-radius: 50% !important;
  background: var(--card-bg) !important;
  text-align: center !important;
}

body .watch-donut-center strong {
  color: var(--text) !important;
  font-size: 26px !important;
  font-weight: 950 !important;
  line-height: 1 !important;
}

body .watch-donut-center span {
  max-width: 118px !important;
  color: var(--text) !important;
  font-size: 16px !important;
  font-weight: 900 !important;
  line-height: 1.2 !important;
}

body .watch-donut-legend {
  display: grid !important;
  gap: 11px !important;
}

body .watch-donut-legend span {
  display: grid !important;
  grid-template-columns: 14px minmax(0, 1fr) auto !important;
  align-items: center !important;
  gap: 10px !important;
  color: var(--text-soft) !important;
  font-weight: 800 !important;
}

body .watch-donut-legend i {
  width: 11px !important;
  height: 11px !important;
  border-radius: 999px !important;
}

body .watch-donut-legend b,
body .watch-donut-legend em {
  overflow: hidden !important;
  color: var(--text) !important;
  font-style: normal !important;
  text-overflow: ellipsis !important;
  white-space: nowrap !important;
}

body .watch-donut-legend em {
  color: var(--muted) !important;
}

@media (max-width: 980px) {
  body .watchlist-insights {
    grid-template-columns: 1fr !important;
  }
}

@media (max-width: 620px) {
  body .watch-donut-card {
    grid-template-columns: 1fr !important;
    min-height: 0 !important;
  }
}

/* Final fixed navigation and hero starfield pass. */
:root {
  --accendion-fixed-header-height: 100px;
}

body {
  padding-top: var(--accendion-fixed-header-height) !important;
}

body .topbar {
  position: fixed !important;
  top: 0 !important;
  left: 0 !important;
  right: 0 !important;
  width: 100% !important;
  z-index: 1000 !important;
}

body .topbar::after {
  bottom: -30px !important;
  height: 76px !important;
  opacity: 1 !important;
  background:
    radial-gradient(ellipse at 50% 0%, rgba(175, 94, 255, 0.52), transparent 62%),
    linear-gradient(90deg, transparent 6%, rgba(67, 28, 118, 0.4) 28%, rgba(168, 85, 247, 0.44) 50%, rgba(67, 28, 118, 0.4) 72%, transparent 94%) !important;
}

body.modal-open {
  overflow: hidden !important;
}

body .analysis-overlay {
  inset: 0 !important;
  z-index: 999 !important;
  height: 100vh !important;
  max-height: 100vh !important;
  padding: var(--accendion-fixed-header-height) 0 0 !important;
  background:
    radial-gradient(circle at 50% 0%, rgba(112, 50, 190, 0.18), transparent 34%),
    linear-gradient(135deg, rgba(5, 9, 20, 0.99), rgba(13, 7, 32, 0.99) 54%, rgba(25, 7, 48, 0.99)) !important;
  backdrop-filter: none !important;
}

body .analysis-modal {
  width: 100% !important;
  height: 100% !important;
  max-height: calc(100vh - var(--accendion-fixed-header-height)) !important;
  border-width: 0 !important;
  border-radius: 0 !important;
  background:
    radial-gradient(circle at 22% 12%, rgba(47, 91, 162, 0.16), transparent 34%),
    radial-gradient(circle at 88% 0%, rgba(142, 80, 210, 0.16), transparent 35%),
    linear-gradient(135deg, rgba(8, 14, 30, 0.98), rgba(10, 11, 31, 0.98) 54%, rgba(18, 8, 42, 0.98)) !important;
}

body .analysis-modal-head {
  flex-shrink: 0 !important;
  margin: 0 !important;
  padding-top: 22px !important;
  padding-bottom: 22px !important;
  background:
    linear-gradient(90deg, rgba(12, 18, 38, 0.98), rgba(40, 18, 80, 0.98) 52%, rgba(20, 8, 45, 0.98)) !important;
  border-top: 0 !important;
  border-bottom: 1px solid rgba(157, 188, 255, 0.16) !important;
}

body .analysis-modal::before {
  background:
    radial-gradient(circle at 46% 0%, rgba(175, 94, 255, 0.16), transparent 32%),
    linear-gradient(90deg, transparent, rgba(79, 32, 132, 0.18), transparent) !important;
}

body .analysis-modal::after {
  opacity: 0.28 !important;
  background:
    radial-gradient(circle at 24% 18%, rgba(122, 167, 255, 0.12), transparent 28%),
    radial-gradient(circle at 82% 16%, rgba(244, 168, 195, 0.10), transparent 26%),
    linear-gradient(135deg, rgba(5, 10, 20, 0.42), rgba(22, 9, 49, 0.36)) !important;
}

:root[data-theme="light"] body .analysis-overlay {
  background:
    radial-gradient(circle at 50% 0%, rgba(122, 167, 255, 0.16), transparent 36%),
    linear-gradient(135deg, rgba(247, 250, 255, 0.99), rgba(255, 255, 255, 0.99)) !important;
}

:root[data-theme="light"] body .analysis-modal {
  background:
    radial-gradient(circle at 18% 12%, rgba(20, 184, 166, 0.08), transparent 32%),
    radial-gradient(circle at 88% 2%, rgba(122, 167, 255, 0.12), transparent 34%),
    linear-gradient(135deg, rgba(255, 255, 255, 0.99), rgba(247, 250, 255, 0.99)) !important;
}

:root[data-theme="light"] body .analysis-modal-head {
  background:
    linear-gradient(90deg, rgba(255, 255, 255, 0.98), rgba(244, 248, 255, 0.98)) !important;
  border-bottom: 1px solid rgba(188, 205, 235, 0.86) !important;
}

/* Detailed-analysis pages should share the same premium menu-bar theme. */
body .analysis-overlay {
  --analysis-border: rgba(157, 188, 255, 0.22) !important;
  --analysis-panel-bg: rgba(12, 10, 32, 0.58) !important;
  --analysis-panel-strong-bg: rgba(6, 7, 22, 0.76) !important;
  --analysis-panel-soft-bg: rgba(17, 12, 40, 0.54) !important;
  --analysis-panel-muted-bg: rgba(24, 14, 55, 0.42) !important;
  --analysis-accent-bg: rgba(168, 85, 247, 0.16) !important;
  --analysis-chart-bg: linear-gradient(135deg, rgba(7, 10, 23, 0.96), rgba(18, 8, 39, 0.94)) !important;
  --analysis-shadow: 0 18px 46px rgba(4, 7, 18, 0.28), 0 0 28px rgba(168, 85, 247, 0.06) !important;
}

body .analysis-body {
  background:
    radial-gradient(circle at 22% 0%, rgba(122, 167, 255, 0.10), transparent 34%),
    radial-gradient(circle at 86% 10%, rgba(168, 85, 247, 0.12), transparent 34%),
    linear-gradient(135deg, rgba(6, 10, 24, 0.98), rgba(12, 8, 31, 0.98) 55%, rgba(21, 8, 48, 0.98)) !important;
}

body .analysis-body.request-mode {
  display: block !important;
  align-content: stretch !important;
  place-items: stretch !important;
  min-height: 0 !important;
  padding: 0 !important;
  background:
    radial-gradient(circle at 24% 0%, rgba(122, 167, 255, 0.10), transparent 34%),
    radial-gradient(circle at 84% 8%, rgba(168, 85, 247, 0.13), transparent 36%),
    linear-gradient(135deg, rgba(6, 10, 24, 0.99), rgba(12, 8, 31, 0.99) 54%, rgba(21, 8, 48, 0.99)) !important;
}

body .analysis-request,
body .analysis-hero,
body .forecast-workspace,
body .earnings-workspace,
body .dividend-workspace,
body .signals-workspace,
body .news-workspace,
body .profile-workspace,
body .analysis-feature-switcher,
body [data-analysis-panel] {
  background: transparent !important;
  background-image: none !important;
}

body .analysis-hero {
  margin-top: 0 !important;
  border-color: rgba(157, 188, 255, 0.24) !important;
  background:
    radial-gradient(circle at 22% 14%, rgba(122, 167, 255, 0.12), transparent 35%),
    radial-gradient(circle at 88% 6%, rgba(168, 85, 247, 0.12), transparent 36%),
    linear-gradient(135deg, rgba(15, 27, 52, 0.82), rgba(24, 10, 56, 0.78)) !important;
  box-shadow: none !important;
}

body .analysis-feature-bar {
  border-bottom-color: rgba(157, 188, 255, 0.16) !important;
  background: transparent !important;
}

body .analysis-feature-bar button {
  color: rgba(216, 226, 246, 0.78) !important;
}

body .analysis-feature-bar button.active {
  color: #ffffff !important;
  background: linear-gradient(135deg, rgba(147, 197, 253, 0.96), rgba(168, 85, 247, 0.16)) !important;
  border-radius: 999px !important;
  box-shadow: none !important;
}

body .analysis-chart-card.analysis-live-chart-card,
body .analysis-levels,
body .scenario-grid,
body .earnings-kpi-grid,
body .dividend-kpi-grid,
body .signals-count-grid,
body .profile-stat-grid,
body .profile-market-grid,
body .profile-info-list,
body .profile-business-grid,
body .score-help-popover div,
body .forecast-strip {
  border-color: rgba(157, 188, 255, 0.22) !important;
  background:
    linear-gradient(135deg, rgba(7, 9, 24, 0.78), rgba(20, 10, 45, 0.66)) !important;
}

body .analysis-loading,
body .analysis-request {
  border-color: rgba(157, 188, 255, 0.22) !important;
  background:
    radial-gradient(circle at 50% 0%, rgba(168, 85, 247, 0.08), transparent 36%),
    linear-gradient(135deg, rgba(7, 9, 24, 0.86), rgba(17, 9, 39, 0.78)) !important;
}

body .analysis-request {
  width: 100% !important;
  min-height: calc(100vh - var(--accendion-fixed-header-height) - 116px) !important;
  max-width: none !important;
  margin: 0 !important;
  border: 0 !important;
  border-radius: 0 !important;
  padding: clamp(38px, 7vh, 72px) clamp(24px, 8vw, 96px) !important;
  box-shadow: none !important;
  background:
    radial-gradient(circle at 22% 0%, rgba(122, 167, 255, 0.08), transparent 34%),
    radial-gradient(circle at 82% 2%, rgba(168, 85, 247, 0.10), transparent 36%),
    linear-gradient(135deg, rgba(6, 10, 24, 0.98), rgba(12, 8, 31, 0.98) 54%, rgba(21, 8, 48, 0.98)) !important;
}

body .analysis-request .eyebrow,
body .analysis-request h3,
body .analysis-request .analysis-muted,
body .analysis-search-form {
  width: min(1120px, 100%) !important;
  margin-left: auto !important;
  margin-right: auto !important;
}

body .analysis-request h3 {
  font-size: clamp(34px, 4.2vw, 54px) !important;
}

body .analysis-search-form {
  gap: 14px !important;
}

body .analysis-search-input-wrap,
body .analysis-search-input-wrap input,
body .analysis-search-form button {
  background:
    linear-gradient(135deg, rgba(10, 12, 34, 0.76), rgba(20, 8, 45, 0.62)) !important;
  border-color: rgba(157, 188, 255, 0.28) !important;
  box-shadow: none !important;
}

body .analysis-search-input-wrap input {
  background: transparent !important;
}

body .analysis-search-form button {
  color: #eef4ff !important;
  background:
    linear-gradient(135deg, rgba(122, 167, 255, 0.24), rgba(168, 85, 247, 0.20)) !important;
}

:root[data-theme="light"] body .analysis-overlay {
  --analysis-border: rgba(188, 205, 235, 0.82) !important;
  --analysis-panel-bg: rgba(255, 255, 255, 0.86) !important;
  --analysis-panel-strong-bg: rgba(255, 255, 255, 0.96) !important;
  --analysis-panel-soft-bg: rgba(244, 248, 255, 0.9) !important;
  --analysis-panel-muted-bg: rgba(241, 247, 255, 0.76) !important;
  --analysis-accent-bg: rgba(122, 167, 255, 0.14) !important;
  --analysis-chart-bg: linear-gradient(135deg, rgba(255, 255, 255, 0.98), rgba(247, 250, 255, 0.98)) !important;
}

:root[data-theme="light"] body .analysis-body {
  background:
    radial-gradient(circle at 18% 0%, rgba(20, 184, 166, 0.08), transparent 34%),
    radial-gradient(circle at 86% 8%, rgba(122, 167, 255, 0.14), transparent 34%),
    linear-gradient(135deg, rgba(255, 255, 255, 0.99), rgba(247, 250, 255, 0.99)) !important;
}

:root[data-theme="light"] body .analysis-body.request-mode,
:root[data-theme="light"] body .analysis-request {
  background:
    radial-gradient(circle at 18% 0%, rgba(20, 184, 166, 0.08), transparent 34%),
    radial-gradient(circle at 86% 8%, rgba(122, 167, 255, 0.14), transparent 34%),
    linear-gradient(135deg, rgba(255, 255, 255, 0.99), rgba(247, 250, 255, 0.99)) !important;
}

:root[data-theme="light"] body .analysis-search-input-wrap,
:root[data-theme="light"] body .analysis-search-input-wrap input,
:root[data-theme="light"] body .analysis-search-form button {
  border-color: rgba(188, 205, 235, 0.92) !important;
  background:
    linear-gradient(135deg, rgba(255, 255, 255, 0.9), rgba(244, 248, 255, 0.82)) !important;
}

:root[data-theme="light"] body .analysis-search-input-wrap input {
  background: transparent !important;
}

:root[data-theme="light"] body .analysis-search-form button {
  color: #101828 !important;
}

:root[data-theme="light"] body .analysis-hero,
:root[data-theme="light"] body .analysis-chart-card.analysis-live-chart-card,
:root[data-theme="light"] body .analysis-levels,
:root[data-theme="light"] body .scenario-grid,
:root[data-theme="light"] body .earnings-kpi-grid,
:root[data-theme="light"] body .dividend-kpi-grid,
:root[data-theme="light"] body .signals-count-grid,
:root[data-theme="light"] body .profile-stat-grid,
:root[data-theme="light"] body .profile-market-grid,
:root[data-theme="light"] body .profile-info-list,
:root[data-theme="light"] body .profile-business-grid,
:root[data-theme="light"] body .forecast-strip {
  border-color: rgba(188, 205, 235, 0.86) !important;
  background:
    linear-gradient(135deg, rgba(255, 255, 255, 0.98), rgba(246, 249, 255, 0.96)) !important;
}

:root[data-theme="light"] body .analysis-feature-bar button {
  color: #667085 !important;
}

:root[data-theme="light"] body .analysis-feature-bar button.active {
  color: #101828 !important;
  background: linear-gradient(135deg, rgba(219, 234, 254, 0.98), rgba(255, 255, 255, 0.94)) !important;
}

body.watchlist-focus-view {
  min-height: 100vh !important;
}

body.watchlist-focus-view main > :not(.market-workbench),
body.watchlist-focus-view .market-workbench > :not(.watchlist),
body.watchlist-focus-view .stock-heatmap,
body.watchlist-focus-view .home-movers,
body.watchlist-focus-view .market-news,
body.watchlist-focus-view .brand-finale,
body.watchlist-focus-view .app-footer {
  display: none !important;
  visibility: hidden !important;
}

body.watchlist-focus-view .watchlist {
  margin-top: 22px !important;
}

body .hero-copy {
  position: relative !important;
  overflow: hidden !important;
}

body .hero-copy .hero-live-scene {
  display: block !important;
  opacity: 0.72 !important;
  visibility: visible !important;
}

body .hero-copy .hero-live-scene::after {
  opacity: 0.16 !important;
  animation: none !important;
}

body .hero-copy .market-orbit,
body .hero-copy .pulse-line {
  opacity: 0.14 !important;
  animation: none !important;
}

body .hero-copy .hero-live-scene::before {
  content: "" !important;
  position: absolute !important;
  inset: -28% !important;
  z-index: 0 !important;
  background-image:
    radial-gradient(circle at 6% 18%, rgba(255, 255, 255, 0.7) 0 1px, transparent 2px),
    radial-gradient(circle at 14% 72%, rgba(255, 255, 255, 0.42) 0 1.2px, transparent 2.4px),
    radial-gradient(circle at 22% 38%, rgba(160, 180, 255, 0.46) 0 1px, transparent 2px),
    radial-gradient(circle at 31% 84%, rgba(255, 255, 255, 0.52) 0 1.4px, transparent 2.8px),
    radial-gradient(circle at 39% 22%, rgba(244, 168, 195, 0.38) 0 1px, transparent 2.2px),
    radial-gradient(circle at 48% 66%, rgba(255, 255, 255, 0.6) 0 1px, transparent 2.3px),
    radial-gradient(circle at 57% 30%, rgba(34, 211, 238, 0.38) 0 1.2px, transparent 2.6px),
    radial-gradient(circle at 68% 76%, rgba(255, 255, 255, 0.46) 0 1px, transparent 2.2px),
    radial-gradient(circle at 79% 14%, rgba(207, 220, 255, 0.52) 0 1.3px, transparent 2.8px),
    radial-gradient(circle at 91% 58%, rgba(255, 255, 255, 0.5) 0 1px, transparent 2.4px) !important;
  background-size: 100% 100% !important;
  background-position: center !important;
  opacity: 0.62 !important;
  filter: drop-shadow(0 0 4px rgba(255, 255, 255, 0.3)) !important;
  animation: accendionDustBlink 5.8s ease-in-out infinite alternate !important;
}

@keyframes accendionDustBlink {
  0% {
    opacity: 0.28;
    filter: drop-shadow(0 0 2px rgba(255, 255, 255, 0.22));
  }
  42% {
    opacity: 0.66;
    filter: drop-shadow(0 0 5px rgba(157, 188, 255, 0.34));
  }
  100% {
    opacity: 0.42;
    filter: drop-shadow(0 0 3px rgba(244, 168, 195, 0.22));
  }
}

:root[data-theme="light"] body .hero-copy .hero-live-scene::before {
  opacity: 0.3 !important;
  filter: none !important;
}

@media (max-width: 1200px) {
  :root {
    --accendion-fixed-header-height: 142px;
  }

  body {
    padding-top: var(--accendion-fixed-header-height) !important;
  }
}

@media (max-width: 760px) {
  :root {
    --accendion-fixed-header-height: 150px;
  }

  body {
    padding-top: var(--accendion-fixed-header-height) !important;
  }
}

/* Detailed-analysis header/search should scroll away; only the main Accendion menu stays fixed. */
@media (min-width: 761px) {
  :root {
    --accendion-fixed-header-height: 88px;
  }
}

body .analysis-overlay {
  padding-top: var(--accendion-fixed-header-height) !important;
  background:
    linear-gradient(180deg, rgba(38, 14, 75, 0.99) 0, rgba(22, 8, 48, 0.99) 92px, rgba(6, 10, 24, 0.99) 92px),
    radial-gradient(circle at 50% 0%, rgba(168, 85, 247, 0.22), transparent 36%) !important;
}

body .analysis-modal {
  display: block !important;
  overflow-y: auto !important;
  overflow-x: hidden !important;
  scrollbar-gutter: stable !important;
}

body .analysis-modal-head {
  position: relative !important;
  top: auto !important;
  z-index: 2 !important;
  border-top: 0 !important;
  background:
    radial-gradient(circle at 18% 0%, rgba(122, 167, 255, 0.12), transparent 34%),
    radial-gradient(circle at 86% 0%, rgba(168, 85, 247, 0.14), transparent 34%),
    linear-gradient(135deg, rgba(8, 14, 30, 0.99), rgba(13, 9, 34, 0.99) 54%, rgba(24, 10, 55, 0.99)) !important;
  border-bottom-color: rgba(157, 188, 255, 0.14) !important;
}

body .analysis-body {
  overflow: visible !important;
}

body .analysis-header-search {
  position: static !important;
}

:root[data-theme="light"] body .analysis-overlay {
  background:
    linear-gradient(180deg, rgba(255, 255, 255, 0.99) 0, rgba(244, 248, 255, 0.99) 92px, rgba(247, 250, 255, 0.99) 92px),
    radial-gradient(circle at 50% 0%, rgba(122, 167, 255, 0.16), transparent 36%) !important;
}

:root[data-theme="light"] body .analysis-modal-head {
  background:
    radial-gradient(circle at 18% 0%, rgba(20, 184, 166, 0.08), transparent 34%),
    radial-gradient(circle at 86% 0%, rgba(122, 167, 255, 0.14), transparent 34%),
    linear-gradient(135deg, rgba(255, 255, 255, 0.99), rgba(247, 250, 255, 0.99)) !important;
}

/* Calm the premium glow by roughly 15% so the app feels cooler and less bright. */
body .topbar::after {
  opacity: 0.85 !important;
  filter: blur(10px) brightness(0.85) saturate(0.94) !important;
}

body .hero-copy::before,
body .hero-copy::after,
body .hero-copy .hero-live-scene,
body .hero-copy .hero-live-scene::before,
body .hero-copy .hero-live-scene::after,
body .hero-copy .market-orbit,
body .hero-copy .pulse-line {
  filter: brightness(0.85) saturate(0.94) !important;
}

body .hero-copy .hero-live-scene {
  opacity: 0.61 !important;
}

body .hero-copy .hero-live-scene::before {
  opacity: 0.53 !important;
}

body .hero-copy .hero-live-scene::after {
  opacity: 0.14 !important;
}

body .hero-copy .market-orbit,
body .hero-copy .pulse-line {
  opacity: 0.12 !important;
}

body .hero-copy .hero-actions .analysis-teaser-button,
body .hero-copy .hero-actions .hero-analyst,
body .topbar nav .nav-analyst {
  filter: brightness(0.88) saturate(0.95) !important;
}

body .hero-copy .hero-actions .analysis-teaser-button,
body .hero-copy .hero-actions .hero-analyst {
  box-shadow:
    inset 0 1px 0 rgba(255, 255, 255, 0.22),
    inset 0 -18px 34px rgba(58, 19, 93, 0.16),
    0 0 0 1px rgba(169, 92, 255, 0.12),
    0 0 10px rgba(168, 85, 247, 0.34),
    0 0 20px rgba(126, 34, 206, 0.16) !important;
}

body .hero-copy .hero-actions .analysis-teaser-button:hover,
body .hero-copy .hero-actions .hero-analyst:hover {
  box-shadow:
    inset 0 1px 0 rgba(255, 255, 255, 0.2),
    inset 0 -18px 34px rgba(88, 28, 135, 0.16),
    0 0 0 1px rgba(126, 34, 206, 0.12),
    0 0 14px rgba(216, 180, 254, 0.44),
    0 0 27px rgba(126, 34, 206, 0.22) !important;
}

:root[data-theme="light"] body .topbar::after,
:root[data-theme="light"] body .hero-copy::before,
:root[data-theme="light"] body .hero-copy::after,
:root[data-theme="light"] body .hero-copy .hero-live-scene,
:root[data-theme="light"] body .hero-copy .hero-live-scene::before,
:root[data-theme="light"] body .hero-copy .hero-live-scene::after {
  filter: brightness(0.9) saturate(0.95) !important;
}

/* Light theme final polish: one continuous nav gradient and cleaner hero controls. */
:root[data-theme="light"] body .topbar {
  background:
    radial-gradient(ellipse at 50% 100%, rgba(122, 167, 255, 0.16), transparent 56%),
    linear-gradient(90deg, #ffffff 0%, #f8fbff 22%, #edf6fb 48%, #f3f1ff 74%, #ffffff 100%) !important;
  border-bottom: 1px solid rgba(188, 205, 235, 0.72) !important;
  box-shadow: 0 1px 0 rgba(255, 255, 255, 0.92), 0 10px 28px rgba(15, 23, 42, 0.04) !important;
}

:root[data-theme="light"] body .topbar::after {
  bottom: -46px !important;
  height: 92px !important;
  opacity: 0.58 !important;
  background:
    radial-gradient(ellipse at 50% 0%, rgba(91, 141, 239, 0.20), transparent 62%),
    linear-gradient(90deg, transparent 4%, rgba(20, 184, 166, 0.11) 24%, rgba(122, 167, 255, 0.16) 52%, rgba(196, 109, 160, 0.09) 76%, transparent 96%) !important;
  filter: blur(18px) brightness(0.9) saturate(0.92) !important;
}

:root[data-theme="light"] body .market-clock {
  background:
    linear-gradient(90deg, #ffffff 0%, #f9fbff 46%, #f4f8ff 100%) !important;
  border-bottom: 1px solid rgba(188, 205, 235, 0.6) !important;
}

:root[data-theme="light"] body .hero-copy {
  background:
    radial-gradient(circle at 18% 62%, rgba(20, 184, 166, 0.08), transparent 34%),
    radial-gradient(circle at 78% 48%, rgba(122, 167, 255, 0.11), transparent 34%),
    radial-gradient(circle at 88% 48%, rgba(196, 109, 160, 0.08), transparent 32%),
    linear-gradient(135deg, #ffffff 0%, #f8fbff 46%, #f5f4ff 100%) !important;
}

:root[data-theme="light"] body .hero-copy .hero-actions .analysis-teaser-button,
:root[data-theme="light"] body .hero-copy .hero-actions .hero-analyst {
  border-color: rgba(169, 190, 226, 0.92) !important;
  background:
    linear-gradient(110deg, rgba(255, 255, 255, 0.86), rgba(231, 241, 255, 0.58) 36%, rgba(211, 246, 242, 0.48) 68%, rgba(255, 255, 255, 0.84)) !important;
  box-shadow:
    inset 0 1px 0 rgba(255, 255, 255, 0.9),
    0 12px 28px rgba(31, 42, 109, 0.09) !important;
  filter: none !important;
}

:root[data-theme="light"] body .hero-copy .hero-actions .analysis-teaser-button::before,
:root[data-theme="light"] body .hero-copy .hero-actions .hero-analyst::before {
  background:
    linear-gradient(100deg, transparent 0 18%, rgba(255, 255, 255, 0.55) 34%, transparent 50%),
    linear-gradient(90deg, rgba(36, 50, 111, 0.08), transparent 42%, rgba(182, 83, 115, 0.08)) !important;
  opacity: 0.68 !important;
}

:root[data-theme="light"] body .hero-copy .hero-actions .analysis-teaser-button::after,
:root[data-theme="light"] body .hero-copy .hero-actions .hero-analyst::after {
  opacity: 0.42 !important;
  background:
    linear-gradient(90deg, rgba(36, 50, 111, 0.5), rgba(20, 184, 166, 0.32), transparent) !important;
}

:root[data-theme="light"] body .hero-copy .hero-actions .analysis-teaser-button:hover,
:root[data-theme="light"] body .hero-copy .hero-actions .hero-analyst:hover {
  box-shadow:
    inset 0 1px 0 rgba(255, 255, 255, 0.94),
    0 14px 32px rgba(31, 42, 109, 0.12) !important;
}

:root[data-theme="light"] body .search-panel,
:root[data-theme="light"] body .ticker-pill {
  background:
    linear-gradient(135deg, rgba(255, 255, 255, 0.86), rgba(244, 248, 255, 0.74)) !important;
  border-color: rgba(188, 205, 235, 0.82) !important;
  box-shadow: 0 12px 28px rgba(15, 23, 42, 0.04) !important;
}

/* Keep the AI chat clear of the fixed premium menu. */
body .chat-overlay {
  z-index: 900 !important;
  align-items: flex-start !important;
  padding: calc(var(--accendion-fixed-header-height, 96px) + 16px) 22px 22px !important;
}

body .chat-modal {
  max-height: calc(100vh - var(--accendion-fixed-header-height, 96px) - 38px) !important;
}

body .chat-modal-head {
  flex-shrink: 0 !important;
}

body .chat-messages {
  max-height: none !important;
  flex: 1 1 auto !important;
}

.floating-support-widget {
  position: fixed;
  right: 20px;
  bottom: 18px;
  z-index: 1199;
  display: flex;
  width: min(430px, calc(100vw - 32px));
  height: min(680px, calc(100vh - 38px));
  flex-direction: column;
  overflow: hidden;
  border: 1px solid #dbe3ef;
  border-radius: 22px;
  background: #fff;
  box-shadow: 0 28px 80px rgba(15, 23, 42, 0.28);
  opacity: 0;
  transform: translateY(18px) scale(0.98);
  transform-origin: bottom right;
  transition: opacity 180ms ease, transform 180ms ease;
}

.floating-support-widget.open {
  opacity: 1;
  transform: translateY(0) scale(1);
}

.floating-support-head {
  position: relative;
  z-index: 2;
  display: flex;
  flex: 0 0 auto;
  min-height: 72px;
  align-items: center;
  justify-content: space-between;
  gap: 16px;
  padding: 15px 16px 15px 20px;
  border-bottom: 1px solid rgba(255, 255, 255, 0.22);
  background: linear-gradient(135deg, #2563eb, #7c3aed);
  color: #fff;
}

.floating-support-head div {
  display: grid;
  gap: 3px;
}

.floating-support-head strong {
  font-size: 18px;
}

.floating-support-head span {
  color: rgba(255, 255, 255, 0.76);
  font-size: 13px;
}

.floating-support-head button {
  display: grid;
  width: 42px;
  min-width: 42px;
  height: 42px;
  min-height: 42px;
  place-items: center;
  padding: 0;
  border: 1px solid rgba(255, 255, 255, 0.48);
  border-radius: 50%;
  background: rgba(255, 255, 255, 0.14);
  color: #fff;
  font: 400 30px/1 Arial, sans-serif;
  box-shadow: none;
  cursor: pointer;
}

.floating-support-head button:hover,
.floating-support-head button:focus-visible {
  border-color: #fff;
  background: rgba(255, 255, 255, 0.26);
  color: #fff;
}

.floating-support-log {
  display: flex;
  min-height: 0;
  flex: 1 1 auto;
  flex-direction: column;
  gap: 12px;
  overflow-y: auto;
  padding: 18px;
  background: #fff;
}

.floating-support-message {
  display: grid;
  max-width: 88%;
  gap: 5px;
  align-self: flex-start;
  padding: 12px 14px;
  border: 1px solid #e2e8f0;
  border-radius: 8px 16px 16px;
  background: #f1f5f9;
  color: #253247;
  line-height: 1.45;
}

.floating-support-message.user {
  align-self: flex-end;
  border-color: #d8b4fe;
  border-radius: 16px 8px 16px 16px;
  background: linear-gradient(135deg, #7c3aed, #9333ea);
  color: #fff;
}

.floating-support-message strong {
  color: #2563eb;
  font-size: 12px;
  text-transform: uppercase;
  letter-spacing: 0.05em;
}

.floating-support-message.user strong {
  color: rgba(255, 255, 255, 0.82);
}

.floating-support-message p {
  margin: 0;
  color: inherit;
  font-size: 15px;
  white-space: pre-line;
}

.floating-support-message time {
  margin-top: 3px;
  color: #64748b;
  font-size: 11px;
}

.floating-support-message.user time {
  color: rgba(255, 255, 255, 0.75);
}

.floating-support-loading {
  display: flex;
  width: max-content;
  align-items: center;
  gap: 5px;
  padding: 12px 16px;
  border: 1px solid #bfdbfe;
  border-radius: 18px;
  background: #eff6ff;
}

.floating-support-loading span {
  width: 8px;
  height: 8px;
  border-radius: 50%;
  background: #a78bfa;
  animation: support-loading-dot 1s infinite ease-in-out;
}

.floating-support-loading span:nth-child(2) {
  animation-delay: 140ms;
}

.floating-support-loading span:nth-child(3) {
  animation-delay: 280ms;
}

@keyframes support-loading-dot {
  0%, 60%, 100% { transform: translateY(0); opacity: 0.5; }
  30% { transform: translateY(-4px); opacity: 1; }
}

.floating-support-form {
  display: grid;
  flex: 0 0 auto;
  grid-template-columns: minmax(0, 1fr) auto;
  gap: 10px;
  padding: 14px;
  border-top: 1px solid #e2e8f0;
  background: #fff;
}

.floating-support-form input {
  min-width: 0;
  min-height: 48px;
  padding: 0 14px;
  border: 1px solid #93c5fd;
  border-radius: 13px;
  background: #fff;
  color: #172033;
}

.floating-support-form button {
  display: grid;
  width: 48px;
  min-width: 48px;
  min-height: 48px;
  place-items: center;
  padding: 0;
  border-radius: 13px;
  background: linear-gradient(135deg, #2563eb, #7c3aed);
  color: #fff;
}

.floating-support-form button svg {
  width: 24px;
  height: 24px;
  fill: none;
  stroke: currentColor;
  stroke-width: 2;
  stroke-linecap: round;
  stroke-linejoin: round;
}

.floating-support-form button:disabled,
.floating-support-form input:disabled {
  cursor: wait;
  opacity: 0.65;
}

.floating-support-button.support-chat-hidden {
  opacity: 0 !important;
  transform: translateY(18px) scale(0.8) !important;
  pointer-events: none !important;
}

@media (max-width: 600px) {
  .floating-support-widget {
    right: 10px;
    bottom: 8px;
    width: calc(100vw - 20px);
    height: calc(100dvh - 16px);
    border-radius: 18px;
  }

  .floating-support-head {
    min-height: 70px;
  }
}

/* Complete light-theme surfaces for Help, Upgrade, and Notifications. */
:root[data-theme="light"] body.help-page {
  background:
    radial-gradient(circle at 18% 0%, rgba(59, 130, 246, 0.11), transparent 32%),
    radial-gradient(circle at 86% 4%, rgba(20, 184, 166, 0.1), transparent 30%),
    linear-gradient(180deg, #f8fbff 0%, #eef5ff 52%, #f8fafc 100%) !important;
  color: #172033 !important;
}

:root[data-theme="light"] body.help-page .help-hero {
  border-color: #cbd8ea !important;
  background:
    radial-gradient(circle at 72% 10%, rgba(20, 184, 166, 0.12), transparent 34%),
    linear-gradient(135deg, #ffffff, #edf6ff) !important;
  box-shadow: 0 18px 50px rgba(30, 64, 175, 0.08) !important;
}

:root[data-theme="light"] body.help-page .help-hero h1 {
  color: #172033 !important;
}

:root[data-theme="light"] body.help-page .help-hero p {
  color: #526176 !important;
}

:root[data-theme="light"] body.help-page .help-chat-card,
:root[data-theme="light"] body.help-page .help-faq-card {
  border-color: #cbd8ea !important;
  background: #ffffff !important;
  box-shadow: 0 16px 42px rgba(15, 23, 42, 0.08) !important;
}

:root[data-theme="light"] body.help-page .help-direct-contact {
  background: linear-gradient(135deg, rgba(219, 234, 254, 0.96), rgba(204, 251, 241, 0.84));
  color: #0f172a;
}

:root[data-theme="light"] body.help-page .help-direct-contact strong {
  color: #0f766e;
}

:root[data-theme="light"] body.help-page .help-connect h2 {
  color: #0f172a;
}

:root[data-theme="light"] body.help-page .help-connect-card {
  border-color: rgba(203, 216, 234, 0.96);
  background: rgba(255, 255, 255, 0.94);
  color: #0f172a;
  box-shadow: 0 20px 44px rgba(15, 23, 42, 0.1);
}

:root[data-theme="light"] body.help-page .help-connect-card small {
  color: #64748b;
}

:root[data-theme="light"] body.help-page .help-chat-head {
  border-color: #dce5f1 !important;
  background: #f5f8fc !important;
}

:root[data-theme="light"] body.help-page .help-chat-head strong,
:root[data-theme="light"] body.help-page .help-topics strong,
:root[data-theme="light"] body.help-page .help-answer-view h2 {
  color: #172033 !important;
}

:root[data-theme="light"] body.help-page .help-chat-head span,
:root[data-theme="light"] body.help-page .help-topics span,
:root[data-theme="light"] body.help-page .help-answer-view p {
  color: #617087 !important;
}

:root[data-theme="light"] body.help-page .help-chat-log {
  background: #ffffff !important;
}

:root[data-theme="light"] body.help-page .help-message {
  border-color: #dbe5f2 !important;
  background: #f1f5f9 !important;
  color: #334155 !important;
}

:root[data-theme="light"] body.help-page .help-message.user {
  border-color: #bfdbfe !important;
  background: #dbeafe !important;
  color: #1e3a5f !important;
}

:root[data-theme="light"] body.help-page .help-message strong {
  color: #1d4ed8 !important;
}

:root[data-theme="light"] body.help-page .help-chat-form {
  border-color: #dce5f1 !important;
  background: #f8fafc !important;
}

:root[data-theme="light"] body.help-page .help-chat-form input {
  border-color: #b8c8dd !important;
  background: #ffffff !important;
  color: #172033 !important;
  -webkit-text-fill-color: #172033 !important;
}

:root[data-theme="light"] body.help-page .help-chat-form input::placeholder {
  color: #7b8799 !important;
  -webkit-text-fill-color: #7b8799 !important;
}

:root[data-theme="light"] body.help-page .help-answer-view {
  border-color: #d6e1ef !important;
  background: #f8fbff !important;
}

:root[data-theme="light"] body.help-page .help-topics button {
  border-color: #d8e2ef !important;
  background: #ffffff !important;
  color: #172033 !important;
  box-shadow: 0 8px 22px rgba(15, 23, 42, 0.04) !important;
}

:root[data-theme="light"] body.help-page .help-topics button:hover,
:root[data-theme="light"] body.help-page .help-topics button:focus-visible,
:root[data-theme="light"] body.help-page .help-topics button.active {
  border-color: #60a5fa !important;
  background: #eff6ff !important;
}

:root[data-theme="light"] body.upgrade-page {
  background:
    radial-gradient(circle at 20% 0%, rgba(59, 130, 246, 0.11), transparent 32%),
    radial-gradient(circle at 88% 10%, rgba(20, 184, 166, 0.1), transparent 34%),
    linear-gradient(180deg, #f8fbff 0%, #eef5ff 50%, #f8fafc 100%) !important;
  color: #172033 !important;
}

:root[data-theme="light"] body.upgrade-page .upgrade-hero {
  border-color: #cbd8ea !important;
  background:
    radial-gradient(circle at 75% 10%, rgba(20, 184, 166, 0.12), transparent 32%),
    linear-gradient(135deg, #ffffff, #edf6ff) !important;
  box-shadow: 0 18px 50px rgba(30, 64, 175, 0.08) !important;
}

:root[data-theme="light"] body.upgrade-page .upgrade-hero h1 {
  color: #172033 !important;
}

:root[data-theme="light"] body.upgrade-page .upgrade-hero p:not(.eyebrow) {
  color: #526176 !important;
}

:root[data-theme="light"] body.upgrade-page .upgrade-billing {
  border-color: #c7d4e5 !important;
  background: #e7eef8 !important;
}

:root[data-theme="light"] body.upgrade-page .upgrade-billing button:not(.active) {
  color: #475569 !important;
}

:root[data-theme="light"] body.upgrade-page .upgrade-plan {
  border-color: #cbd8ea !important;
  background:
    radial-gradient(circle at 18% 0%, rgba(59, 130, 246, 0.07), transparent 34%),
    #ffffff !important;
  box-shadow: 0 14px 38px rgba(15, 23, 42, 0.08) !important;
}

:root[data-theme="light"] body.upgrade-page .upgrade-plan.featured {
  border-color: #eab308 !important;
  background:
    radial-gradient(circle at 18% 0%, rgba(250, 204, 21, 0.12), transparent 36%),
    #fffdf5 !important;
}

:root[data-theme="light"] body.upgrade-page .upgrade-plan.selected {
  border-color: #14b8a6 !important;
  box-shadow: 0 0 0 2px rgba(20, 184, 166, 0.1), 0 14px 38px rgba(15, 23, 42, 0.08) !important;
}

:root[data-theme="light"] body.upgrade-page .upgrade-plan h2,
:root[data-theme="light"] body.upgrade-page .upgrade-plan strong {
  color: #172033 !important;
}

:root[data-theme="light"] body.upgrade-page .upgrade-plan p,
:root[data-theme="light"] body.upgrade-page .upgrade-plan strong span,
:root[data-theme="light"] body.upgrade-page .upgrade-plan ul {
  color: #536176 !important;
}

:root[data-theme="light"] body.upgrade-page .upgrade-state-note,
:root[data-theme="light"] body.upgrade-page .upgrade-summary {
  border-color: #b9d9d5 !important;
  background: #eefbf9 !important;
  color: #365f5a !important;
}

:root[data-theme="light"] body.upgrade-page .upgrade-state-note strong,
:root[data-theme="light"] body.upgrade-page .upgrade-summary strong {
  color: #134e4a !important;
}

:root[data-theme="light"] body.upgrade-page .upgrade-state-note span {
  color: #365f5a !important;
}

:root[data-theme="light"] body .notifications-summary {
  border-color: #b9d9d5 !important;
  background:
    radial-gradient(circle at 12% 0%, rgba(20, 184, 166, 0.1), transparent 32%),
    #f0fdfa !important;
}

:root[data-theme="light"] body .notifications-summary strong {
  color: #172033 !important;
}

:root[data-theme="light"] body .notifications-summary span {
  color: #59687d !important;
}

:root[data-theme="light"] body .notification-card,
:root[data-theme="light"] body .notification-card.read,
:root[data-theme="light"] body .notification-card.unread {
  border-color: #d5dfeb !important;
  background: #ffffff !important;
  opacity: 1 !important;
  box-shadow: 0 8px 22px rgba(15, 23, 42, 0.05) !important;
}

:root[data-theme="light"] body .notification-card:hover {
  border-color: #5eead4 !important;
  background: #f8fffe !important;
}

:root[data-theme="light"] body .notification-card-head strong {
  color: #172033 !important;
}

:root[data-theme="light"] body .notification-card-head span {
  color: #2563eb !important;
}

:root[data-theme="light"] body .notification-card p {
  color: #526176 !important;
}

:root[data-theme="light"] body .notification-card a {
  color: #087f8c !important;
}

:root[data-theme="light"] body .notification-card a:hover {
  color: #1d4ed8 !important;
}

/* Last-loaded responsive guardrails. */
.ticker-pill span,
.home-mover-row strong,
.markets-row span,
.markets-row small,
.markets-trending-card small,
.markets-overview-grid small,
.markets-overview-grid strong,
.mover-company strong,
.mover-company em,
.mover-session small,
.watch-stock-line strong,
.watch-stock-line small,
.heatmap-tile strong {
  min-width: 0 !important;
  max-width: 100% !important;
  overflow: visible !important;
  text-overflow: clip !important;
  white-space: normal !important;
  overflow-wrap: anywhere !important;
}

@media (max-width: 420px) {
  body .topbar .brand-wordmark {
    width: 150px !important;
    min-width: 150px !important;
    max-width: 150px !important;
  }
}

/* Video-reference motion pass: live signal ribbons, glass depth, and scan highlights. */
@keyframes accendionSignalRibbon {
  0% {
    transform: translate3d(-5%, 10%, 0) skewY(-5deg) scaleX(0.92);
    opacity: 0.26;
  }
  45% {
    opacity: 0.58;
  }
  100% {
    transform: translate3d(5%, -7%, 0) skewY(-5deg) scaleX(1.04);
    opacity: 0.36;
  }
}

@keyframes accendionPanelLift {
  0% {
    transform: translateY(14px);
    opacity: 0;
  }
  100% {
    transform: translateY(0);
    opacity: 1;
  }
}

@keyframes accendionGlassScan {
  0% {
    background-position: 135% 0, 0 0;
    opacity: 0;
  }
  18%,
  58% {
    opacity: 0.48;
  }
  100% {
    background-position: -35% 0, 0 0;
    opacity: 0;
  }
}

@keyframes accendionRailTravel {
  0% {
    background-position: 130% 0;
    opacity: 0;
  }
  24%,
  62% {
    opacity: 0.72;
  }
  100% {
    background-position: -30% 0;
    opacity: 0;
  }
}

@keyframes accendionSignalGlow {
  0%,
  100% {
    filter: brightness(0.96) saturate(1.04);
  }
  50% {
    filter: brightness(1.08) saturate(1.16);
  }
}

@keyframes accendionParticleDrift {
  0% {
    background-position: 0 0, 34px 20px, 78px 42px;
    opacity: 0.36;
  }
  100% {
    background-position: 110px -70px, 178px -38px, 250px -112px;
    opacity: 0.54;
  }
}

@keyframes accendionCircuitPulse {
  0%,
  100% {
    opacity: 0.18;
    filter: drop-shadow(0 0 4px rgba(45, 212, 191, 0.2));
  }
  50% {
    opacity: 0.42;
    filter: drop-shadow(0 0 12px rgba(45, 212, 191, 0.45));
  }
}

@keyframes accendionMetricTrace {
  0% {
    transform: rotate(-80deg);
  }
  100% {
    transform: rotate(280deg);
  }
}

@keyframes accendionMarketAurora {
  0% {
    transform: translate3d(-4%, 2%, 0) skewY(-2deg);
    opacity: 0.32;
  }
  50% {
    opacity: 0.58;
  }
  100% {
    transform: translate3d(4%, -2%, 0) skewY(2deg);
    opacity: 0.4;
  }
}

@keyframes accendionTickerTrace {
  0% {
    background-position: 118% 0, 0 0;
    opacity: 0.2;
  }
  42%,
  68% {
    opacity: 0.54;
  }
  100% {
    background-position: -24% 0, 0 0;
    opacity: 0.24;
  }
}

@keyframes accendionScoreHalo {
  0% {
    transform: rotate(0deg);
    opacity: 0.38;
  }
  50% {
    opacity: 0.62;
  }
  100% {
    transform: rotate(360deg);
    opacity: 0.38;
  }
}

@keyframes accendionScoreBreath {
  0%,
  100% {
    box-shadow:
      inset 0 1px 0 rgba(255, 255, 255, 0.12),
      0 12px 28px rgba(15, 23, 42, 0.08),
      0 0 0 rgba(45, 212, 191, 0);
  }
  50% {
    box-shadow:
      inset 0 1px 0 rgba(255, 255, 255, 0.16),
      0 14px 34px rgba(15, 23, 42, 0.12),
      0 0 28px rgba(45, 212, 191, 0.12);
  }
}

@keyframes accendionNavCurrent {
  0% {
    background-position: 130% 0, 0 0;
    opacity: 0.28;
  }
  45%,
  68% {
    opacity: 0.62;
  }
  100% {
    background-position: -30% 0, 0 0;
    opacity: 0.32;
  }
}

@keyframes accendionHeroDataSweep {
  0% {
    background-position: 126% 0, 0 0;
    opacity: 0.18;
  }
  48% {
    opacity: 0.5;
  }
  100% {
    background-position: -26% 0, 0 0;
    opacity: 0.24;
  }
}

@keyframes accendionBrandFloat {
  0% {
    transform: translate3d(-3%, 1%, 0) scale(0.98);
    opacity: 0.22;
  }
  100% {
    transform: translate3d(3%, -1%, 0) scale(1.02);
    opacity: 0.38;
  }
}

@keyframes accendionFooterTrace {
  0% {
    background-position: 130% 0;
  }
  100% {
    background-position: -30% 0;
  }
}

body .hero-copy,
body .markets-hero,
body .movers-hero {
  isolation: isolate !important;
  overflow: hidden !important;
  contain: paint !important;
}

body .hero-copy::before,
body .markets-hero::before,
body .movers-hero::before {
  content: "" !important;
  position: absolute !important;
  inset: auto 0 8% 0 !important;
  display: block !important;
  height: min(230px, 46%) !important;
  pointer-events: none !important;
  z-index: 0 !important;
  border-radius: 999px !important;
  background:
    linear-gradient(92deg, transparent 0%, rgba(20, 184, 166, 0.02) 13%, rgba(45, 212, 191, 0.42) 31%, rgba(122, 167, 255, 0.48) 49%, rgba(245, 158, 11, 0.22) 66%, transparent 86%),
    linear-gradient(96deg, transparent 4%, rgba(255, 255, 255, 0.08) 44%, transparent 58%) !important;
  box-shadow:
    0 0 34px rgba(45, 212, 191, 0.18),
    0 0 72px rgba(122, 167, 255, 0.16) !important;
  mix-blend-mode: screen !important;
  opacity: 0.42 !important;
  transform-origin: center !important;
  animation: accendionSignalRibbon 9s ease-in-out infinite alternate !important;
  filter: blur(10px) saturate(1.15) !important;
}

body .hero-copy::after,
body .markets-hero::after,
body .movers-hero::after {
  content: "" !important;
  position: absolute !important;
  inset: 1px !important;
  display: block !important;
  pointer-events: none !important;
  z-index: 0 !important;
  border-radius: inherit !important;
  background: linear-gradient(115deg, transparent 0 23%, rgba(255, 255, 255, 0.12) 33%, transparent 43%) !important;
  background-size: 260% 100% !important;
  background-position: 135% 0 !important;
  animation: accendionGlassScan 7.5s cubic-bezier(0.4, 0, 0.2, 1) infinite !important;
  opacity: 0.34 !important;
}

body .hero-copy > *,
body .markets-hero > *,
body .movers-hero > * {
  position: relative !important;
  z-index: 1 !important;
}

body .topbar {
  isolation: isolate !important;
  overflow: hidden !important;
}

body .topbar::before {
  content: "" !important;
  position: absolute !important;
  inset: 0 !important;
  z-index: 0 !important;
  pointer-events: none !important;
  background:
    linear-gradient(100deg, transparent 0 18%, rgba(122, 167, 255, 0.2) 30%, rgba(45, 212, 191, 0.18) 43%, rgba(245, 158, 11, 0.08) 54%, transparent 70% 100%),
    linear-gradient(180deg, rgba(255, 255, 255, 0.035), transparent 48%) !important;
  background-size: 240% 100%, 100% 100% !important;
  background-position: 130% 0, 0 0 !important;
  opacity: 0.34 !important;
  animation: accendionNavCurrent 8s ease-in-out infinite !important;
}

body .topbar > * {
  position: relative !important;
  z-index: 1 !important;
}

body .topbar .brand-wordmark {
  filter: drop-shadow(0 0 14px rgba(122, 167, 255, 0.18)) drop-shadow(0 0 10px rgba(236, 72, 153, 0.08)) !important;
}

body .topbar-search,
body .topbar nav a,
body .topbar nav button:not(.profile-button),
body .profile-button.simple {
  position: relative !important;
  overflow: hidden !important;
  isolation: isolate !important;
}

body .topbar-search::after,
body .topbar nav a::after,
body .topbar nav button:not(.profile-button)::after {
  content: "" !important;
  position: absolute !important;
  inset: 1px !important;
  z-index: 0 !important;
  pointer-events: none !important;
  border-radius: inherit !important;
  background: linear-gradient(105deg, transparent 0 35%, rgba(255, 255, 255, 0.13) 48%, transparent 62% 100%) !important;
  background-size: 250% 100% !important;
  background-position: 130% 0 !important;
  opacity: 0 !important;
  transition: opacity 180ms ease !important;
}

body .topbar-search:hover::after,
body .topbar nav a:hover::after,
body .topbar nav button:not(.profile-button):hover::after {
  opacity: 0.64 !important;
  animation: accendionGlassScan 1.3s ease-out 1 !important;
}

body .topbar-search > *,
body .topbar nav a > *,
body .topbar nav button:not(.profile-button) > * {
  position: relative !important;
  z-index: 1 !important;
}

body .market-clock {
  position: relative !important;
  overflow: hidden !important;
  isolation: isolate !important;
}

body .market-clock::after {
  content: "" !important;
  position: absolute !important;
  inset: auto 12% 0 12% !important;
  height: 1px !important;
  z-index: 0 !important;
  pointer-events: none !important;
  background: linear-gradient(90deg, transparent, rgba(45, 212, 191, 0.58), rgba(122, 167, 255, 0.42), transparent) !important;
  background-size: 220% 100% !important;
  animation: accendionFooterTrace 6s linear infinite !important;
  opacity: 0.5 !important;
}

body .market-clock > * {
  position: relative !important;
  z-index: 1 !important;
}

body .market-clock .sebi-inline-badge {
  position: absolute !important;
  right: clamp(18px, 4vw, 56px) !important;
  top: 50% !important;
  z-index: 2 !important;
  display: inline-flex !important;
  align-items: center !important;
  gap: 6px !important;
  transform: translateY(-50%) !important;
  padding: 2px 0 !important;
  border: 0 !important;
  border-radius: 0 !important;
  color: #8fb5ff !important;
  background: transparent !important;
  font-size: 15px !important;
  font-weight: 950 !important;
  letter-spacing: 0 !important;
  line-height: 1 !important;
  box-shadow: none !important;
  text-shadow: 0 0 16px rgba(105, 142, 255, 0.36) !important;
}

body .market-clock .sebi-inline-badge i {
  display: inline-grid !important;
  place-items: center !important;
  width: 22px !important;
  height: 22px !important;
  border-radius: 999px !important;
  color: #ffffff !important;
  background: linear-gradient(135deg, #2f6df4, #06a6b8) !important;
  font-size: 13px !important;
  font-style: normal !important;
  box-shadow: 0 0 18px rgba(6, 166, 184, 0.35) !important;
}

body .market-clock .sebi-inline-badge b {
  color: #dbeafe !important;
  font-size: 0.82em !important;
  font-weight: 950 !important;
  letter-spacing: 0 !important;
}

:root[data-theme="light"] body .market-clock .sebi-inline-badge {
  color: #2563eb !important;
  text-shadow: none !important;
}

@media (max-width: 760px) {
  body .market-clock .sebi-inline-badge {
    position: static !important;
    transform: none !important;
    font-size: 14px !important;
  }
}

/* 2026-08-26 backend stock calls desk */
.stock-calls-toolbar {
  justify-content: space-between;
}

.stock-calls-toolbar .stock-calls-tabs.secondary {
  width: min(520px, 100%);
}

.stock-calls-toolbar .stock-calls-tabs.secondary button {
  flex: 1;
}

.stock-calls-updated,
.stock-calls-refresh-note {
  color: rgba(190, 205, 231, 0.78);
  font-size: 13px;
  font-weight: 900;
}

.stock-calls-summary article {
  position: relative;
  overflow: hidden;
}

.stock-calls-summary article::before {
  content: "";
  position: absolute;
  inset: 0 auto 0 0;
  width: 4px;
  background: linear-gradient(180deg, #22d3ee, #22c55e);
}

.stock-calls-grid {
  grid-template-columns: repeat(auto-fit, minmax(390px, 1fr));
}

.stock-call-card {
  gap: 16px;
  min-height: 275px;
  border-left-width: 0;
  background:
    radial-gradient(circle at 18% 0%, rgba(14, 165, 233, 0.12), transparent 32%),
    rgba(5, 12, 25, 0.88);
}

.stock-call-card.open {
  border-color: rgba(56, 189, 248, 0.28);
}

.stock-call-card.target {
  border-color: rgba(34, 197, 94, 0.42);
  background:
    radial-gradient(circle at 18% 0%, rgba(34, 197, 94, 0.15), transparent 34%),
    rgba(5, 12, 25, 0.88);
}

.stock-call-card.stop,
.stock-call-card.exit {
  border-color: rgba(248, 113, 113, 0.36);
  background:
    radial-gradient(circle at 18% 0%, rgba(248, 113, 113, 0.12), transparent 34%),
    rgba(5, 12, 25, 0.88);
}

.stock-call-card h3 {
  letter-spacing: 0;
}

.stock-call-side {
  display: grid;
  justify-items: end;
  gap: 8px;
}

.stock-call-status-row {
  display: none;
}

.stock-call-level-grid {
  grid-template-columns: repeat(4, minmax(0, 1fr));
}

.stock-call-level-grid > span {
  min-height: 78px;
}

.stock-call-level-grid > span.target strong,
.stock-call-level-grid strong.positive {
  color: #86efac;
}

.stock-call-level-grid > span.stop strong,
.stock-call-level-grid strong.negative {
  color: #fda4af;
}

.stock-call-range {
  position: relative;
  height: 34px;
  margin: 2px 4px;
}

.stock-call-range-line {
  position: absolute;
  top: 16px;
  left: 0;
  right: 0;
  height: 4px;
  border-radius: 999px;
  background: linear-gradient(90deg, #ef4444, #facc15, #22c55e);
  opacity: 0.9;
}

.stock-call-range-pin {
  position: absolute;
  top: 9px;
  width: 18px;
  height: 18px;
  border: 3px solid #07111f;
  border-radius: 999px;
  transform: translateX(-50%);
  box-shadow: 0 0 0 1px rgba(255, 255, 255, 0.24);
}

.stock-call-range-pin.stop {
  background: #ef4444;
}

.stock-call-range-pin.target {
  background: #22c55e;
}

.stock-call-range-pin.current {
  top: 6px;
  width: 24px;
  height: 24px;
  background: #60a5fa;
  box-shadow: 0 0 0 4px rgba(96, 165, 250, 0.2);
}

.stock-call-foot {
  display: grid;
  gap: 10px;
  margin-top: auto;
}

.stock-call-foot small {
  color: rgba(148, 163, 184, 0.9);
  font-weight: 850;
}

:root[data-theme="light"] .stock-calls-updated,
:root[data-theme="light"] .stock-calls-refresh-note,
:root[data-theme="light"] .stock-call-foot small {
  color: #64748b;
}

:root[data-theme="light"] .stock-call-card,
:root[data-theme="light"] .stock-call-card.target,
:root[data-theme="light"] .stock-call-card.stop,
:root[data-theme="light"] .stock-call-card.exit {
  background:
    radial-gradient(circle at 18% 0%, rgba(14, 165, 233, 0.08), transparent 34%),
    #ffffff;
}

:root[data-theme="light"] .stock-call-range-pin {
  border-color: #ffffff;
}

.stock-calls-typebar {
  display: flex;
  justify-content: center;
  margin: 18px 0 12px;
}

.stock-calls-typebar .stock-calls-tabs.primary,
.stock-calls-toolbar .stock-calls-tabs.secondary {
  width: min(660px, 100%);
  margin-inline: auto;
}

.stock-calls-toolbar {
  display: grid;
  justify-items: center;
  gap: 10px;
}

.stock-calls-updated {
  justify-self: center;
}

.stock-call-card {
  justify-items: stretch;
  min-height: 0;
}

.stock-call-card-head {
  align-items: center;
}

.stock-call-card h3 {
  font-size: clamp(30px, 3vw, 44px);
  line-height: 0.95;
}

.stock-call-level-grid {
  grid-template-columns: repeat(4, minmax(0, 1fr));
}

.stock-call-level-grid > span {
  min-height: 96px;
  align-content: center;
}

.stock-call-level-grid > span strong {
  white-space: nowrap;
}

.stock-call-foot p {
  font-size: 16px;
}

@media (max-width: 860px) {
  .stock-calls-toolbar {
    align-items: stretch;
    flex-direction: column;
  }

  .stock-calls-grid,
  .stock-call-level-grid {
    grid-template-columns: 1fr;
  }

  .stock-call-level-grid > span {
    min-height: 64px;
  }

  .stock-call-side {
    justify-items: start;
  }
}

body .market-card,
body .watchlist,
body .home-movers,
body .movers-panel,
body .markets-table-panel,
body .markets-trending-card,
body .analysis-panel,
body .profile-panel,
body .news-card,
body .news-row-card {
  position: relative !important;
  isolation: isolate !important;
  overflow: hidden !important;
  contain: paint !important;
  backdrop-filter: blur(18px) saturate(1.08) !important;
  box-shadow:
    inset 0 1px 0 rgba(255, 255, 255, 0.12),
    inset 0 -1px 0 rgba(122, 167, 255, 0.08),
    0 18px 50px rgba(2, 6, 23, 0.22) !important;
  animation: accendionPanelLift 0.72s cubic-bezier(0.2, 0.8, 0.2, 1) !important;
}

body .market-card::after,
body .watchlist::after,
body .home-movers::after,
body .movers-panel::after,
body .markets-table-panel::after,
body .markets-trending-card::after,
body .analysis-panel::after,
body .profile-panel::after,
body .news-card::after,
body .news-row-card::after {
  content: "" !important;
  position: absolute !important;
  inset: 0 !important;
  pointer-events: none !important;
  z-index: 0 !important;
  border-radius: inherit !important;
  background:
    linear-gradient(112deg, transparent 0 34%, rgba(255, 255, 255, 0.08) 45%, transparent 57%),
    linear-gradient(180deg, rgba(255, 255, 255, 0.04), transparent 42%) !important;
  background-size: 260% 100%, 100% 100% !important;
  background-position: 135% 0, 0 0 !important;
  animation: none !important;
  opacity: 0.28 !important;
}

body .market-card > *,
body .watchlist > *,
body .home-movers > *,
body .movers-panel > *,
body .markets-table-panel > *,
body .markets-trending-card > *,
body .analysis-panel > *,
body .profile-panel > *,
body .news-card > *,
body .news-row-card > * {
  position: relative !important;
  z-index: 1 !important;
}

body .analysis-teaser-button,
body .hero-analyst,
body .nav-analyst,
body .analysis-ai-button,
body .analysis-search-form button,
body .analysis-header-search button {
  position: relative !important;
  overflow: hidden !important;
  contain: paint !important;
  animation: accendionSignalGlow 4.8s ease-in-out infinite !important;
}

body .analysis-teaser-button::before,
body .hero-analyst::before,
body .analysis-ai-button::before,
body .analysis-search-form button::before,
body .analysis-header-search button::before {
  content: "" !important;
  position: absolute !important;
  inset: 0 !important;
  display: block !important;
  width: auto !important;
  pointer-events: none !important;
  background: linear-gradient(105deg, transparent 0 38%, rgba(255, 255, 255, 0.52) 50%, transparent 62% 100%) !important;
  background-size: 260% 100% !important;
  background-position: 135% 0 !important;
  opacity: 0 !important;
  animation: accendionGlassScan 4.6s ease-in-out infinite !important;
}

body .nav-analyst::before,
body .nav-analyst::after {
  display: none !important;
  animation: none !important;
}

body .forecast-score-rail {
  position: relative !important;
  overflow: hidden !important;
}

body .forecast-score-rail::after {
  content: "" !important;
  position: absolute !important;
  inset: 0 !important;
  pointer-events: none !important;
  border-radius: inherit !important;
  background: linear-gradient(90deg, transparent 0 38%, rgba(255, 255, 255, 0.62) 50%, transparent 62% 100%) !important;
  background-size: 240% 100% !important;
  background-position: 130% 0 !important;
  animation: accendionRailTravel 3.9s ease-in-out infinite !important;
  mix-blend-mode: screen !important;
}

body .market-card:hover,
body .watchlist:hover,
body .home-movers:hover,
body .movers-panel:hover,
body .markets-table-panel:hover {
  transform: translateY(-2px) !important;
  box-shadow:
    inset 0 1px 0 rgba(255, 255, 255, 0.15),
    inset 0 -1px 0 rgba(122, 167, 255, 0.1),
    0 22px 58px rgba(2, 6, 23, 0.26),
    0 0 30px rgba(45, 212, 191, 0.08) !important;
}

body .market-card:hover::after,
body .watchlist:hover::after,
body .home-movers:hover::after,
body .movers-panel:hover::after,
body .markets-table-panel:hover::after {
  animation: accendionGlassScan 1.35s ease-out 1 !important;
  opacity: 0.5 !important;
}

:root[data-theme="light"] body .hero-copy::before,
:root[data-theme="light"] body .markets-hero::before,
:root[data-theme="light"] body .movers-hero::before {
  background:
    linear-gradient(92deg, transparent 0%, rgba(20, 184, 166, 0.04) 13%, rgba(20, 184, 166, 0.28) 31%, rgba(21, 94, 239, 0.24) 51%, rgba(245, 158, 11, 0.16) 68%, transparent 86%),
    linear-gradient(96deg, transparent 4%, rgba(255, 255, 255, 0.42) 44%, transparent 58%) !important;
  mix-blend-mode: multiply !important;
  opacity: 0.36 !important;
  filter: blur(13px) saturate(1.02) !important;
}

:root[data-theme="light"] body .hero-copy::after,
:root[data-theme="light"] body .markets-hero::after,
:root[data-theme="light"] body .movers-hero::after {
  opacity: 0.28 !important;
}

:root[data-theme="light"] body .market-card,
:root[data-theme="light"] body .watchlist,
:root[data-theme="light"] body .home-movers,
:root[data-theme="light"] body .movers-panel,
:root[data-theme="light"] body .markets-table-panel,
:root[data-theme="light"] body .markets-trending-card,
:root[data-theme="light"] body .analysis-panel,
:root[data-theme="light"] body .profile-panel,
:root[data-theme="light"] body .news-card,
:root[data-theme="light"] body .news-row-card {
  box-shadow:
    inset 0 1px 0 rgba(255, 255, 255, 0.78),
    inset 0 -1px 0 rgba(122, 167, 255, 0.1),
    0 18px 42px rgba(15, 23, 42, 0.08) !important;
}

/* Reference refinement: keep original component sizes, vary the premium motion by area. */
body .hero-copy::after,
body .markets-hero::after,
body .movers-hero::after {
  background:
    linear-gradient(115deg, transparent 0 24%, rgba(255, 255, 255, 0.11) 36%, transparent 48%),
    linear-gradient(180deg, rgba(2, 6, 23, 0.05), rgba(2, 6, 23, 0.32)) !important;
  background-size: 260% 100%, 100% 100% !important;
  background-position: 135% 0, 0 0 !important;
}

body .hero-copy .hero-live-scene::after {
  background:
    radial-gradient(circle at 48% 50%, rgba(45, 212, 191, 0.18) 0 7%, transparent 8%),
    conic-gradient(from 140deg at 52% 54%, transparent 0 18%, rgba(45, 212, 191, 0.22) 20% 22%, transparent 25% 44%, rgba(168, 85, 247, 0.26) 46% 48%, transparent 52% 100%) !important;
  border-color: rgba(45, 212, 191, 0.18) !important;
  opacity: 0.36 !important;
  filter: blur(0.2px) drop-shadow(0 0 18px rgba(45, 212, 191, 0.2)) !important;
}

body .analysis-request,
body .analysis-empty {
  position: relative !important;
  isolation: isolate !important;
  overflow: hidden !important;
  contain: paint !important;
}

body .analysis-request::before,
body .analysis-empty::before {
  content: "" !important;
  position: absolute !important;
  inset: 12% -10% 10% -10% !important;
  z-index: 0 !important;
  pointer-events: none !important;
  border-radius: 999px !important;
  background:
    linear-gradient(100deg, transparent 0 10%, rgba(14, 165, 233, 0.08) 20%, rgba(45, 212, 191, 0.2) 34%, rgba(122, 167, 255, 0.14) 50%, rgba(245, 158, 11, 0.1) 65%, transparent 84%),
    linear-gradient(80deg, transparent 0 24%, rgba(255, 255, 255, 0.08) 38%, transparent 52%) !important;
  opacity: 0.42 !important;
  filter: blur(20px) saturate(1.12) !important;
  animation: accendionMarketAurora 10s ease-in-out infinite alternate !important;
}

body .analysis-request::after,
body .analysis-empty::after {
  content: "" !important;
  position: absolute !important;
  inset: 18% 6% 14% 6% !important;
  z-index: 0 !important;
  pointer-events: none !important;
  border-radius: 24px !important;
  background:
    linear-gradient(105deg, transparent 0 18%, rgba(45, 212, 191, 0.26) 19% 19.6%, transparent 20.2% 35%, rgba(122, 167, 255, 0.22) 36% 36.6%, transparent 37.2% 58%, rgba(245, 158, 11, 0.18) 59% 59.7%, transparent 60.4% 100%),
    linear-gradient(180deg, transparent 0 18%, rgba(45, 212, 191, 0.08) 18.2% 18.8%, transparent 19% 46%, rgba(122, 167, 255, 0.08) 46.2% 46.9%, transparent 47.2% 100%) !important;
  background-size: 240% 100%, 100% 100% !important;
  background-position: 118% 0, 0 0 !important;
  opacity: 0.4 !important;
  animation: accendionTickerTrace 8.5s ease-in-out infinite !important;
  filter: drop-shadow(0 0 18px rgba(45, 212, 191, 0.14)) !important;
}

body .analysis-request > *,
body .analysis-empty > * {
  position: relative !important;
  z-index: 1 !important;
}

body .analysis-search-form {
  position: relative !important;
  isolation: isolate !important;
  overflow: hidden !important;
}

body .analysis-search-form::after {
  content: "" !important;
  position: absolute !important;
  inset: 1px !important;
  z-index: 0 !important;
  pointer-events: none !important;
  border-radius: inherit !important;
  background: linear-gradient(105deg, transparent 0 34%, rgba(45, 212, 191, 0.12) 47%, rgba(245, 158, 11, 0.08) 54%, transparent 66% 100%) !important;
  background-size: 240% 100% !important;
  background-position: 130% 0 !important;
  animation: accendionGlassScan 6.2s ease-in-out infinite !important;
}

body .analysis-search-form > * {
  position: relative !important;
  z-index: 1 !important;
}

body .analysis-recent-grid button {
  position: relative !important;
  overflow: hidden !important;
  isolation: isolate !important;
}

body .analysis-recent-grid button::after {
  content: "" !important;
  position: absolute !important;
  inset: auto 12px 8px 12px !important;
  height: 2px !important;
  pointer-events: none !important;
  border-radius: 999px !important;
  background: linear-gradient(90deg, rgba(245, 158, 11, 0), rgba(245, 158, 11, 0.72), rgba(45, 212, 191, 0.58), rgba(45, 212, 191, 0)) !important;
  opacity: 0.34 !important;
  transform-origin: center !important;
  transition: opacity 180ms ease, transform 180ms ease !important;
}

body .analysis-recent-grid button:hover::after {
  opacity: 0.86 !important;
  transform: scaleX(1.04) !important;
}

body .analysis-hero {
  isolation: isolate !important;
  overflow: hidden !important;
  contain: paint !important;
}

body .analysis-hero::after {
  content: "" !important;
  position: absolute !important;
  inset: 1px !important;
  z-index: 0 !important;
  pointer-events: none !important;
  border-radius: inherit !important;
  background:
    linear-gradient(105deg, transparent 0 24%, rgba(45, 212, 191, 0.12) 34%, rgba(122, 167, 255, 0.11) 45%, rgba(245, 158, 11, 0.06) 56%, transparent 68% 100%),
    linear-gradient(180deg, rgba(255, 255, 255, 0.045), transparent 42%) !important;
  background-size: 260% 100%, 100% 100% !important;
  background-position: 126% 0, 0 0 !important;
  opacity: 0.32 !important;
  animation: accendionHeroDataSweep 8.8s ease-in-out infinite !important;
}

body .analysis-hero > * {
  position: relative !important;
  z-index: 1 !important;
}

body .analysis-identity h3,
body .analysis-price-row > strong {
  text-shadow:
    0 0 18px rgba(251, 113, 133, 0.12),
    0 0 34px rgba(122, 167, 255, 0.08) !important;
}

body .analysis-price-row span {
  box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.09), 0 0 16px rgba(251, 113, 133, 0.08) !important;
}

body .markets-overview-grid article,
body .markets-trending-card,
body .mover-row,
body .home-mover-row {
  position: relative !important;
  isolation: isolate !important;
  overflow: hidden !important;
}

body .markets-overview-grid article::before,
body .markets-trending-card::before {
  content: "" !important;
  position: absolute !important;
  right: 14px !important;
  top: 14px !important;
  width: 42px !important;
  aspect-ratio: 1 !important;
  z-index: 0 !important;
  pointer-events: none !important;
  border-radius: 999px !important;
  background: conic-gradient(from 20deg, rgba(245, 158, 11, 0.9), rgba(245, 158, 11, 0.05) 42%, rgba(45, 212, 191, 0.65), rgba(45, 212, 191, 0.04) 74%, rgba(245, 158, 11, 0.9)) !important;
  opacity: 0.24 !important;
  animation: accendionMetricTrace 8s linear infinite !important;
}

body .markets-overview-grid article > *,
body .markets-trending-card > * {
  position: relative !important;
  z-index: 1 !important;
}

body .mover-row::after,
body .home-mover-row::after {
  content: "" !important;
  position: absolute !important;
  inset: 0 auto 0 0 !important;
  width: 3px !important;
  z-index: 0 !important;
  pointer-events: none !important;
  background: linear-gradient(180deg, rgba(245, 158, 11, 0), rgba(245, 158, 11, 0.76), rgba(45, 212, 191, 0.62), rgba(245, 158, 11, 0)) !important;
  opacity: 0.38 !important;
  transition: opacity 180ms ease, width 180ms ease !important;
}

body .mover-row:hover::after,
body .home-mover-row:hover::after {
  width: 5px !important;
  opacity: 0.85 !important;
}

body .forecast-score-card {
  position: relative !important;
  isolation: isolate !important;
  contain: paint !important;
  overflow: hidden !important;
  animation: accendionScoreBreath 4.8s ease-in-out infinite !important;
}

body .forecast-score-card::before,
body .forecast-score-card::after {
  content: "" !important;
  position: absolute !important;
  pointer-events: none !important;
  z-index: 0 !important;
}

body .forecast-score-card::before {
  inset: -42% auto auto 58% !important;
  width: 170px !important;
  aspect-ratio: 1 !important;
  border-radius: 999px !important;
  background:
    conic-gradient(from 120deg, rgba(45, 212, 191, 0), rgba(45, 212, 191, 0.32), rgba(122, 167, 255, 0.26), rgba(245, 158, 11, 0.22), rgba(45, 212, 191, 0)) !important;
  opacity: 0.34 !important;
  filter: blur(10px) !important;
  animation: accendionScoreHalo 9s linear infinite !important;
}

body .forecast-score-card::after {
  inset: 1px !important;
  border-radius: inherit !important;
  background:
    linear-gradient(120deg, transparent 0 30%, rgba(255, 255, 255, 0.1) 44%, transparent 58%),
    linear-gradient(180deg, rgba(255, 255, 255, 0.04), transparent 45%) !important;
  background-size: 240% 100%, 100% 100% !important;
  background-position: 132% 0, 0 0 !important;
  opacity: 0.42 !important;
  animation: accendionGlassScan 6.8s ease-in-out infinite !important;
}

body .forecast-score-card > * {
  position: relative !important;
  z-index: 1 !important;
}

body .forecast-score-card.analysis-score-inline {
  position: absolute !important;
  top: 50% !important;
  right: 22px !important;
  transform: translateY(-50%) !important;
  width: min(320px, 32vw) !important;
  min-height: 0 !important;
  gap: 7px !important;
  padding: 14px 16px !important;
  align-content: center !important;
  contain: none !important;
  overflow: visible !important;
  z-index: 18 !important;
}

body .forecast-score-card.analysis-score-inline > strong {
  line-height: 0.92 !important;
}

body .forecast-score-card.analysis-score-inline .forecast-score-title,
body .forecast-score-card.analysis-score-inline .forecast-score-scale {
  flex-shrink: 0 !important;
}

body .forecast-score-card.analysis-score-inline .forecast-score-title {
  position: static !important;
  overflow: visible !important;
  z-index: 20 !important;
}

body .forecast-score-card.analysis-score-inline .score-help-popover {
  position: static !important;
}

body .forecast-score-card.analysis-score-inline .score-help-popover div {
  position: absolute !important;
  inset: 10px !important;
  width: auto !important;
  max-height: none !important;
  overflow: hidden !important;
  z-index: 9000 !important;
  transform: scale(0.98) !important;
  white-space: normal !important;
  padding: 16px !important;
  border-radius: 14px !important;
  color: #dbeafe !important;
  text-transform: none !important;
  letter-spacing: 0 !important;
  line-height: 1.35 !important;
  backdrop-filter: blur(18px) saturate(1.2) !important;
  -webkit-backdrop-filter: blur(18px) saturate(1.2) !important;
  background:
    linear-gradient(135deg, rgba(6, 12, 28, 0.94), rgba(15, 23, 42, 0.88)) !important;
  box-shadow:
    inset 0 1px 0 rgba(255, 255, 255, 0.12),
    0 18px 34px rgba(0, 0, 0, 0.36) !important;
}

body .forecast-score-card.analysis-score-inline .score-help-popover div strong {
  display: block !important;
  margin: 0 0 8px !important;
  color: #facc15 !important;
  font-size: 14px !important;
  font-weight: 900 !important;
  line-height: 1.2 !important;
  text-transform: none !important;
  letter-spacing: 0 !important;
}

body .forecast-score-card.analysis-score-inline .score-help-popover div span {
  display: block !important;
  color: #dbeafe !important;
  font-size: 12px !important;
  font-weight: 750 !important;
  line-height: 1.42 !important;
  text-transform: none !important;
  letter-spacing: 0 !important;
}

body .forecast-score-card.analysis-score-inline .score-help-popover[open] div,
body .forecast-score-card.analysis-score-inline .score-help-popover:focus-within div {
  transform: scale(1) !important;
}

body .app-footer,
body .analysis-company-end.accendion-company-end {
  position: relative !important;
  isolation: isolate !important;
  overflow: hidden !important;
}

body .app-footer::before,
body .analysis-company-end.accendion-company-end::before {
  content: "" !important;
  position: absolute !important;
  inset: 10% 10% 18% 10% !important;
  z-index: 0 !important;
  pointer-events: none !important;
  border-radius: 999px !important;
  background:
    linear-gradient(90deg, transparent 0 10%, rgba(45, 212, 191, 0.12) 25%, rgba(122, 167, 255, 0.16) 48%, rgba(236, 72, 153, 0.1) 68%, transparent 88%),
    linear-gradient(180deg, rgba(255, 255, 255, 0.035), transparent 54%) !important;
  opacity: 0.28 !important;
  filter: blur(24px) saturate(1.08) !important;
  animation: accendionBrandFloat 12s ease-in-out infinite alternate !important;
}

body .app-footer::after,
body .analysis-company-end.accendion-company-end::after {
  content: "" !important;
  position: absolute !important;
  inset: auto 16% 0 16% !important;
  height: 1px !important;
  z-index: 0 !important;
  pointer-events: none !important;
  background: linear-gradient(90deg, transparent, rgba(122, 167, 255, 0.36), rgba(45, 212, 191, 0.4), transparent) !important;
  background-size: 220% 100% !important;
  animation: accendionFooterTrace 7.5s linear infinite !important;
  opacity: 0.56 !important;
}

body .app-footer > *,
body .analysis-company-end.accendion-company-end > * {
  position: relative !important;
  z-index: 1 !important;
}

body .app-footer-brand > img,
body .analysis-company-end .accendion-footer-logo img {
  filter: drop-shadow(0 0 18px rgba(122, 167, 255, 0.16)) drop-shadow(0 0 12px rgba(236, 72, 153, 0.08)) !important;
}

body .app-footer-grid article,
body .analysis-company-end .analysis-company-end-grid span {
  position: relative !important;
  overflow: hidden !important;
  isolation: isolate !important;
}

body .app-footer-grid article::after,
body .analysis-company-end .analysis-company-end-grid span::after {
  content: "" !important;
  position: absolute !important;
  inset: auto 18% 0 18% !important;
  height: 1px !important;
  z-index: 0 !important;
  pointer-events: none !important;
  background: linear-gradient(90deg, transparent, rgba(45, 212, 191, 0.42), rgba(245, 158, 11, 0.22), transparent) !important;
  opacity: 0.32 !important;
  transition: opacity 180ms ease, inset 180ms ease !important;
}

body .app-footer-grid article:hover::after,
body .analysis-company-end .analysis-company-end-grid span:hover::after {
  inset-inline: 6% !important;
  opacity: 0.78 !important;
}

@media (max-width: 760px) {
  body .hero-copy::before,
  body .markets-hero::before,
  body .movers-hero::before {
    inset: auto 0 6% 0 !important;
    height: 138px !important;
    opacity: 0.34 !important;
    filter: blur(12px) saturate(1.05) !important;
  }

  body .hero-copy::after,
  body .markets-hero::after,
  body .movers-hero::after,
  body .market-card::after,
  body .watchlist::after,
  body .home-movers::after,
  body .movers-panel::after,
  body .markets-table-panel::after,
  body .markets-trending-card::after,
  body .analysis-panel::after,
  body .profile-panel::after,
  body .news-card::after,
  body .news-row-card::after {
    animation-duration: 12s !important;
    opacity: 0.25 !important;
  }
}

@media (prefers-reduced-motion: reduce) {
  body .hero-copy::before,
  body .markets-hero::before,
  body .movers-hero::before,
  body .hero-copy::after,
  body .markets-hero::after,
  body .movers-hero::after,
  body .market-card,
  body .watchlist,
  body .home-movers,
  body .movers-panel,
  body .markets-table-panel,
  body .markets-trending-card,
  body .analysis-panel,
  body .profile-panel,
  body .news-card,
  body .news-row-card,
  body .market-card::after,
  body .watchlist::after,
  body .home-movers::after,
  body .movers-panel::after,
  body .markets-table-panel::after,
  body .markets-trending-card::after,
  body .analysis-panel::after,
  body .profile-panel::after,
  body .news-card::after,
  body .news-row-card::after,
  body .analysis-teaser-button,
  body .hero-analyst,
  body .nav-analyst,
  body .analysis-ai-button,
  body .analysis-search-form button,
  body .analysis-header-search button,
  body .forecast-score-rail::after,
  body .analysis-request::before,
  body .analysis-request::after,
  body .analysis-empty::before,
  body .analysis-empty::after,
  body .forecast-score-card,
  body .forecast-score-card::before,
  body .forecast-score-card::after,
  body .markets-overview-grid article::before,
  body .markets-trending-card::before,
  body .topbar::before,
  body .topbar-search::after,
  body .topbar nav a::after,
  body .topbar nav button:not(.profile-button)::after,
  body .market-clock::after,
  body .analysis-hero::after,
  body .app-footer::before,
  body .app-footer::after,
  body .analysis-company-end.accendion-company-end::before,
  body .analysis-company-end.accendion-company-end::after,
  body .app-footer-grid article::after,
  body .analysis-company-end .analysis-company-end-grid span::after {
    animation: none !important;
  }
}

/* Visible premium pass for the exact requested areas: menu, detailed card, company details. */
@keyframes accendionVisibleSweep {
  0% {
    background-position: 140% 0, 0 0;
  }
  100% {
    background-position: -40% 0, 0 0;
  }
}

@keyframes accendionBorderPulse {
  0%,
  100% {
    opacity: 0.45;
    filter: brightness(0.95) saturate(1);
  }
  50% {
    opacity: 0.92;
    filter: brightness(1.18) saturate(1.25);
  }
}

body .topbar {
  box-shadow:
    inset 0 -1px 0 rgba(45, 212, 191, 0.28),
    0 18px 54px rgba(88, 28, 135, 0.34),
    0 0 42px rgba(45, 212, 191, 0.08) !important;
}

body .topbar::before {
  background:
    linear-gradient(98deg, transparent 0 14%, rgba(122, 167, 255, 0.42) 28%, rgba(45, 212, 191, 0.34) 42%, rgba(236, 72, 153, 0.2) 56%, transparent 72% 100%),
    linear-gradient(180deg, rgba(255, 255, 255, 0.08), transparent 55%) !important;
  opacity: 0.7 !important;
  filter: blur(0.2px) saturate(1.18) !important;
}

body .topbar::after {
  opacity: 0.95 !important;
  filter: blur(13px) brightness(1.08) saturate(1.08) !important;
}

body .topbar nav a,
body .topbar nav button:not(.profile-button) {
  text-shadow: 0 0 18px rgba(157, 188, 255, 0.2) !important;
}

body .topbar nav a:hover,
body .topbar nav button:not(.profile-button):hover {
  color: #ffffff !important;
  box-shadow: 0 0 22px rgba(122, 167, 255, 0.16) !important;
}

body .market-clock {
  box-shadow:
    inset 0 1px 0 rgba(122, 167, 255, 0.08),
    inset 0 -1px 0 rgba(45, 212, 191, 0.16) !important;
}

body .market-clock::after {
  inset-inline: 10% !important;
  height: 2px !important;
  opacity: 0.88 !important;
  background:
    linear-gradient(90deg, transparent, rgba(45, 212, 191, 0.9), rgba(122, 167, 255, 0.78), rgba(236, 72, 153, 0.5), transparent) !important;
  filter: drop-shadow(0 0 8px rgba(45, 212, 191, 0.36)) !important;
}

body .analysis-hero {
  border-color: rgba(122, 167, 255, 0.46) !important;
  box-shadow:
    inset 0 1px 0 rgba(255, 255, 255, 0.09),
    inset 0 -1px 0 rgba(45, 212, 191, 0.14),
    0 0 0 1px rgba(45, 212, 191, 0.07),
    0 22px 64px rgba(12, 8, 31, 0.28) !important;
}

body .analysis-hero::after {
  background:
    linear-gradient(105deg, transparent 0 18%, rgba(45, 212, 191, 0.24) 31%, rgba(122, 167, 255, 0.2) 44%, rgba(236, 72, 153, 0.14) 56%, transparent 72% 100%),
    linear-gradient(180deg, rgba(255, 255, 255, 0.07), transparent 48%) !important;
  opacity: 0.64 !important;
  animation: accendionVisibleSweep 7.2s ease-in-out infinite !important;
}

body .analysis-hero .eyebrow {
  text-shadow: 0 0 14px rgba(122, 167, 255, 0.32) !important;
}

body .analysis-identity h3 {
  color: #f8fafc !important;
  text-shadow: none !important;
}

body .analysis-price-row > strong {
  color: #f8fafc !important;
  text-shadow: none !important;
}

body .forecast-score-card {
  border-color: rgba(122, 167, 255, 0.48) !important;
  background:
    linear-gradient(145deg, rgba(8, 7, 22, 0.98), rgba(10, 9, 28, 0.96) 52%, rgba(9, 20, 30, 0.92)) !important;
  box-shadow:
    inset 0 1px 0 rgba(255, 255, 255, 0.1),
    0 0 0 1px rgba(45, 212, 191, 0.12),
    0 0 32px rgba(45, 212, 191, 0.14),
    0 18px 38px rgba(2, 6, 23, 0.28) !important;
}

body .forecast-score-card::before {
  opacity: 0.72 !important;
  filter: blur(8px) saturate(1.18) !important;
}

body .forecast-score-card::after {
  opacity: 0.72 !important;
  background:
    linear-gradient(120deg, transparent 0 24%, rgba(255, 255, 255, 0.2) 42%, transparent 60%),
    linear-gradient(180deg, rgba(45, 212, 191, 0.06), transparent 54%) !important;
}

body .forecast-score-rail {
  box-shadow:
    0 0 14px rgba(45, 212, 191, 0.22),
    inset 0 1px 0 rgba(255, 255, 255, 0.18) !important;
}

body .forecast-score-rail i {
  box-shadow:
    0 0 0 3px rgba(245, 158, 11, 0.12),
    0 0 16px rgba(245, 158, 11, 0.46) !important;
}

body .app-footer,
body .analysis-company-end.accendion-company-end {
  box-shadow:
    inset 0 1px 0 rgba(122, 167, 255, 0.16),
    inset 0 -1px 0 rgba(45, 212, 191, 0.16),
    0 -22px 60px rgba(45, 212, 191, 0.04) !important;
}

body .app-footer::before,
body .analysis-company-end.accendion-company-end::before {
  inset: 4% 6% 10% 6% !important;
  opacity: 0.58 !important;
  filter: blur(20px) saturate(1.2) !important;
  background:
    linear-gradient(90deg, transparent 0 8%, rgba(45, 212, 191, 0.22) 24%, rgba(122, 167, 255, 0.28) 48%, rgba(236, 72, 153, 0.18) 68%, transparent 90%),
    linear-gradient(180deg, rgba(255, 255, 255, 0.055), transparent 54%) !important;
}

body .app-footer::after,
body .analysis-company-end.accendion-company-end::after {
  height: 2px !important;
  opacity: 0.88 !important;
  background:
    linear-gradient(90deg, transparent, rgba(122, 167, 255, 0.72), rgba(45, 212, 191, 0.7), rgba(236, 72, 153, 0.42), transparent) !important;
  filter: drop-shadow(0 0 8px rgba(122, 167, 255, 0.32)) !important;
}

body .app-footer-brand > img,
body .analysis-company-wordmark,
body .analysis-company-end .accendion-footer-logo img {
  background: transparent !important;
  border: 0 !important;
  border-radius: 0 !important;
  box-shadow: none !important;
  filter:
    drop-shadow(0 0 16px rgba(122, 167, 255, 0.26))
    drop-shadow(0 0 12px rgba(236, 72, 153, 0.12)) !important;
}

body .app-footer-grid article,
body .analysis-company-end .analysis-company-end-grid span {
  text-shadow: 0 0 18px rgba(157, 188, 255, 0.14) !important;
}

:root[data-theme="light"] body .analysis-identity h3,
:root[data-theme="light"] body .analysis-price-row > strong {
  color: #111827 !important;
  text-shadow: none !important;
}

/* Final top menu: text-only switching, no active pill/button treatment. */
body .topbar nav a {
  color: #ffffff !important;
  background: transparent !important;
  border-color: transparent !important;
  box-shadow: none !important;
  text-shadow: none !important;
  filter: none !important;
}

body .topbar nav .nav-get-started:hover,
body .topbar nav .nav-get-started:focus-visible {
  color: #ffffff !important;
  background: transparent !important;
  box-shadow: none !important;
}

body .notification-button,
body .theme-switch,
body .notification-button:hover,
body .theme-switch:hover,
body .notification-button:focus-visible,
body .theme-switch:focus-visible,
body .notification-button:active,
body .theme-switch:active {
  background: transparent !important;
  box-shadow: none !important;
  filter: none !important;
}

body .topbar nav .nav-get-started[aria-current="page"],
body .topbar nav .nav-get-started.active,
body .topbar nav .nav-get-started.is-active {
  color: #7aa7ff !important;
  background: transparent !important;
  border-color: transparent !important;
  box-shadow: none !important;
  text-shadow: none !important;
  filter: none !important;
}

:root[data-theme="light"] body .topbar nav .nav-get-started {
  color: #111827 !important;
  text-shadow: none !important;
}

:root[data-theme="light"] body .topbar nav .nav-get-started[aria-current="page"],
:root[data-theme="light"] body .topbar nav .nav-get-started.active,
:root[data-theme="light"] body .topbar nav .nav-get-started.is-active {
  color: #171a62 !important;
}

body .topbar nav button:not(.profile-button),
body .nav-analyst,
body .topbar nav .nav-analyst {
  text-shadow: none !important;
  filter: none !important;
}

body .nav-analyst,
body .topbar nav .nav-analyst {
  color: #ffffff !important;
}

body .market-clock,
body .market-clock *,
body .market-clock strong,
body .market-clock p,
body .market-clock small {
  text-shadow: none !important;
  filter: none !important;
}

body .market-clock strong,
body .market-clock p,
body .market-clock small {
  color: #ffffff !important;
  -webkit-text-fill-color: #ffffff !important;
}

:root[data-theme="light"] body .market-clock strong,
:root[data-theme="light"] body .market-clock p,
:root[data-theme="light"] body .market-clock small {
  color: #111827 !important;
  -webkit-text-fill-color: #111827 !important;
}

body .market-clock .live-dot,
body .market-clock #market-clock-state {
  color: #067647 !important;
  -webkit-text-fill-color: #067647 !important;
  background: var(--green-soft) !important;
}

body .market-clock .live-dot.market-closed,
body .market-clock #market-clock-state.market-closed {
  color: #b42318 !important;
  -webkit-text-fill-color: #b42318 !important;
  background: #fee4e2 !important;
}

/* Final targeted readability: only the text the header/CTA controls need. */
body .hero-copy .hero-actions .analysis-teaser-button span,
body .hero-copy .hero-actions .hero-analyst span {
  font-weight: 950 !important;
  text-shadow: none !important;
  filter: none !important;
}

body .hero-copy .hero-actions .analysis-teaser-button small,
body .hero-copy .hero-actions .hero-analyst small {
  color: #ffffff !important;
  -webkit-text-fill-color: #ffffff !important;
  font-weight: 900 !important;
  text-shadow: none !important;
  filter: none !important;
}

:root[data-theme="light"] body .hero-copy .hero-actions .analysis-teaser-button small,
:root[data-theme="light"] body .hero-copy .hero-actions .hero-analyst small {
  color: #111827 !important;
  -webkit-text-fill-color: #111827 !important;
}

body .topbar nav a,
body .topbar nav button:not(.profile-button),
body .nav-analyst,
body .topbar nav .nav-analyst,
body .market-clock,
body .market-clock * {
  -webkit-font-smoothing: antialiased !important;
  text-rendering: geometricPrecision !important;
}

body .topbar-search {
  width: min(350px, 26vw) !important;
  min-height: 58px !important;
  overflow: hidden !important;
}

body .topbar .theme-switch {
  display: none !important;
}

body .topbar,
body .topbar nav,
body .topbar .profile-menu {
  overflow: visible !important;
}

body .topbar .profile-menu {
  position: relative !important;
  z-index: 60 !important;
}

body .topbar .profile-dropdown {
  z-index: 1000 !important;
  width: 270px !important;
}

body .topbar .profile-dropdown button {
  display: flex !important;
  align-items: center !important;
  justify-content: space-between !important;
  width: 100% !important;
  min-height: 54px !important;
  border: 0 !important;
  border-radius: 0 !important;
  padding: 0 18px !important;
  box-shadow: none !important;
  font-size: 16px !important;
  font-weight: 850 !important;
  text-align: left !important;
}

body .profile-summary {
  min-height: 78px !important;
  padding: 16px 18px !important;
  background: rgba(255, 255, 255, 0.03) !important;
}

body .profile-summary strong {
  font-size: 16px !important;
}

body .profile-summary small {
  color: rgba(255, 255, 255, 0.72) !important;
  font-size: 13px !important;
}

body .profile-auth-action {
  border-top: 1px solid rgba(122, 167, 255, 0.18) !important;
}

body .profile-theme-row {
  cursor: pointer;
}

body .profile-theme-toggle {
  position: relative;
  width: 48px;
  height: 26px;
  border-radius: 999px;
  background: rgba(255, 255, 255, 0.9);
}

body .profile-theme-toggle::after {
  content: "";
  position: absolute;
  top: 4px;
  right: 4px;
  width: 18px;
  height: 18px;
  border-radius: 999px;
  background: #3f3f46;
}

body [data-theme-switch][data-active-theme="light"] .profile-theme-toggle::after {
  right: 26px;
  background: #f59e0b;
}

body.signed-out .profile-button.simple span,
body .profile-button.simple span:empty {
  border: 0 !important;
  background-color: #ffffff !important;
  background-image: none !important;
  box-shadow: none !important;
  -webkit-mask: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='black' stroke-width='2.1' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M20 21a8 8 0 0 0-16 0'/%3E%3Ccircle cx='12' cy='7' r='4'/%3E%3C/svg%3E") center / 26px 26px no-repeat;
  mask: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='black' stroke-width='2.1' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M20 21a8 8 0 0 0-16 0'/%3E%3Ccircle cx='12' cy='7' r='4'/%3E%3C/svg%3E") center / 26px 26px no-repeat;
}

body.signed-in .profile-button.simple span:not(:empty) {
  display: grid !important;
  place-items: center !important;
  border-radius: 999px !important;
  color: #ffffff !important;
  background: #a58d5f !important;
  -webkit-mask: none !important;
  mask: none !important;
}

:root[data-theme="light"] body .profile-summary small {
  color: #607089 !important;
}

:root[data-theme="light"] body.signed-out .profile-button.simple span,
:root[data-theme="light"] body .profile-button.simple span:empty {
  background-color: #111827 !important;
}

body .app-footer-brand p,
body .app-footer-brand small,
body .app-footer-grid span,
body .analysis-company-end .analysis-company-end-grid span {
  color: #ffffff !important;
  -webkit-text-fill-color: #ffffff !important;
  text-shadow: none !important;
  filter: none !important;
}

:root[data-theme="light"] body .app-footer-brand p,
:root[data-theme="light"] body .app-footer-brand small,
:root[data-theme="light"] body .app-footer-grid span,
:root[data-theme="light"] body .analysis-company-end .analysis-company-end-grid span {
  color: #111827 !important;
  -webkit-text-fill-color: #111827 !important;
}

body .analysis-feature-bar button,
body .chart-range-bar button {
  background: transparent !important;
  box-shadow: none !important;
  text-shadow: none !important;
  filter: none !important;
}

body .analysis-feature-bar button.active,
body .chart-range-bar button.active {
  color: #7aa7ff !important;
  background: transparent !important;
  box-shadow: none !important;
}

:root[data-theme="light"] body .analysis-feature-bar button.active,
:root[data-theme="light"] body .chart-range-bar button.active {
  color: #171a62 !important;
}

body .action-panel {
  position: fixed !important;
  inset: 0 !important;
  z-index: 5000 !important;
  display: none;
  place-items: center;
  overflow: hidden !important;
  background: rgba(2, 6, 23, 0.52) !important;
  backdrop-filter: blur(12px) !important;
}

body .action-panel.open {
  display: grid;
}

html:has(body.action-panel-locked),
body.action-panel-locked {
  height: 100%;
  overflow: hidden !important;
}

body .action-panel-card {
  z-index: 1 !important;
  border-color: rgba(122, 167, 255, 0.28) !important;
  background:
    radial-gradient(circle at 16% 14%, rgba(122, 167, 255, 0.18), transparent 34%),
    radial-gradient(circle at 88% 20%, rgba(20, 184, 166, 0.12), transparent 36%),
    linear-gradient(135deg, rgba(11, 18, 38, 0.94), rgba(30, 14, 58, 0.9)) !important;
  box-shadow: 0 30px 80px rgba(2, 6, 23, 0.42) !important;
}

body .action-panel.open .action-panel-card {
  width: min(700px, calc(100vw - 32px));
  max-height: min(88dvh, 820px);
  overflow-y: auto !important;
  scrollbar-gutter: stable;
}

body .action-panel-close {
  z-index: 2 !important;
  pointer-events: auto !important;
  color: #ffffff !important;
  -webkit-text-fill-color: #ffffff !important;
}

body .action-panel-card h2,
body .action-panel-card .eyebrow,
body .action-panel-body p {
  color: #ffffff !important;
  -webkit-text-fill-color: #ffffff !important;
  text-shadow: none !important;
  filter: none !important;
}

body .action-panel-actions {
  display: flex;
  justify-content: center;
  margin-top: 18px;
}

body .action-panel-primary {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  min-height: 44px;
  min-width: 170px;
  border-radius: 999px;
  color: #ffffff !important;
  background: linear-gradient(135deg, #2563eb, #0891b2);
  box-shadow: 0 16px 38px rgba(21, 94, 239, 0.3);
  font-weight: 1000;
  text-decoration: none;
}

body .notifications-panel {
  display: grid;
  gap: 14px;
  margin-top: 8px;
}

body .notifications-summary {
  display: grid;
  gap: 5px;
  border: 1px solid rgba(45, 212, 191, 0.28);
  border-radius: 12px;
  padding: 14px 16px;
  background:
    radial-gradient(circle at 12% 0%, rgba(45, 212, 191, 0.12), transparent 32%),
    rgba(8, 20, 35, 0.7);
}

body .notifications-summary strong {
  color: #f8fafc;
  font-size: 17px;
  line-height: 1.2;
}

body .notifications-summary span {
  color: #b8c4d6;
  font-size: 13px;
  font-weight: 750;
  line-height: 1.35;
}

body .notifications-list {
  display: grid;
  gap: 10px;
}

body .notification-card {
  display: grid;
  grid-template-columns: 12px minmax(0, 1fr);
  gap: 12px;
  border: 1px solid rgba(122, 167, 255, 0.2);
  border-radius: 12px;
  padding: 14px;
  background:
    linear-gradient(180deg, rgba(15, 23, 42, 0.84), rgba(8, 14, 28, 0.78));
}

body .notification-card:hover {
  border-color: rgba(45, 212, 191, 0.42);
  transform: translateY(-1px);
}

body .notification-card.unread {
  border-color: rgba(45, 212, 191, 0.34);
}

body .notification-card.read {
  opacity: 0.76;
}

body .notification-card.read .notification-dot {
  background: #64748b;
  box-shadow: none;
}

body .notification-dot {
  width: 10px;
  height: 10px;
  margin-top: 4px;
  border-radius: 999px;
  background: #60a5fa;
  box-shadow: 0 0 16px rgba(96, 165, 250, 0.5);
}

body .notification-card.market .notification-dot {
  background: #22c55e;
  box-shadow: 0 0 16px rgba(34, 197, 94, 0.5);
}

body .notification-card.plan .notification-dot {
  background: #facc15;
  box-shadow: 0 0 16px rgba(250, 204, 21, 0.5);
}

body .notification-card.payment .notification-dot {
  background: #22d3ee;
  box-shadow: 0 0 16px rgba(34, 211, 238, 0.5);
}

body .notification-card.watchlist .notification-dot {
  background: #38bdf8;
  box-shadow: 0 0 16px rgba(56, 189, 248, 0.5);
}

body .notification-card.support .notification-dot {
  background: #fb923c;
  box-shadow: 0 0 16px rgba(251, 146, 60, 0.5);
}

body .notification-card-head {
  display: flex;
  align-items: flex-start;
  justify-content: space-between;
  gap: 12px;
}

body .notification-card-head strong {
  color: #f8fafc;
  font-size: 15px;
  line-height: 1.25;
}

body .notification-card-head span {
  flex: 0 0 auto;
  color: #93c5fd;
  font-size: 11px;
  font-weight: 900;
  text-transform: uppercase;
}

body .notification-card p {
  margin: 7px 0 10px;
  color: #cbd5e1 !important;
  font-size: 13px;
  line-height: 1.42;
}

body .notification-card a {
  display: inline-flex;
  width: fit-content;
  color: #67e8f9;
  font-size: 13px;
  font-weight: 900;
  text-decoration: none;
}

body .notification-card a:hover {
  color: #facc15;
}

:root[data-theme="light"] body .action-panel {
  background: rgba(241, 245, 249, 0.58) !important;
}

:root[data-theme="light"] body .action-panel-card {
  background:
    radial-gradient(circle at 16% 14%, rgba(122, 167, 255, 0.14), transparent 34%),
    radial-gradient(circle at 88% 20%, rgba(20, 184, 166, 0.1), transparent 36%),
    linear-gradient(135deg, rgba(255, 255, 255, 0.96), rgba(241, 247, 255, 0.92)) !important;
}

:root[data-theme="light"] body .action-panel-close,
:root[data-theme="light"] body .action-panel-card h2,
:root[data-theme="light"] body .action-panel-card .eyebrow,
:root[data-theme="light"] body .action-panel-body p {
  color: #111827 !important;
  -webkit-text-fill-color: #111827 !important;
}

:root[data-theme="light"] body .action-panel-primary {
  color: #ffffff !important;
}

html:has(body.auth-professional-page),
body.auth-professional-page {
  width: 100%;
  height: 100%;
  min-height: 100vh;
  margin: 0;
  color: #ffffff;
  overflow: hidden !important;
  background: #030714 !important;
}

body.auth-professional-page::before,
body.auth-professional-page::after {
  display: none !important;
}

body.auth-professional-page .auth-stage::before {
  content: "";
  position: fixed;
  inset: 0;
  z-index: -1;
  pointer-events: none;
  background:
    linear-gradient(90deg, rgba(2, 6, 23, 0.34), rgba(2, 6, 23, 0.1), rgba(2, 6, 23, 0.44)),
    url("assets/auth-trading-window.jpg") center / cover no-repeat;
}

body.auth-professional-page .auth-stage {
  position: relative;
  z-index: 1;
  display: flex;
  width: 100vw !important;
  max-width: none !important;
  height: 100vh;
  min-height: 100vh;
  margin: 0 !important;
  align-items: flex-start;
  justify-content: center;
  padding: 18px;
  padding-top: clamp(22px, 5vh, 64px);
  overflow: hidden !important;
  isolation: isolate;
}

body.auth-professional-page .auth-glass-card {
  position: relative;
  display: grid;
  gap: clamp(10px, 1.7vh, 16px);
  width: min(390px, calc(100vw - 32px));
  max-height: calc(100vh - 36px);
  overflow: hidden !important;
  border: 1px solid rgba(255, 255, 255, 0.24);
  border-radius: 10px;
  padding: clamp(18px, 3.2vh, 28px) clamp(22px, 3vw, 32px);
  background:
    linear-gradient(135deg, rgba(255, 255, 255, 0.13), rgba(255, 255, 255, 0.04)),
    rgba(9, 14, 31, 0.32);
  box-shadow: 0 34px 90px rgba(2, 6, 23, 0.46);
  backdrop-filter: blur(12px) saturate(1.28);
}

body.auth-professional-page .auth-glass-card {
  max-height: calc(100svh - 28px);
  overflow-y: auto !important;
  scrollbar-gutter: stable;
}

body.auth-professional-page [hidden] {
  display: none !important;
}

body.auth-professional-page .auth-close {
  position: fixed;
  top: clamp(14px, 2.2vw, 28px);
  right: clamp(14px, 2.2vw, 28px);
  z-index: 5;
  display: grid;
  width: 44px;
  height: 44px;
  place-items: center;
  border: 1px solid rgba(255, 255, 255, 0.28);
  border-radius: 999px;
  color: #ffffff;
  background: rgba(8, 13, 27, 0.36);
  box-shadow: 0 18px 46px rgba(2, 6, 23, 0.32);
  font-size: 24px;
  font-weight: 1000;
  line-height: 1;
  text-decoration: none;
  backdrop-filter: blur(12px) saturate(1.24);
}

body.auth-professional-page .auth-close:hover,
body.auth-professional-page .auth-close:focus-visible {
  background: rgba(8, 13, 27, 0.52);
  outline: 2px solid rgba(122, 167, 255, 0.72);
  outline-offset: 2px;
}

body.auth-professional-page .auth-logo {
  justify-self: center;
  display: block;
  width: min(226px, 64vw);
  height: auto;
  margin-inline: auto;
}

body.auth-professional-page .auth-tabs {
  display: grid;
  grid-template-columns: repeat(2, 1fr);
  gap: 18px;
  border: 0;
}

body.auth-professional-page .auth-tabs button {
  min-height: 34px;
  border: 0;
  border-radius: 0;
  padding: 0;
  color: rgba(255, 255, 255, 0.76);
  background: transparent;
  box-shadow: none;
  font-weight: 950;
}

body.auth-professional-page .auth-tabs button.active {
  color: #ffffff;
  box-shadow: inset 0 -2px 0 #7aa7ff !important;
}

body.auth-professional-page .auth-mode-title {
  margin: 0;
  color: #ffffff;
  font-size: clamp(26px, 3vw, 38px);
  font-weight: 1000;
  line-height: 1;
  text-align: center;
}

body.auth-professional-page .auth-form {
  display: grid;
  gap: clamp(8px, 1.25vh, 12px);
}

body.auth-professional-page .auth-form label {
  display: grid;
  gap: 5px;
  color: #ffffff;
  font-size: 12px;
  font-weight: 900;
}

body.auth-professional-page .auth-login-method {
  display: grid;
  gap: 6px;
  color: #ffffff;
  font-size: 12px;
  font-weight: 900;
}

body.auth-professional-page .auth-login-method[hidden] {
  display: none;
}

body.auth-professional-page .auth-login-method div {
  display: grid;
  grid-template-columns: repeat(2, minmax(0, 1fr));
  gap: 6px;
  padding: 5px;
  border: 1px solid rgba(255, 255, 255, 0.22);
  border-radius: 10px;
  background: rgba(3, 8, 20, 0.26);
}

body.auth-professional-page .auth-login-method button {
  min-height: 36px;
  border: 0;
  border-radius: 7px;
  color: rgba(255, 255, 255, 0.82);
  background: transparent;
  font-weight: 950;
  cursor: pointer;
}

body.auth-professional-page .auth-login-method button.active {
  color: #ffffff;
  background: linear-gradient(135deg, #2f6df4, #06a6b8);
  box-shadow: 0 10px 26px rgba(14, 165, 233, 0.24);
}

body.auth-professional-page .auth-form input {
  min-height: clamp(38px, 5.2vh, 44px);
  width: 100%;
  border: 1px solid rgba(255, 255, 255, 0.24);
  border-radius: 7px;
  padding: 0 12px;
  color: #ffffff;
  background: rgba(3, 8, 20, 0.28);
  font: inherit;
  font-weight: 800;
}

body.auth-professional-page .auth-phone-field {
  display: grid;
  grid-template-columns: 92px minmax(0, 1fr);
  gap: 10px;
}

body.auth-professional-page .auth-phone-field select {
  min-height: clamp(38px, 5.2vh, 44px);
  width: 100%;
  border: 1px solid rgba(255, 255, 255, 0.24);
  border-radius: 7px;
  padding: 0 12px;
  color: #ffffff;
  background: rgba(3, 8, 20, 0.28);
  font: inherit;
  font-weight: 900;
}

body.auth-professional-page .auth-phone-field input {
  min-width: 0;
}

body.auth-professional-page .auth-form input::placeholder {
  color: rgba(255, 255, 255, 0.68);
}

body.auth-professional-page .auth-form input[readonly] {
  color: rgba(255, 255, 255, 0.78);
  background: rgba(226, 232, 240, 0.14);
  cursor: default;
}

body.auth-professional-page .auth-password-field {
  display: grid;
  grid-template-columns: minmax(0, 1fr) 68px;
}

body.auth-professional-page .auth-password-field input {
  border-radius: 7px 0 0 7px;
}

body.auth-professional-page .auth-password-field button {
  min-width: 68px;
  border-radius: 0 7px 7px 0;
  border: 1px solid rgba(255, 255, 255, 0.24);
  border-left: 0;
  color: #ffffff;
  background: rgba(255, 255, 255, 0.11);
  font-weight: 900;
}

body.auth-professional-page .auth-rules {
  display: grid;
  gap: 4px;
  color: rgba(255, 255, 255, 0.86);
  font-size: 12px;
  font-weight: 800;
}

body.auth-professional-page .auth-rules span::before {
  content: "i";
  display: inline-grid;
  width: 15px;
  height: 15px;
  margin-right: 8px;
  place-items: center;
  border: 1px solid currentColor;
  border-radius: 999px;
  font-size: 10px;
}

body.auth-professional-page .auth-rules span.ok {
  color: #86efac;
}

body.auth-professional-page .auth-terms {
  display: grid;
  grid-template-columns: 22px minmax(0, 1fr);
  align-items: start;
  column-gap: 8px;
  color: #ffffff;
  font-size: 12px;
  line-height: 1.25;
}

body.auth-professional-page .auth-terms input {
  width: 18px;
  min-width: 18px;
  min-height: 20px;
  height: 20px;
  margin: 0;
  padding: 0;
  align-self: start;
}

body.auth-professional-page .auth-email-field {
  display: grid;
  grid-template-columns: minmax(0, 1fr);
  align-items: stretch;
}

body.auth-professional-page .auth-email-field input {
  border-radius: 7px;
}

body.auth-professional-page .auth-email-field button {
  min-width: 82px;
  padding-inline: 8px;
  border: 1px solid rgba(255, 255, 255, 0.28);
  border-left: 0;
  border-radius: 0 7px 7px 0;
  color: #ffffff;
  background: rgba(255, 255, 255, 0.13);
  font-size: 13px;
  font-weight: 950;
  line-height: 1;
  white-space: nowrap;
  cursor: pointer;
}

body.auth-professional-page .auth-email-field button:disabled {
  cursor: default;
  opacity: 0.7;
}

body.auth-professional-page .auth-field-error {
  color: #fecdd3;
  font-size: 11px;
  font-weight: 900;
  line-height: 1.1;
}

body.auth-professional-page .auth-submit {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  min-height: clamp(40px, 5.3vh, 46px);
  border: 0;
  border-radius: 7px;
  color: #ffffff;
  background: linear-gradient(135deg, #2563eb, #0891b2);
  font-weight: 1000;
  cursor: pointer;
}

body.auth-professional-page .auth-status {
  min-height: 18px;
  margin: 0;
  color: #ffffff;
  font-size: 13px;
  font-weight: 850;
  text-align: center;
}

body.auth-professional-page .auth-status[data-tone="error"] {
  color: #fecdd3;
}

body.auth-professional-page .auth-status[data-tone="success"] {
  color: #bbf7d0;
}

body.auth-professional-page .auth-switch-copy {
  margin: 0;
  color: #ffffff;
  font-size: 15px;
  font-weight: 850;
  text-align: center;
}

body.auth-professional-page .auth-switch-copy button {
  border: 0;
  padding: 0;
  color: #7db0ff;
  background: transparent;
  font: inherit;
  font-weight: 950;
  cursor: pointer;
}

body.auth-professional-page .auth-switch-copy button:hover,
body.auth-professional-page .auth-switch-copy button:focus-visible {
  color: #ffffff;
  text-decoration: underline;
}

body.auth-professional-page.auth-register-mode .auth-glass-card {
  gap: clamp(7px, 1vh, 11px);
  padding-block: clamp(14px, 2vh, 20px);
}

body.auth-professional-page.auth-register-mode .auth-logo {
  width: min(212px, 60vw);
}

body.auth-professional-page.auth-register-mode .auth-tabs button {
  min-height: 30px;
}

body.auth-professional-page.auth-register-mode .auth-form {
  gap: clamp(6px, 0.9vh, 9px);
}

body.auth-professional-page.auth-register-mode .auth-form label {
  gap: 4px;
}

body.auth-professional-page.auth-register-mode .auth-form input {
  min-height: clamp(34px, 4.7vh, 40px);
}

body.auth-professional-page.auth-register-mode .auth-password-field {
  grid-template-columns: minmax(0, 1fr) 62px;
}

body.auth-professional-page.auth-register-mode .auth-password-field button {
  min-width: 62px;
}

body.auth-professional-page.auth-register-mode .auth-rules {
  gap: 2px;
  font-size: 11px;
}

body.auth-professional-page.auth-register-mode .auth-terms {
  font-size: 11px;
  line-height: 1.15;
}

body.auth-professional-page.auth-register-mode .auth-submit {
  min-height: clamp(36px, 4.8vh, 42px);
  margin-top: 2px;
}

@media (max-height: 820px) {
  body.auth-professional-page .auth-stage {
    padding-top: 14px;
  }

  body.auth-professional-page.auth-register-mode .auth-logo {
    width: min(176px, 54vw);
  }

  body.auth-professional-page.auth-register-mode .auth-mode-title {
    font-size: clamp(34px, 7.2vh, 54px);
  }

  body.auth-professional-page.auth-register-mode .auth-glass-card {
    padding-block: 12px;
  }
}

body .profile-summary {
  display: grid;
  gap: 2px;
  padding: 8px 10px 10px;
  border-bottom: 1px solid rgba(122, 167, 255, 0.18);
}

body .profile-summary strong,
body .profile-summary small {
  overflow: hidden;
  color: #ffffff;
  text-overflow: ellipsis;
  white-space: nowrap;
}

body .profile-summary small {
  font-size: 12px;
  opacity: 0.82;
}

:root[data-theme="light"] body.auth-professional-page {
  color: #ffffff;
  background: #030714 !important;
}

:root[data-theme="light"] body.auth-professional-page .auth-glass-card {
  background:
    linear-gradient(135deg, rgba(255, 255, 255, 0.13), rgba(255, 255, 255, 0.04)),
    rgba(9, 14, 31, 0.32);
  box-shadow: 0 34px 90px rgba(2, 6, 23, 0.46);
}

:root[data-theme="light"] body.auth-professional-page .auth-tabs button,
:root[data-theme="light"] body.auth-professional-page .auth-form label,
:root[data-theme="light"] body.auth-professional-page .auth-login-method,
:root[data-theme="light"] body.auth-professional-page .auth-otp-link,
:root[data-theme="light"] body.auth-professional-page .auth-rules,
:root[data-theme="light"] body.auth-professional-page .auth-terms,
:root[data-theme="light"] body.auth-professional-page .auth-status {
  color: #ffffff;
}

:root[data-theme="light"] body.auth-professional-page .auth-tabs button.active {
  color: #ffffff;
}

:root[data-theme="light"] body.auth-professional-page .auth-login-method div {
  border-color: rgba(255, 255, 255, 0.22);
  background: rgba(3, 8, 20, 0.26);
}

:root[data-theme="light"] body.auth-professional-page .auth-login-method button {
  color: rgba(255, 255, 255, 0.82);
}

:root[data-theme="light"] body.auth-professional-page .auth-login-method button.active {
  color: #ffffff;
}

:root[data-theme="light"] body.auth-professional-page .auth-form input {
  color: #ffffff;
  background: rgba(3, 8, 20, 0.28);
}

:root[data-theme="light"] body.auth-professional-page .auth-phone-field select {
  color: #ffffff;
  background: rgba(3, 8, 20, 0.28);
}

:root[data-theme="light"] body.auth-professional-page .auth-form input::placeholder {
  color: rgba(255, 255, 255, 0.68);
}

:root[data-theme="light"] body.auth-professional-page .auth-password-field button {
  color: #ffffff;
  background: rgba(255, 255, 255, 0.11);
}

:root[data-theme="light"] body .profile-summary strong,
:root[data-theme="light"] body .profile-summary small {
  color: #111827;
}

@media (prefers-reduced-motion: reduce) {
  body .topbar::before,
  body .market-clock::after,
  body .analysis-hero::after,
  body .forecast-score-card,
  body .forecast-score-card::before,
  body .forecast-score-card::after,
  body .forecast-score-rail::after,
  body .app-footer::before,
  body .app-footer::after,
  body .analysis-company-end.accendion-company-end::before,
  body .analysis-company-end.accendion-company-end::after {
    animation: none !important;
  }
}

/* Latest header/profile tune: compact topbar and solid profile menu. */
body .topbar {
  min-height: 78px !important;
  padding: 6px 18px 6px 0 !important;
  gap: clamp(14px, 1.6vw, 26px) !important;
  background:
    radial-gradient(circle at 34% 50%, rgba(122, 167, 255, 0.22), transparent 22%),
    radial-gradient(circle at 66% 55%, rgba(168, 85, 247, 0.28), transparent 28%),
    linear-gradient(90deg, rgba(7, 12, 27, 0.98), rgba(20, 15, 48, 0.98) 48%, rgba(34, 12, 57, 0.98)) !important;
}

body .topbar-search {
  width: min(350px, 24vw) !important;
  max-width: 350px !important;
  min-width: 280px !important;
  min-height: 46px !important;
  height: 46px !important;
}

body .topbar nav {
  justify-content: flex-start !important;
  gap: clamp(16px, 1.8vw, 30px) !important;
}

body .topbar .profile-menu {
  margin-left: auto !important;
}

body .topbar .profile-button.simple {
  width: 48px !important;
  min-width: 48px !important;
  height: 48px !important;
}

body .topbar .profile-button.simple span {
  width: 34px !important;
  height: 34px !important;
}

body .topbar .profile-dropdown {
  width: 310px !important;
}

body .topbar .profile-dropdown button {
  min-height: 58px !important;
  padding: 0 22px !important;
  font-size: 17px !important;
  font-weight: 900 !important;
}

body .profile-summary {
  display: none !important;
}

body .profile-auth-action {
  display: none !important;
}

body.signed-out .profile-auth-action,
body.signed-in .profile-login-action {
  display: none !important;
}

body.signed-in .profile-auth-action,
body.signed-out .profile-login-action {
  display: flex !important;
}

body .profile-login-action {
  border-bottom: 1px solid rgba(122, 167, 255, 0.18) !important;
}

body .profile-auth-action {
  border-top: 1px solid rgba(122, 167, 255, 0.18) !important;
}

body .profile-theme-toggle {
  width: 50px !important;
  height: 28px !important;
  border: 1px solid rgba(255, 255, 255, 0.36) !important;
  background: rgba(236, 240, 246, 0.95) !important;
}

body .profile-theme-toggle::after {
  top: 4px !important;
  left: 24px !important;
  right: auto !important;
  width: 18px !important;
  height: 18px !important;
  background: #40414a !important;
}

body [data-theme-switch][data-active-theme="light"] .profile-theme-toggle {
  border-color: rgba(15, 23, 42, 0.2) !important;
  background: rgba(229, 235, 245, 0.98) !important;
}

body [data-theme-switch][data-active-theme="light"] .profile-theme-toggle::after {
  left: 4px !important;
  right: auto !important;
  background: #f59e0b !important;
}

:root[data-theme="light"] body .topbar {
  background:
    radial-gradient(circle at 34% 50%, rgba(59, 130, 246, 0.16), transparent 24%),
    radial-gradient(circle at 70% 50%, rgba(14, 165, 233, 0.12), transparent 28%),
    linear-gradient(90deg, rgba(255, 255, 255, 0.98), rgba(236, 245, 255, 0.98) 52%, rgba(248, 250, 252, 0.98)) !important;
}

:root[data-theme="light"] body .profile-login-action,
:root[data-theme="light"] body .profile-auth-action {
  border-color: rgba(148, 163, 184, 0.28) !important;
}

/* Header auth final pass: logo inset, shorter search, and real signed-in/out menu states. */
body .topbar {
  grid-template-columns: auto minmax(210px, 310px) minmax(0, 1fr) !important;
  padding-left: 28px !important;
  padding-right: 26px !important;
}

body .topbar .brand {
  margin-left: 0 !important;
  padding-left: 0 !important;
}

body .brand-wordmark,
body .topbar .brand-wordmark {
  width: 212px !important;
  min-width: 212px !important;
}

body .topbar-search {
  width: 310px !important;
  max-width: 310px !important;
  min-width: 310px !important;
}

body .topbar-search input {
  max-width: 218px !important;
}

body .topbar nav {
  gap: clamp(15px, 1.55vw, 26px) !important;
}

body .nav-get-started {
  display: inline-flex !important;
  align-items: center !important;
  justify-content: center !important;
  min-height: 50px !important;
  padding: 0 28px !important;
  border: 0 !important;
  border-radius: 9px !important;
  color: #ffffff !important;
  -webkit-text-fill-color: #ffffff !important;
  background: linear-gradient(135deg, #22b7f5 0%, #1e8df0 44%, #7c3cff 72%, #d212d8 100%) !important;
  box-shadow: 0 12px 28px rgba(34, 183, 245, 0.2), 0 0 22px rgba(124, 60, 255, 0.16) !important;
  clip-path: polygon(0 0, 91% 0, 100% 50%, 91% 100%, 0 100%) !important;
  font-size: 17px !important;
  font-weight: 950 !important;
  line-height: 1 !important;
  text-decoration: none !important;
}

body .topbar nav .nav-get-started {
  display: inline-flex !important;
  color: #ffffff !important;
  -webkit-text-fill-color: #ffffff !important;
  background: linear-gradient(135deg, #f59e0b 0%, #f97316 48%, #ec4899 100%) !important;
  box-shadow: 0 14px 34px rgba(249, 115, 22, 0.28), 0 0 20px rgba(236, 72, 153, 0.18) !important;
  opacity: 1 !important;
}

body.signed-in .nav-get-started {
  display: none !important;
}

body:not(.signed-out) .nav-get-started {
  display: none !important;
}

body.signed-out .nav-get-started {
  display: inline-flex !important;
}

body.signed-out .topbar .profile-menu {
  margin-left: auto !important;
  margin-right: 4px !important;
}

body.signed-in .topbar .profile-menu {
  margin-left: auto !important;
  margin-right: 0 !important;
}

body.signed-out .profile-login-action {
  display: flex !important;
}

body:not(.signed-in) .profile-auth-action,
body.signed-out .profile-auth-action {
  display: none !important;
}

body:not(.signed-out) .profile-login-action,
body.signed-in .profile-login-action {
  display: none !important;
}

body.signed-in .profile-auth-action {
  display: flex !important;
}

:root[data-theme="light"] body .nav-get-started {
  color: #ffffff !important;
  -webkit-text-fill-color: #ffffff !important;
  background: linear-gradient(135deg, #f59e0b 0%, #fb7185 54%, #c026d3 100%) !important;
}

:root[data-theme="light"] body .topbar nav .nav-get-started {
  color: #ffffff !important;
  -webkit-text-fill-color: #ffffff !important;
  background: linear-gradient(135deg, #f59e0b 0%, #fb7185 54%, #c026d3 100%) !important;
  box-shadow: 0 12px 28px rgba(245, 158, 11, 0.22), 0 0 20px rgba(192, 38, 211, 0.14) !important;
}

@media (max-width: 1500px) {
  body .topbar {
    grid-template-columns: auto minmax(190px, 270px) minmax(0, 1fr) !important;
    padding-left: 22px !important;
    padding-right: 18px !important;
  }

  body .brand-wordmark,
  body .topbar .brand-wordmark {
    width: 190px !important;
    min-width: 190px !important;
  }

  body .topbar-search {
    width: 270px !important;
    max-width: 270px !important;
    min-width: 270px !important;
  }

  body .topbar-search input {
    max-width: 184px !important;
  }

  body .nav-get-started {
    min-height: 46px !important;
    padding-inline: 22px 26px !important;
  }
}

/* Final auth visibility locks. */
body .topbar nav .nav-get-started[hidden],
body.signed-in .topbar nav .nav-get-started,
body:not(.signed-out) .topbar nav .nav-get-started {
  display: none !important;
}

body.signed-out .topbar nav .nav-get-started:not([hidden]) {
  display: inline-flex !important;
}

/* Stock autocomplete visibility: keep suggestions above premium panels/modals. */
body .topbar-search,
body .analysis-search-form,
body .analysis-search-input-wrap,
body .analysis-header-search,
body .analysis-header-search-wrap {
  overflow: visible !important;
}

body .analysis-request .analysis-search-form {
  position: relative !important;
  z-index: 120 !important;
}

body .analysis-suggest-list,
body .topbar-suggest-list {
  z-index: 1000 !important;
}

body.auth-professional-page.auth-register-mode .auth-mode-title {
  font-size: clamp(24px, 3vw, 34px);
}

body.auth-professional-page.auth-register-mode .auth-switch-copy {
  margin-top: 2px;
  font-size: 15px;
}

body.auth-professional-page .auth-login-links {
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: 14px;
  width: 100%;
  margin-top: -4px;
}

body.auth-professional-page .auth-login-links[hidden] {
  display: none;
}

body.auth-professional-page .auth-forgot {
  justify-self: end;
  border: 0;
  padding: 0;
  color: #9ec1ff;
  background: transparent;
  font: inherit;
  font-size: 13px;
  font-weight: 950;
  cursor: pointer;
}

body.auth-professional-page .auth-otp-link {
  justify-self: end;
  border: 0;
  padding: 0;
  color: #9ec1ff;
  background: transparent;
  font: inherit;
  font-size: 13px;
  font-weight: 950;
  cursor: pointer;
}

body.auth-professional-page .auth-otp-link[hidden] {
  display: none;
}

body.auth-professional-page .auth-forgot:hover,
body.auth-professional-page .auth-forgot:focus-visible,
body.auth-professional-page .auth-otp-link:hover,
body.auth-professional-page .auth-otp-link:focus-visible {
  color: #ffffff;
  text-decoration: underline;
}

body.auth-professional-page.auth-register-mode .auth-stage {
  align-items: flex-start;
  padding-block: 0 clamp(18px, 4vh, 36px);
}

body.auth-professional-page.auth-register-mode .auth-glass-card {
  width: min(390px, calc(100vw - 24px));
  max-height: calc(100dvh - 18px);
  gap: 3px;
  padding: 7px 24px 8px;
  overflow: visible !important;
}

body.auth-professional-page.auth-register-mode .auth-logo {
  width: min(142px, 46vw);
}

body.auth-professional-page.auth-register-mode .auth-mode-title {
  font-size: clamp(20px, 3vh, 26px);
  line-height: 1;
}

body.auth-professional-page.auth-register-mode .auth-form {
  gap: 3px;
}

body.auth-professional-page.auth-register-mode .auth-form label {
  gap: 1px;
}

body.auth-professional-page.auth-register-mode .auth-field-error {
  font-size: 9px;
}

body.auth-professional-page.auth-register-mode .auth-form input {
  min-height: 28px;
  padding-inline: 10px;
}

body.auth-professional-page.auth-register-mode .auth-email-field {
  grid-template-columns: minmax(0, 1fr) 78px;
}

body.auth-professional-page.auth-register-mode .auth-email-field input {
  border-radius: 7px 0 0 7px;
}

body.auth-professional-page.auth-register-mode .auth-email-field button {
  min-width: 78px;
  padding-inline: 6px;
  font-size: 11px;
}

body.auth-professional-page.auth-register-mode .auth-phone-field {
  grid-template-columns: 78px minmax(0, 1fr);
  gap: 8px;
}

body.auth-professional-page.auth-register-mode .auth-phone-field select {
  min-height: 28px;
  padding-inline: 10px;
}

body.auth-professional-page.auth-register-mode .auth-password-field button {
  min-width: 56px;
}

body.auth-professional-page.auth-register-mode .auth-rules {
  gap: 1px;
  font-size: 9px;
}

body.auth-professional-page.auth-register-mode .auth-terms {
  grid-template-columns: 18px minmax(0, 1fr);
  align-items: start;
  column-gap: 7px;
  font-size: 9px;
  line-height: 1;
}

body.auth-professional-page.auth-register-mode .auth-terms input {
  width: 16px;
  min-width: 16px;
  min-height: 16px;
  height: 16px;
}

body.auth-professional-page.auth-register-mode .auth-submit {
  min-height: 31px;
}

body.auth-professional-page.auth-register-mode .auth-switch-copy {
  color: #ffffff;
  font-size: 11px;
  line-height: 1;
  margin-top: 2px;
  padding-bottom: 2px;
}

body.auth-professional-page.auth-reset-mode .auth-glass-card {
  width: min(470px, calc(100vw - 28px));
}

@media (max-height: 760px) {
  body.auth-professional-page.auth-register-mode .auth-glass-card {
    padding-block: 8px;
  }

  body.auth-professional-page.auth-register-mode .auth-logo {
    width: min(126px, 42vw);
  }

  body.auth-professional-page.auth-register-mode .auth-mode-title {
    font-size: clamp(30px, 6vh, 46px);
  }

  body.auth-professional-page.auth-register-mode .auth-form input {
    min-height: 32px;
  }

  body.auth-professional-page.auth-register-mode .auth-submit {
    min-height: 38px;
  }
}

/* Cloud auth layout lock: keep Render/mobile using the same compact form as local. */
body.auth-professional-page .auth-stage {
  box-sizing: border-box !important;
}

body.auth-professional-page .auth-glass-card,
body.auth-professional-page .auth-glass-card * {
  box-sizing: border-box !important;
}

body.auth-professional-page .auth-email-field:has(> button:not([hidden])) {
  display: grid !important;
  grid-template-columns: minmax(0, 1fr) clamp(76px, 17vw, 90px) !important;
  align-items: stretch !important;
  gap: 0 !important;
  width: 100% !important;
}

body.auth-professional-page .auth-email-field:has(> button:not([hidden])) input {
  min-width: 0 !important;
  border-radius: 7px 0 0 7px !important;
}

body.auth-professional-page .auth-email-field:has(> button:not([hidden])) button {
  display: inline-flex !important;
  align-items: center !important;
  justify-content: center !important;
  min-width: 0 !important;
  width: 100% !important;
  height: 100% !important;
  min-height: 28px !important;
  border-radius: 0 7px 7px 0 !important;
  white-space: nowrap !important;
}

body.auth-professional-page .auth-phone-field {
  display: grid !important;
  grid-template-columns: clamp(82px, 20vw, 96px) minmax(0, 1fr) !important;
  align-items: stretch !important;
  gap: 10px !important;
  width: 100% !important;
}

body.auth-professional-page .auth-phone-field select,
body.auth-professional-page .auth-phone-field input {
  min-width: 0 !important;
  height: auto !important;
}

body.auth-professional-page.auth-register-mode .auth-stage {
  justify-content: center !important;
  padding: 0 18px clamp(18px, 3vh, 32px) !important;
}

body.auth-professional-page.auth-register-mode .auth-glass-card {
  width: min(540px, calc(100vw - 24px)) !important;
  max-height: calc(100dvh - 14px) !important;
  margin: 0 auto !important;
  overflow: visible !important;
}

body.auth-professional-page.auth-register-mode .auth-mode-title {
  font-size: clamp(24px, 4.8vh, 42px) !important;
}

body.auth-professional-page.auth-register-mode .auth-switch-copy {
  display: block !important;
  margin-top: 5px !important;
  padding-bottom: 0 !important;
}

body.auth-professional-page.auth-reset-mode .auth-mode-title {
  font-size: clamp(30px, 5.6vh, 48px) !important;
}

@media (max-width: 560px), (max-height: 760px) {
  body.auth-professional-page.auth-register-mode .auth-stage {
    padding-inline: 12px !important;
  }

  body.auth-professional-page.auth-register-mode .auth-glass-card {
    width: min(520px, calc(100vw - 18px)) !important;
    max-height: none !important;
    padding: 8px 24px 10px !important;
  }

  body.auth-professional-page.auth-register-mode .auth-logo {
    width: min(144px, 44vw) !important;
  }

  body.auth-professional-page.auth-register-mode .auth-mode-title {
    font-size: clamp(24px, 5vh, 36px) !important;
  }

  body.auth-professional-page.auth-register-mode .auth-form {
    gap: 4px !important;
  }

  body.auth-professional-page.auth-register-mode .auth-form label {
    gap: 2px !important;
  }

  body.auth-professional-page.auth-register-mode .auth-form input,
  body.auth-professional-page.auth-register-mode .auth-phone-field select,
  body.auth-professional-page.auth-register-mode .auth-email-field button,
  body.auth-professional-page.auth-register-mode .auth-password-field button {
    min-height: 34px !important;
  }

  body.auth-professional-page.auth-register-mode .auth-submit {
    min-height: 38px !important;
  }
}

/* Final account/search visibility fixes. */
:root[data-theme="dark"] body .search-results,
:root[data-theme="dark"] body .analysis-suggest-list,
:root[data-theme="dark"] body .topbar-suggest-list {
  border-color: rgba(122, 167, 255, 0.54) !important;
  background: #11182d !important;
  box-shadow: 0 22px 58px rgba(0, 0, 0, 0.62) !important;
  backdrop-filter: none !important;
}

:root[data-theme="dark"] body .search-result-button,
:root[data-theme="dark"] body .analysis-suggest-list button,
:root[data-theme="dark"] body .analysis-suggest-empty,
:root[data-theme="dark"] body .topbar-suggest-list button,
:root[data-theme="dark"] body .topbar-suggest-empty {
  color: #f8fbff !important;
  background: rgba(46, 60, 104, 0.92) !important;
}

:root[data-theme="dark"] body .search-result-button:hover,
:root[data-theme="dark"] body .analysis-suggest-list button:hover,
:root[data-theme="dark"] body .topbar-suggest-list button:hover {
  background: rgba(67, 89, 150, 0.98) !important;
}

:root[data-theme="dark"] body .search-result-button span,
:root[data-theme="dark"] body .search-result-button small,
:root[data-theme="dark"] body .analysis-suggest-list span,
:root[data-theme="dark"] body .analysis-suggest-list small,
:root[data-theme="dark"] body .topbar-suggest-list span,
:root[data-theme="dark"] body .topbar-suggest-list small {
  color: #d8e2ff !important;
}

body .profile-mini-summary {
  display: grid;
  gap: 3px;
  padding: 14px 18px 16px;
  border-bottom: 1px solid rgba(122, 167, 255, 0.2);
}

body .profile-mini-summary strong {
  overflow: hidden;
  color: #ffffff;
  font-size: 16px;
  font-weight: 950;
  text-overflow: ellipsis;
  white-space: nowrap;
}

body .profile-mini-summary span {
  overflow: hidden;
  color: rgba(217, 226, 255, 0.78);
  font-size: 13px;
  font-weight: 750;
  text-overflow: ellipsis;
  white-space: nowrap;
}

body .profile-settings-panel,
body .help-center-panel {
  display: grid;
  gap: 18px;
}

body .profile-settings-user {
  display: flex;
  align-items: center;
  gap: 14px;
  padding: 14px;
  border: 1px solid rgba(122, 167, 255, 0.28);
  border-radius: 12px;
  background: rgba(14, 24, 48, 0.74);
}

body .profile-settings-avatar {
  display: grid;
  width: 54px;
  height: 54px;
  place-items: center;
  border-radius: 999px;
  color: #ffffff;
  background: linear-gradient(135deg, #2563eb, #0891b2);
  font-size: 24px;
  font-weight: 1000;
}

body .profile-settings-user strong,
body .profile-settings-form span {
  color: #ffffff;
  font-weight: 950;
}

body .profile-settings-user span,
body .profile-settings-status {
  color: rgba(217, 226, 255, 0.78);
}

body .profile-settings-form {
  display: grid;
  gap: 12px;
}

body .profile-settings-form label {
  display: grid;
  gap: 6px;
}

body .profile-settings-form input,
body .profile-settings-form select,
body .profile-settings-inline button,
body .help-chat-form input {
  min-height: 44px;
  border: 1px solid rgba(122, 167, 255, 0.3);
  border-radius: 10px;
  padding: 0 13px;
  color: #ffffff;
  background: rgba(7, 12, 27, 0.78);
  font: inherit;
  font-weight: 800;
}

body .profile-phone-fields {
  display: grid !important;
  grid-template-columns: 96px minmax(0, 1fr);
  gap: 10px;
}

body .profile-phone-fields select,
body .profile-phone-fields input {
  width: 100%;
  min-width: 0;
}

body .profile-dob-fields {
  display: grid !important;
  grid-template-columns: minmax(96px, 0.75fr) minmax(150px, 1.1fr) minmax(120px, 0.9fr);
  gap: 12px;
}

body .profile-dob-fields select {
  min-width: 0;
  width: 100%;
  min-height: 44px;
}

body .profile-delete-zone {
  display: grid;
  gap: 10px;
  margin-top: 4px;
  padding-top: 18px;
  border-top: 1px solid rgba(248, 113, 113, 0.26);
}

body .profile-delete-zone h3 {
  margin: 0;
  color: #ffffff;
  font-size: 20px;
}

body .profile-delete-zone h3 span {
  display: inline-grid;
  width: 20px;
  height: 20px;
  place-items: center;
  border-radius: 999px;
  color: #0f172a;
  background: rgba(255, 255, 255, 0.7);
  font-size: 13px;
}

body .profile-delete-zone p {
  margin: 0;
  color: rgba(232, 238, 255, 0.82);
  line-height: 1.45;
}

body .profile-delete-zone button {
  justify-self: start;
  min-height: 44px;
  border: 1px solid rgba(248, 113, 113, 0.58);
  border-radius: 9px;
  padding: 0 22px;
  color: #ff6b7d;
  background: rgba(70, 10, 22, 0.18);
  font-weight: 950;
  cursor: pointer;
}

body .profile-delete-zone button:disabled {
  cursor: default;
  opacity: 0.72;
}

body .profile-settings-form input:disabled {
  color: rgba(217, 226, 255, 0.66);
}

body .profile-settings-inline {
  display: flex !important;
  align-items: center;
  justify-content: space-between;
  gap: 14px;
}

body .profile-settings-inline button {
  min-width: 150px;
  cursor: pointer;
}

body .help-center-quick {
  display: grid;
  grid-template-columns: repeat(2, minmax(0, 1fr));
  gap: 8px;
}

body .help-center-quick button {
  min-height: 40px;
  border: 1px solid rgba(122, 167, 255, 0.32);
  border-radius: 999px;
  color: #dbe7ff;
  background: rgba(20, 34, 68, 0.8);
  font-weight: 900;
  cursor: pointer;
}

body .help-chat-log {
  display: grid;
  gap: 10px;
  max-height: min(320px, 42vh);
  overflow: auto;
  padding-right: 6px;
}

body .help-chat-log article {
  max-width: 88%;
  border-radius: 12px;
  padding: 12px;
  background: rgba(20, 34, 68, 0.86);
}

body .help-chat-log article.user {
  justify-self: end;
  background: rgba(13, 92, 68, 0.86);
}

body .help-chat-log strong {
  display: block;
  margin-bottom: 5px;
  color: #ffffff;
}

body .help-chat-log p {
  margin: 0;
  color: rgba(232, 238, 255, 0.86);
  line-height: 1.55;
}

body .help-chat-form {
  display: grid;
  grid-template-columns: minmax(0, 1fr) 96px;
  gap: 10px;
}

body .help-chat-form button {
  border: 0;
  border-radius: 10px;
  color: #ffffff;
  background: linear-gradient(135deg, #2563eb, #0891b2);
  font-weight: 1000;
  cursor: pointer;
}

:root[data-theme="light"] body .profile-mini-summary strong,
:root[data-theme="light"] body .profile-settings-user strong,
:root[data-theme="light"] body .profile-settings-form span,
:root[data-theme="light"] body .help-chat-log strong {
  color: #0f172a;
}

:root[data-theme="light"] body .profile-mini-summary span,
:root[data-theme="light"] body .profile-settings-user span,
:root[data-theme="light"] body .profile-settings-status,
:root[data-theme="light"] body .help-chat-log p {
  color: #475569;
}

:root[data-theme="light"] body .profile-settings-panel [data-delete-account] {
  border-color: #dc2626 !important;
  color: #b91c1c !important;
  background: #fff1f2 !important;
}

:root[data-theme="light"] body .profile-settings-panel [data-delete-account]:hover,
:root[data-theme="light"] body .profile-settings-panel [data-delete-account]:focus-visible {
  color: #ffffff !important;
  background: #dc2626 !important;
}

:root[data-theme="light"] body .profile-settings-user,
:root[data-theme="light"] body .profile-subscription-summary,
:root[data-theme="light"] body .plan-usage-card,
:root[data-theme="light"] body .help-chat-log article {
  border-color: #d8e4f6;
  background: #ffffff;
}

:root[data-theme="light"] body .profile-subscription-summary strong,
:root[data-theme="light"] body .plan-usage-card strong {
  color: #0f172a;
}

:root[data-theme="light"] body .profile-subscription-summary small,
:root[data-theme="light"] body .my-plans-note,
:root[data-theme="light"] body .plan-usage-card small {
  color: #475569;
}

:root[data-theme="light"] body .my-plans-benefits {
  border-color: #d8e4f6;
  background: #ffffff;
}

:root[data-theme="light"] body .my-plans-benefits li {
  color: #334155;
}

:root[data-theme="light"] body .profile-settings-form input,
:root[data-theme="light"] body .profile-settings-form select,
:root[data-theme="light"] body .profile-settings-inline button,
:root[data-theme="light"] body .help-chat-form input {
  border-color: #c8d8f4;
  color: #0f172a;
  background: #ffffff;
}


:root[data-theme="light"] body .profile-delete-zone h3 {
  color: #0f172a;
}

:root[data-theme="light"] body .profile-delete-zone p {
  color: #475569;
}

:root[data-theme="light"] body .profile-delete-zone h3 span {
  color: #ffffff;
  background: #64748b;
}

/* Final restore: visible global back arrow and centered Upgrade nav text. */
body .topbar nav .nav-subscribe,
body .topbar nav .nav-subscribe:visited,
body .topbar nav .nav-subscribe:hover,
body .topbar nav .nav-subscribe:focus-visible,
body .topbar nav .nav-subscribe.active,
body .topbar nav .nav-subscribe[aria-current="page"] {
  display: inline-flex !important;
  align-items: center !important;
  justify-content: center !important;
  min-width: 112px !important;
  min-height: 48px !important;
  height: 48px !important;
  padding: 0 18px !important;
  border: 1px solid rgba(255, 206, 115, 0.88) !important;
  border-radius: 9px !important;
  color: #263142 !important;
  -webkit-text-fill-color: #263142 !important;
  font-size: 15px !important;
  font-weight: 760 !important;
  line-height: 1 !important;
  text-align: center !important;
  text-decoration: none !important;
  text-shadow: none !important;
  opacity: 1 !important;
  background:
    radial-gradient(circle at 22% 20%, rgba(255, 255, 255, 0.62), transparent 22%),
    linear-gradient(135deg, #ff8a1f 0%, #facc15 100%) !important;
  box-shadow: 0 10px 24px rgba(249, 115, 22, 0.3) !important;
  transform: none !important;
}

.page-back-button {
  position: fixed !important;
  top: 118px !important;
  left: 16px !important;
  z-index: 2200 !important;
  display: inline-flex !important;
  align-items: center !important;
  justify-content: center !important;
  width: 52px !important;
  height: 52px !important;
  border: 1px solid rgba(148, 163, 184, 0.28) !important;
  border-radius: 999px !important;
  padding: 0 !important;
  color: #ffffff !important;
  background:
    linear-gradient(135deg, rgba(37, 21, 87, 0.42), rgba(36, 97, 166, 0.34), rgba(45, 212, 191, 0.30)) !important;
  box-shadow: 0 14px 32px rgba(20, 184, 166, 0.16) !important;
  opacity: 0.72 !important;
  backdrop-filter: blur(12px) saturate(1.18) !important;
  -webkit-backdrop-filter: blur(12px) saturate(1.18) !important;
}

.page-back-button:hover,
.page-back-button:focus-visible {
  opacity: 1 !important;
  background:
    linear-gradient(135deg, rgba(37, 21, 87, 0.64), rgba(36, 97, 166, 0.56), rgba(45, 212, 191, 0.48)) !important;
}

.page-back-button[hidden] {
  display: none !important;
}

.page-back-button svg {
  display: block !important;
  width: 34px !important;
  height: 34px !important;
  fill: none !important;
  stroke: #ffffff !important;
  stroke-width: 5.5 !important;
  stroke-linecap: round !important;
  stroke-linejoin: round !important;
}

/* Restore Accendion AI chat actions while keeping the You label visible. */
#chat-messages article.chat-user,
#chat-messages article.chat-message.chat-user,
.chat-messages article.chat-user,
.chat-messages article.chat-message.chat-user {
  display: inline-flex !important;
  flex-direction: column !important;
  align-self: flex-end !important;
  width: fit-content !important;
  min-width: 64px !important;
  max-width: min(70%, 620px) !important;
  margin: 7px 0 6px auto !important;
  padding: 8px 10px 6px !important;
  gap: 4px !important;
}

#chat-messages article.chat-user .chat-message-header,
#chat-messages article.chat-message.chat-user .chat-message-header,
.chat-messages article.chat-user .chat-message-header,
.chat-messages article.chat-message.chat-user .chat-message-header {
  display: block !important;
  margin: 0 0 3px !important;
  padding: 0 !important;
}

#chat-messages article.chat-user .chat-message-title,
#chat-messages article.chat-message.chat-user .chat-message-title,
.chat-messages article.chat-user .chat-message-title,
.chat-messages article.chat-message.chat-user .chat-message-title {
  display: block !important;
  color: #ffffff !important;
  font-size: 13px !important;
  font-weight: 900 !important;
  line-height: 1.15 !important;
}

#chat-messages article.chat-user .chat-content,
#chat-messages article.chat-message.chat-user .chat-content,
.chat-messages article.chat-user .chat-content,
.chat-messages article.chat-message.chat-user .chat-content {
  width: auto !important;
  max-width: 100% !important;
  margin: 0 !important;
  padding: 0 !important;
}

#chat-messages article.chat-user .chat-content p,
#chat-messages article.chat-message.chat-user .chat-content p,
.chat-messages article.chat-user .chat-content p,
.chat-messages article.chat-message.chat-user .chat-content p {
  margin: 0 !important;
  padding: 0 !important;
  color: #ffffff !important;
  font-size: 14px !important;
  line-height: 1.3 !important;
  overflow-wrap: anywhere !important;
}

#chat-messages article.chat-user .chat-action-buttons,
#chat-messages article.chat-message.chat-user .chat-action-buttons,
.chat-messages article.chat-user .chat-action-buttons,
.chat-messages article.chat-message.chat-user .chat-action-buttons {
  display: inline-flex !important;
  align-self: flex-end !important;
  justify-content: flex-end !important;
  gap: 6px !important;
  margin: 5px 0 0 !important;
  padding: 0 !important;
}

#chat-messages article.chat-bot .chat-action-buttons,
#chat-messages article.chat-message.chat-bot .chat-action-buttons,
.chat-messages article.chat-bot .chat-action-buttons,
.chat-messages article.chat-message.chat-bot .chat-action-buttons {
  display: inline-flex !important;
  justify-content: flex-end !important;
  gap: 8px !important;
  width: 100% !important;
  margin: 10px 0 0 !important;
  padding: 0 !important;
}

#chat-messages .chat-action-btn,
.chat-messages .chat-action-btn {
  display: inline-flex !important;
  align-items: center !important;
  justify-content: center !important;
  width: 19px !important;
  height: 19px !important;
  padding: 0 !important;
  border: 0 !important;
  background: transparent !important;
  color: rgba(148, 163, 184, 0.76) !important;
}

#chat-messages .chat-action-btn svg,
.chat-messages .chat-action-btn svg {
  width: 17px !important;
  height: 17px !important;
  fill: none !important;
  stroke: currentColor !important;
  stroke-width: 2 !important;
  stroke-linecap: round !important;
  stroke-linejoin: round !important;
}

#chat-messages .chat-action-btn:hover,
.chat-messages .chat-action-btn:hover {
  color: #e2e8f0 !important;
}

#chat-messages .chat-like-btn.active,
.chat-messages .chat-like-btn.active {
  color: #22c55e !important;
}

#chat-messages .chat-dislike-btn.active,
.chat-messages .chat-dislike-btn.active {
  color: #ef4444 !important;
}

#chat-messages .chat-copy-btn.active,
.chat-messages .chat-copy-btn.active {
  color: #22c55e !important;
}

body .profile-subscription-summary {
  display: grid;
  gap: 6px;
  border: 1px solid rgba(45, 212, 191, 0.32);
  border-radius: 12px;
  padding: 16px 18px;
  color: #e5edf8;
  background:
    radial-gradient(circle at 12% 0%, rgba(45, 212, 191, 0.14), transparent 32%),
    rgba(8, 20, 35, 0.78);
}

body .profile-subscription-summary span {
  color: #93c5fd;
  font-size: 12px;
  font-weight: 950;
  letter-spacing: 0;
  text-transform: uppercase;
}

body .profile-subscription-summary strong {
  color: #f8fafc;
  font-size: 22px;
  line-height: 1.1;
}

body .profile-subscription-summary small {
  color: #b6c4d8;
  font-size: 13px;
  font-weight: 750;
  line-height: 1.35;
}

body .my-plans-panel {
  display: grid;
  gap: 16px;
}

body .plan-usage-grid {
  display: grid;
  grid-template-columns: repeat(2, minmax(0, 1fr));
  gap: 14px;
}

body .my-plans-note {
  margin: 0;
  color: #b6c4d8;
  font-size: 14px;
  font-weight: 800;
  line-height: 1.45;
}

body .plan-usage-card {
  display: grid;
  gap: 8px;
  border: 1px solid rgba(96, 165, 250, 0.26);
  border-radius: 12px;
  padding: 16px;
  background: rgba(8, 20, 35, 0.72);
}

body .plan-usage-card span {
  color: #93c5fd;
  font-size: 12px;
  font-weight: 950;
  letter-spacing: 0;
  text-transform: uppercase;
}

body .plan-usage-card strong {
  color: #f8fafc;
  font-size: 22px;
  line-height: 1.1;
}

body .plan-usage-card small {
  color: #b6c4d8;
  font-size: 13px;
  font-weight: 750;
}

body .plan-usage-track {
  width: 100%;
  height: 7px;
  overflow: hidden;
  border-radius: 999px;
  background: rgba(148, 163, 184, 0.22);
}

body .plan-usage-track i {
  display: block;
  height: 100%;
  border-radius: inherit;
  background: linear-gradient(90deg, #2563eb, #14b8a6, #84cc16);
}

body .my-plans-upgrade {
  justify-self: stretch;
  text-align: center;
  text-decoration: none;
}

body .my-plans-benefits {
  display: grid;
  gap: 10px;
  border: 1px solid rgba(45, 212, 191, 0.22);
  border-radius: 12px;
  padding: 14px 16px;
  background: rgba(8, 20, 35, 0.52);
}

body .my-plans-benefits:empty {
  display: none;
}

body .my-plans-benefits strong {
  color: #93c5fd;
  font-size: 12px;
  font-weight: 950;
  text-transform: uppercase;
}

body .my-plans-benefits ul {
  display: grid;
  gap: 7px;
  margin: 0;
  padding: 0;
  list-style: none;
}

body .my-plans-benefits li {
  color: #e5edf8;
  font-size: 13px;
  font-weight: 750;
  line-height: 1.35;
}

body .my-plans-benefits li::before {
  content: "✓";
  margin-right: 8px;
  color: #22c55e;
}

@media (max-width: 620px) {
  body .plan-usage-grid {
    grid-template-columns: 1fr;
  }
}

body.help-page .help-shell {
  display: grid !important;
  justify-items: center !important;
  width: min(1480px, calc(100% - 96px)) !important;
  max-width: none !important;
  margin-left: auto !important;
  margin-right: auto !important;
  padding: 24px 0 32px !important;
}

body.help-page .help-hero {
  width: min(100%, 1380px) !important;
  margin-left: auto !important;
  margin-right: auto !important;
  padding: clamp(20px, 3vw, 36px) 24px !important;
}

body.help-page .help-hero h1 {
  font-size: clamp(38px, 4.6vw, 62px) !important;
}

body.help-page .help-hero p {
  max-width: 900px !important;
  margin-top: 12px !important;
  font-size: clamp(15px, 1.35vw, 20px) !important;
  line-height: 1.35 !important;
}

body.help-page .help-layout {
  width: min(100%, 1380px) !important;
  grid-template-columns: minmax(420px, 1fr) minmax(420px, 1fr) !important;
  gap: 20px !important;
  margin-top: 18px !important;
  margin-left: auto !important;
  margin-right: auto !important;
}

body.help-page .help-chat-card {
  grid-template-rows: auto minmax(260px, 1fr) auto !important;
  width: 100% !important;
  min-height: 500px !important;
  max-height: calc(100vh - 230px) !important;
}

body.help-page .help-faq-card {
  width: 100% !important;
}

body.help-page .help-chat-head {
  padding: 14px 16px !important;
}

body.help-page .help-direct-contact {
  display: grid;
  gap: 4px;
  margin: 0 14px 12px;
  padding: 13px 15px;
  border: 1px solid rgba(20, 184, 166, 0.45);
  border-radius: 14px;
  background: linear-gradient(135deg, rgba(16, 185, 129, 0.16), rgba(14, 165, 233, 0.08));
  color: #f8fafc;
  text-decoration: none;
  box-shadow: 0 18px 48px rgba(20, 184, 166, 0.12);
}

body.help-page .help-direct-contact strong {
  font-size: 12px;
  text-transform: uppercase;
  letter-spacing: 0.08em;
  color: #7dd3fc;
}

body.help-page .help-direct-contact span {
  font-weight: 900;
}

body.help-page .help-chat-log {
  gap: 10px !important;
  padding: 14px !important;
}

body.help-page .help-message {
  max-width: min(82%, 540px) !important;
  padding: 10px 12px !important;
  border-radius: 12px !important;
}

body.help-page .help-message p {
  font-size: 14px !important;
  line-height: 1.38 !important;
}

body.help-page .help-chat-form {
  padding: 10px !important;
}

body.help-page .help-chat-form input,
body.help-page .help-chat-form button {
  min-height: 46px !important;
}

body.help-page .help-answer-view {
  margin: 12px !important;
  padding: 14px !important;
}

body.help-page .help-answer-view h2 {
  font-size: clamp(20px, 2vw, 28px) !important;
}

body.help-page .help-answer-view p {
  font-size: 15px !important;
  line-height: 1.38 !important;
}

body.help-page .help-faq-card .help-topics {
  padding: 0 12px 12px !important;
}

body.help-page .help-topics {
  gap: 10px !important;
}

body.help-page .help-topics button {
  min-height: 78px !important;
  padding: 13px 14px !important;
}

body.help-page .help-topics strong {
  font-size: 16px !important;
}

body.help-page .help-topics span {
  font-size: 13px !important;
  line-height: 1.3 !important;
}

body.help-page .help-connect {
  width: min(100%, 1380px) !important;
  margin: 20px auto 0 !important;
}

body.help-page .help-connect h2 {
  margin: 0 0 16px !important;
  color: #f8fafc;
  font-size: clamp(24px, 2.4vw, 36px);
  line-height: 1.1;
}

body.help-page .help-connect-grid {
  display: grid;
  grid-template-columns: repeat(2, minmax(0, 1fr));
  gap: 18px;
}

body.help-page .help-connect-card {
  display: grid;
  justify-items: center;
  gap: 10px;
  min-height: 180px;
  padding: 28px 18px;
  border: 1px solid rgba(101, 143, 210, 0.32);
  border-radius: 22px;
  background: rgba(11, 22, 40, 0.72);
  color: #f8fafc;
  text-align: center;
  text-decoration: none;
  box-shadow: 0 18px 48px rgba(0, 0, 0, 0.18);
}

body.help-page .help-connect-card.email-card {
  grid-column: 1 / -1;
}

body.help-page .help-connect-icon {
  display: grid;
  place-items: center;
  width: 76px;
  height: 76px;
  border-radius: 999px;
  font-size: 13px;
  font-weight: 950;
}

body.help-page .help-connect-icon.whatsapp {
  background: rgba(34, 197, 94, 0.16);
  color: #4ade80;
}

body.help-page .help-connect-icon.call {
  background: rgba(14, 165, 233, 0.16);
  color: #38bdf8;
}

body.help-page .help-connect-icon.email {
  background: rgba(250, 204, 21, 0.18);
  color: #facc15;
}

body.help-page .help-connect-card strong {
  font-size: 24px;
  line-height: 1.1;
}

body.help-page .help-connect-card small {
  color: #b8c4d8;
  font-size: 18px;
  font-weight: 850;
  word-break: break-word;
}

@media (max-width: 900px) {
  body.help-page .help-shell {
    width: min(100% - 24px, 720px) !important;
  }

  body.help-page .help-layout {
    grid-template-columns: 1fr !important;
  }

  body.help-page .help-chat-card {
    max-height: none !important;
    min-height: 440px !important;
  }

  body.help-page .help-connect-grid {
    grid-template-columns: 1fr 1fr;
    gap: 12px;
  }

  body.help-page .help-connect-card {
    min-height: 150px;
    padding: 22px 12px;
  }

  body.help-page .help-connect-card strong {
    font-size: 20px;
  }

  body.help-page .help-connect-card small {
    font-size: 14px;
  }
}

.welcome-tour-overlay {
  position: fixed;
  inset: 0;
  z-index: 2600;
  display: grid;
  place-items: center;
  padding: 24px;
  opacity: 0;
  pointer-events: none;
  background:
    radial-gradient(circle at 20% 12%, rgba(14, 165, 233, 0.24), transparent 30%),
    radial-gradient(circle at 80% 18%, rgba(249, 115, 22, 0.18), transparent 26%),
    rgba(2, 6, 23, 0.72);
  backdrop-filter: blur(14px);
  -webkit-backdrop-filter: blur(14px);
  transition: opacity 0.18s ease;
}

.welcome-tour-overlay.open {
  opacity: 1;
  pointer-events: auto;
}

.welcome-tour-card {
  position: relative;
  width: min(560px, 100%);
  border: 1px solid rgba(122, 167, 255, 0.34);
  border-radius: 18px;
  padding: 30px;
  color: #f8fafc;
  text-align: center;
  background:
    radial-gradient(circle at 18% 0%, rgba(96, 165, 250, 0.22), transparent 30%),
    radial-gradient(circle at 88% 12%, rgba(45, 212, 191, 0.18), transparent 32%),
    linear-gradient(145deg, rgba(15, 23, 42, 0.96), rgba(7, 20, 36, 0.94));
  box-shadow: 0 30px 90px rgba(0, 0, 0, 0.48);
  transform: translateY(14px) scale(0.98);
  transition: transform 0.18s ease;
}

.welcome-tour-overlay.open .welcome-tour-card {
  transform: translateY(0) scale(1);
}

.welcome-tour-close {
  position: absolute;
  top: 14px;
  right: 14px;
  display: inline-flex;
  align-items: center;
  justify-content: center;
  width: 34px;
  height: 34px;
  border: 1px solid rgba(148, 163, 184, 0.28);
  border-radius: 999px;
  color: #dbeafe;
  background: rgba(15, 23, 42, 0.76);
  font-size: 20px;
  font-weight: 900;
  cursor: pointer;
}

.welcome-tour-logo {
  width: 190px;
  height: auto;
  margin: 0 auto 14px;
}

.welcome-tour-eyebrow {
  margin: 0 0 8px;
  color: #93c5fd;
  font-size: 13px;
  font-weight: 950;
  text-transform: uppercase;
}

.welcome-tour-card h2 {
  margin: 0;
  color: #ffffff;
  font-size: clamp(34px, 4vw, 48px);
  line-height: 1.02;
}

.welcome-tour-copy {
  max-width: 460px;
  margin: 14px auto 0;
  color: #cbd5e1;
  font-size: 16px;
  line-height: 1.5;
}

.welcome-tour-grid {
  display: grid;
  grid-template-columns: repeat(2, minmax(0, 1fr));
  gap: 10px;
  margin: 22px 0;
}

.welcome-tour-grid button {
  border: 1px solid rgba(122, 167, 255, 0.24);
  border-radius: 12px;
  padding: 13px;
  text-align: left;
  color: #e5edf8;
  background: rgba(8, 14, 28, 0.78);
  cursor: pointer;
}

.welcome-tour-grid button:hover,
.welcome-tour-grid button:focus-visible {
  border-color: rgba(45, 212, 191, 0.58);
  background: rgba(15, 32, 52, 0.9);
}

.welcome-tour-grid span {
  display: block;
  color: #67e8f9;
  font-size: 12px;
  font-weight: 950;
}

.welcome-tour-grid strong {
  display: block;
  margin-top: 4px;
  color: #f8fafc;
  font-size: 14px;
  line-height: 1.25;
}

.welcome-tour-primary {
  width: min(260px, 100%);
  min-height: 50px;
  border: 0;
  border-radius: 12px;
  color: #0f172a;
  font-size: 16px;
  font-weight: 900;
  background: linear-gradient(135deg, #ff8a1f 0%, #facc15 45%, #3acc5c 100%);
  box-shadow: 0 16px 34px rgba(249, 115, 22, 0.24);
  cursor: pointer;
}

@media (max-width: 560px) {
  .welcome-tour-card {
    padding: 24px 18px;
  }

  .welcome-tour-grid {
    grid-template-columns: 1fr;
  }
}

/* Final visual simplification overrides. */
body .floating-support-head button {
  width: 38px !important;
  min-width: 38px !important;
  height: 38px !important;
  min-height: 38px !important;
  border: 0 !important;
  border-radius: 0 !important;
  background: transparent !important;
  box-shadow: none !important;
}

body .floating-support-head button:hover,
body .floating-support-head button:focus-visible {
  border: 0 !important;
  background: transparent !important;
  box-shadow: none !important;
  opacity: 0.78;
}

body .topbar .profile-button.simple {
  width: 40px !important;
  min-width: 40px !important;
  height: 40px !important;
  min-height: 40px !important;
  padding: 0 !important;
  border: 0 !important;
  border-radius: 50% !important;
  background: transparent !important;
  box-shadow: none !important;
}

body .topbar .profile-button.simple span {
  width: 40px !important;
  height: 40px !important;
  border: 0 !important;
  box-shadow: none !important;
}

body .floating-support-button {
  border: 0 !important;
  box-shadow: 0 14px 32px rgba(249, 115, 22, 0.3) !important;
}

body .floating-support-button:hover,
body .floating-support-button:focus-visible {
  border: 0 !important;
  box-shadow: 0 16px 34px rgba(249, 115, 22, 0.36) !important;
}

:root[data-theme="light"] body.help-page .help-shell {
  background: transparent !important;
}

:root[data-theme="light"] body.help-page .help-hero {
  border: 0 !important;
  border-radius: 0 !important;
  background: transparent !important;
  box-shadow: none !important;
}

:root[data-theme="light"] body.help-page .help-layout {
  padding-top: 18px !important;
  border-top: 1px solid #dbe5f1 !important;
}

:root[data-theme="light"] body.help-page .help-chat-card,
:root[data-theme="light"] body.help-page .help-faq-card {
  border: 0 !important;
  border-radius: 0 !important;
  background: transparent !important;
  box-shadow: none !important;
  overflow: visible !important;
}

:root[data-theme="light"] body.help-page .help-chat-card {
  border-right: 1px solid #dbe5f1 !important;
  padding-right: 20px !important;
}

:root[data-theme="light"] body.help-page .help-chat-head {
  padding: 8px 0 14px !important;
  border: 0 !important;
  border-bottom: 1px solid #e2e8f0 !important;
  background: transparent !important;
}

:root[data-theme="light"] body.help-page .help-chat-log {
  padding: 18px 0 !important;
  background: transparent !important;
}

:root[data-theme="light"] body.help-page .help-chat-form {
  padding: 12px 0 0 !important;
  border: 0 !important;
  border-top: 1px solid #e2e8f0 !important;
  background: transparent !important;
}

:root[data-theme="light"] body.help-page .help-answer-view {
  margin: 0 !important;
  padding: 18px 0 22px !important;
  border: 0 !important;
  border-bottom: 1px solid #e2e8f0 !important;
  border-radius: 0 !important;
  background: transparent !important;
}

:root[data-theme="light"] body.help-page .help-faq-card .help-topics {
  padding: 8px 0 0 !important;
}

:root[data-theme="light"] body.help-page .help-topics button {
  min-height: 72px !important;
  padding: 14px 0 !important;
  border: 0 !important;
  border-bottom: 1px solid #e2e8f0 !important;
  border-radius: 0 !important;
  background: transparent !important;
  box-shadow: none !important;
}

:root[data-theme="light"] body.help-page .help-topics button:hover,
:root[data-theme="light"] body.help-page .help-topics button:focus-visible,
:root[data-theme="light"] body.help-page .help-topics button.active {
  padding-left: 12px !important;
  border-color: #93c5fd !important;
  background: #f3f8ff !important;
}

@media (max-width: 900px) {
  :root[data-theme="light"] body.help-page .help-chat-card {
    padding-right: 0 !important;
    padding-bottom: 20px !important;
    border-right: 0 !important;
    border-bottom: 1px solid #dbe5f1 !important;
  }
}

/* Mobile landing page: size the hero from its content instead of the viewport. */
@media (max-width: 760px) {
  body:not(.watchlist-focus-view) main > .hero:first-child {
    min-height: 0 !important;
    height: auto !important;
    align-items: start !important;
    padding: 0 10px !important;
  }

  body:not(.watchlist-focus-view) main > .hero:first-child .hero-copy {
    min-height: 0 !important;
    height: auto !important;
    justify-content: flex-start !important;
    gap: 12px !important;
    padding: 28px 16px 32px !important;
  }

  body:not(.watchlist-focus-view) main > .hero:first-child .hero-copy > .eyebrow {
    margin-top: 0 !important;
  }

  body:not(.watchlist-focus-view) .market-workbench {
    margin-top: 0 !important;
    padding-top: 10px !important;
  }
}

/* Chrome "Desktop site" on phones reports a wide CSS viewport; detect touch input too. */
@media (max-width: 1100px) and (hover: none) and (pointer: coarse) {
  body:not(.watchlist-focus-view) main > .hero:first-child {
    min-height: 0 !important;
    height: auto !important;
    align-items: start !important;
    padding: 0 10px !important;
  }

  body:not(.watchlist-focus-view) main > .hero:first-child .hero-copy {
    min-height: 0 !important;
    height: auto !important;
    justify-content: flex-start !important;
    gap: 12px !important;
    padding: 28px 16px 32px !important;
  }

  body:not(.watchlist-focus-view) main > .hero:first-child .hero-copy > .eyebrow {
    margin-top: 0 !important;
  }

  body:not(.watchlist-focus-view) .market-workbench {
    margin-top: 0 !important;
    padding-top: 10px !important;
  }
}

/* Responsive application header: this final layer owns topbar sizing and navigation. */
body .topbar {
  grid-template-columns: minmax(190px, 230px) minmax(280px, 390px) minmax(0, 1fr) !important;
  gap: clamp(16px, 1.35vw, 26px) !important;
  min-height: 92px !important;
  padding: 10px clamp(16px, 1.8vw, 34px) !important;
  overflow: visible !important;
}

body .topbar .brand-wordmark {
  width: clamp(176px, 10.5vw, 202px) !important;
  min-width: 0 !important;
  max-width: 100% !important;
}

body .topbar-search {
  width: 100% !important;
  min-width: 0 !important;
  max-width: 390px !important;
}

body .topbar-search input {
  width: 100% !important;
  min-width: 0 !important;
  max-width: none !important;
}

body .topbar nav {
  gap: clamp(6px, 0.55vw, 11px) !important;
  min-width: 0 !important;
}

body .topbar nav > a:not(.nav-subscribe):not(.nav-get-started),
body .topbar nav > button:not(.nav-analyst):not(.notification-button) {
  padding-inline: clamp(6px, 0.55vw, 11px) !important;
}

body .topbar nav .nav-analyst {
  min-width: 0 !important;
  margin-left: 0 !important;
  padding-inline: clamp(14px, 1.1vw, 22px) !important;
}

body .topbar nav .nav-subscribe,
body .topbar nav .nav-get-started {
  min-width: 0 !important;
  margin-left: 0 !important;
  padding-inline: clamp(16px, 1.2vw, 24px) !important;
}

body .topbar .profile-menu {
  margin-left: 0 !important;
}

body .topbar nav > .notification-button {
  margin-left: clamp(2px, 0.4vw, 8px) !important;
}

body .topbar nav > .notification-button + .profile-menu {
  margin-left: -2px !important;
}

body .topbar nav > .nav-subscribe + .nav-get-started {
  margin-left: -2px !important;
}

.topbar-menu-toggle {
  display: none;
  place-items: center;
  align-content: center;
  gap: 5px;
  width: 46px;
  height: 46px;
  padding: 0;
  border: 1px solid rgba(139, 157, 255, 0.35);
  border-radius: 13px;
  color: var(--text);
  background: rgba(11, 19, 40, 0.72);
  cursor: pointer;
}

.topbar-menu-toggle span {
  display: block;
  width: 20px;
  height: 2px;
  border-radius: 999px;
  background: currentColor;
  transition: transform 180ms ease, opacity 180ms ease;
}

.topbar.menu-open .topbar-menu-toggle span:nth-child(1) {
  transform: translateY(7px) rotate(45deg);
}

.topbar.menu-open .topbar-menu-toggle span:nth-child(2) {
  opacity: 0;
}

.topbar.menu-open .topbar-menu-toggle span:nth-child(3) {
  transform: translateY(-7px) rotate(-45deg);
}

@media (max-width: 1440px) {
  body .topbar {
    grid-template-columns: minmax(150px, 190px) minmax(220px, 1fr) auto !important;
    min-height: 78px !important;
    padding: 10px 18px !important;
  }

  body .topbar .brand-wordmark {
    width: clamp(150px, 16vw, 190px) !important;
  }

  body .topbar-search {
    justify-self: stretch !important;
    max-width: 520px !important;
  }

  .topbar-menu-toggle {
    display: grid;
    grid-column: 3;
    grid-row: 1;
    justify-self: end;
    z-index: 12;
  }

  body .topbar > nav {
    position: absolute !important;
    top: calc(100% + 10px);
    right: 18px;
    z-index: 1000;
    display: none !important;
    width: min(360px, calc(100vw - 36px)) !important;
    max-height: calc(100vh - 110px);
    padding: 14px !important;
    border: 1px solid rgba(139, 157, 255, 0.3);
    border-radius: 18px;
    overflow-y: auto;
    flex-direction: column !important;
    align-items: stretch !important;
    gap: 6px !important;
    background: rgba(8, 13, 31, 0.98);
    box-shadow: 0 24px 60px rgba(0, 0, 0, 0.38);
    backdrop-filter: blur(20px);
  }

  body .topbar.menu-open > nav {
    display: flex !important;
  }

  body .topbar > nav > a,
  body .topbar > nav > button:not(.profile-button) {
    width: 100% !important;
    min-height: 46px !important;
    justify-content: flex-start !important;
    padding: 10px 14px !important;
    text-align: left !important;
  }

  body .topbar > nav .notification-button {
    background-position: 14px center !important;
  }

  body .topbar > nav .profile-menu {
    width: 100%;
  }

  body .topbar > nav .profile-button.simple {
    width: 46px !important;
    min-width: 46px !important;
    height: 46px !important;
  }

  body .topbar > nav .profile-dropdown {
    position: static !important;
    width: 100% !important;
    margin-top: 8px;
  }
}

@media (max-width: 680px) {
  body .topbar {
    grid-template-columns: minmax(132px, 1fr) auto !important;
    gap: 10px !important;
    min-height: 68px !important;
    padding: 9px 12px !important;
  }

  body .topbar .brand {
    grid-column: 1;
    grid-row: 1;
  }

  body .topbar .brand-wordmark {
    width: clamp(138px, 43vw, 176px) !important;
  }

  body .topbar-search {
    grid-column: 1 / -1;
    grid-row: 2;
    max-width: none !important;
  }

  .topbar-menu-toggle {
    grid-column: 2;
  }

  body .topbar > nav {
    top: calc(100% + 8px);
    right: 12px;
    width: calc(100vw - 24px) !important;
    max-height: calc(100dvh - 150px);
  }
}

/* Upgrade is a standard navigation tab in every state. */
body .topbar nav .nav-subscribe,
body .topbar nav .nav-subscribe:visited,
body .topbar nav .nav-subscribe:hover,
body .topbar nav .nav-subscribe:focus-visible,
body .topbar nav .nav-subscribe.active,
body .topbar nav .nav-subscribe[aria-current="page"],
:root[data-theme="light"] body .topbar nav .nav-subscribe,
:root[data-theme="light"] body .topbar nav .nav-subscribe:visited,
:root[data-theme="light"] body .topbar nav .nav-subscribe:hover,
:root[data-theme="light"] body .topbar nav .nav-subscribe:focus-visible,
:root[data-theme="light"] body .topbar nav .nav-subscribe.active,
:root[data-theme="light"] body .topbar nav .nav-subscribe[aria-current="page"] {
  border: 0 !important;
  color: var(--text) !important;
  -webkit-text-fill-color: currentColor !important;
  background: transparent !important;
  box-shadow: none !important;
  text-shadow: none !important;
}

body .topbar nav .nav-subscribe:hover,
body .topbar nav .nav-subscribe:focus-visible {
  color: #8fa4ff !important;
  -webkit-text-fill-color: currentColor !important;
}

/* The notification utility is only a bell—no surrounding tile. */
/* Candle Predictor reads like the other tabs; only its candlestick glyph is green. */
body .topbar nav .nav-candlestick-link,
body .topbar nav .nav-candlestick-link:visited,
body .topbar nav .nav-candlestick-link[aria-current="page"],
body .topbar nav .nav-candlestick-link .nav-candle-text,
body .topbar nav .nav-candlestick-link .nav-candle-main,
body .topbar nav .nav-candlestick-link .nav-candle-red {
  color: var(--text) !important;
  -webkit-text-fill-color: currentColor !important;
  text-shadow: none !important;
}

body .topbar nav .nav-candlestick-link:hover,
body .topbar nav .nav-candlestick-link:focus-visible,
body .topbar nav .nav-candlestick-link:hover .nav-candle-text,
body .topbar nav .nav-candlestick-link:focus-visible .nav-candle-text,
body .topbar nav .nav-candlestick-link:hover .nav-candle-main,
body .topbar nav .nav-candlestick-link:focus-visible .nav-candle-main,
body .topbar nav .nav-candlestick-link:hover .nav-candle-red,
body .topbar nav .nav-candlestick-link:focus-visible .nav-candle-red {
  color: #8fa4ff !important;
  -webkit-text-fill-color: currentColor !important;
  text-shadow: none !important;
}

:root[data-theme="light"] body .topbar nav .nav-candlestick-link,
:root[data-theme="light"] body .topbar nav .nav-candlestick-link:visited,
:root[data-theme="light"] body .topbar nav .nav-candlestick-link[aria-current="page"],
:root[data-theme="light"] body .topbar nav .nav-candlestick-link .nav-candle-text,
:root[data-theme="light"] body .topbar nav .nav-candlestick-link .nav-candle-main,
:root[data-theme="light"] body .topbar nav .nav-candlestick-link .nav-candle-red {
  color: #334155 !important;
  -webkit-text-fill-color: currentColor !important;
}

/* Let the support mark properly fill its launcher instead of floating as a tiny glyph. */
body .floating-support-button {
  width: 70px !important;
  min-width: 70px !important;
  height: 70px !important;
  min-height: 70px !important;
  padding: 10px !important;
  border-radius: 50% !important;
}

body .floating-support-button svg {
  display: block !important;
  width: 46px !important;
  min-width: 46px !important;
  height: 46px !important;
  min-height: 46px !important;
  overflow: visible !important;
  fill: none !important;
  stroke: currentColor !important;
  stroke-width: 2.35 !important;
}

@media (max-width: 680px) {
  body .floating-support-button {
    right: 14px !important;
    bottom: 14px !important;
    width: 62px !important;
    min-width: 62px !important;
    height: 62px !important;
    min-height: 62px !important;
    padding: 9px !important;
  }

  body .floating-support-button svg {
    width: 40px !important;
    min-width: 40px !important;
    height: 40px !important;
    min-height: 40px !important;
  }
}

:root[data-theme="light"] .topbar-menu-toggle {
  border-color: rgba(91, 112, 176, 0.3);
  background: rgba(255, 255, 255, 0.84);
}

@media (max-width: 1440px) {
  :root[data-theme="light"] body .topbar > nav {
    background: rgba(255, 255, 255, 0.98);
  }
}

/* Refined navigation hierarchy: quiet feature tabs, one primary AI action, utilities at right. */
body .topbar,
body.upgrade-page .topbar {
  grid-template-columns: minmax(220px, 255px) minmax(300px, 390px) minmax(0, 1fr) !important;
  gap: clamp(8px, 0.9vw, 18px) !important;
  min-height: 84px !important;
  padding: 9px clamp(18px, 1.9vw, 36px) !important;
}

body .topbar .brand,
body.upgrade-page .topbar .brand {
  min-width: 0 !important;
}

body .topbar .brand-wordmark,
body.upgrade-page .topbar .brand-wordmark {
  width: clamp(218px, 12.5vw, 242px) !important;
  min-width: 0 !important;
}

body .topbar-search,
body.upgrade-page .topbar-search {
  justify-self: start !important;
  max-width: 390px !important;
}

body .topbar nav {
  gap: clamp(5px, 0.48vw, 9px) !important;
}

body .topbar nav .nav-subscribe,
body .topbar nav .nav-subscribe:visited,
body .topbar nav .nav-subscribe:hover,
body .topbar nav .nav-subscribe:focus-visible,
body .topbar nav .nav-subscribe.active,
body .topbar nav .nav-subscribe[aria-current="page"] {
  min-width: 0 !important;
  min-height: 42px !important;
  padding: 8px clamp(7px, 0.65vw, 12px) !important;
  border: 0 !important;
  border-radius: 8px !important;
  clip-path: none !important;
  color: var(--text) !important;
  -webkit-text-fill-color: currentColor !important;
  background: transparent !important;
  box-shadow: none !important;
  font-size: inherit !important;
  font-weight: 800 !important;
}

body .topbar nav .nav-subscribe:hover,
body .topbar nav .nav-subscribe:focus-visible {
  color: #8fa4ff !important;
  background: rgba(127, 148, 255, 0.09) !important;
}

body .topbar nav .nav-subscribe.active,
body .topbar nav .nav-subscribe[aria-current="page"] {
  color: #21ddb0 !important;
  background: rgba(33, 221, 176, 0.09) !important;
}

body .topbar nav .nav-get-started,
body .topbar nav .nav-get-started:visited {
  min-width: 0 !important;
  min-height: 42px !important;
  padding: 8px clamp(7px, 0.65vw, 12px) !important;
  border: 0 !important;
  border-radius: 8px !important;
  clip-path: none !important;
  color: var(--text) !important;
  -webkit-text-fill-color: currentColor !important;
  background: transparent !important;
  box-shadow: none !important;
  font-size: inherit !important;
  font-weight: 800 !important;
}

body .topbar nav .nav-get-started:hover,
body .topbar nav .nav-get-started:focus-visible {
  color: #8fa4ff !important;
  background: rgba(127, 148, 255, 0.09) !important;
}

body .topbar nav > .notification-button {
  margin-left: auto !important;
}

body .topbar nav > .notification-button + .profile-menu {
  margin-left: 2px !important;
}

:root[data-theme="light"] body .topbar nav .nav-subscribe,
:root[data-theme="light"] body .topbar nav .nav-subscribe:visited,
:root[data-theme="light"] body .topbar nav .nav-get-started,
:root[data-theme="light"] body .topbar nav .nav-get-started:visited {
  color: #334155 !important;
  -webkit-text-fill-color: currentColor !important;
  background: transparent !important;
  box-shadow: none !important;
}

@media (max-width: 1440px) {
  body .topbar,
  body.upgrade-page .topbar {
    grid-template-columns: minmax(170px, 205px) minmax(220px, 1fr) auto !important;
    min-height: 76px !important;
    padding: 9px 18px !important;
  }

  body .topbar .brand-wordmark,
  body.upgrade-page .topbar .brand-wordmark {
    width: clamp(170px, 15vw, 200px) !important;
  }

  body .topbar nav > .notification-button {
    margin-left: 0 !important;
  }
}

@media (max-width: 680px) {
  body .topbar,
  body.upgrade-page .topbar {
    grid-template-columns: minmax(148px, 1fr) auto !important;
    gap: 10px !important;
    padding: 9px 12px !important;
  }

  body .topbar .brand-wordmark,
  body.upgrade-page .topbar .brand-wordmark {
    width: clamp(154px, 48vw, 188px) !important;
  }
}

/* Final topbar state normalization. */
body .topbar nav .nav-subscribe,
body .topbar nav .nav-subscribe:visited,
body .topbar nav .nav-subscribe:hover,
body .topbar nav .nav-subscribe:focus-visible,
body .topbar nav .nav-subscribe.active,
body .topbar nav .nav-subscribe[aria-current="page"] {
  border: 0 !important;
  color: var(--text) !important;
  -webkit-text-fill-color: currentColor !important;
  background: transparent !important;
  box-shadow: none !important;
  text-shadow: none !important;
}

body .topbar nav .notification-button,
body .topbar nav .notification-button:hover,
body .topbar nav .notification-button:focus-visible,
body .topbar nav .notification-button:active,
:root[data-theme="light"] body .topbar nav .notification-button,
:root[data-theme="light"] body .topbar nav .notification-button:hover,
:root[data-theme="light"] body .topbar nav .notification-button:focus-visible,
:root[data-theme="light"] body .topbar nav .notification-button:active {
  border: 0 !important;
  border-radius: 0 !important;
  outline-offset: 4px;
  background: transparent !important;
  box-shadow: none !important;
  filter: none !important;
}

/* Home hero final background: replace ribbon/cylinder motion with soft smoke. */
body:not(.watchlist-focus-view) main > .hero:first-child {
  position: relative !important;
  isolation: isolate !important;
  overflow: hidden !important;
}

body:not(.watchlist-focus-view) main > .hero:first-child::before,
body:not(.watchlist-focus-view) main > .hero:first-child::after {
  content: "" !important;
  position: absolute !important;
  pointer-events: none !important;
  z-index: 0 !important;
  border-radius: 999px !important;
  transform: translate3d(0, 0, 0) rotate(var(--smoke-rotate, 0deg)) scale(var(--smoke-scale, 1)) !important;
  filter: blur(52px) saturate(1.18) !important;
  mix-blend-mode: screen !important;
  opacity: var(--smoke-opacity, 0.42) !important;
  background:
    radial-gradient(circle at 28% 42%, rgba(39, 229, 201, 0.34), transparent 31%),
    radial-gradient(circle at 58% 46%, rgba(132, 147, 255, 0.28), transparent 34%),
    radial-gradient(circle at 76% 58%, rgba(255, 112, 184, 0.16), transparent 28%),
    radial-gradient(circle at 42% 72%, rgba(30, 86, 168, 0.2), transparent 36%) !important;
}

body:not(.watchlist-focus-view) main > .hero:first-child::before {
  --smoke-rotate: -7deg;
  --smoke-scale: 1.08;
  --smoke-opacity: 0.46;
  width: min(980px, 72vw) !important;
  height: min(440px, 48vh) !important;
  left: max(-210px, -10vw) !important;
  bottom: max(-130px, -11vh) !important;
  animation: accendionHeroSmokeLeft 20s ease-in-out infinite alternate !important;
}

body:not(.watchlist-focus-view) main > .hero:first-child::after {
  --smoke-rotate: 10deg;
  --smoke-scale: 0.96;
  --smoke-opacity: 0.3;
  width: min(760px, 58vw) !important;
  height: min(390px, 42vh) !important;
  right: max(-200px, -9vw) !important;
  top: max(96px, 12vh) !important;
  animation: accendionHeroSmokeRight 24s ease-in-out infinite alternate !important;
}

body:not(.watchlist-focus-view) main > .hero:first-child .hero-copy {
  position: relative !important;
  z-index: 1 !important;
  overflow: hidden !important;
  background:
    radial-gradient(circle at 46% 45%, rgba(124, 58, 237, 0.14), transparent 42%),
    radial-gradient(circle at 32% 78%, rgba(20, 184, 166, 0.1), transparent 34%),
    linear-gradient(135deg, rgba(3, 10, 21, 0.64), rgba(19, 10, 44, 0.5)) !important;
}

body:not(.watchlist-focus-view) main > .hero:first-child .hero-copy::before,
body:not(.watchlist-focus-view) main > .hero:first-child .hero-copy::after {
  content: "" !important;
  position: absolute !important;
  pointer-events: none !important;
  z-index: 0 !important;
  border-radius: 999px !important;
  background:
    radial-gradient(circle at 30% 38%, rgba(255, 255, 255, 0.13), transparent 22%),
    radial-gradient(circle at 50% 54%, rgba(91, 140, 255, 0.18), transparent 32%),
    radial-gradient(circle at 69% 58%, rgba(13, 220, 186, 0.14), transparent 30%) !important;
  filter: blur(38px) !important;
  mix-blend-mode: screen !important;
  opacity: 0.42 !important;
}

body:not(.watchlist-focus-view) main > .hero:first-child .hero-copy::before {
  width: min(760px, 56vw) !important;
  height: 220px !important;
  left: 8% !important;
  bottom: 9% !important;
  animation: accendionHeroSmokeVeil 18s ease-in-out infinite alternate !important;
}

body:not(.watchlist-focus-view) main > .hero:first-child .hero-copy::after {
  width: min(520px, 42vw) !important;
  height: 180px !important;
  right: 12% !important;
  top: 18% !important;
  opacity: 0.24 !important;
  animation: accendionHeroSmokeVeil 22s ease-in-out infinite alternate-reverse !important;
}

body:not(.watchlist-focus-view) main > .hero:first-child .hero-live-scene,
body:not(.watchlist-focus-view) main > .hero:first-child .hero-live-scene::before,
body:not(.watchlist-focus-view) main > .hero:first-child .hero-live-scene::after,
body:not(.watchlist-focus-view) main > .hero:first-child .market-orbit,
body:not(.watchlist-focus-view) main > .hero:first-child .pulse-line {
  display: none !important;
  animation: none !important;
}

body:not(.watchlist-focus-view) main > .hero:first-child .hero-copy > * {
  position: relative !important;
  z-index: 2 !important;
}

@keyframes accendionHeroSmokeLeft {
  0% {
    transform: translate3d(-4%, 5%, 0) rotate(-9deg) scale(1.03);
    opacity: 0.34;
  }
  50% {
    transform: translate3d(7%, -3%, 0) rotate(-3deg) scale(1.14);
    opacity: 0.52;
  }
  100% {
    transform: translate3d(13%, 2%, 0) rotate(4deg) scale(1.08);
    opacity: 0.4;
  }
}

@keyframes accendionHeroSmokeRight {
  0% {
    transform: translate3d(6%, -5%, 0) rotate(11deg) scale(0.92);
    opacity: 0.2;
  }
  55% {
    transform: translate3d(-8%, 8%, 0) rotate(3deg) scale(1.07);
    opacity: 0.36;
  }
  100% {
    transform: translate3d(-14%, 2%, 0) rotate(-6deg) scale(1);
    opacity: 0.28;
  }
}

@keyframes accendionHeroSmokeVeil {
  0% {
    transform: translate3d(-5%, 6%, 0) rotate(-5deg) scale(0.94);
  }
  100% {
    transform: translate3d(8%, -4%, 0) rotate(5deg) scale(1.08);
  }
}

:root[data-theme="light"] body:not(.watchlist-focus-view) main > .hero:first-child::before,
:root[data-theme="light"] body:not(.watchlist-focus-view) main > .hero:first-child::after,
:root[data-theme="light"] body:not(.watchlist-focus-view) main > .hero:first-child .hero-copy::before,
:root[data-theme="light"] body:not(.watchlist-focus-view) main > .hero:first-child .hero-copy::after {
  opacity: 0.18 !important;
  mix-blend-mode: multiply !important;
}

@media (prefers-reduced-motion: reduce) {
  body:not(.watchlist-focus-view) main > .hero:first-child::before,
  body:not(.watchlist-focus-view) main > .hero:first-child::after,
  body:not(.watchlist-focus-view) main > .hero:first-child .hero-copy::before,
  body:not(.watchlist-focus-view) main > .hero:first-child .hero-copy::after {
    animation: none !important;
  }
}

/* Heavier smoke pass: denser, slower plumes behind the home hero. */
body:not(.watchlist-focus-view) main > .hero:first-child {
  background:
    radial-gradient(circle at 24% 82%, rgba(6, 72, 78, 0.5), transparent 34%),
    radial-gradient(circle at 70% 45%, rgba(60, 24, 104, 0.48), transparent 38%),
    linear-gradient(135deg, #020812 0%, #09091d 48%, #150a2b 100%) !important;
}

body:not(.watchlist-focus-view) main > .hero:first-child::before,
body:not(.watchlist-focus-view) main > .hero:first-child::after {
  filter: blur(64px) saturate(1.28) contrast(1.06) !important;
}

body:not(.watchlist-focus-view) main > .hero:first-child::before {
  --smoke-opacity: 0.72;
  width: min(1280px, 94vw) !important;
  height: min(620px, 64vh) !important;
  left: max(-300px, -17vw) !important;
  bottom: max(-210px, -19vh) !important;
  background:
    radial-gradient(circle at 20% 48%, rgba(34, 229, 201, 0.42), transparent 24%),
    radial-gradient(circle at 39% 54%, rgba(82, 126, 255, 0.32), transparent 30%),
    radial-gradient(circle at 56% 42%, rgba(175, 92, 255, 0.28), transparent 34%),
    radial-gradient(circle at 72% 68%, rgba(8, 36, 68, 0.56), transparent 36%),
    radial-gradient(circle at 48% 78%, rgba(255, 255, 255, 0.08), transparent 21%) !important;
  animation-duration: 26s !important;
}

body:not(.watchlist-focus-view) main > .hero:first-child::after {
  --smoke-opacity: 0.58;
  width: min(1080px, 78vw) !important;
  height: min(540px, 56vh) !important;
  right: max(-310px, -16vw) !important;
  top: max(42px, 5vh) !important;
  background:
    radial-gradient(circle at 32% 42%, rgba(130, 147, 255, 0.32), transparent 31%),
    radial-gradient(circle at 55% 56%, rgba(236, 72, 153, 0.2), transparent 28%),
    radial-gradient(circle at 72% 44%, rgba(19, 215, 184, 0.28), transparent 30%),
    radial-gradient(circle at 42% 72%, rgba(5, 10, 24, 0.66), transparent 42%),
    radial-gradient(circle at 61% 22%, rgba(255, 255, 255, 0.07), transparent 18%) !important;
  animation-duration: 30s !important;
}

body:not(.watchlist-focus-view) main > .hero:first-child .hero-copy {
  background:
    radial-gradient(circle at 50% 42%, rgba(130, 92, 255, 0.2), transparent 43%),
    radial-gradient(circle at 30% 78%, rgba(17, 180, 167, 0.18), transparent 39%),
    radial-gradient(circle at 74% 68%, rgba(15, 23, 42, 0.56), transparent 40%),
    linear-gradient(135deg, rgba(2, 8, 18, 0.7), rgba(20, 9, 45, 0.58)) !important;
}

body:not(.watchlist-focus-view) main > .hero:first-child .hero-copy::before {
  width: min(980px, 72vw) !important;
  height: 330px !important;
  left: 2% !important;
  bottom: 1% !important;
  opacity: 0.66 !important;
  filter: blur(48px) saturate(1.22) !important;
  background:
    radial-gradient(circle at 20% 48%, rgba(255, 255, 255, 0.14), transparent 19%),
    radial-gradient(circle at 36% 54%, rgba(33, 221, 176, 0.28), transparent 30%),
    radial-gradient(circle at 62% 58%, rgba(91, 140, 255, 0.32), transparent 36%),
    radial-gradient(circle at 80% 43%, rgba(126, 34, 206, 0.24), transparent 32%) !important;
  animation-duration: 24s !important;
}

body:not(.watchlist-focus-view) main > .hero:first-child .hero-copy::after {
  width: min(760px, 56vw) !important;
  height: 280px !important;
  right: 3% !important;
  top: 9% !important;
  opacity: 0.46 !important;
  filter: blur(46px) saturate(1.18) !important;
  background:
    radial-gradient(circle at 31% 38%, rgba(255, 255, 255, 0.12), transparent 18%),
    radial-gradient(circle at 52% 45%, rgba(168, 85, 247, 0.28), transparent 34%),
    radial-gradient(circle at 71% 62%, rgba(20, 184, 166, 0.18), transparent 32%),
    radial-gradient(circle at 47% 77%, rgba(3, 7, 18, 0.7), transparent 42%) !important;
  animation-duration: 28s !important;
}

/* Light theme home hero: keep the airy white/blue/pink surface instead of the dark smoke stage. */
:root[data-theme="light"] body:not(.watchlist-focus-view) main > .hero:first-child {
  background:
    radial-gradient(circle at 21% 74%, rgba(66, 184, 191, 0.22), transparent 36%),
    radial-gradient(circle at 72% 28%, rgba(167, 139, 250, 0.18), transparent 38%),
    radial-gradient(circle at 83% 82%, rgba(236, 72, 153, 0.14), transparent 32%),
    linear-gradient(135deg, #f8fbff 0%, #eef7fb 44%, #f6f1fb 100%) !important;
  color: #101827 !important;
}

:root[data-theme="light"] body:not(.watchlist-focus-view) main > .hero:first-child .hero-copy {
  background:
    radial-gradient(circle at 36% 78%, rgba(20, 184, 166, 0.13), transparent 38%),
    radial-gradient(circle at 70% 42%, rgba(124, 58, 237, 0.11), transparent 42%),
    linear-gradient(135deg, rgba(255, 255, 255, 0.3), rgba(239, 246, 255, 0.18)) !important;
  color: #101827 !important;
}

:root[data-theme="light"] body:not(.watchlist-focus-view) main > .hero:first-child .hero-copy h1 {
  background: linear-gradient(105deg, #24448f 0%, #5a58a4 52%, #a04f7f 100%) !important;
  -webkit-background-clip: text !important;
  background-clip: text !important;
  color: transparent !important;
}

:root[data-theme="light"] body:not(.watchlist-focus-view) main > .hero:first-child .hero-copy .lede,
:root[data-theme="light"] body:not(.watchlist-focus-view) main > .hero:first-child .hero-copy p {
  color: #1e293b !important;
}

:root[data-theme="light"] body:not(.watchlist-focus-view) main > .hero:first-child .search-panel {
  background: rgba(255, 255, 255, 0.78) !important;
  border-color: rgba(148, 163, 184, 0.34) !important;
  color: #0f172a !important;
  box-shadow: 0 18px 38px rgba(61, 92, 136, 0.14) !important;
}

:root[data-theme="light"] body:not(.watchlist-focus-view) main > .hero:first-child .search-panel input {
  color: #0f172a !important;
}

:root[data-theme="light"] body:not(.watchlist-focus-view) main > .hero:first-child .search-panel input::placeholder {
  color: #75839a !important;
}

:root[data-theme="light"] body:not(.watchlist-focus-view) main > .hero:first-child .ticker-pill {
  background: rgba(255, 255, 255, 0.72) !important;
  border-color: rgba(148, 163, 184, 0.28) !important;
  color: #111827 !important;
  box-shadow: 0 14px 28px rgba(61, 92, 136, 0.12) !important;
}

:root[data-theme="light"] body:not(.watchlist-focus-view) main > .hero:first-child .analysis-teaser-button,
:root[data-theme="light"] body:not(.watchlist-focus-view) main > .hero:first-child .hero-analyst {
  background: linear-gradient(135deg, rgba(255, 255, 255, 0.78), rgba(225, 238, 249, 0.78)) !important;
  border-color: rgba(132, 166, 214, 0.48) !important;
  color: #172033 !important;
  box-shadow: 0 16px 34px rgba(74, 105, 151, 0.14) !important;
}

:root[data-theme="light"] body:not(.watchlist-focus-view) main > .hero:first-child .analysis-teaser-button span,
:root[data-theme="light"] body:not(.watchlist-focus-view) main > .hero:first-child .hero-analyst span {
  background: linear-gradient(105deg, #24448f, #b54882) !important;
  -webkit-background-clip: text !important;
  background-clip: text !important;
  color: transparent !important;
}

:root[data-theme="light"] body:not(.watchlist-focus-view) main > .hero:first-child .analysis-teaser-button small,
:root[data-theme="light"] body:not(.watchlist-focus-view) main > .hero:first-child .hero-analyst small {
  color: #101827 !important;
}

body:not(.watchlist-focus-view) main > .hero:first-child .hero-copy .hero-actions,
body:not(.watchlist-focus-view) main > .hero:first-child .hero-copy .search-panel,
body:not(.watchlist-focus-view) main > .hero:first-child .hero-copy .ticker-strip {
  backdrop-filter: blur(4px) !important;
  -webkit-backdrop-filter: blur(4px) !important;
}

/* Real smoke texture pass: remove rectangular glass blocks and use cloudy smoke asset. */
body:not(.watchlist-focus-view) main > .hero:first-child {
  background:
    radial-gradient(circle at 16% 76%, rgba(11, 107, 117, 0.34), transparent 33%),
    radial-gradient(circle at 76% 42%, rgba(67, 26, 108, 0.46), transparent 39%),
    linear-gradient(135deg, #020812 0%, #070817 46%, #160827 100%) !important;
}

body:not(.watchlist-focus-view) main > .hero:first-child::before {
  inset: auto -10vw -15vh -8vw !important;
  width: auto !important;
  height: min(610px, 66vh) !important;
  left: -8vw !important;
  right: -10vw !important;
  bottom: -15vh !important;
  border-radius: 0 !important;
  opacity: 0.88 !important;
  filter: blur(5px) saturate(1.2) contrast(1.08) !important;
  mix-blend-mode: screen !important;
  background:
    linear-gradient(90deg, rgba(0, 0, 0, 0) 0%, rgba(5, 9, 20, 0.14) 50%, rgba(0, 0, 0, 0) 100%),
    url("assets/hero-smoke.svg") center bottom / 112% 100% no-repeat !important;
  animation: accendionHeroSmokeCloud 32s ease-in-out infinite alternate !important;
}

body:not(.watchlist-focus-view) main > .hero:first-child::after {
  inset: auto -12vw -20vh -14vw !important;
  width: auto !important;
  height: min(500px, 54vh) !important;
  border-radius: 0 !important;
  opacity: 0.52 !important;
  filter: blur(18px) saturate(1.34) contrast(1.1) !important;
  mix-blend-mode: screen !important;
  background: url("assets/hero-smoke.svg") 50% 100% / 128% 100% no-repeat !important;
  transform: scaleX(-1) translate3d(0, 0, 0) !important;
  animation: accendionHeroSmokeCloudReverse 38s ease-in-out infinite alternate !important;
}

body:not(.watchlist-focus-view) main > .hero:first-child .hero-copy {
  background:
    radial-gradient(circle at 50% 42%, rgba(115, 79, 235, 0.16), transparent 44%),
    radial-gradient(circle at 28% 80%, rgba(13, 148, 136, 0.18), transparent 39%),
    linear-gradient(135deg, rgba(2, 8, 18, 0.55), rgba(18, 8, 42, 0.48)) !important;
}

body:not(.watchlist-focus-view) main > .hero:first-child .hero-copy::before,
body:not(.watchlist-focus-view) main > .hero:first-child .hero-copy::after {
  display: none !important;
  content: none !important;
  animation: none !important;
}

body:not(.watchlist-focus-view) main > .hero:first-child .hero-copy .hero-actions,
body:not(.watchlist-focus-view) main > .hero:first-child .hero-copy .search-panel,
body:not(.watchlist-focus-view) main > .hero:first-child .hero-copy .ticker-strip {
  backdrop-filter: none !important;
  -webkit-backdrop-filter: none !important;
  background-image: none !important;
}

body:not(.watchlist-focus-view) main > .hero:first-child .hero-copy .search-panel,
body:not(.watchlist-focus-view) main > .hero:first-child .hero-copy .ticker-strip {
  box-shadow: none !important;
}

@keyframes accendionHeroSmokeCloud {
  0% {
    transform: translate3d(-5%, 2%, 0) scale(1.06);
    opacity: 0.72;
  }
  50% {
    transform: translate3d(2%, -2%, 0) scale(1.12);
    opacity: 0.94;
  }
  100% {
    transform: translate3d(7%, 1%, 0) scale(1.08);
    opacity: 0.8;
  }
}

@keyframes accendionHeroSmokeCloudReverse {
  0% {
    transform: scaleX(-1) translate3d(7%, 3%, 0) scale(1.03);
    opacity: 0.42;
  }
  55% {
    transform: scaleX(-1) translate3d(0, -3%, 0) scale(1.11);
    opacity: 0.64;
  }
  100% {
    transform: scaleX(-1) translate3d(-6%, 1%, 0) scale(1.06);
    opacity: 0.5;
  }
}

@media (max-width: 760px) {
  body:not(.watchlist-focus-view) main > .hero:first-child::before {
    height: min(520px, 58vh) !important;
    background-size: 190% 100% !important;
  }

  body:not(.watchlist-focus-view) main > .hero:first-child::after {
    display: none !important;
  }
}

/* Visible smoke fix: smoke lives inside the hero panel, not hidden behind it. */
body:not(.watchlist-focus-view) main > .hero:first-child .hero-copy {
  isolation: isolate !important;
  overflow: hidden !important;
  background:
    radial-gradient(circle at 18% 70%, rgba(10, 175, 187, 0.32), transparent 34%),
    radial-gradient(circle at 72% 45%, rgba(108, 45, 158, 0.42), transparent 42%),
    linear-gradient(135deg, rgba(2, 8, 18, 0.74), rgba(17, 7, 39, 0.72)) !important;
}

body:not(.watchlist-focus-view) main > .hero:first-child .hero-copy::before {
  content: "" !important;
  display: block !important;
  position: absolute !important;
  z-index: 0 !important;
  pointer-events: none !important;
  left: -18% !important;
  right: -18% !important;
  bottom: -24% !important;
  width: auto !important;
  height: min(570px, 68%) !important;
  border-radius: 0 !important;
  opacity: 0.98 !important;
  filter: blur(0.5px) saturate(1.45) contrast(1.14) !important;
  mix-blend-mode: screen !important;
  background:
    radial-gradient(circle at 23% 48%, rgba(38, 245, 255, 0.62), transparent 18%),
    radial-gradient(circle at 34% 52%, rgba(22, 177, 215, 0.38), transparent 27%),
    radial-gradient(circle at 51% 51%, rgba(91, 93, 255, 0.34), transparent 29%),
    radial-gradient(circle at 68% 48%, rgba(211, 48, 211, 0.54), transparent 23%),
    radial-gradient(circle at 80% 49%, rgba(255, 55, 173, 0.38), transparent 19%),
    url("assets/hero-smoke.svg") center center / 100% 100% no-repeat !important;
  animation: accendionVisibleSmoke 21s ease-in-out infinite alternate !important;
}

body:not(.watchlist-focus-view) main > .hero:first-child .hero-copy::after {
  content: "" !important;
  display: block !important;
  position: absolute !important;
  z-index: 1 !important;
  pointer-events: none !important;
  inset: 0 !important;
  border-radius: inherit !important;
  opacity: 0.72 !important;
  background:
    linear-gradient(180deg, rgba(3, 7, 18, 0.76) 0%, rgba(3, 7, 18, 0.22) 28%, rgba(3, 7, 18, 0.04) 54%, rgba(3, 7, 18, 0.18) 100%),
    radial-gradient(circle at 50% 44%, rgba(4, 6, 14, 0.18), transparent 37%) !important;
}

body:not(.watchlist-focus-view) main > .hero:first-child .hero-copy > * {
  position: relative !important;
  z-index: 2 !important;
}

@keyframes accendionVisibleSmoke {
  0% {
    transform: translate3d(-3%, 4%, 0) scale(1.08);
    opacity: 0.78;
  }
  48% {
    transform: translate3d(2%, -2%, 0) scale(1.14);
    opacity: 1;
  }
  100% {
    transform: translate3d(5%, 2%, 0) scale(1.1);
    opacity: 0.86;
  }
}

/* Final hero reset: remove failed smoke band, keep a clean premium market glow. */
body:not(.watchlist-focus-view) main > .hero:first-child {
  background:
    radial-gradient(circle at 28% 76%, rgba(10, 132, 143, 0.34), transparent 34%),
    radial-gradient(circle at 74% 36%, rgba(119, 52, 183, 0.28), transparent 39%),
    radial-gradient(circle at 50% 60%, rgba(82, 99, 255, 0.12), transparent 38%),
    linear-gradient(135deg, #020812 0%, #070b18 52%, #120721 100%) !important;
}

body:not(.watchlist-focus-view) main > .hero:first-child::before,
body:not(.watchlist-focus-view) main > .hero:first-child::after,
body:not(.watchlist-focus-view) main > .hero:first-child .hero-copy::before,
body:not(.watchlist-focus-view) main > .hero:first-child .hero-copy::after {
  display: none !important;
  content: none !important;
  background: none !important;
  animation: none !important;
  opacity: 0 !important;
}

body:not(.watchlist-focus-view) main > .hero:first-child .hero-copy {
  background:
    radial-gradient(circle at 42% 42%, rgba(126, 87, 194, 0.12), transparent 42%),
    radial-gradient(circle at 30% 78%, rgba(20, 184, 166, 0.12), transparent 36%),
    linear-gradient(135deg, rgba(2, 8, 18, 0.62), rgba(18, 8, 42, 0.5)) !important;
  box-shadow: none !important;
}

body:not(.watchlist-focus-view) main > .hero:first-child .hero-copy > * {
  position: relative !important;
  z-index: 1 !important;
}

body:not(.watchlist-focus-view) main > .hero:first-child .search-panel,
body:not(.watchlist-focus-view) main > .hero:first-child .ticker-strip {
  background-image: none !important;
  backdrop-filter: none !important;
  -webkit-backdrop-filter: none !important;
}

/* Blended aurora hero: keep cyan/blue/magenta colors, remove hard separation. */
body:not(.watchlist-focus-view) main > .hero:first-child {
  background:
    radial-gradient(ellipse 82% 58% at 12% 88%, rgba(0, 230, 235, 0.78), rgba(0, 122, 156, 0.34) 38%, transparent 68%),
    radial-gradient(ellipse 74% 52% at 48% 86%, rgba(31, 115, 255, 0.58), rgba(45, 54, 156, 0.26) 43%, transparent 70%),
    radial-gradient(ellipse 80% 56% at 88% 78%, rgba(238, 18, 208, 0.76), rgba(124, 24, 155, 0.38) 42%, transparent 70%),
    radial-gradient(ellipse 62% 50% at 58% 52%, rgba(125, 77, 255, 0.2), transparent 70%),
    linear-gradient(180deg, rgba(2, 8, 18, 0.98) 0%, rgba(7, 9, 26, 0.92) 40%, rgba(10, 13, 35, 0.74) 58%, rgba(14, 9, 35, 0.6) 100%),
    linear-gradient(135deg, #020812 0%, #09091d 48%, #17072a 100%) !important;
  background-blend-mode: screen, screen, screen, screen, normal, normal !important;
}

body:not(.watchlist-focus-view) main > .hero:first-child .hero-copy {
  background:
    radial-gradient(ellipse 72% 44% at 24% 92%, rgba(0, 216, 216, 0.22), transparent 64%),
    radial-gradient(ellipse 82% 46% at 78% 82%, rgba(226, 32, 205, 0.2), transparent 66%),
    radial-gradient(circle at 50% 48%, rgba(105, 79, 255, 0.12), transparent 45%),
    linear-gradient(180deg, rgba(3, 7, 18, 0.72) 0%, rgba(5, 8, 22, 0.52) 46%, rgba(8, 7, 25, 0.34) 100%) !important;
  background-blend-mode: screen, screen, screen, normal !important;
}

body:not(.watchlist-focus-view) main > .hero:first-child .hero-copy::before,
body:not(.watchlist-focus-view) main > .hero:first-child .hero-copy::after,
body:not(.watchlist-focus-view) main > .hero:first-child::before,
body:not(.watchlist-focus-view) main > .hero:first-child::after {
  display: none !important;
  content: none !important;
}

body .topbar nav .nav-subscribe,
body .topbar nav .nav-subscribe:visited,
body .topbar nav .nav-subscribe.active,
body .topbar nav .nav-subscribe[aria-current="page"] {
  position: relative !important;
  overflow: hidden !important;
  color: #ffd66b !important;
  -webkit-text-fill-color: transparent !important;
  background:
    linear-gradient(110deg, #8a5200 0%, #ffb629 22%, #fff0a8 45%, #ffd66b 58%, #b86f00 82%, #ffe49a 100%) !important;
  background-size: 220% 100% !important;
  -webkit-background-clip: text !important;
  background-clip: text !important;
  text-shadow:
    0 0 10px rgba(255, 214, 107, 0.34),
    0 0 22px rgba(255, 180, 41, 0.18) !important;
  animation: accendionGoldShine 4.2s ease-in-out infinite !important;
  box-shadow: none !important;
}

body .topbar nav .nav-subscribe:hover,
body .topbar nav .nav-subscribe:focus-visible {
  color: #ffe49a !important;
  -webkit-text-fill-color: transparent !important;
  background:
    linear-gradient(110deg, #a76500 0%, #ffc947 24%, #ffffff 45%, #ffe49a 62%, #d68b00 100%) !important;
  background-size: 220% 100% !important;
  -webkit-background-clip: text !important;
  background-clip: text !important;
  box-shadow: none !important;
}

@keyframes accendionGoldShine {
  0%, 100% {
    background-position: 0% 50%;
  }
  50% {
    background-position: 100% 50%;
  }
}

/* Softer aurora pass: same colors, lower intensity for a premium header/hero feel. */
body .topbar,
body.upgrade-page .topbar {
  background:
    radial-gradient(ellipse 52% 160% at 34% 0%, rgba(0, 210, 218, 0.16), transparent 60%),
    radial-gradient(ellipse 58% 170% at 66% 18%, rgba(181, 69, 229, 0.2), transparent 64%),
    linear-gradient(90deg, rgba(2, 8, 18, 0.96) 0%, rgba(11, 15, 39, 0.93) 43%, rgba(32, 9, 48, 0.92) 100%) !important;
  box-shadow:
    0 1px 0 rgba(114, 95, 255, 0.2),
    0 16px 38px rgba(0, 0, 0, 0.24) !important;
}

body .topbar::before,
body .topbar::after {
  opacity: 0.32 !important;
}

body:not(.watchlist-focus-view) main > .hero:first-child {
  background:
    radial-gradient(ellipse 82% 58% at 12% 88%, rgba(0, 220, 226, 0.42), rgba(0, 122, 156, 0.18) 40%, transparent 70%),
    radial-gradient(ellipse 74% 52% at 48% 86%, rgba(31, 115, 255, 0.3), rgba(45, 54, 156, 0.16) 44%, transparent 72%),
    radial-gradient(ellipse 80% 56% at 88% 78%, rgba(238, 18, 208, 0.4), rgba(124, 24, 155, 0.2) 43%, transparent 72%),
    radial-gradient(ellipse 62% 50% at 58% 52%, rgba(125, 77, 255, 0.11), transparent 70%),
    linear-gradient(180deg, rgba(2, 8, 18, 0.99) 0%, rgba(7, 9, 26, 0.96) 42%, rgba(10, 13, 35, 0.86) 62%, rgba(14, 9, 35, 0.78) 100%),
    linear-gradient(135deg, #020812 0%, #09091d 48%, #17072a 100%) !important;
  background-blend-mode: screen, screen, screen, screen, normal, normal !important;
}

body:not(.watchlist-focus-view) main > .hero:first-child .hero-copy {
  background:
    radial-gradient(ellipse 72% 44% at 24% 92%, rgba(0, 216, 216, 0.11), transparent 66%),
    radial-gradient(ellipse 82% 46% at 78% 82%, rgba(226, 32, 205, 0.1), transparent 68%),
    radial-gradient(circle at 50% 48%, rgba(105, 79, 255, 0.08), transparent 46%),
    linear-gradient(180deg, rgba(3, 7, 18, 0.78) 0%, rgba(5, 8, 22, 0.62) 48%, rgba(8, 7, 25, 0.46) 100%) !important;
  background-blend-mode: screen, screen, screen, normal !important;
}

/* Dedicated News page. */
body.news-page {
  min-height: 100vh;
  background:
    radial-gradient(circle at 12% 18%, rgba(0, 210, 218, 0.1), transparent 34%),
    radial-gradient(circle at 86% 12%, rgba(177, 78, 228, 0.12), transparent 34%),
    linear-gradient(135deg, #020812 0%, #070b18 48%, #120721 100%) !important;
}

.news-page-main {
  width: min(1500px, calc(100% - 48px));
  margin: 0 auto;
  padding: 42px 0 80px;
}

.news-page-hero,
.news-page-status,
.news-page-feature-card,
.news-page-grid-wrap,
.news-page-card {
  border: 1px solid rgba(126, 145, 255, 0.22);
  background:
    linear-gradient(145deg, rgba(12, 18, 40, 0.82), rgba(16, 10, 38, 0.72)),
    radial-gradient(circle at 16% 16%, rgba(0, 210, 218, 0.08), transparent 32%),
    radial-gradient(circle at 92% 10%, rgba(221, 69, 218, 0.08), transparent 30%);
  box-shadow: 0 22px 60px rgba(0, 0, 0, 0.24);
}

.news-page-hero {
  display: block;
  border-radius: 30px;
  padding: clamp(28px, 4vw, 52px);
}

.news-page-hero h1 {
  margin: 0;
  max-width: 780px;
  font-size: clamp(44px, 6vw, 88px);
  line-height: 0.92;
  letter-spacing: -0.06em;
  background: linear-gradient(100deg, #e8f1ff 0%, #dbdcff 48%, #f6bfdc 100%);
  -webkit-background-clip: text;
  background-clip: text;
  color: transparent;
}

.news-page-hero .lede {
  max-width: 800px;
  margin: 20px 0 0;
  color: rgba(226, 234, 255, 0.76);
  font-size: clamp(16px, 1.5vw, 21px);
  line-height: 1.55;
}

body.news-page .news-page-hero .eyebrow,
body.news-page .news-page-tools,
body.news-page .news-page-status,
body.news-page .news-page-read:empty {
  display: none !important;
}

.news-page-tools {
  display: grid;
  gap: 14px;
}

.news-page-tools label {
  display: grid;
  gap: 9px;
  color: rgba(224, 231, 255, 0.72);
  font-size: 13px;
  font-weight: 800;
  letter-spacing: 0.08em;
  text-transform: uppercase;
}

.news-page-tools input {
  width: 100%;
  border: 1px solid rgba(126, 145, 255, 0.28);
  border-radius: 18px;
  background: rgba(3, 8, 22, 0.76);
  color: #f8fbff;
  font: inherit;
  padding: 18px 20px;
  outline: none;
  box-shadow: inset 0 0 0 1px rgba(255, 255, 255, 0.02);
}

.news-page-tools input:focus {
  border-color: rgba(129, 140, 248, 0.74);
  box-shadow: 0 0 0 4px rgba(129, 140, 248, 0.14);
}

.news-page-tools button,
.news-page-read {
  border: 1px solid rgba(129, 140, 248, 0.42);
  border-radius: 16px;
  background: linear-gradient(135deg, rgba(99, 102, 241, 0.94), rgba(8, 145, 178, 0.78));
  color: #ffffff;
  font-weight: 900;
  text-decoration: none;
  padding: 13px 18px;
  cursor: pointer;
}

.news-page-tools button:disabled {
  cursor: wait;
  opacity: 0.62;
}

.news-page-status {
  display: flex;
  justify-content: space-between;
  gap: 18px;
  margin: 20px 0;
  border-radius: 20px;
  padding: 16px 20px;
  color: rgba(226, 234, 255, 0.78);
  font-weight: 800;
}

.news-page-feature {
  margin-bottom: 24px;
}

.news-page-feature-card {
  display: grid;
  grid-template-columns: minmax(280px, 0.9fr) minmax(0, 1.3fr);
  gap: 0;
  overflow: hidden;
  border-radius: 28px;
}

.news-page-feature-media {
  min-height: 320px;
  background: rgba(3, 8, 22, 0.68);
}

.news-page-feature-media img,
.news-page-fallback {
  width: 100%;
  height: 100%;
  min-height: 100%;
  object-fit: cover;
  display: flex;
}

.news-page-fallback {
  align-items: center;
  justify-content: center;
  flex-direction: column;
  gap: 12px;
  background:
    radial-gradient(circle at 35% 30%, rgba(0, 210, 218, 0.36), transparent 34%),
    radial-gradient(circle at 72% 76%, rgba(238, 18, 208, 0.28), transparent 34%),
    linear-gradient(135deg, rgba(10, 18, 42, 0.92), rgba(16, 8, 35, 0.9));
  color: #ffffff;
}

.news-page-fallback b {
  width: 74px;
  height: 74px;
  display: grid;
  place-items: center;
  border-radius: 22px;
  background: rgba(255, 255, 255, 0.1);
  font-size: 28px;
}

.news-page-fallback small {
  color: rgba(226, 234, 255, 0.72);
  font-weight: 900;
  letter-spacing: 0.14em;
  text-transform: uppercase;
}

.news-page-feature-copy {
  display: flex;
  flex-direction: column;
  justify-content: center;
  gap: 20px;
  padding: clamp(28px, 4vw, 52px);
}

.news-page-feature-copy h2,
.news-page-card h3 {
  margin: 0;
  color: #f8fbff;
  line-height: 1.08;
}

.news-page-feature-copy h2 {
  font-size: clamp(30px, 4vw, 54px);
  letter-spacing: -0.045em;
}

.news-page-feature-copy p,
.news-page-card p {
  margin: 0;
  color: rgba(218, 226, 244, 0.76);
  line-height: 1.55;
}

.news-page-card-meta,
.news-page-card-footer {
  display: flex;
  align-items: center;
  flex-wrap: wrap;
  gap: 10px;
  color: rgba(220, 228, 246, 0.7);
  font-size: 13px;
  font-weight: 800;
}

.news-page-card-meta span {
  border-radius: 999px;
  background: rgba(129, 140, 248, 0.12);
  color: rgba(231, 236, 255, 0.84);
  padding: 7px 10px;
}

.news-page-card-footer {
  justify-content: space-between;
  margin-top: auto;
}

.news-page-read {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  min-height: 40px;
  padding: 10px 14px;
  font-size: 13px;
}

.news-page-read.muted {
  background: rgba(148, 163, 184, 0.12);
  color: rgba(226, 234, 255, 0.58);
}

.news-page-grid-wrap {
  border-radius: 28px;
  padding: clamp(22px, 3vw, 34px);
}

.news-page-section-head {
  display: flex;
  align-items: end;
  justify-content: space-between;
  gap: 18px;
  margin-bottom: 22px;
}

.news-page-section-head h2 {
  margin: 0;
  color: #f8fbff;
  font-size: clamp(26px, 3vw, 42px);
  letter-spacing: -0.04em;
}

.news-page-section-head > span {
  color: rgba(226, 234, 255, 0.68);
  font-weight: 800;
}

.news-page-grid {
  display: grid;
  grid-template-columns: repeat(3, minmax(0, 1fr));
  gap: 18px;
}

.news-page-card {
  display: flex;
  flex-direction: column;
  min-height: 360px;
  border-radius: 24px;
  padding: 16px;
}

.news-page-card-top {
  display: grid;
  gap: 12px;
  margin-bottom: 16px;
}

.news-page-thumb,
.news-page-card .news-page-fallback {
  width: 100%;
  height: 150px;
  min-height: 150px;
  border-radius: 18px;
  object-fit: cover;
  overflow: hidden;
}

.news-page-card h3 {
  margin-bottom: 12px;
  font-size: 20px;
  letter-spacing: -0.02em;
}

.news-page-empty {
  border: 1px dashed rgba(126, 145, 255, 0.34);
  border-radius: 24px;
  padding: 34px;
  color: rgba(226, 234, 255, 0.78);
  background: rgba(12, 18, 40, 0.72);
  text-align: center;
}

.news-page-note {
  margin-top: 22px;
}

:root[data-theme="light"] body.news-page {
  background:
    radial-gradient(circle at 12% 18%, rgba(0, 180, 190, 0.12), transparent 34%),
    radial-gradient(circle at 86% 12%, rgba(177, 78, 228, 0.11), transparent 34%),
    linear-gradient(135deg, #f8fbff 0%, #eef5ff 50%, #f8eefb 100%) !important;
}

:root[data-theme="light"] .news-page-hero,
:root[data-theme="light"] .news-page-status,
:root[data-theme="light"] .news-page-feature-card,
:root[data-theme="light"] .news-page-grid-wrap,
:root[data-theme="light"] .news-page-card {
  border-color: rgba(79, 113, 204, 0.18);
  background:
    linear-gradient(145deg, rgba(255, 255, 255, 0.9), rgba(245, 249, 255, 0.82)),
    radial-gradient(circle at 16% 16%, rgba(0, 180, 190, 0.08), transparent 32%),
    radial-gradient(circle at 92% 10%, rgba(221, 69, 218, 0.07), transparent 30%);
}

:root[data-theme="light"] .news-page-hero h1 {
  background: linear-gradient(100deg, #122033 0%, #4a57b8 48%, #c53483 100%);
  -webkit-background-clip: text;
  background-clip: text;
}

:root[data-theme="light"] .news-page-hero .lede,
:root[data-theme="light"] .news-page-feature-copy p,
:root[data-theme="light"] .news-page-card p,
:root[data-theme="light"] .news-page-status,
:root[data-theme="light"] .news-page-section-head > span {
  color: rgba(29, 42, 65, 0.72);
}

:root[data-theme="light"] .news-page-feature-copy h2,
:root[data-theme="light"] .news-page-card h3,
:root[data-theme="light"] .news-page-section-head h2 {
  color: #111827;
}

:root[data-theme="light"] .news-page-tools input {
  background: rgba(255, 255, 255, 0.84);
  color: #111827;
}

@media (max-width: 1080px) {
  .news-page-hero,
  .news-page-feature-card {
    grid-template-columns: 1fr;
  }

  .news-page-grid {
    grid-template-columns: repeat(2, minmax(0, 1fr));
  }
}

@media (max-width: 720px) {
  .news-page-main {
    width: min(100% - 24px, 1500px);
    padding-top: 24px;
  }

  .news-page-hero,
  .news-page-grid-wrap {
    border-radius: 22px;
    padding: 22px;
  }

  .news-page-status,
  .news-page-section-head {
    align-items: flex-start;
    flex-direction: column;
  }

  .news-page-grid {
    grid-template-columns: 1fr;
  }
}

/* News board final: compact magazine layout with article images. */
body.news-page {
  background:
    radial-gradient(circle at 12% 18%, rgba(0, 210, 218, 0.08), transparent 34%),
    radial-gradient(circle at 86% 12%, rgba(177, 78, 228, 0.1), transparent 34%),
    linear-gradient(135deg, #020812 0%, #070b18 48%, #10071f 100%) !important;
}

.news-board-main {
  width: min(1880px, calc(100% - 36px));
  margin: 0 auto;
  padding: 24px 0 70px;
}

.news-board-head {
  border-bottom: 1px solid rgba(126, 145, 255, 0.22);
  margin-bottom: 14px;
  padding-bottom: 12px;
}

.news-board-head h1 {
  display: flex;
  align-items: center;
  gap: 10px;
  margin: 0;
  color: #f8fbff;
  font-size: clamp(34px, 3.6vw, 58px);
  line-height: 0.94;
  letter-spacing: -0.055em;
}

.news-board-head h1 span {
  color: #76a7ff;
  font-size: 0.82em;
}

.news-board-head p {
  margin: 16px 0 0;
  color: rgba(210, 219, 239, 0.72);
  font-size: 16px;
  font-weight: 900;
}

.news-board-top {
  display: grid;
  grid-template-columns: minmax(0, 1.25fr) minmax(420px, 1fr);
  gap: 16px;
  margin-bottom: 16px;
}

.news-board-feature,
.news-board-side-card,
.news-board-small-card {
  border: 1px solid rgba(126, 145, 255, 0.28);
  background: rgba(9, 16, 36, 0.88);
  box-shadow: 0 18px 45px rgba(0, 0, 0, 0.18);
}

.news-board-feature {
  display: grid;
  grid-template-columns: minmax(250px, 34%) minmax(0, 1fr);
  min-height: 398px;
  border-radius: 10px;
  overflow: hidden;
}

.news-board-feature-image,
.news-board-side-image,
.news-board-small-image {
  background: rgba(3, 8, 22, 0.74);
  overflow: hidden;
}

.news-board-feature-image img,
.news-board-side-image img,
.news-board-small-image img,
.news-board-fallback {
  display: block;
  width: 100%;
  height: 100%;
  object-fit: cover;
}

.news-board-fallback {
  display: grid;
  place-items: center;
  background:
    radial-gradient(circle at 24% 24%, rgba(0, 210, 218, 0.22), transparent 34%),
    radial-gradient(circle at 74% 72%, rgba(238, 18, 208, 0.18), transparent 34%),
    linear-gradient(135deg, rgba(13, 20, 44, 0.98), rgba(18, 9, 38, 0.96));
  color: #ffffff;
}

.news-board-fallback b {
  width: 64px;
  height: 64px;
  display: grid;
  place-items: center;
  border-radius: 18px;
  background: rgba(255, 255, 255, 0.12);
  font-size: 30px;
}

.news-board-feature-copy {
  display: flex;
  flex-direction: column;
  padding: 18px 24px;
}

.news-board-time {
  color: rgba(210, 219, 239, 0.72);
  font-size: 15px;
  font-weight: 900;
}

.news-board-meta {
  display: flex;
  align-items: center;
  gap: 8px;
  margin: 12px 0;
}

.news-board-meta span {
  display: inline-flex;
  align-items: center;
  min-height: 28px;
  border-radius: 999px;
  background: rgba(129, 140, 248, 0.12);
  color: rgba(225, 232, 248, 0.78);
  padding: 4px 10px;
  font-size: 13px;
  font-weight: 900;
}

.news-board-meta .news-board-logo {
  justify-content: center;
  width: 30px;
  min-width: 30px;
  padding: 0;
  background: linear-gradient(135deg, #3b82f6, #06b6d4);
  color: #eaf2ff;
}

.news-board-feature h2,
.news-board-side-card h3,
.news-board-small-card h3 {
  margin: 0;
  color: #f8fbff;
  line-height: 1.08;
  letter-spacing: -0.035em;
}

.news-board-feature h2 {
  max-width: 740px;
  font-size: clamp(30px, 3vw, 45px);
}

.news-board-feature p,
.news-board-side-card p,
.news-board-small-card p {
  display: -webkit-box;
  margin: 12px 0 0;
  overflow: hidden;
  color: rgba(202, 211, 230, 0.78);
  line-height: 1.35;
  -webkit-box-orient: vertical;
}

.news-board-feature p {
  font-size: clamp(18px, 1.5vw, 24px);
  -webkit-line-clamp: 3;
}

.news-board-feature small {
  margin-top: auto;
  color: #76a7ff;
  font-size: 17px;
  font-weight: 1000;
}

.news-board-side-list {
  display: grid;
  gap: 16px;
}

.news-board-side-card,
.news-board-small-card {
  display: grid;
  grid-template-columns: 130px minmax(0, 1fr);
  gap: 14px;
  border-radius: 10px;
  padding: 10px;
}

.news-board-side-card {
  min-height: 190px;
}

.news-board-side-image {
  border-radius: 10px;
}

.news-board-side-card h3 {
  font-size: clamp(18px, 1.3vw, 23px);
  -webkit-line-clamp: 2;
}

.news-board-side-card p {
  font-size: 17px;
  font-weight: 800;
  -webkit-line-clamp: 2;
}

.news-board-lower {
  display: grid;
  grid-template-columns: repeat(3, minmax(0, 1fr));
  gap: 18px;
}

.news-board-small-card {
  grid-template-columns: 108px minmax(0, 1fr);
  min-height: 190px;
}

.news-board-small-image {
  border-radius: 10px;
}

.news-board-small-card h3 {
  font-size: clamp(18px, 1.2vw, 21px);
}

.news-board-small-card p {
  font-size: 16px;
  font-weight: 800;
  -webkit-line-clamp: 2;
}

@media (max-width: 1180px) {
  .news-board-top,
  .news-board-feature {
    grid-template-columns: 1fr;
  }

  .news-board-feature-image {
    min-height: 260px;
  }

  .news-board-lower {
    grid-template-columns: repeat(2, minmax(0, 1fr));
  }
}

@media (max-width: 760px) {
  .news-board-main {
    width: min(100% - 22px, 1880px);
    padding-top: 20px;
  }

  .news-board-side-card,
  .news-board-small-card {
    grid-template-columns: 96px minmax(0, 1fr);
  }

  .news-board-lower {
    grid-template-columns: 1fr;
  }
}

/* Full News page final: more content, real images, no compact home-section clone. */
body.news-page .news-page-main {
  width: min(1760px, calc(100% - 48px));
  padding-top: 34px;
}

body.news-page .news-page-feature-card {
  grid-template-columns: minmax(320px, 0.72fr) minmax(0, 1.15fr);
  min-height: 430px;
  border-radius: 28px;
}

body.news-page .news-page-feature-media img,
body.news-page .news-page-thumb {
  filter: saturate(1.08) contrast(1.04);
}

body.news-page .news-page-feature-copy {
  justify-content: center;
}

body.news-page .news-page-feature-copy h2 {
  font-size: clamp(42px, 5vw, 76px);
}

body.news-page .news-page-feature-copy p {
  max-width: 980px;
  font-size: clamp(18px, 1.55vw, 24px);
}

body.news-page .news-page-grid-wrap {
  margin-top: 28px;
  padding: clamp(28px, 3.5vw, 44px);
}

body.news-page .news-page-grid {
  grid-template-columns: repeat(3, minmax(0, 1fr));
  gap: 22px;
}

body.news-page .news-page-card {
  min-height: 460px;
  padding: 18px;
}

body.news-page .news-page-thumb,
body.news-page .news-page-card .news-page-fallback {
  height: 210px;
  min-height: 210px;
}

body.news-page .news-page-card h3 {
  font-size: clamp(20px, 1.45vw, 27px);
}

body.news-page .news-page-card p {
  display: -webkit-box;
  overflow: hidden;
  font-size: 16px;
  -webkit-box-orient: vertical;
  -webkit-line-clamp: 4;
}

body.news-page .news-page-card-meta span:first-child {
  background: linear-gradient(135deg, #3b82f6, #06b6d4);
  color: #eff6ff;
}

@media (max-width: 1220px) {
  body.news-page .news-page-feature-card {
    grid-template-columns: 1fr;
  }

  body.news-page .news-page-feature-media {
    min-height: 320px;
  }

  body.news-page .news-page-grid {
    grid-template-columns: repeat(2, minmax(0, 1fr));
  }
}

@media (max-width: 760px) {
  body.news-page .news-page-main {
    width: min(100% - 24px, 1760px);
  }

  body.news-page .news-page-grid {
    grid-template-columns: 1fr;
  }

  body.news-page .news-page-feature-copy h2 {
    font-size: clamp(30px, 10vw, 44px);
  }
}

/* Image-only news compacting: keep detailed feed, reduce oversized hero/cards. */
body.news-page .news-page-main {
  width: min(1680px, calc(100% - 48px));
  padding-top: 26px;
}

body.news-page .news-page-feature-card {
  grid-template-columns: minmax(300px, 0.56fr) minmax(0, 1fr);
  min-height: 300px;
  max-height: 390px;
  border-radius: 24px;
}

body.news-page .news-page-feature-media {
  min-height: 300px;
}

body.news-page .news-page-feature-copy {
  gap: 14px;
  padding: clamp(22px, 3vw, 38px);
}

body.news-page .news-page-feature-copy h2 {
  display: -webkit-box;
  overflow: hidden;
  font-size: clamp(30px, 3.35vw, 52px);
  line-height: 1.02;
  -webkit-box-orient: vertical;
  -webkit-line-clamp: 3;
}

body.news-page .news-page-feature-copy p {
  display: -webkit-box;
  overflow: hidden;
  font-size: clamp(16px, 1.2vw, 20px);
  line-height: 1.45;
  -webkit-box-orient: vertical;
  -webkit-line-clamp: 3;
}

body.news-page .news-page-grid-wrap {
  margin-top: 24px;
  padding: clamp(22px, 2.8vw, 34px);
}

body.news-page .news-page-section-head h2 {
  font-size: clamp(30px, 3vw, 48px);
}

body.news-page .news-page-card {
  min-height: 390px;
  border-radius: 22px;
  padding: 16px;
}

body.news-page .news-page-thumb,
body.news-page .news-page-card .news-page-fallback {
  height: 165px;
  min-height: 165px;
}

body.news-page .news-page-card h3 {
  display: -webkit-box;
  overflow: hidden;
  font-size: clamp(19px, 1.25vw, 24px);
  -webkit-box-orient: vertical;
  -webkit-line-clamp: 3;
}

body.news-page .news-page-card p {
  -webkit-line-clamp: 3;
}

body.news-page .news-page-fallback {
  display: none !important;
}

@media (max-width: 1220px) {
  body.news-page .news-page-feature-card {
    max-height: none;
  }
}
body.public-access-mode .profile-login-action,
body.public-access-mode .profile-auth-action,
body.public-access-mode [data-profile-action="profile-settings"],
body.public-access-mode [data-profile-action="my-plans"],
body.public-access-mode .nav-get-started,
body.public-access-mode .topbar nav .nav-get-started,
body.public-access-mode .topbar nav .nav-get-started:not([hidden]),
:root[data-theme="light"] body.public-access-mode .profile-login-action,
:root[data-theme="light"] body.public-access-mode .profile-auth-action,
:root[data-theme="light"] body.public-access-mode [data-profile-action="profile-settings"],
:root[data-theme="light"] body.public-access-mode [data-profile-action="my-plans"],
:root[data-theme="light"] body.public-access-mode .nav-get-started,
:root[data-theme="light"] body.public-access-mode .topbar nav .nav-get-started {
  display: none !important;
}

:root[data-theme="light"] body.public-access-mode .topbar .profile-dropdown {
  background: rgba(255, 255, 255, 0.96) !important;
  border-color: rgba(148, 163, 184, 0.28) !important;
  color: #0f172a !important;
}

:root[data-theme="light"] body.public-access-mode .profile-mini-summary strong {
  color: #0f172a !important;
}

:root[data-theme="light"] body.public-access-mode .profile-mini-summary span {
  color: #475569 !important;
}

:root[data-theme="light"] body.public-access-mode .topbar .profile-button.simple {
  background: linear-gradient(135deg, #f8e2a2 0%, #c89437 100%) !important;
  border-color: rgba(180, 129, 37, 0.36) !important;
}

/* Final signup fit pass: keep all required signup controls above the fold. */
body.auth-professional-page.auth-register-mode {
  min-height: 100dvh !important;
  overflow: hidden !important;
}

body.auth-professional-page.auth-register-mode .auth-stage {
  min-height: 100dvh !important;
  height: 100dvh !important;
  align-items: flex-start !important;
  justify-content: center !important;
  overflow-y: auto !important;
  padding: 0 16px max(56px, env(safe-area-inset-bottom)) !important;
}

body.auth-professional-page.auth-register-mode .auth-glass-card {
  width: min(620px, calc(100vw - 24px)) !important;
  max-height: none !important;
  margin: 0 auto 56px !important;
  padding: 12px 28px 18px !important;
  gap: 5px !important;
  overflow: visible !important;
}

body.auth-professional-page.auth-register-mode .auth-logo {
  width: min(190px, 46vw) !important;
  margin-bottom: 0 !important;
}

body.auth-professional-page.auth-register-mode .auth-mode-title {
  margin: 0 0 2px !important;
  font-size: clamp(30px, 4.8vh, 42px) !important;
  line-height: 0.96 !important;
}

body.auth-professional-page.auth-register-mode .auth-form {
  gap: 6px !important;
}

body.auth-professional-page.auth-register-mode .auth-form label {
  gap: 2px !important;
}

body.auth-professional-page.auth-register-mode .auth-form label > span:first-child {
  line-height: 1.05 !important;
}

body.auth-professional-page.auth-register-mode .auth-form input,
body.auth-professional-page.auth-register-mode .auth-phone-field select,
body.auth-professional-page.auth-register-mode .auth-email-field button,
body.auth-professional-page.auth-register-mode .auth-password-field button {
  min-height: 39px !important;
}

body.auth-professional-page.auth-register-mode .auth-form input,
body.auth-professional-page.auth-register-mode .auth-phone-field select {
  padding-inline: 12px !important;
}

body.auth-professional-page.auth-register-mode .auth-phone-field {
  grid-template-columns: 88px minmax(0, 1fr) !important;
  gap: 10px !important;
}

body.auth-professional-page.auth-register-mode .auth-email-field:has(> button:not([hidden])) {
  grid-template-columns: minmax(0, 1fr) 84px !important;
}

body.auth-professional-page.auth-register-mode .auth-email-field button,
body.auth-professional-page.auth-register-mode .auth-password-field button {
  font-size: 13px !important;
}

body.auth-professional-page.auth-register-mode .auth-rules {
  gap: 1px !important;
  font-size: 10px !important;
  line-height: 1.05 !important;
}

body.auth-professional-page.auth-register-mode .auth-terms {
  display: grid !important;
  grid-template-columns: 22px minmax(0, 1fr) !important;
  align-items: center !important;
  gap: 10px !important;
  margin: 4px 0 6px !important;
  padding-left: 2px !important;
  font-size: 10px !important;
  line-height: 1.18 !important;
}

body.auth-professional-page.auth-register-mode .auth-terms input {
  width: 20px !important;
  height: 20px !important;
  min-width: 20px !important;
  min-height: 20px !important;
  margin: 0 !important;
  justify-self: start !important;
  align-self: center !important;
}

body.auth-professional-page.auth-register-mode .auth-terms span {
  display: block !important;
  padding-left: 2px !important;
  overflow-wrap: anywhere !important;
}

body.auth-professional-page.auth-register-mode .auth-submit {
  min-height: 42px !important;
  margin-top: 2px !important;
}

body.auth-professional-page.auth-register-mode .auth-switch-copy {
  display: block !important;
  margin: 6px 0 0 !important;
  padding: 0 !important;
  color: #ffffff !important;
  font-size: 13px !important;
  line-height: 1.2 !important;
  text-align: center !important;
}

body.auth-professional-page.auth-register-mode .auth-status {
  margin-top: 3px !important;
  font-size: 12px !important;
  line-height: 1.2 !important;
}

/* 2026-08-21 stock calls desk */
body.stock-calls-page {
  min-height: 100vh;
  background:
    linear-gradient(135deg, #030814 0%, #07111f 48%, #10071b 100%) !important;
}

.stock-calls-shell {
  display: grid;
  gap: 16px;
  width: min(1540px, calc(100% - 36px));
  margin: 0 auto;
  padding: 24px 0 70px;
}

.stock-calls-head,
.stock-calls-toolbar,
.stock-calls-summary article,
.stock-call-entry-panel,
.stock-calls-board,
.stock-calls-disclaimer {
  border: 1px solid rgba(122, 167, 255, 0.18);
  border-radius: 8px;
  background: rgba(8, 15, 30, 0.78);
  box-shadow: 0 18px 40px rgba(0, 0, 0, 0.18);
}

.stock-calls-head {
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: 18px;
  padding: clamp(20px, 3vw, 34px);
}

.stock-calls-head h1 {
  margin: 0;
  color: #f8fbff;
  font-size: clamp(34px, 4vw, 58px);
  line-height: 1;
}

.stock-calls-head p:not(.eyebrow) {
  max-width: 760px;
  margin: 10px 0 0;
  color: rgba(216, 226, 246, 0.74);
  font-weight: 750;
  line-height: 1.5;
}

.stock-calls-compliance {
  display: grid;
  justify-items: end;
  gap: 4px;
  min-width: max-content;
  color: #dbeafe;
  font-weight: 950;
}

.stock-calls-compliance span {
  color: #5eead4;
  font-size: 12px;
  text-transform: uppercase;
}

.stock-calls-compliance strong {
  border: 1px solid rgba(94, 234, 212, 0.26);
  border-radius: 999px;
  padding: 8px 12px;
  background: rgba(15, 118, 110, 0.16);
}

.stock-calls-toolbar {
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: 12px;
  padding: 12px;
}

.stock-calls-tabs {
  display: inline-flex;
  gap: 6px;
  border: 1px solid rgba(122, 167, 255, 0.16);
  border-radius: 8px;
  padding: 5px;
  background: rgba(3, 8, 18, 0.56);
}

.stock-calls-tabs button,
.stock-calls-reset {
  border: 1px solid transparent;
  border-radius: 6px;
  color: rgba(226, 234, 255, 0.7);
  background: transparent;
  font-weight: 950;
  cursor: pointer;
}

.stock-calls-tabs button {
  min-height: 38px;
  padding: 8px 14px;
}

.stock-calls-tabs button.is-active {
  border-color: rgba(14, 165, 233, 0.46);
  color: #ffffff;
  background: linear-gradient(135deg, rgba(37, 99, 235, 0.74), rgba(14, 147, 132, 0.72));
}

.stock-calls-summary {
  display: grid;
  grid-template-columns: repeat(3, minmax(0, 1fr));
  gap: 12px;
}

.stock-calls-summary article {
  display: grid;
  gap: 6px;
  padding: 16px;
}

.stock-calls-summary span,
.stock-call-level-grid small,
.stock-call-card p,
.stock-calls-disclaimer span {
  color: rgba(210, 219, 239, 0.68);
}

.stock-calls-summary strong {
  color: #f8fbff;
  font-size: 32px;
  line-height: 1;
}

.stock-calls-summary small {
  color: rgba(148, 163, 184, 0.88);
  font-weight: 850;
}

.stock-call-entry-panel,
.stock-calls-board {
  padding: clamp(16px, 2vw, 22px);
}

.stock-call-section-head {
  display: flex;
  align-items: end;
  justify-content: space-between;
  gap: 16px;
  margin-bottom: 16px;
}

.stock-call-section-head h2 {
  margin: 0;
  color: #f8fbff;
  font-size: clamp(22px, 2vw, 30px);
}

.stock-call-section-head > span,
.stock-calls-reset {
  border-color: rgba(122, 167, 255, 0.2);
  border-radius: 999px;
  padding: 8px 12px;
  color: rgba(226, 234, 255, 0.74);
  background: rgba(122, 167, 255, 0.08);
  font-size: 13px;
  font-weight: 900;
}

.stock-call-form {
  display: grid;
  grid-template-columns: repeat(6, minmax(130px, 1fr));
  gap: 10px;
}

.stock-call-form label {
  display: grid;
  gap: 6px;
  min-width: 0;
}

.stock-call-form label span,
.stock-call-status-control span {
  color: rgba(226, 234, 255, 0.72);
  font-size: 12px;
  font-weight: 950;
  text-transform: uppercase;
}

.stock-call-form input,
.stock-call-form select,
.stock-call-status-control select {
  min-height: 42px;
  width: 100%;
  border: 1px solid rgba(122, 167, 255, 0.22);
  border-radius: 6px;
  padding: 9px 10px;
  color: #f8fbff;
  background: rgba(3, 8, 18, 0.72);
  font: inherit;
  font-weight: 850;
}

.stock-call-note-field {
  grid-column: span 3;
}

.stock-call-form button[type="submit"] {
  align-self: end;
  min-height: 42px;
  border: 1px solid rgba(34, 197, 94, 0.38);
  border-radius: 6px;
  color: #ecfdf5;
  background: linear-gradient(135deg, #15803d, #0f766e);
  font-weight: 950;
  cursor: pointer;
}

.stock-calls-grid {
  display: grid;
  grid-template-columns: repeat(2, minmax(0, 1fr));
  gap: 12px;
}

.stock-call-card {
  display: grid;
  gap: 14px;
  border: 1px solid rgba(122, 167, 255, 0.16);
  border-left: 4px solid #38bdf8;
  border-radius: 8px;
  padding: 16px;
  background: rgba(6, 12, 25, 0.78);
}

.stock-call-card.target {
  border-left-color: #22c55e;
}

.stock-call-card.stop {
  border-left-color: #ef4444;
}

.stock-call-card-head,
.stock-call-status-row {
  display: flex;
  align-items: flex-start;
  justify-content: space-between;
  gap: 12px;
}

.stock-call-kind,
.stock-call-action,
.stock-call-status {
  display: inline-flex;
  align-items: center;
  min-height: 28px;
  border-radius: 999px;
  padding: 5px 10px;
  font-size: 12px;
  font-weight: 950;
  text-transform: uppercase;
}

.stock-call-kind {
  color: #bfdbfe;
  background: rgba(37, 99, 235, 0.18);
}

.stock-call-action {
  color: #dcfce7;
  background: rgba(22, 163, 74, 0.18);
}

.stock-call-card h3 {
  margin: 8px 0 0;
  color: #f8fbff;
  font-size: clamp(22px, 2.2vw, 30px);
  line-height: 1;
}

.stock-call-card-head small,
.stock-call-status-row small {
  color: rgba(148, 163, 184, 0.9);
  font-weight: 850;
}

.stock-call-status.open {
  color: #bfdbfe;
  background: rgba(37, 99, 235, 0.18);
}

.stock-call-status.target {
  color: #bbf7d0;
  background: rgba(22, 163, 74, 0.18);
}

.stock-call-status.stop {
  color: #fecaca;
  background: rgba(220, 38, 38, 0.18);
}

.stock-call-level-grid {
  display: grid;
  grid-template-columns: repeat(4, minmax(0, 1fr));
  gap: 8px;
}

.stock-call-level-grid > span,
.stock-call-status-control {
  display: grid;
  gap: 5px;
  min-width: 0;
  border: 1px solid rgba(122, 167, 255, 0.12);
  border-radius: 6px;
  padding: 10px;
  background: rgba(12, 20, 36, 0.58);
}

.stock-call-level-grid strong {
  min-width: 0;
  overflow-wrap: anywhere;
  color: #f8fbff;
}

.stock-call-status-control {
  grid-column: span 2;
}

.stock-call-card p {
  margin: 0;
  font-weight: 750;
  line-height: 1.45;
}

.stock-calls-empty {
  margin: 0;
  border: 1px dashed rgba(122, 167, 255, 0.24);
  border-radius: 8px;
  padding: 28px;
  color: rgba(226, 234, 255, 0.72);
  text-align: center;
}

.stock-calls-disclaimer {
  display: flex;
  align-items: center;
  gap: 12px;
  padding: 14px 16px;
}

.stock-calls-disclaimer strong {
  color: #fde68a;
  min-width: max-content;
}

:root[data-theme="light"] body.stock-calls-page {
  background: #ffffff !important;
}

:root[data-theme="light"] .stock-calls-head,
:root[data-theme="light"] .stock-calls-toolbar,
:root[data-theme="light"] .stock-calls-summary article,
:root[data-theme="light"] .stock-call-entry-panel,
:root[data-theme="light"] .stock-calls-board,
:root[data-theme="light"] .stock-calls-disclaimer,
:root[data-theme="light"] .stock-call-card,
:root[data-theme="light"] .stock-call-level-grid > span,
:root[data-theme="light"] .stock-call-status-control {
  border-color: rgba(148, 163, 184, 0.28);
  background: #ffffff;
}

:root[data-theme="light"] .stock-calls-head h1,
:root[data-theme="light"] .stock-call-section-head h2,
:root[data-theme="light"] .stock-calls-summary strong,
:root[data-theme="light"] .stock-call-card h3,
:root[data-theme="light"] .stock-call-level-grid strong,
:root[data-theme="light"] .stock-call-form input,
:root[data-theme="light"] .stock-call-form select,
:root[data-theme="light"] .stock-call-status-control select {
  color: #0f172a;
}

:root[data-theme="light"] .stock-calls-head p:not(.eyebrow),
:root[data-theme="light"] .stock-calls-summary span,
:root[data-theme="light"] .stock-call-level-grid small,
:root[data-theme="light"] .stock-call-card p,
:root[data-theme="light"] .stock-calls-disclaimer span,
:root[data-theme="light"] .stock-call-form label span,
:root[data-theme="light"] .stock-call-status-control span {
  color: #475569;
}

:root[data-theme="light"] .stock-calls-tabs,
:root[data-theme="light"] .stock-call-form input,
:root[data-theme="light"] .stock-call-form select,
:root[data-theme="light"] .stock-call-status-control select {
  background: #f8fafc;
}

@media (max-width: 1180px) {
  .stock-call-form {
    grid-template-columns: repeat(3, minmax(0, 1fr));
  }

  .stock-call-note-field {
    grid-column: span 2;
  }

  .stock-calls-grid {
    grid-template-columns: 1fr;
  }
}

@media (max-width: 760px) {
  .stock-calls-shell {
    width: min(100% - 22px, 1540px);
    padding-top: 18px;
  }

  .stock-calls-head,
  .stock-calls-toolbar,
  .stock-call-section-head,
  .stock-calls-disclaimer {
    align-items: flex-start;
    flex-direction: column;
  }

  .stock-calls-compliance {
    justify-items: start;
  }

  .stock-calls-toolbar,
  .stock-calls-tabs {
    width: 100%;
  }

  .stock-calls-tabs {
    overflow-x: auto;
  }

  .stock-calls-tabs button {
    flex: 1 0 max-content;
  }

  .stock-calls-summary,
  .stock-call-form,
  .stock-call-level-grid {
    grid-template-columns: 1fr;
  }

  .stock-call-note-field,
  .stock-call-status-control {
    grid-column: auto;
  }

  .stock-call-card-head,
  .stock-call-status-row {
    align-items: flex-start;
    flex-direction: column;
  }
}

@media (max-height: 820px) {
  body.auth-professional-page.auth-register-mode .auth-stage {
    padding-top: 4px !important;
  }

  body.auth-professional-page.auth-register-mode .auth-glass-card {
    padding: 7px 26px 10px !important;
    gap: 2px !important;
  }

  body.auth-professional-page.auth-register-mode .auth-logo {
    width: min(172px, 44vw) !important;
  }

  body.auth-professional-page.auth-register-mode .auth-mode-title {
    font-size: clamp(28px, 4.6vh, 36px) !important;
  }

  body.auth-professional-page.auth-register-mode .auth-form {
    gap: 3px !important;
  }

  body.auth-professional-page.auth-register-mode .auth-form input,
  body.auth-professional-page.auth-register-mode .auth-phone-field select,
  body.auth-professional-page.auth-register-mode .auth-email-field button,
  body.auth-professional-page.auth-register-mode .auth-password-field button {
    min-height: 34px !important;
  }

  body.auth-professional-page.auth-register-mode .auth-submit {
    min-height: 36px !important;
  }

  body.auth-professional-page.auth-register-mode .auth-switch-copy {
    font-size: 12px !important;
  }
}

@media (max-width: 560px) {
  body.auth-professional-page.auth-register-mode .auth-stage {
    padding-inline: 10px !important;
  }

  body.auth-professional-page.auth-register-mode .auth-glass-card {
    width: min(520px, calc(100vw - 18px)) !important;
    padding-inline: 18px !important;
  }
}

/* Stock calls category + compact card final override */
.stock-calls-typebar {
  display: flex !important;
  justify-content: center !important;
  margin: 18px 0 12px !important;
}

.stock-calls-typebar .stock-calls-tabs.primary,
.stock-calls-toolbar .stock-calls-tabs.secondary {
  width: min(660px, 100%) !important;
  margin-inline: auto !important;
}

.stock-calls-toolbar {
  display: grid !important;
  justify-items: center !important;
  gap: 10px !important;
}

.stock-calls-grid {
  grid-template-columns: repeat(auto-fit, minmax(390px, 1fr)) !important;
}

.stock-call-card {
  min-height: 0 !important;
  border-left-width: 0 !important;
  gap: 16px !important;
  padding: clamp(16px, 2vw, 24px) !important;
}

.stock-call-card-head {
  align-items: center !important;
}

.stock-call-card h3 {
  font-size: clamp(30px, 3vw, 44px) !important;
  line-height: 0.95 !important;
}

.stock-call-level-grid {
  grid-template-columns: repeat(4, minmax(0, 1fr)) !important;
}

.stock-call-level-grid > span {
  min-height: 96px !important;
  align-content: center !important;
}

.stock-call-level-grid > span strong {
  white-space: nowrap !important;
}

.stock-call-foot p {
  font-size: 16px !important;
}

@media (max-width: 860px) {
  .stock-call-level-grid {
    grid-template-columns: repeat(2, minmax(0, 1fr)) !important;
  }
}

@media (max-width: 560px) {
  .stock-call-level-grid {
    grid-template-columns: 1fr !important;
  }
}

/* Stock calls tab polish */
body.stock-calls-page .stock-calls-shell {
  display: grid !important;
  gap: 14px !important;
}

body.stock-calls-page .stock-calls-head {
  margin-bottom: 0 !important;
  padding-bottom: clamp(18px, 2.4vw, 28px) !important;
}

body.stock-calls-page .stock-calls-typebar,
body.stock-calls-page .stock-calls-toolbar {
  border: 0 !important;
  box-shadow: none !important;
  background: transparent !important;
  backdrop-filter: none !important;
}

body.stock-calls-page .stock-calls-typebar {
  width: 100% !important;
  padding: 0 !important;
  margin: 0 !important;
}

body.stock-calls-page .stock-calls-typebar .stock-calls-tabs.primary {
  width: min(820px, 100%) !important;
  min-height: 72px !important;
  padding: 8px !important;
}

body.stock-calls-page .stock-calls-tabs button {
  min-height: 56px !important;
  border-radius: 8px !important;
  color: rgba(221, 229, 245, 0.78) !important;
  background: transparent !important;
  font-size: clamp(16px, 1.2vw, 20px) !important;
  font-weight: 950 !important;
}

body.stock-calls-page .stock-calls-tabs button.is-active {
  border-color: rgba(250, 204, 21, 0.36) !important;
  color: #07111f !important;
  background: linear-gradient(135deg, #fb923c 0%, #facc15 48%, #22c55e 100%) !important;
  box-shadow: 0 14px 34px rgba(251, 146, 60, 0.24) !important;
}

body.stock-calls-page .stock-calls-toolbar {
  justify-items: end !important;
  align-items: center !important;
  width: 100% !important;
  padding: 0 !important;
  margin: 0 !important;
}

body.stock-calls-page .stock-calls-toolbar .stock-calls-tabs.secondary {
  width: min(520px, 100%) !important;
  min-height: 68px !important;
  padding: 7px !important;
  margin: 0 0 0 auto !important;
}

body.stock-calls-page .stock-calls-updated {
  justify-self: end !important;
  padding-right: 4px !important;
}

body.stock-calls-page .stock-calls-summary,
body.stock-calls-page .stock-calls-board {
  margin-top: 6px !important;
}

:root[data-theme="light"] body.stock-calls-page .stock-calls-tabs button {
  color: #64748b !important;
}

:root[data-theme="light"] body.stock-calls-page .stock-calls-tabs button.is-active {
  color: #07111f !important;
}

@media (max-width: 760px) {
  body.stock-calls-page .stock-calls-toolbar {
    justify-items: stretch !important;
  }

  body.stock-calls-page .stock-calls-toolbar .stock-calls-tabs.secondary,
  body.stock-calls-page .stock-calls-updated {
    justify-self: stretch !important;
    margin-inline: 0 !important;
  }
}

/* Stock calls flat single-page layout */
body.stock-calls-page .stock-calls-shell {
  width: min(100% - 32px, 1840px) !important;
  gap: 12px !important;
  padding-top: 10px !important;
}

body.stock-calls-page .stock-calls-head,
body.stock-calls-page .stock-calls-typebar,
body.stock-calls-page .stock-calls-toolbar,
body.stock-calls-page .stock-calls-summary,
body.stock-calls-page .stock-calls-board,
body.stock-calls-page .stock-calls-disclaimer {
  border: 0 !important;
  background: transparent !important;
  box-shadow: none !important;
  backdrop-filter: none !important;
}

body.stock-calls-page .stock-calls-head {
  display: flex !important;
  align-items: flex-start !important;
  justify-content: space-between !important;
  min-height: 0 !important;
  padding: 0 0 12px !important;
  margin: 0 !important;
}

body.stock-calls-page .stock-calls-head h1 {
  font-size: clamp(48px, 5.3vw, 86px) !important;
  line-height: 0.9 !important;
}

body.stock-calls-page .stock-calls-head p:not(.eyebrow) {
  max-width: 930px !important;
  margin-top: 8px !important;
}

body.stock-calls-page .stock-calls-compliance {
  display: flex !important;
  flex-direction: row !important;
  align-items: center !important;
  justify-content: flex-end !important;
  gap: 10px !important;
  white-space: nowrap !important;
  margin-top: 4px !important;
}

body.stock-calls-page .stock-calls-compliance span,
body.stock-calls-page .stock-calls-compliance strong {
  display: inline-flex !important;
  align-items: center !important;
  min-height: 34px !important;
  margin: 0 !important;
}

body.stock-calls-page .stock-calls-compliance span {
  color: #7cf7d1 !important;
  background: transparent !important;
  padding: 0 !important;
}

body.stock-calls-page .stock-calls-compliance strong {
  border: 1px solid rgba(45, 212, 191, 0.34) !important;
  border-radius: 999px !important;
  padding: 7px 14px !important;
  background: rgba(20, 184, 166, 0.12) !important;
}

body.stock-calls-page .stock-calls-typebar {
  display: flex !important;
  justify-content: center !important;
  padding: 0 !important;
  margin: 2px 0 0 !important;
}

body.stock-calls-page .stock-calls-typebar .stock-calls-tabs.primary,
body.stock-calls-page .stock-calls-toolbar .stock-calls-tabs.secondary {
  width: auto !important;
  min-height: 0 !important;
  display: inline-flex !important;
  gap: 12px !important;
  border: 0 !important;
  background: transparent !important;
  padding: 0 !important;
  box-shadow: none !important;
}

body.stock-calls-page .stock-calls-tabs button {
  width: auto !important;
  min-width: 186px !important;
  min-height: 56px !important;
  white-space: nowrap !important;
  border: 1px solid rgba(122, 167, 255, 0.18) !important;
  border-radius: 10px !important;
  padding: 0 28px !important;
  background: rgba(15, 23, 42, 0.58) !important;
}

body.stock-calls-page .stock-calls-tabs button.is-active {
  color: #07111f !important;
  border-color: rgba(250, 204, 21, 0.42) !important;
  background: linear-gradient(135deg, #fb923c 0%, #facc15 48%, #22c55e 100%) !important;
}

body.stock-calls-page .stock-calls-toolbar {
  display: flex !important;
  align-items: center !important;
  justify-content: flex-end !important;
  gap: 18px !important;
  width: 100% !important;
  padding: 0 !important;
  margin: 0 !important;
}

body.stock-calls-page .stock-calls-toolbar .stock-calls-tabs.secondary button {
  min-width: 174px !important;
  min-height: 54px !important;
}

body.stock-calls-page .stock-calls-updated {
  justify-self: auto !important;
  padding: 0 !important;
  white-space: nowrap !important;
}

body.stock-calls-page .stock-calls-summary {
  grid-template-columns: repeat(3, minmax(0, 1fr)) !important;
  gap: 12px !important;
  margin: 4px 0 !important;
}

body.stock-calls-page .stock-calls-summary article {
  min-height: 104px !important;
  border: 1px solid rgba(122, 167, 255, 0.16) !important;
  background: rgba(5, 12, 25, 0.44) !important;
}

body.stock-calls-page .stock-calls-board {
  padding: 10px 0 0 !important;
  margin: 0 !important;
}

body.stock-calls-page .stock-call-section-head {
  padding-inline: 0 !important;
  margin-bottom: 12px !important;
}

body.stock-calls-page .stock-calls-disclaimer {
  padding: 8px 0 18px !important;
}

:root[data-theme="light"] body.stock-calls-page .stock-calls-summary article {
  background: rgba(255, 255, 255, 0.7) !important;
}

@media (max-width: 900px) {
  body.stock-calls-page .stock-calls-head {
    flex-direction: column !important;
    gap: 10px !important;
  }

  body.stock-calls-page .stock-calls-compliance {
    justify-content: flex-start !important;
  }

  body.stock-calls-page .stock-calls-toolbar {
    justify-content: flex-start !important;
    flex-wrap: wrap !important;
  }

  body.stock-calls-page .stock-calls-tabs button {
    min-width: 142px !important;
  }

  body.stock-calls-page .stock-calls-summary {
    grid-template-columns: 1fr !important;
  }
}

/* Stock calls copy cleanup and action emphasis */
body.stock-calls-page .stock-calls-head {
  align-items: flex-start !important;
  justify-content: center !important;
  position: relative !important;
  min-height: 116px !important;
  text-align: center !important;
}

body.stock-calls-page .stock-calls-head > div:first-child {
  width: 100% !important;
}

body.stock-calls-page .stock-calls-head h1 {
  text-align: center !important;
}

body.stock-calls-page .stock-calls-compliance {
  position: absolute !important;
  top: 14px !important;
  right: 14px !important;
}

body.stock-calls-page .stock-calls-toolbar {
  justify-content: flex-end !important;
  min-height: 62px !important;
}

body.stock-calls-page .stock-calls-updated,
body.stock-calls-page .stock-calls-refresh-note,
body.stock-calls-page .stock-call-section-head .eyebrow {
  display: none !important;
}

body.stock-calls-page .stock-calls-toolbar .stock-calls-tabs.secondary {
  margin-left: auto !important;
}

body.stock-calls-page .stock-calls-toolbar .stock-calls-tabs.secondary button {
  white-space: nowrap !important;
}

body.stock-calls-page .stock-call-section-head {
  justify-content: center !important;
  text-align: center !important;
}

body.stock-calls-page .stock-call-section-head > div {
  width: 100% !important;
}

body.stock-calls-page .stock-call-action {
  animation: stock-call-action-pulse 1.25s ease-in-out infinite !important;
}

body.stock-calls-page .stock-call-action.sell {
  color: #fecaca !important;
  background: rgba(220, 38, 38, 0.22) !important;
  animation-name: stock-call-action-sell-pulse !important;
}

@keyframes stock-call-action-pulse {
  0%,
  100% {
    box-shadow: 0 0 0 rgba(34, 197, 94, 0);
    filter: brightness(1);
  }

  50% {
    box-shadow: 0 0 22px rgba(34, 197, 94, 0.55);
    filter: brightness(1.25);
  }
}

@keyframes stock-call-action-sell-pulse {
  0%,
  100% {
    box-shadow: 0 0 0 rgba(248, 113, 113, 0);
    filter: brightness(1);
  }

  50% {
    box-shadow: 0 0 22px rgba(248, 113, 113, 0.55);
    filter: brightness(1.25);
  }
}

@media (max-width: 900px) {
  body.stock-calls-page .stock-calls-head {
    min-height: 150px !important;
    padding-top: 52px !important;
  }

  body.stock-calls-page .stock-calls-compliance {
    left: 0 !important;
    right: 0 !important;
    justify-content: center !important;
  }

  body.stock-calls-page .stock-calls-toolbar {
    justify-content: center !important;
  }
}

/* Stock calls live price and compliance polish */
body.stock-calls-page .stock-calls-compliance span::before {
  content: "✓" !important;
  display: inline-grid !important;
  place-items: center !important;
  width: 19px !important;
  height: 19px !important;
  margin-right: 7px !important;
  border-radius: 999px !important;
  color: #ffffff !important;
  background: linear-gradient(135deg, #38bdf8, #2563eb) !important;
  box-shadow: 0 0 14px rgba(56, 189, 248, 0.45) !important;
  font-size: 13px !important;
  line-height: 1 !important;
}

body.stock-calls-page .stock-call-level-grid {
  grid-template-columns: repeat(5, minmax(0, 1fr)) !important;
}

body.stock-calls-page .stock-call-live-level {
  border-color: rgba(96, 165, 250, 0.32) !important;
  background: rgba(37, 99, 235, 0.1) !important;
}

body.stock-calls-page .stock-call-live-level.positive strong,
body.stock-calls-page .stock-call-live-level.positive em {
  color: #73f7a6 !important;
}

body.stock-calls-page .stock-call-live-level.negative strong,
body.stock-calls-page .stock-call-live-level.negative em {
  color: #ff8ea1 !important;
}

body.stock-calls-page .stock-call-live-level.neutral strong,
body.stock-calls-page .stock-call-live-level.neutral em {
  color: #dbeafe !important;
}

body.stock-calls-page .stock-call-live-level em {
  display: block !important;
  margin-top: 5px !important;
  font-style: normal !important;
  font-weight: 950 !important;
  font-size: 0.82rem !important;
}

@media (max-width: 900px) {
  body.stock-calls-page .stock-call-level-grid {
    grid-template-columns: repeat(2, minmax(0, 1fr)) !important;
  }
}

/* Keep the SEBI mark crisp without relying on text glyph encoding. */
body.stock-calls-page .stock-calls-compliance span {
  position: relative !important;
}

body.stock-calls-page .stock-calls-compliance span::before {
  content: "" !important;
  display: inline-block !important;
  width: 19px !important;
  height: 19px !important;
  margin-right: 7px !important;
  border-radius: 999px !important;
  background: linear-gradient(135deg, #38bdf8, #2563eb) !important;
  box-shadow: 0 0 14px rgba(56, 189, 248, 0.45) !important;
  vertical-align: -4px !important;
}

body.stock-calls-page .stock-calls-compliance span::after {
  content: "" !important;
  position: absolute !important;
  left: 6px !important;
  top: 50% !important;
  width: 8px !important;
  height: 4px !important;
  border-left: 2px solid #ffffff !important;
  border-bottom: 2px solid #ffffff !important;
  transform: translateY(-58%) rotate(-45deg) !important;
  transform-origin: center !important;
}

/* Stock calls current-price placement */
body.stock-calls-page .stock-calls-head {
  justify-content: center !important;
  text-align: center !important;
}

body.stock-calls-page .stock-calls-head h1 {
  width: 100% !important;
  text-align: center !important;
}

body.stock-calls-page .stock-calls-compliance {
  gap: 7px !important;
}

body.stock-calls-page .stock-calls-compliance span {
  color: #9fc4ff !important;
  font-weight: 950 !important;
  letter-spacing: 0 !important;
  background: transparent !important;
}

body.stock-calls-page .stock-calls-compliance strong {
  min-height: 0 !important;
  padding: 0 !important;
  border: 0 !important;
  border-radius: 0 !important;
  color: #dbe7ff !important;
  background: transparent !important;
  box-shadow: none !important;
}

body.stock-calls-page .stock-call-title-block {
  min-width: 0 !important;
  flex: 1 1 auto !important;
}

body.stock-calls-page .stock-call-title-row {
  display: flex !important;
  align-items: flex-end !important;
  justify-content: space-between !important;
  gap: 18px !important;
  min-width: 0 !important;
}

body.stock-calls-page .stock-call-live-inline {
  display: inline-flex !important;
  align-items: center !important;
  gap: 10px !important;
  flex: 0 0 auto !important;
  font-weight: 950 !important;
  line-height: 1 !important;
  white-space: nowrap !important;
}

body.stock-calls-page .stock-call-live-inline b {
  font-size: clamp(1.05rem, 1.2vw, 1.35rem) !important;
  font-weight: 950 !important;
  line-height: 1 !important;
}

body.stock-calls-page .stock-call-live-inline strong {
  font-size: clamp(1.02rem, 1.25vw, 1.42rem) !important;
}

body.stock-calls-page .stock-call-live-inline em {
  font-style: normal !important;
  font-size: clamp(0.92rem, 1vw, 1.12rem) !important;
}

body.stock-calls-page .stock-call-live-inline.positive strong,
body.stock-calls-page .stock-call-live-inline.positive em,
body.stock-calls-page .stock-call-live-inline.positive b {
  color: #73f7a6 !important;
}

body.stock-calls-page .stock-call-live-inline.negative strong,
body.stock-calls-page .stock-call-live-inline.negative em,
body.stock-calls-page .stock-call-live-inline.negative b {
  color: #ff7a94 !important;
}

body.stock-calls-page .stock-call-live-inline.neutral strong,
body.stock-calls-page .stock-call-live-inline.neutral em,
body.stock-calls-page .stock-call-live-inline.neutral b {
  color: #dbeafe !important;
}

body.stock-calls-page .stock-call-level-grid {
  grid-template-columns: repeat(5, minmax(0, 1fr)) !important;
  gap: 10px !important;
}

body.stock-calls-page .stock-call-level-grid > span {
  min-width: 0 !important;
  overflow: hidden !important;
  padding: 14px 12px !important;
}

body.stock-calls-page .stock-call-level-grid > span strong {
  display: block !important;
  max-width: 100% !important;
  min-width: 0 !important;
  overflow: hidden !important;
  text-overflow: clip !important;
  white-space: nowrap !important;
  font-size: clamp(0.84rem, 0.92vw, 1.02rem) !important;
  letter-spacing: 0 !important;
  line-height: 1.15 !important;
}

body.stock-calls-page .stock-call-level-grid > span small {
  max-width: 100% !important;
  overflow: hidden !important;
  text-overflow: clip !important;
  white-space: nowrap !important;
  font-size: clamp(0.76rem, 0.78vw, 0.88rem) !important;
  letter-spacing: 0 !important;
}

body.stock-calls-page .stock-call-card:not(.open) .stock-call-side {
  justify-content: flex-end !important;
}

body.stock-calls-page .stock-call-card:not(.open) .stock-call-action {
  display: none !important;
}

@media (max-width: 900px) {
  body.stock-calls-page .stock-call-title-row {
    align-items: flex-start !important;
    flex-direction: column !important;
    gap: 10px !important;
  }

  body.stock-calls-page .stock-call-live-inline {
    align-self: flex-start !important;
  }

  body.stock-calls-page .stock-call-level-grid {
    grid-template-columns: repeat(2, minmax(0, 1fr)) !important;
  }
}

/* Final stock-call layout pass: keep live move beside the symbol, not centered/right aligned. */
body.stock-calls-page .stock-calls-head {
  position: relative !important;
  display: grid !important;
  grid-template-columns: 1fr !important;
  justify-items: center !important;
  align-items: center !important;
  text-align: center !important;
}

body.stock-calls-page .stock-calls-head > div:first-child {
  width: 100% !important;
}

body.stock-calls-page .stock-calls-compliance {
  position: absolute !important;
  right: clamp(18px, 3vw, 46px) !important;
  top: 50% !important;
  transform: translateY(-50%) !important;
}

body.stock-calls-page .stock-calls-board-head {
  justify-content: center !important;
  text-align: center !important;
}

body.stock-calls-page .stock-calls-board-head h2 {
  width: 100% !important;
  text-align: center !important;
}

body.stock-calls-page .stock-call-section-head {
  justify-content: center !important;
  text-align: center !important;
}

body.stock-calls-page .stock-call-section-head h2 {
  width: 100% !important;
  text-align: center !important;
}

body.stock-calls-page .stock-call-title-row {
  justify-content: flex-start !important;
  align-items: flex-start !important;
}

body.stock-calls-page .stock-call-name-wrap {
  min-width: 0 !important;
}

body.stock-calls-page .stock-call-symbol-line {
  display: flex !important;
  align-items: baseline !important;
  justify-content: flex-start !important;
  gap: clamp(14px, 1.7vw, 26px) !important;
  min-width: 0 !important;
}

body.stock-calls-page .stock-call-symbol-line h3 {
  margin: 0 !important;
}

body.stock-calls-page .stock-call-name-wrap h3 {
  margin: 0 !important;
}

body.stock-calls-page .stock-calls-head h1,
body.stock-calls-page .stock-call-section-head h2 {
  margin-left: auto !important;
  margin-right: auto !important;
  text-align: center !important;
}

body.stock-calls-page .stock-call-card:not(.open) .stock-call-foot p {
  display: none !important;
}

body.stock-calls-page .stock-call-card:not(.open) .stock-call-foot {
  margin-top: 18px !important;
}

body.stock-calls-page .stock-calls-grid {
  grid-template-columns: repeat(2, minmax(0, 1fr)) !important;
}

body.stock-calls-page .stock-calls-grid[data-call-count="1"] {
  grid-template-columns: 1fr !important;
}

@media (max-width: 900px) {
  body.stock-calls-page .stock-calls-compliance {
    position: static !important;
    transform: none !important;
    margin-top: 12px !important;
  }

  body.stock-calls-page .stock-call-symbol-line {
    flex-wrap: wrap !important;
    row-gap: 8px !important;
  }

  body.stock-calls-page .stock-calls-grid {
    grid-template-columns: 1fr !important;
  }
}

/* Wide Accendion wordmark from the latest supplied brand reference. */
body .topbar .brand {
  min-width: clamp(188px, 15vw, 260px) !important;
}

body .brand-wordmark,
body .topbar .brand-wordmark,
body.upgrade-page .topbar .brand-wordmark {
  content: url("assets/accendion-wordmark-header.svg?v=20260827-reference-logo-v6") !important;
  display: block !important;
  width: clamp(176px, 13vw, 248px) !important;
  height: auto !important;
  aspect-ratio: 1260 / 260 !important;
  object-fit: contain !important;
  object-position: left center !important;
  filter: drop-shadow(0 5px 10px rgba(2, 6, 23, 0.28)) !important;
}

body.auth-professional-page .auth-logo,
body .welcome-tour-logo,
body .analysis-company-wordmark,
body .app-footer-brand > img {
  content: url("assets/accendion-wordmark-header.svg?v=20260827-reference-logo-v6") !important;
  display: block !important;
  width: clamp(214px, 24vw, 424px) !important;
  height: auto !important;
  aspect-ratio: 1260 / 260 !important;
  object-fit: contain !important;
  object-position: center !important;
  filter: drop-shadow(0 8px 18px rgba(2, 6, 23, 0.22)) !important;
}

body.auth-professional-page .auth-logo {
  width: clamp(196px, 25vw, 326px) !important;
  margin-inline: auto !important;
}

body .app-footer-brand > img,
body .analysis-company-wordmark,
body .welcome-tour-logo,
body .brand-finale-wordmark {
  margin-inline: auto !important;
}

body .brand-finale-wordmark {
  content: url("assets/accendion-wordmark-header.svg?v=20260827-reference-logo-v6") !important;
  display: block !important;
  width: clamp(260px, 28vw, 520px) !important;
  height: auto !important;
  aspect-ratio: 1260 / 260 !important;
  object-fit: contain !important;
  margin-bottom: 14px !important;
  filter: drop-shadow(0 8px 18px rgba(2, 6, 23, 0.22)) !important;
}

body .brand-finale-visual::after,
body .wall-building::before {
  content: "" !important;
  display: none !important;
}

:root[data-theme="light"] body .brand-wordmark,
:root[data-theme="light"] body .topbar .brand-wordmark,
:root[data-theme="light"] body.upgrade-page .topbar .brand-wordmark,
:root[data-theme="light"] body.auth-professional-page .auth-logo,
:root[data-theme="light"] body .welcome-tour-logo,
:root[data-theme="light"] body .analysis-company-wordmark,
:root[data-theme="light"] body .app-footer-brand > img,
:root[data-theme="light"] body .brand-finale-wordmark {
  filter: drop-shadow(0 8px 18px rgba(15, 23, 42, 0.12)) !important;
}

@media (max-width: 680px) {
  body .brand-wordmark,
  body .topbar .brand-wordmark,
  body.upgrade-page .topbar .brand-wordmark {
    width: clamp(150px, 46vw, 198px) !important;
  }

  body.auth-professional-page .auth-logo {
    width: clamp(178px, 50vw, 244px) !important;
  }
}

/* Signup form final fit: keep the complete form visible and aligned. */
body.auth-professional-page.auth-register-mode .auth-stage {
  align-items: flex-start !important;
  justify-content: center !important;
  padding-top: 0 !important;
  padding-bottom: max(64px, env(safe-area-inset-bottom)) !important;
}

body.auth-professional-page.auth-register-mode .auth-glass-card {
  margin-top: 0 !important;
  margin-bottom: 64px !important;
  padding-top: 12px !important;
  padding-bottom: 18px !important;
}

body.auth-professional-page.auth-register-mode .auth-logo {
  width: clamp(210px, 20vw, 280px) !important;
  margin-bottom: 0 !important;
}

body.auth-professional-page.auth-register-mode .auth-mode-title {
  font-size: clamp(30px, 4.7vh, 42px) !important;
  margin: 0 0 4px !important;
}

body.auth-professional-page.auth-register-mode .auth-form {
  gap: 6px !important;
}

body.auth-professional-page.auth-register-mode .auth-terms {
  grid-template-columns: 22px minmax(0, 1fr) !important;
  align-items: center !important;
  gap: 11px !important;
  padding-left: 4px !important;
  margin: 4px 0 6px !important;
}

body.auth-professional-page.auth-register-mode .auth-terms input {
  width: 20px !important;
  height: 20px !important;
  margin: 0 !important;
  align-self: center !important;
}

body.auth-professional-page.auth-register-mode .auth-terms span {
  padding-left: 2px !important;
  line-height: 1.18 !important;
}

/* Final theme safety: keep pricing/nav buttons, SEBI badge, and stock call chips readable. */
body .topbar nav .nav-subscribe,
body .topbar nav .nav-subscribe:visited,
body .topbar nav .nav-subscribe:hover,
body .topbar nav .nav-subscribe:focus-visible {
  color: #ffcc33 !important;
  opacity: 1 !important;
  visibility: visible !important;
  text-shadow: 0 0 14px rgba(255, 190, 56, 0.28) !important;
}

:root[data-theme="light"] body .topbar nav .nav-subscribe,
:root[data-theme="light"] body .topbar nav .nav-subscribe:visited,
:root[data-theme="light"] body .topbar nav .nav-subscribe:hover,
:root[data-theme="light"] body .topbar nav .nav-subscribe:focus-visible {
  color: #334155 !important;
  text-shadow: none !important;
}

body .topbar nav .nav-analyst,
body .topbar nav .nav-analyst:visited,
body .nav-analyst {
  opacity: 1 !important;
  visibility: visible !important;
}

body.stock-calls-page .stock-calls-compliance {
  color: #e0f2fe !important;
}

body.stock-calls-page .stock-calls-compliance span {
  color: #67e8f9 !important;
  font-weight: 950 !important;
  letter-spacing: 0 !important;
  text-shadow: 0 0 14px rgba(56, 189, 248, 0.42) !important;
}

body.stock-calls-page .stock-calls-compliance span::before {
  content: "\2713" !important;
  display: inline-grid !important;
  place-items: center !important;
  width: 28px !important;
  height: 28px !important;
  margin-right: 8px !important;
  border-radius: 999px !important;
  color: #ffffff !important;
  background: linear-gradient(135deg, #38bdf8 0%, #2563eb 100%) !important;
  box-shadow: 0 8px 18px rgba(37, 99, 235, 0.35) !important;
}

body.stock-calls-page .stock-calls-compliance strong {
  color: #e0f2fe !important;
  background: rgba(8, 47, 73, 0.78) !important;
  border: 1px solid rgba(34, 211, 238, 0.52) !important;
}

:root[data-theme="light"] body.stock-calls-page .stock-calls-compliance span {
  color: #0284c7 !important;
  text-shadow: none !important;
}

:root[data-theme="light"] body.stock-calls-page .stock-calls-compliance strong {
  color: #075985 !important;
  background: #e0f2fe !important;
  border-color: #7dd3fc !important;
}

body.stock-calls-page .stock-calls-tabs button {
  color: #dbeafe !important;
  background: rgba(15, 23, 42, 0.92) !important;
  border: 1px solid rgba(96, 165, 250, 0.36) !important;
  opacity: 1 !important;
  visibility: visible !important;
}

body.stock-calls-page .stock-calls-tabs button:hover,
body.stock-calls-page .stock-calls-tabs button:focus-visible {
  color: #ffffff !important;
  background: rgba(15, 23, 42, 0.98) !important;
  border-color: rgba(56, 189, 248, 0.75) !important;
}

body.stock-calls-page .stock-calls-tabs button.is-active {
  color: #07111f !important;
  background: linear-gradient(135deg, #ff9f1a 0%, #ffe000 46%, #34d058 100%) !important;
  border-color: rgba(125, 211, 252, 0.42) !important;
  box-shadow: 0 18px 42px rgba(255, 159, 26, 0.22) !important;
}

:root[data-theme="light"] body.stock-calls-page .stock-calls-tabs button {
  color: #0f172a !important;
  background: #e2e8f0 !important;
  border-color: rgba(71, 85, 105, 0.28) !important;
  text-shadow: none !important;
}

:root[data-theme="light"] body.stock-calls-page .stock-calls-tabs button:hover,
:root[data-theme="light"] body.stock-calls-page .stock-calls-tabs button:focus-visible {
  color: #020617 !important;
  background: #cbd5e1 !important;
  border-color: rgba(37, 99, 235, 0.5) !important;
}

:root[data-theme="light"] body.stock-calls-page .stock-calls-tabs button.is-active {
  color: #020617 !important;
}

body.stock-calls-page .stock-call-card {
  color: #f8fafc !important;
}

body.stock-calls-page .stock-call-kind {
  color: #dbeafe !important;
  background: rgba(30, 64, 175, 0.55) !important;
  border-color: rgba(96, 165, 250, 0.34) !important;
}

body.stock-calls-page .stock-call-action {
  color: #dcfce7 !important;
  background: rgba(20, 83, 45, 0.92) !important;
  border-color: rgba(74, 222, 128, 0.45) !important;
}

body.stock-calls-page .stock-call-action.sell {
  color: #ffe4e6 !important;
  background: rgba(127, 29, 29, 0.92) !important;
  border-color: rgba(251, 113, 133, 0.45) !important;
}

body.stock-calls-page .stock-call-status {
  opacity: 1 !important;
  visibility: visible !important;
}

body.stock-calls-page .stock-call-status.target {
  color: #dcfce7 !important;
  background: rgba(20, 83, 45, 0.9) !important;
}

body.stock-calls-page .stock-call-status.stop,
body.stock-calls-page .stock-call-status.exit {
  color: #fecaca !important;
  background: rgba(127, 29, 29, 0.9) !important;
}

body.stock-calls-page .stock-call-level-grid > span {
  min-width: 0 !important;
  overflow: hidden !important;
}

body.stock-calls-page .stock-call-level-grid strong {
  display: block !important;
  max-width: 100% !important;
  white-space: nowrap !important;
  overflow: hidden !important;
  text-overflow: ellipsis !important;
}

body.stock-calls-page .stock-call-live-level.positive strong,
body.stock-calls-page .stock-call-level-grid .positive {
  color: #4ade80 !important;
}

body.stock-calls-page .stock-call-live-level.negative strong,
body.stock-calls-page .stock-call-level-grid .negative {
  color: #fb7185 !important;
}

body.stock-calls-page .stock-call-live-level.neutral strong {
  color: #e2e8f0 !important;
}

:root[data-theme="light"] body.stock-calls-page .stock-call-card {
  color: #0f172a !important;
  background: #ffffff !important;
  border-color: #dbeafe !important;
  box-shadow: 0 16px 34px rgba(15, 23, 42, 0.09) !important;
}

:root[data-theme="light"] body.stock-calls-page .stock-call-card h3,
:root[data-theme="light"] body.stock-calls-page .stock-call-card strong {
  color: #0f172a !important;
}

:root[data-theme="light"] body.stock-calls-page .stock-call-card small,
:root[data-theme="light"] body.stock-calls-page .stock-call-card p,
:root[data-theme="light"] body.stock-calls-page .stock-call-level-grid small {
  color: #475569 !important;
}

:root[data-theme="light"] body.stock-calls-page .stock-call-kind {
  color: #1d4ed8 !important;
  background: #dbeafe !important;
}

:root[data-theme="light"] body.stock-calls-page .stock-call-action {
  color: #ffffff !important;
  background: #15803d !important;
}

:root[data-theme="light"] body.stock-calls-page .stock-call-action.sell,
:root[data-theme="light"] body.stock-calls-page .stock-call-status.stop,
:root[data-theme="light"] body.stock-calls-page .stock-call-status.exit {
  color: #ffffff !important;
  background: #b91c1c !important;
}

:root[data-theme="light"] body.stock-calls-page .stock-call-status.target {
  color: #ffffff !important;
  background: #15803d !important;
}

:root[data-theme="light"] body.stock-calls-page .stock-call-level-grid > span {
  background: #f8fafc !important;
  border-color: #cbd5e1 !important;
}

:root[data-theme="light"] body.stock-calls-page .stock-call-live-level.positive strong,
:root[data-theme="light"] body.stock-calls-page .stock-call-level-grid .positive {
  color: #15803d !important;
}

:root[data-theme="light"] body.stock-calls-page .stock-call-live-level.negative strong,
:root[data-theme="light"] body.stock-calls-page .stock-call-level-grid .negative {
  color: #be123c !important;
}

html body .topbar nav a.nav-candlestick-link .nav-candle-mark,
html:root[data-theme="light"] body .topbar nav a.nav-candlestick-link .nav-candle-mark {
  position: relative !important;
  display: inline-block !important;
  width: 6px !important;
  height: 18px !important;
  margin-left: 2px !important;
  border-radius: 3px !important;
  background: linear-gradient(180deg, #34d399 0%, #22c55e 55%, #16a34a 100%) !important;
  box-shadow: 0 0 7px rgba(34, 197, 94, 0.58) !important;
  filter: none !important;
  overflow: visible !important;
}

html body .topbar nav a.nav-candlestick-link .nav-candle-mark::before,
html:root[data-theme="light"] body .topbar nav a.nav-candlestick-link .nav-candle-mark::before {
  content: "" !important;
  display: block !important;
  position: absolute !important;
  left: 50% !important;
  top: -6px !important;
  width: 2px !important;
  height: 30px !important;
  border-radius: 2px !important;
  background: #22c55e !important;
  box-shadow: 0 0 5px rgba(34, 197, 94, 0.42) !important;
  transform: translateX(-50%) !important;
  z-index: -1 !important;
}

html body .topbar nav a.nav-candlestick-link .nav-candle-mark::after,
html:root[data-theme="light"] body .topbar nav a.nav-candlestick-link .nav-candle-mark::after {
  content: none !important;
  display: none !important;
}

/* EOF restore: full green candlestick marker with top and bottom wick. */
body .topbar nav .nav-candlestick-link .nav-candle-mark,
:root[data-theme="light"] body .topbar nav .nav-candlestick-link .nav-candle-mark {
  position: relative !important;
  display: inline-block !important;
  width: 9px !important;
  height: 22px !important;
  margin-left: 2px !important;
  border-radius: 999px !important;
  background: linear-gradient(180deg, #5eead4 0%, #22c55e 100%) !important;
  box-shadow: 0 0 10px rgba(45, 212, 191, 0.62) !important;
  filter: none !important;
  overflow: visible !important;
}

body .topbar nav .nav-candlestick-link .nav-candle-mark::before,
:root[data-theme="light"] body .topbar nav .nav-candlestick-link .nav-candle-mark::before {
  content: "" !important;
  display: block !important;
  position: absolute !important;
  left: 50% !important;
  top: -8px !important;
  width: 3px !important;
  height: 38px !important;
  border-radius: 999px !important;
  background: linear-gradient(180deg, rgba(94, 234, 212, 0.92), #22c55e) !important;
  box-shadow: 0 0 8px rgba(45, 212, 191, 0.46) !important;
  transform: translateX(-50%) !important;
  z-index: -1 !important;
}

body .topbar nav .nav-candlestick-link .nav-candle-mark::after,
:root[data-theme="light"] body .topbar nav .nav-candlestick-link .nav-candle-mark::after {
  content: none !important;
  display: none !important;
}

/* Restore the candle wick without bringing back the white nav glare. */
html body .topbar nav a.nav-candlestick-link .nav-candle-mark,
html:root[data-theme="light"] body .topbar nav a.nav-candlestick-link .nav-candle-mark,
body .topbar nav .nav-candlestick-link .nav-candle-mark,
:root[data-theme="light"] body .topbar nav .nav-candlestick-link .nav-candle-mark {
  position: relative !important;
  display: inline-block !important;
  width: 9px !important;
  height: 22px !important;
  margin-left: 2px !important;
  border-radius: 999px !important;
  background: linear-gradient(180deg, #5eead4 0%, #22c55e 100%) !important;
  box-shadow: 0 0 10px rgba(45, 212, 191, 0.62) !important;
  filter: none !important;
  overflow: visible !important;
}

html body .topbar nav a.nav-candlestick-link .nav-candle-mark::before,
html:root[data-theme="light"] body .topbar nav a.nav-candlestick-link .nav-candle-mark::before,
body .topbar nav .nav-candlestick-link .nav-candle-mark::before,
:root[data-theme="light"] body .topbar nav .nav-candlestick-link .nav-candle-mark::before {
  content: "" !important;
  display: block !important;
  position: absolute !important;
  left: 50% !important;
  top: -8px !important;
  width: 3px !important;
  height: 38px !important;
  border-radius: 999px !important;
  background: linear-gradient(180deg, rgba(94, 234, 212, 0.92), #22c55e) !important;
  box-shadow: 0 0 8px rgba(45, 212, 191, 0.46) !important;
  transform: translateX(-50%) !important;
  z-index: -1 !important;
}

html body .topbar nav a.nav-candlestick-link .nav-candle-mark::after,
html:root[data-theme="light"] body .topbar nav a.nav-candlestick-link .nav-candle-mark::after,
body .topbar nav .nav-candlestick-link .nav-candle-mark::after,
:root[data-theme="light"] body .topbar nav .nav-candlestick-link .nav-candle-mark::after {
  content: none !important;
  display: none !important;
}

body.stock-calls-page .stock-call-card-locked {
  position: relative;
  overflow: hidden;
  border: 1px dashed rgba(147, 197, 253, 0.42) !important;
  background:
    linear-gradient(135deg, rgba(15, 23, 42, 0.82), rgba(30, 41, 59, 0.58)),
    rgba(2, 6, 23, 0.78) !important;
  opacity: 0.88;
}

body.stock-calls-page .stock-call-card-locked::after {
  content: "";
  position: absolute;
  inset: 0;
  pointer-events: none;
  background: linear-gradient(135deg, rgba(148, 163, 184, 0.06), rgba(255, 255, 255, 0.02));
}

body.stock-calls-page .stock-call-lock-badge {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  min-height: 32px;
  padding: 0 14px;
  border-radius: 999px;
  color: #07111f;
  background: linear-gradient(135deg, #ff9f1a 0%, #ffe000 48%, #34d058 100%);
  font-size: 0.78rem;
  font-weight: 900;
  text-transform: uppercase;
}

body.stock-calls-page .stock-call-locked-bars {
  display: grid;
  gap: 12px;
  margin: 26px 0 18px;
}

body.stock-calls-page .stock-call-locked-bars span {
  display: block;
  height: 18px;
  border-radius: 999px;
  background: linear-gradient(90deg, rgba(148, 163, 184, 0.3), rgba(148, 163, 184, 0.08));
  filter: blur(0.2px);
}

body.stock-calls-page .stock-call-locked-bars span:nth-child(2) {
  width: 78%;
}

body.stock-calls-page .stock-call-locked-bars span:nth-child(3) {
  width: 54%;
}

body.stock-calls-page .stock-call-upgrade-link {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  min-height: 42px;
  padding: 0 18px;
  border-radius: 999px;
  color: #07111f !important;
  background: linear-gradient(135deg, #ff9f1a 0%, #ffe000 48%, #34d058 100%);
  font-weight: 900;
  text-decoration: none;
  box-shadow: 0 16px 28px rgba(255, 159, 26, 0.18);
}

:root[data-theme="light"] body.stock-calls-page .stock-call-card-locked {
  border-color: rgba(37, 99, 235, 0.34) !important;
  background:
    linear-gradient(135deg, rgba(248, 250, 252, 0.92), rgba(226, 232, 240, 0.78)),
    #ffffff !important;
}

:root[data-theme="light"] body.stock-calls-page .stock-call-card-locked h3,
:root[data-theme="light"] body.stock-calls-page .stock-call-card-locked strong {
  color: #0f172a !important;
}

:root[data-theme="light"] body.stock-calls-page .stock-call-card-locked small,
:root[data-theme="light"] body.stock-calls-page .stock-call-card-locked p {
  color: #475569 !important;
}

/* Final screen-match: one SEBI tick and no topbar cylinder highlight. */
body.stock-calls-page .stock-calls-compliance,
:root[data-theme="light"] body.stock-calls-page .stock-calls-compliance {
  display: inline-flex !important;
  align-items: center !important;
  gap: 8px !important;
  color: #dbeafe !important;
  -webkit-text-fill-color: #dbeafe !important;
  background: transparent !important;
  border: 0 !important;
  box-shadow: none !important;
  text-shadow: none !important;
}

body.stock-calls-page .stock-calls-compliance span,
:root[data-theme="light"] body.stock-calls-page .stock-calls-compliance span {
  position: relative !important;
  display: inline-flex !important;
  align-items: center !important;
  gap: 8px !important;
  color: #dbeafe !important;
  -webkit-text-fill-color: #dbeafe !important;
  background: transparent !important;
  border: 0 !important;
  box-shadow: none !important;
  padding: 0 !important;
  text-shadow: none !important;
}

body.stock-calls-page .stock-calls-compliance strong,
:root[data-theme="light"] body.stock-calls-page .stock-calls-compliance strong {
  color: #dbeafe !important;
  -webkit-text-fill-color: #dbeafe !important;
  background: transparent !important;
  border: 0 !important;
  box-shadow: none !important;
  padding: 0 !important;
  text-shadow: none !important;
}

body.stock-calls-page .stock-calls-compliance span::before,
:root[data-theme="light"] body.stock-calls-page .stock-calls-compliance span::before {
  content: "" !important;
  display: inline-block !important;
  width: 34px !important;
  height: 34px !important;
  flex: 0 0 34px !important;
  margin: 0 !important;
  border-radius: 999px !important;
  background: linear-gradient(135deg, #38bdf8 0%, #2563eb 100%) !important;
  box-shadow: 0 8px 18px rgba(37, 99, 235, 0.38) !important;
}

body.stock-calls-page .stock-calls-compliance span::after,
:root[data-theme="light"] body.stock-calls-page .stock-calls-compliance span::after {
  content: "" !important;
  position: absolute !important;
  left: 11px !important;
  top: 50% !important;
  width: 11px !important;
  height: 6px !important;
  border-left: 2.4px solid #ffffff !important;
  border-bottom: 2.4px solid #ffffff !important;
  transform: translateY(-64%) rotate(-45deg) !important;
  transform-origin: center !important;
  background: transparent !important;
  box-shadow: none !important;
}

body .topbar::before,
body .topbar::after {
  content: "" !important;
  opacity: 0 !important;
  animation: none !important;
  background: transparent !important;
  filter: none !important;
  box-shadow: none !important;
}

body .topbar nav .nav-candlestick-link::before,
body .topbar nav .nav-candlestick-link::after,
body .topbar nav .nav-candlestick-link .nav-candle-mark::before,
body .topbar nav .nav-candlestick-link .nav-candle-mark::after {
  content: none !important;
  display: none !important;
  opacity: 0 !important;
  background: transparent !important;
  box-shadow: none !important;
  filter: none !important;
}

body .topbar nav .nav-candlestick-link .nav-candle-mark {
  width: 7px !important;
  height: 18px !important;
  border-radius: 999px !important;
  background: linear-gradient(180deg, #34d399 0%, #10b981 100%) !important;
  box-shadow: 0 0 8px rgba(16, 185, 129, 0.58) !important;
  filter: none !important;
}

/* EOF authority: exact Stock Calls SEBI badge and no topbar white streak. */
body.stock-calls-page .stock-calls-compliance,
:root[data-theme="light"] body.stock-calls-page .stock-calls-compliance {
  display: inline-flex !important;
  align-items: center !important;
  gap: 8px !important;
  color: #dbeafe !important;
  -webkit-text-fill-color: #dbeafe !important;
  background: transparent !important;
  border: 0 !important;
  box-shadow: none !important;
  text-shadow: none !important;
}

body.stock-calls-page .stock-calls-compliance span,
:root[data-theme="light"] body.stock-calls-page .stock-calls-compliance span,
body.stock-calls-page .stock-calls-compliance strong,
:root[data-theme="light"] body.stock-calls-page .stock-calls-compliance strong {
  color: #dbeafe !important;
  -webkit-text-fill-color: #dbeafe !important;
  background: transparent !important;
  border: 0 !important;
  box-shadow: none !important;
  padding: 0 !important;
  text-shadow: none !important;
}

body.stock-calls-page .stock-calls-compliance span {
  display: inline-flex !important;
  align-items: center !important;
  gap: 8px !important;
}

body.stock-calls-page .stock-calls-compliance span::before,
:root[data-theme="light"] body.stock-calls-page .stock-calls-compliance span::before {
  content: "\2713" !important;
  display: inline-grid !important;
  place-items: center !important;
  width: 34px !important;
  height: 34px !important;
  border-radius: 999px !important;
  color: #ffffff !important;
  -webkit-text-fill-color: #ffffff !important;
  background: linear-gradient(135deg, #38bdf8 0%, #2563eb 100%) !important;
  border: 0 !important;
  box-shadow: 0 8px 18px rgba(37, 99, 235, 0.38) !important;
  margin: 0 !important;
  text-shadow: none !important;
}

body .topbar::before {
  opacity: 0 !important;
  animation: none !important;
  background: transparent !important;
  filter: none !important;
}

body .topbar nav .nav-candlestick-link::before,
body .topbar nav .nav-candlestick-link::after,
body .topbar nav .nav-candlestick-link .nav-candle-mark::before,
body .topbar nav .nav-candlestick-link .nav-candle-mark::after {
  content: none !important;
  display: none !important;
}

body .topbar nav .nav-candlestick-link .nav-candle-mark {
  width: 7px !important;
  height: 18px !important;
  border-radius: 999px !important;
  background: linear-gradient(180deg, #34d399 0%, #10b981 100%) !important;
  box-shadow: 0 0 8px rgba(16, 185, 129, 0.58) !important;
}

/* True final overrides: exact Stock Calls SEBI badge and no topbar white streak. */
body.stock-calls-page .stock-calls-compliance,
:root[data-theme="light"] body.stock-calls-page .stock-calls-compliance {
  display: inline-flex !important;
  align-items: center !important;
  gap: 8px !important;
  color: #dbeafe !important;
  -webkit-text-fill-color: #dbeafe !important;
  background: transparent !important;
  border: 0 !important;
  box-shadow: none !important;
  text-shadow: none !important;
}

body.stock-calls-page .stock-calls-compliance span,
:root[data-theme="light"] body.stock-calls-page .stock-calls-compliance span {
  display: inline-flex !important;
  align-items: center !important;
  gap: 8px !important;
  color: #dbeafe !important;
  -webkit-text-fill-color: #dbeafe !important;
  background: transparent !important;
  border: 0 !important;
  box-shadow: none !important;
  padding: 0 !important;
  text-shadow: none !important;
}

body.stock-calls-page .stock-calls-compliance strong,
:root[data-theme="light"] body.stock-calls-page .stock-calls-compliance strong {
  color: #dbeafe !important;
  -webkit-text-fill-color: #dbeafe !important;
  background: transparent !important;
  border: 0 !important;
  box-shadow: none !important;
  padding: 0 !important;
  text-shadow: none !important;
}

body.stock-calls-page .stock-calls-compliance span::before,
:root[data-theme="light"] body.stock-calls-page .stock-calls-compliance span::before {
  content: "\2713" !important;
  display: inline-grid !important;
  place-items: center !important;
  width: 34px !important;
  height: 34px !important;
  border-radius: 999px !important;
  color: #ffffff !important;
  -webkit-text-fill-color: #ffffff !important;
  background: linear-gradient(135deg, #38bdf8 0%, #2563eb 100%) !important;
  border: 0 !important;
  box-shadow: 0 8px 18px rgba(37, 99, 235, 0.38) !important;
  margin: 0 !important;
  text-shadow: none !important;
}

body .topbar::before {
  opacity: 0 !important;
  animation: none !important;
  background: transparent !important;
  filter: none !important;
}

body .topbar nav .nav-candlestick-link::before,
body .topbar nav .nav-candlestick-link::after,
body .topbar nav .nav-candlestick-link .nav-candle-mark::before,
body .topbar nav .nav-candlestick-link .nav-candle-mark::after {
  content: none !important;
  display: none !important;
}

body .topbar nav .nav-candlestick-link .nav-candle-mark {
  width: 7px !important;
  height: 18px !important;
  border-radius: 999px !important;
  background: linear-gradient(180deg, #34d399 0%, #10b981 100%) !important;
  box-shadow: 0 0 8px rgba(16, 185, 129, 0.58) !important;
}

/* Last-pass fixes: stock calls SEBI should match the home badge, and no candle glare. */
body.stock-calls-page .stock-calls-compliance,
:root[data-theme="light"] body.stock-calls-page .stock-calls-compliance {
  display: inline-flex !important;
  align-items: center !important;
  gap: 8px !important;
  color: #2563eb !important;
  -webkit-text-fill-color: #2563eb !important;
  background: transparent !important;
  border: 0 !important;
  box-shadow: none !important;
  text-shadow: none !important;
}

body.stock-calls-page .stock-calls-compliance span,
:root[data-theme="light"] body.stock-calls-page .stock-calls-compliance span {
  display: inline-flex !important;
  align-items: center !important;
  gap: 8px !important;
  color: #2563eb !important;
  -webkit-text-fill-color: #2563eb !important;
  background: transparent !important;
  border: 0 !important;
  box-shadow: none !important;
  padding: 0 !important;
  text-shadow: none !important;
}

body.stock-calls-page .stock-calls-compliance strong,
:root[data-theme="light"] body.stock-calls-page .stock-calls-compliance strong {
  color: #020617 !important;
  -webkit-text-fill-color: #020617 !important;
  background: transparent !important;
  border: 0 !important;
  box-shadow: none !important;
  padding: 0 !important;
  text-shadow: none !important;
}

body.stock-calls-page .stock-calls-compliance span::before,
:root[data-theme="light"] body.stock-calls-page .stock-calls-compliance span::before {
  content: "\2713" !important;
  display: inline-grid !important;
  place-items: center !important;
  width: 28px !important;
  height: 28px !important;
  border-radius: 999px !important;
  color: #ffffff !important;
  -webkit-text-fill-color: #ffffff !important;
  background: linear-gradient(135deg, #38bdf8 0%, #2563eb 100%) !important;
  border: 0 !important;
  box-shadow: 0 8px 18px rgba(37, 99, 235, 0.28) !important;
  margin: 0 !important;
  text-shadow: none !important;
}

body .topbar nav .nav-candlestick-link,
body .topbar nav .nav-candlestick-link:hover,
body .topbar nav .nav-candlestick-link:focus-visible {
  overflow: visible !important;
  filter: none !important;
  box-shadow: none !important;
}

body .topbar nav .nav-candlestick-link::before,
body .topbar nav .nav-candlestick-link::after,
body .topbar nav .nav-candlestick-link .nav-candle-mark::before,
body .topbar nav .nav-candlestick-link .nav-candle-mark::after {
  display: none !important;
  content: none !important;
  background: transparent !important;
  box-shadow: none !important;
  filter: none !important;
}

body .topbar nav .nav-candlestick-link .nav-candle-mark {
  width: 7px !important;
  height: 18px !important;
  border-radius: 999px !important;
  background: linear-gradient(180deg, #34d399 0%, #10b981 100%) !important;
  box-shadow: 0 0 8px rgba(16, 185, 129, 0.58) !important;
  filter: none !important;
}

/* Final theme visibility lock: Upgrade, SEBI, and stock-call controls. */
body .topbar nav {
  gap: clamp(8px, 0.72vw, 14px) !important;
}

body .topbar nav .nav-subscribe,
body .topbar nav .nav-subscribe:visited,
body .topbar nav .nav-subscribe:hover,
body .topbar nav .nav-subscribe:focus-visible,
body .topbar nav .nav-subscribe.active,
body .topbar nav .nav-subscribe[aria-current="page"],
:root[data-theme="light"] body .topbar nav .nav-subscribe,
:root[data-theme="light"] body .topbar nav .nav-subscribe:visited,
:root[data-theme="light"] body .topbar nav .nav-subscribe:hover,
:root[data-theme="light"] body .topbar nav .nav-subscribe:focus-visible,
:root[data-theme="light"] body .topbar nav .nav-subscribe.active,
:root[data-theme="light"] body .topbar nav .nav-subscribe[aria-current="page"] {
  display: inline-flex !important;
  flex: 0 0 auto !important;
  align-items: center !important;
  justify-content: center !important;
  order: 7 !important;
  min-width: max-content !important;
  max-width: none !important;
  padding: 0 !important;
  margin: 0 !important;
  color: #ffbd24 !important;
  -webkit-text-fill-color: #ffbd24 !important;
  background: transparent !important;
  border: 0 !important;
  box-shadow: none !important;
  filter: none !important;
  opacity: 1 !important;
  overflow: visible !important;
  text-shadow: 0 0 14px rgba(255, 189, 36, 0.32) !important;
  transform: none !important;
  visibility: visible !important;
  white-space: nowrap !important;
}

body .topbar nav .nav-candlestick-link {
  order: 6 !important;
}

body.stock-calls-page .stock-calls-tabs button,
body.stock-calls-page .stock-calls-tabs button:not(.is-active),
:root[data-theme="light"] body.stock-calls-page .stock-calls-tabs button,
:root[data-theme="light"] body.stock-calls-page .stock-calls-tabs button:not(.is-active) {
  color: #020617 !important;
  -webkit-text-fill-color: #020617 !important;
  background: linear-gradient(135deg, #ff9f1a 0%, #ffe000 47%, #34d058 100%) !important;
  border-color: rgba(52, 211, 153, 0.7) !important;
  box-shadow: 0 14px 28px rgba(255, 159, 26, 0.16) !important;
  filter: none !important;
  opacity: 1 !important;
  text-shadow: none !important;
  visibility: visible !important;
}

body.stock-calls-page .stock-calls-tabs button:hover,
body.stock-calls-page .stock-calls-tabs button:focus-visible,
:root[data-theme="light"] body.stock-calls-page .stock-calls-tabs button:hover,
:root[data-theme="light"] body.stock-calls-page .stock-calls-tabs button:focus-visible {
  color: #020617 !important;
  -webkit-text-fill-color: #020617 !important;
  background: linear-gradient(135deg, #ff9f1a 0%, #ffe000 47%, #34d058 100%) !important;
}

body.stock-calls-page .stock-calls-compliance,
:root[data-theme="light"] body.stock-calls-page .stock-calls-compliance {
  color: #020617 !important;
  -webkit-text-fill-color: #020617 !important;
  background: transparent !important;
  border: 0 !important;
  box-shadow: none !important;
  text-shadow: none !important;
}

body.stock-calls-page .stock-calls-compliance span,
body.stock-calls-page .stock-calls-compliance strong,
:root[data-theme="light"] body.stock-calls-page .stock-calls-compliance span,
:root[data-theme="light"] body.stock-calls-page .stock-calls-compliance strong {
  color: #020617 !important;
  -webkit-text-fill-color: #020617 !important;
  background: transparent !important;
  border: 0 !important;
  box-shadow: none !important;
  padding: 0 !important;
  text-shadow: none !important;
}

body.stock-calls-page .stock-calls-compliance span::before,
:root[data-theme="light"] body.stock-calls-page .stock-calls-compliance span::before {
  color: #020617 !important;
  -webkit-text-fill-color: #020617 !important;
  background: transparent !important;
  border: 0 !important;
  border-radius: 0 !important;
  box-shadow: none !important;
  text-shadow: none !important;
  width: auto !important;
  height: auto !important;
}

/* Final visible theme fixes: Upgrade nav, stock-call toggles, and SEBI text. */
body .topbar nav .nav-subscribe,
body .topbar nav .nav-subscribe:visited,
body .topbar nav .nav-subscribe:hover,
body .topbar nav .nav-subscribe:focus-visible,
body .topbar nav .nav-subscribe.active,
body .topbar nav .nav-subscribe[aria-current="page"],
:root[data-theme="light"] body .topbar nav .nav-subscribe,
:root[data-theme="light"] body .topbar nav .nav-subscribe:visited,
:root[data-theme="light"] body .topbar nav .nav-subscribe:hover,
:root[data-theme="light"] body .topbar nav .nav-subscribe:focus-visible,
:root[data-theme="light"] body .topbar nav .nav-subscribe.active,
:root[data-theme="light"] body .topbar nav .nav-subscribe[aria-current="page"] {
  display: inline-flex !important;
  align-items: center !important;
  justify-content: center !important;
  color: #ffbd24 !important;
  opacity: 1 !important;
  visibility: visible !important;
  background: transparent !important;
  border: 0 !important;
  box-shadow: none !important;
  text-shadow: 0 0 14px rgba(255, 189, 36, 0.36) !important;
  font-weight: 950 !important;
}

body .topbar nav .nav-subscribe {
  order: 7 !important;
}

body .topbar nav .nav-analyst {
  order: 8 !important;
}

body .topbar nav .notification-button {
  order: 9 !important;
}

body .topbar nav .profile-menu {
  order: 10 !important;
}

body.stock-calls-page .stock-calls-tabs button,
:root[data-theme="light"] body.stock-calls-page .stock-calls-tabs button {
  color: #020617 !important;
  background: linear-gradient(135deg, #ff9f1a 0%, #ffe000 48%, #34d058 100%) !important;
  border-color: rgba(52, 211, 153, 0.78) !important;
  box-shadow: 0 14px 28px rgba(255, 159, 26, 0.18) !important;
  opacity: 1 !important;
  visibility: visible !important;
}

body.stock-calls-page .stock-calls-tabs button:not(.is-active),
:root[data-theme="light"] body.stock-calls-page .stock-calls-tabs button:not(.is-active) {
  color: #020617 !important;
  background: linear-gradient(135deg, #fbbf24 0%, #d9df24 48%, #58c94d 100%) !important;
  border-color: rgba(148, 163, 184, 0.38) !important;
  box-shadow: none !important;
  filter: saturate(0.88) brightness(0.96) !important;
}

body.stock-calls-page .stock-calls-tabs button:hover,
body.stock-calls-page .stock-calls-tabs button:focus-visible,
:root[data-theme="light"] body.stock-calls-page .stock-calls-tabs button:hover,
:root[data-theme="light"] body.stock-calls-page .stock-calls-tabs button:focus-visible {
  color: #020617 !important;
  filter: saturate(1.06) brightness(1.03) !important;
}

body.stock-calls-page .stock-calls-compliance,
:root[data-theme="light"] body.stock-calls-page .stock-calls-compliance {
  color: #020617 !important;
  background: transparent !important;
  border: 0 !important;
  box-shadow: none !important;
  text-shadow: none !important;
}

body.stock-calls-page .stock-calls-compliance span,
body.stock-calls-page .stock-calls-compliance strong,
:root[data-theme="light"] body.stock-calls-page .stock-calls-compliance span,
:root[data-theme="light"] body.stock-calls-page .stock-calls-compliance strong {
  color: #020617 !important;
  background: transparent !important;
  border: 0 !important;
  padding: 0 !important;
  box-shadow: none !important;
  text-shadow: none !important;
}

body.stock-calls-page .stock-calls-compliance span::before,
:root[data-theme="light"] body.stock-calls-page .stock-calls-compliance span::before {
  color: #020617 !important;
  background: transparent !important;
  width: auto !important;
  height: auto !important;
  border-radius: 0 !important;
  box-shadow: none !important;
  margin-right: 8px !important;
}

/* Final upgrade-name/theme restore for stock calls and SEBI labels. */
body .topbar nav .nav-subscribe,
body .topbar nav .nav-subscribe:visited,
body .topbar nav .nav-subscribe:hover,
body .topbar nav .nav-subscribe:focus-visible,
body .topbar nav .nav-subscribe.active,
body .topbar nav .nav-subscribe[aria-current="page"] {
  opacity: 1 !important;
  visibility: visible !important;
}

body .topbar nav .nav-analyst,
body .topbar nav .nav-analyst:visited,
body .topbar nav .nav-analyst:hover,
body .topbar nav .nav-analyst:focus-visible,
body .nav-analyst {
  opacity: 1 !important;
  visibility: visible !important;
}

body .market-clock .sebi-inline-badge,
body.stock-calls-page .stock-calls-compliance {
  color: #dbeafe !important;
  background: transparent !important;
  border: 0 !important;
  box-shadow: none !important;
  gap: 8px !important;
}

body .market-clock .sebi-inline-badge i,
body.stock-calls-page .stock-calls-compliance span::before {
  display: inline-grid !important;
  place-items: center !important;
  width: 28px !important;
  height: 28px !important;
  border-radius: 999px !important;
  color: #ffffff !important;
  background: linear-gradient(135deg, #38bdf8 0%, #2563eb 100%) !important;
  box-shadow: 0 8px 18px rgba(37, 99, 235, 0.38) !important;
}

body.stock-calls-page .stock-calls-compliance span::before {
  content: "" !important;
  display: inline-block !important;
  width: 34px !important;
  height: 34px !important;
  flex: 0 0 34px !important;
  margin: 0 !important;
  border-radius: 999px !important;
  background: linear-gradient(135deg, #38bdf8 0%, #2563eb 100%) !important;
  box-shadow: 0 8px 18px rgba(37, 99, 235, 0.38) !important;
}

body .market-clock .sebi-inline-badge,
body .market-clock .sebi-inline-badge b,
body.stock-calls-page .stock-calls-compliance span,
body.stock-calls-page .stock-calls-compliance strong {
  color: #dbeafe !important;
  -webkit-text-fill-color: #dbeafe !important;
  font-weight: 950 !important;
  letter-spacing: 0 !important;
  background: transparent !important;
  border: 0 !important;
  padding: 0 !important;
  box-shadow: none !important;
  text-shadow: 0 0 12px rgba(59, 130, 246, 0.28) !important;
}

:root[data-theme="light"] body .market-clock .sebi-inline-badge,
:root[data-theme="light"] body .market-clock .sebi-inline-badge b {
  color: #075985 !important;
  -webkit-text-fill-color: #075985 !important;
  text-shadow: none !important;
}

:root[data-theme="light"] body.stock-calls-page .stock-calls-compliance span,
:root[data-theme="light"] body.stock-calls-page .stock-calls-compliance strong {
  color: #075985 !important;
  -webkit-text-fill-color: #075985 !important;
  text-shadow: none !important;
}
.floating-support-ticket {
  align-self: flex-start;
  margin: 0 12px 12px;
  padding: 8px 11px;
  border: 1px solid #2d8df0;
  border-radius: 6px;
  background: #126bc4;
  color: #fff;
  font: inherit;
  font-weight: 700;
  cursor: pointer;
}

:root[data-theme="light"] body.stock-calls-page .stock-calls-compliance span::before {
  content: "\2713" !important;
  display: inline-grid !important;
  place-items: center !important;
  width: 28px !important;
  height: 28px !important;
  flex: 0 0 28px !important;
  margin: 0 8px 0 0 !important;
  border: 0 !important;
  border-radius: 50% !important;
  background: #2563eb !important;
  color: #ffffff !important;
  -webkit-text-fill-color: #ffffff !important;
  font-size: 18px !important;
  line-height: 1 !important;
  transform: none !important;
  box-shadow: none !important;
}

:root[data-theme="light"] body.stock-calls-page .stock-calls-compliance span::after {
  content: none !important;
  display: none !important;
}

body.stock-calls-page .stock-calls-tabs button {
  color: #cbd5e1 !important;
  background: rgba(15, 23, 42, 0.96) !important;
  border: 1px solid rgba(96, 165, 250, 0.34) !important;
  opacity: 1 !important;
  visibility: visible !important;
  text-shadow: none !important;
}

body.stock-calls-page .stock-calls-tabs button:hover,
body.stock-calls-page .stock-calls-tabs button:focus-visible {
  color: #ffffff !important;
  border-color: rgba(56, 189, 248, 0.74) !important;
}

body.stock-calls-page .stock-calls-tabs button.is-active {
  color: #07111f !important;
  background: linear-gradient(135deg, #ff9f1a 0%, #ffe000 47%, #34d058 100%) !important;
  border-color: rgba(52, 211, 153, 0.62) !important;
  box-shadow: 0 16px 34px rgba(255, 159, 26, 0.2) !important;
}

:root[data-theme="light"] body.stock-calls-page .stock-calls-tabs button {
  color: #0f172a !important;
  background: #ffffff !important;
  border-color: #cbd5e1 !important;
}

:root[data-theme="light"] body.stock-calls-page .stock-calls-tabs button:hover,
:root[data-theme="light"] body.stock-calls-page .stock-calls-tabs button:focus-visible {
  color: #020617 !important;
  background: #f8fafc !important;
  border-color: #60a5fa !important;
}

:root[data-theme="light"] body.stock-calls-page .stock-calls-tabs button.is-active {
  color: #020617 !important;
  background: linear-gradient(135deg, #ff9f1a 0%, #ffe000 47%, #34d058 100%) !important;
  border-color: rgba(52, 211, 153, 0.7) !important;
}

body.stock-calls-page .stock-call-action,
body.stock-calls-page .stock-call-status.target {
  color: #dcfce7 !important;
  background: rgba(20, 83, 45, 0.92) !important;
  border-color: rgba(74, 222, 128, 0.45) !important;
}

body.stock-calls-page .stock-call-action.sell,
body.stock-calls-page .stock-call-status.stop,
body.stock-calls-page .stock-call-status.exit {
  color: #ffe4e6 !important;
  background: rgba(127, 29, 29, 0.92) !important;
  border-color: rgba(251, 113, 133, 0.45) !important;
}

:root[data-theme="light"] body.stock-calls-page .stock-call-action,
:root[data-theme="light"] body.stock-calls-page .stock-call-status.target {
  color: #ffffff !important;
  background: #15803d !important;
  border-color: #16a34a !important;
}

:root[data-theme="light"] body.stock-calls-page .stock-call-action.sell,
:root[data-theme="light"] body.stock-calls-page .stock-call-status.stop,
:root[data-theme="light"] body.stock-calls-page .stock-call-status.exit {
  color: #ffffff !important;
  background: #b91c1c !important;
  border-color: #dc2626 !important;
}

:root[data-theme="light"] body.stock-calls-page .stock-call-live-level.positive strong,
:root[data-theme="light"] body.stock-calls-page .stock-call-level-grid .positive {
  color: #15803d !important;
}

:root[data-theme="light"] body.stock-calls-page .stock-call-live-level.negative strong,
:root[data-theme="light"] body.stock-calls-page .stock-call-level-grid .negative {
  color: #be123c !important;
}


/* Absolute EOF: slim candlestick marker matching the reference image. */
html body .topbar nav a.nav-candlestick-link .nav-candle-mark,
html:root[data-theme="light"] body .topbar nav a.nav-candlestick-link .nav-candle-mark {
  position: relative !important;
  display: inline-block !important;
  width: 6px !important;
  height: 18px !important;
  margin-left: 2px !important;
  border-radius: 3px !important;
  background: linear-gradient(180deg, #34d399 0%, #22c55e 55%, #16a34a 100%) !important;
  box-shadow: 0 0 7px rgba(34, 197, 94, 0.58) !important;
  filter: none !important;
  overflow: visible !important;
}

html body .topbar nav a.nav-candlestick-link .nav-candle-mark::before,
html:root[data-theme="light"] body .topbar nav a.nav-candlestick-link .nav-candle-mark::before {
  content: "" !important;
  display: block !important;
  position: absolute !important;
  left: 50% !important;
  top: -6px !important;
  width: 2px !important;
  height: 30px !important;
  border-radius: 2px !important;
  background: #22c55e !important;
  box-shadow: 0 0 5px rgba(34, 197, 94, 0.42) !important;
  transform: translateX(-50%) !important;
  z-index: -1 !important;
}

html body .topbar nav a.nav-candlestick-link .nav-candle-mark::after,
html:root[data-theme="light"] body .topbar nav a.nav-candlestick-link .nav-candle-mark::after {
  content: none !important;
  display: none !important;
}

/* Upgrade-page topbar layout lock. */

html body.upgrade-page .topbar {
  display: grid !important;
  grid-template-columns: 260px minmax(220px, 360px) minmax(0, 1fr) !important;
  column-gap: 18px !important;
  align-items: center !important;
  overflow: visible !important;
}

html body.upgrade-page .topbar .brand {
  grid-column: 1 !important;
  min-width: 0 !important;
}

html body.upgrade-page .topbar .brand-wordmark {
  width: min(240px, 100%) !important;
}

html body.upgrade-page .topbar .topbar-search {
  grid-column: 2 !important;
  width: 100% !important;
  max-width: 360px !important;
  min-width: 0 !important;
  margin: 0 !important;
}

html body.upgrade-page .topbar nav {
  grid-column: 3 !important;
  display: flex !important;
  flex-wrap: nowrap !important;
  justify-content: flex-start !important;
  align-items: center !important;
  min-width: 0 !important;
  margin-left: 0 !important;
  gap: clamp(7px, 0.52vw, 10px) !important;
  overflow: visible !important;
}

html body.upgrade-page .topbar nav > * {
  flex: 0 0 auto !important;
}

html body.upgrade-page .topbar nav a {
  font-size: clamp(13px, 0.78vw, 15px) !important;
  white-space: nowrap !important;
}

html body.upgrade-page .topbar nav .nav-subscribe {
  min-width: auto !important;
  padding-left: 8px !important;
  padding-right: 8px !important;
}

html body.upgrade-page .topbar nav .nav-analyst {
  min-width: 128px !important;
  padding-left: 16px !important;
  padding-right: 16px !important;
}

@media (max-width: 1440px) {
  html body.upgrade-page .topbar {
    grid-template-columns: minmax(190px, 230px) minmax(180px, 300px) minmax(0, 1fr) !important;
    column-gap: 12px !important;
  }

  html body.upgrade-page .topbar nav {
    gap: 7px !important;
  }

  html body.upgrade-page .topbar nav .nav-analyst {
    min-width: 116px !important;
    padding-left: 12px !important;
    padding-right: 12px !important;
  }
}

/* EOF exact candlestick marker: slim body with top and bottom wicks. */
html body .topbar nav a.nav-candlestick-link .nav-candle-mark,
html:root[data-theme="light"] body .topbar nav a.nav-candlestick-link .nav-candle-mark {
  position: relative !important;
  display: inline-block !important;
  width: 7px !important;
  height: 18px !important;
  margin-left: 3px !important;
  border-radius: 4px !important;
  background: linear-gradient(180deg, #36d87b 0%, #24cc6a 52%, #18b75a 100%) !important;
  box-shadow: 0 0 8px rgba(34, 197, 94, 0.42) !important;
  overflow: visible !important;
  filter: none !important;
}

html body .topbar nav a.nav-candlestick-link .nav-candle-mark::before,
html:root[data-theme="light"] body .topbar nav a.nav-candlestick-link .nav-candle-mark::before {
  content: "" !important;
  position: absolute !important;
  left: 50% !important;
  top: -8px !important;
  width: 2px !important;
  height: 8px !important;
  border-radius: 999px !important;
  transform: translateX(-50%) !important;
  background: linear-gradient(180deg, #67e8a3 0%, #34d399 100%) !important;
  box-shadow: 0 0 5px rgba(52, 211, 153, 0.3) !important;
}

html body .topbar nav a.nav-candlestick-link .nav-candle-mark::after,
html:root[data-theme="light"] body .topbar nav a.nav-candlestick-link .nav-candle-mark::after {
  content: "" !important;
  position: absolute !important;
  left: 50% !important;
  bottom: -8px !important;
  width: 2px !important;
  height: 8px !important;
  border-radius: 999px !important;
  transform: translateX(-50%) !important;
  background: linear-gradient(180deg, #18b75a 0%, #1fbf63 100%) !important;
  box-shadow: 0 0 5px rgba(34, 197, 94, 0.26) !important;
}

/* Final override: remove the candle glyph beside Candle Predictor. */
html body .topbar nav a.nav-candlestick-link .nav-candle-mark,
html:root[data-theme="light"] body .topbar nav a.nav-candlestick-link .nav-candle-mark {
  display: none !important;
  width: 0 !important;
  height: 0 !important;
  margin-left: 0 !important;
  padding: 0 !important;
  background: none !important;
  box-shadow: none !important;
  overflow: hidden !important;
}

html body .topbar nav a.nav-candlestick-link .nav-candle-mark::before,
html body .topbar nav a.nav-candlestick-link .nav-candle-mark::after,
html:root[data-theme="light"] body .topbar nav a.nav-candlestick-link .nav-candle-mark::before,
html:root[data-theme="light"] body .topbar nav a.nav-candlestick-link .nav-candle-mark::after {
  content: none !important;
  display: none !important;
}

/* Desktop header lock: keep full navigation aligned on laptop and monitor widths. */
@media (min-width: 1181px) {
  html body .topbar {
    display: grid !important;
    grid-template-columns: minmax(160px, 220px) minmax(190px, 320px) minmax(0, 1fr) !important;
    column-gap: 12px !important;
    min-height: 78px !important;
    padding: 10px 14px !important;
    overflow: visible !important;
  }

  html body .topbar .brand {
    grid-column: 1 !important;
    min-width: 0 !important;
  }

  html body .topbar .brand-wordmark {
    width: 100% !important;
    max-width: 212px !important;
    min-width: 0 !important;
  }

  html body .topbar-search {
    grid-column: 2 !important;
    width: 100% !important;
    max-width: 320px !important;
    min-width: 0 !important;
    justify-self: stretch !important;
  }

  html body .topbar-menu-toggle {
    display: none !important;
  }

  html body .topbar > nav {
    position: static !important;
    grid-column: 3 !important;
    display: flex !important;
    flex-direction: row !important;
    flex-wrap: nowrap !important;
    align-items: center !important;
    justify-content: flex-end !important;
    gap: 7px !important;
    width: 100% !important;
    min-width: 0 !important;
    max-height: none !important;
    padding: 0 !important;
    border: 0 !important;
    border-radius: 0 !important;
    overflow: visible !important;
    background: transparent !important;
    box-shadow: none !important;
    backdrop-filter: none !important;
  }

  html body .topbar > nav > a,
  html body .topbar > nav > button:not(.profile-button) {
    width: auto !important;
    min-width: 0 !important;
    min-height: 38px !important;
    justify-content: center !important;
    padding: 0 7px !important;
    font-size: 14px !important;
    text-align: center !important;
    white-space: nowrap !important;
  }

  html body .topbar nav .nav-analyst {
    min-width: 120px !important;
    padding-left: 12px !important;
    padding-right: 12px !important;
  }

  html body .topbar nav .notification-button {
    width: 38px !important;
    min-width: 38px !important;
    height: 38px !important;
    padding: 0 !important;
  }

  html body .topbar nav .profile-menu,
  html body .topbar nav .profile-button.simple {
    flex: 0 0 auto !important;
  }
}

@media (min-width: 1181px) and (max-width: 1366px) {
  html body .topbar {
    grid-template-columns: 166px 230px minmax(0, 1fr) !important;
    column-gap: 9px !important;
    padding-left: 10px !important;
    padding-right: 10px !important;
  }

  html body .topbar .brand-wordmark {
    max-width: 166px !important;
  }

  html body .topbar-search {
    max-width: 230px !important;
  }

  html body .topbar-search input {
    font-size: 13px !important;
  }

  html body .topbar > nav {
    gap: 4px !important;
  }

  html body .topbar > nav > a,
  html body .topbar > nav > button:not(.profile-button) {
    min-height: 36px !important;
    padding-left: 5px !important;
    padding-right: 5px !important;
    font-size: 13px !important;
  }

  html body .topbar nav .nav-analyst {
    min-width: 104px !important;
    padding-left: 10px !important;
    padding-right: 10px !important;
  }

  html body .topbar nav .notification-button {
    width: 36px !important;
    min-width: 36px !important;
    height: 36px !important;
  }

  html body .topbar .profile-button.simple {
    width: 42px !important;
    min-width: 42px !important;
    height: 42px !important;
  }

  html body .topbar .profile-button.simple span {
    width: 32px !important;
    height: 32px !important;
  }
}

@media (min-width: 981px) and (max-width: 1180px) {
  html body .topbar {
    display: grid !important;
    grid-template-columns: 150px 180px minmax(0, 1fr) !important;
    column-gap: 8px !important;
    min-height: 74px !important;
    padding: 9px 10px !important;
    overflow: visible !important;
  }

  html body .topbar .brand {
    grid-column: 1 !important;
    justify-self: start !important;
    min-width: 0 !important;
  }

  html body .topbar .brand-wordmark {
    width: 150px !important;
    min-width: 0 !important;
  }

  html body .topbar-search {
    grid-column: 2 !important;
    grid-row: 1 !important;
    width: 100% !important;
    max-width: 180px !important;
    min-width: 0 !important;
    justify-self: stretch !important;
  }

  html body .topbar-search input {
    font-size: 12px !important;
    text-overflow: ellipsis !important;
  }

  html body .topbar-menu-toggle {
    display: none !important;
  }

  html body .topbar > nav {
    position: static !important;
    grid-column: 3 !important;
    grid-row: 1 !important;
    display: flex !important;
    flex-direction: row !important;
    flex-wrap: nowrap !important;
    align-items: center !important;
    justify-content: flex-end !important;
    gap: 3px !important;
    width: 100% !important;
    min-width: 0 !important;
    max-height: none !important;
    padding: 0 !important;
    border: 0 !important;
    border-radius: 0 !important;
    overflow: visible !important;
    background: transparent !important;
    box-shadow: none !important;
    backdrop-filter: none !important;
  }

  html body .topbar > nav > a,
  html body .topbar > nav > button:not(.profile-button) {
    width: auto !important;
    min-width: 0 !important;
    min-height: 34px !important;
    justify-content: center !important;
    padding: 0 4px !important;
    font-size: 12px !important;
    text-align: center !important;
    white-space: nowrap !important;
  }

  html body .topbar nav .nav-candlestick-link .nav-candle-text {
    max-width: 94px !important;
    overflow: hidden !important;
    text-overflow: ellipsis !important;
  }

  html body .topbar nav .nav-analyst {
    min-width: 92px !important;
    padding-left: 8px !important;
    padding-right: 8px !important;
  }

  html body .topbar nav .notification-button {
    width: 34px !important;
    min-width: 34px !important;
    height: 34px !important;
    padding: 0 !important;
  }

  html body .topbar .profile-button.simple {
    width: 38px !important;
    min-width: 38px !important;
    height: 38px !important;
  }

  html body .topbar .profile-button.simple span {
    width: 30px !important;
    height: 30px !important;
  }
}

html body .topbar.topbar-fit-compact {
  grid-template-columns: minmax(150px, 190px) minmax(170px, 260px) minmax(0, 1fr) !important;
  column-gap: 8px !important;
  padding-left: 10px !important;
  padding-right: 10px !important;
}

html body .topbar.topbar-fit-compact .brand-wordmark {
  max-width: 190px !important;
}

html body .topbar.topbar-fit-compact .topbar-search {
  max-width: 260px !important;
}

html body .topbar.topbar-fit-compact > nav {
  gap: 4px !important;
}

html body .topbar.topbar-fit-compact > nav > a,
html body .topbar.topbar-fit-compact > nav > button:not(.profile-button) {
  padding-left: 5px !important;
  padding-right: 5px !important;
  font-size: 13px !important;
}

html body .topbar.topbar-fit-tight {
  grid-template-columns: 148px 170px minmax(0, 1fr) !important;
  column-gap: 6px !important;
}

html body .topbar.topbar-fit-tight .brand-wordmark {
  max-width: 148px !important;
}

html body .topbar.topbar-fit-tight .topbar-search {
  max-width: 170px !important;
}

html body .topbar.topbar-fit-tight .topbar-search input {
  font-size: 12px !important;
}

html body .topbar.topbar-fit-tight > nav {
  gap: 2px !important;
}

html body .topbar.topbar-fit-tight > nav > a,
html body .topbar.topbar-fit-tight > nav > button:not(.profile-button) {
  min-height: 34px !important;
  padding-left: 3px !important;
  padding-right: 3px !important;
  font-size: 12px !important;
}

html body .topbar.topbar-fit-tight nav .nav-analyst {
  min-width: 92px !important;
  padding-left: 7px !important;
  padding-right: 7px !important;
}

html body .topbar.topbar-fit-tight nav .notification-button {
  width: 34px !important;
  min-width: 34px !important;
  height: 34px !important;
}

html body .topbar.topbar-fit-tight .profile-button.simple {
  width: 38px !important;
  min-width: 38px !important;
  height: 38px !important;
}

html body .topbar.topbar-fit-menu .topbar-menu-toggle {
  display: grid !important;
}

html body .topbar.topbar-fit-menu > nav {
  position: absolute !important;
  top: calc(100% + 10px) !important;
  right: 12px !important;
  z-index: 1000 !important;
  display: none !important;
  width: min(360px, calc(100vw - 24px)) !important;
  max-height: calc(100dvh - 130px) !important;
  padding: 14px !important;
  border: 1px solid rgba(139, 157, 255, 0.3) !important;
  border-radius: 18px !important;
  overflow-y: auto !important;
  flex-direction: column !important;
  align-items: stretch !important;
  gap: 6px !important;
  background: rgba(8, 13, 31, 0.98) !important;
  box-shadow: 0 24px 60px rgba(0, 0, 0, 0.38) !important;
  backdrop-filter: blur(20px) !important;
}

html body .topbar.topbar-fit-menu.menu-open > nav {
  display: flex !important;
}

html body .topbar.topbar-fit-menu > nav > a,
html body .topbar.topbar-fit-menu > nav > button:not(.profile-button) {
  width: 100% !important;
  min-height: 46px !important;
  justify-content: flex-start !important;
  padding: 10px 14px !important;
  font-size: 14px !important;
  text-align: left !important;
}

/* Final responsive header order and search behavior. */
html body.signed-out .topbar nav .nav-analyst,
html body.signed-out .topbar nav .nav-get-started {
  display: inline-flex !important;
}

html body .topbar nav .nav-analyst {
  order: 8 !important;
}

html body .topbar nav .nav-get-started {
  order: 9 !important;
}

html body .topbar nav .notification-button {
  order: 10 !important;
}

html body .topbar nav .profile-menu {
  order: 11 !important;
}

html body .topbar-search {
  transition: max-width 180ms ease, width 180ms ease, box-shadow 180ms ease !important;
}

html body .topbar-search input::placeholder {
  text-overflow: ellipsis !important;
}

html body .topbar-search:focus-within {
  max-width: min(520px, 42vw) !important;
  z-index: 20 !important;
}

html body .topbar.topbar-fit-compact .topbar-search,
html body .topbar.topbar-fit-tight .topbar-search {
  max-width: 168px !important;
}

html body .topbar.topbar-fit-compact .topbar-search input,
html body .topbar.topbar-fit-tight .topbar-search input {
  font-size: 0 !important;
}

html body .topbar.topbar-fit-compact .topbar-search input::placeholder,
html body .topbar.topbar-fit-tight .topbar-search input::placeholder {
  font-size: 0 !important;
}

html body .topbar.topbar-fit-compact .topbar-search::after,
html body .topbar.topbar-fit-tight .topbar-search::after {
  content: "Search (Ctrl+K)" !important;
  position: absolute !important;
  left: 48px !important;
  top: 50% !important;
  color: rgba(226, 232, 240, 0.9) !important;
  font-size: 13px !important;
  font-weight: 850 !important;
  line-height: 1 !important;
  pointer-events: none !important;
  transform: translateY(-50%) !important;
}

html body .topbar.topbar-fit-compact .topbar-search:focus-within,
html body .topbar.topbar-fit-tight .topbar-search:focus-within {
  max-width: min(520px, calc(100vw - 32px)) !important;
}

html body .topbar.topbar-fit-compact .topbar-search:focus-within input,
html body .topbar.topbar-fit-tight .topbar-search:focus-within input,
html body .topbar.topbar-fit-compact .topbar-search:focus-within input::placeholder,
html body .topbar.topbar-fit-tight .topbar-search:focus-within input::placeholder {
  font-size: 14px !important;
}

html body .topbar.topbar-fit-compact .topbar-search:focus-within::after,
html body .topbar.topbar-fit-tight .topbar-search:focus-within::after {
  content: none !important;
  display: none !important;
}

@media (min-width: 901px) and (max-width: 1180px) {
  html body .topbar {
    grid-template-columns: 144px 156px minmax(0, 1fr) !important;
    column-gap: 6px !important;
  }

  html body .topbar .brand-wordmark {
    width: 144px !important;
  }

  html body .topbar-search {
    max-width: 156px !important;
  }

  html body .topbar-search input {
    font-size: 0 !important;
  }

  html body .topbar-search input::placeholder {
    font-size: 0 !important;
  }

  html body .topbar-search::after {
    content: "Search" !important;
    position: absolute !important;
    left: 48px !important;
    top: 50% !important;
    color: rgba(226, 232, 240, 0.9) !important;
    font-size: 13px !important;
    font-weight: 850 !important;
    pointer-events: none !important;
    transform: translateY(-50%) !important;
  }

  html body .topbar-search:focus-within {
    max-width: min(520px, calc(100vw - 32px)) !important;
  }

  html body .topbar-search:focus-within input,
  html body .topbar-search:focus-within input::placeholder {
    font-size: 14px !important;
  }

  html body .topbar-search:focus-within::after {
    content: none !important;
    display: none !important;
  }

  html body .topbar > nav > a,
  html body .topbar > nav > button:not(.profile-button) {
    min-height: 34px !important;
    padding-left: 3px !important;
    padding-right: 3px !important;
    font-size: 12px !important;
  }

  html body .topbar nav .nav-analyst,
  html body .topbar nav .nav-get-started {
    min-width: 88px !important;
    padding-left: 7px !important;
    padding-right: 7px !important;
  }
}

/* Absolute topbar fit: one baseline, compact search, no wasted utility spacing. */
@media (min-width: 901px) {
  html body .topbar {
    display: grid !important;
    grid-template-columns: clamp(168px, 13vw, 240px) clamp(172px, 18vw, 300px) minmax(760px, 1fr) !important;
    align-items: center !important;
    gap: clamp(8px, 1vw, 18px) !important;
    min-height: 84px !important;
    padding: 10px clamp(12px, 1.5vw, 32px) !important;
    overflow: visible !important;
  }

  html body .topbar .brand {
    grid-column: 1 !important;
    align-self: center !important;
    justify-self: start !important;
    display: inline-flex !important;
    align-items: center !important;
    min-width: 0 !important;
    margin: 0 !important;
    padding: 0 !important;
  }

  html body .topbar .brand-wordmark {
    display: block !important;
    width: 100% !important;
    max-width: 240px !important;
    height: auto !important;
    min-width: 0 !important;
  }

  html body .topbar-search {
    position: relative !important;
    grid-column: 2 !important;
    align-self: center !important;
    justify-self: stretch !important;
    width: 100% !important;
    max-width: 300px !important;
    min-width: 0 !important;
    height: 46px !important;
    margin: 0 !important;
  }

  html body .topbar-search input {
    height: 100% !important;
    min-width: 0 !important;
    font-size: 14px !important;
    line-height: 1 !important;
  }

  html body .topbar-search:focus-within {
    max-width: min(520px, 46vw) !important;
  }

  html body .topbar > nav {
    position: static !important;
    grid-column: 3 !important;
    align-self: center !important;
    justify-self: stretch !important;
    display: flex !important;
    flex-flow: row nowrap !important;
    align-items: center !important;
    justify-content: space-between !important;
    gap: clamp(6px, 0.68vw, 14px) !important;
    width: 100% !important;
    min-width: 0 !important;
    height: 52px !important;
    max-height: 52px !important;
    padding: 0 !important;
    margin: 0 !important;
    border: 0 !important;
    background: transparent !important;
    box-shadow: none !important;
    overflow: visible !important;
  }

  html body .topbar > nav > a,
  html body .topbar > nav > button:not(.profile-button) {
    align-self: center !important;
    display: inline-flex !important;
    align-items: center !important;
    justify-content: center !important;
    flex: 0 0 auto !important;
    width: auto !important;
    min-width: 0 !important;
    height: 42px !important;
    min-height: 42px !important;
    max-height: 42px !important;
    padding: 0 clamp(5px, 0.52vw, 10px) !important;
    margin: 0 !important;
    border-top-width: 0 !important;
    border-bottom-width: 0 !important;
    font-size: clamp(12px, 0.78vw, 15px) !important;
    line-height: 1 !important;
    white-space: nowrap !important;
    transform: none !important;
  }

  html body .topbar > nav > a::after {
    bottom: 5px !important;
  }

  html body .topbar nav .nav-subscribe {
    order: 7 !important;
    color: #ffbd24 !important;
  }

  html body .topbar nav .nav-analyst {
    order: 8 !important;
    min-width: clamp(104px, 7.4vw, 132px) !important;
    height: 48px !important;
    min-height: 48px !important;
    padding-left: clamp(10px, 0.85vw, 16px) !important;
    padding-right: clamp(10px, 0.85vw, 16px) !important;
  }

  html body .topbar nav .nav-get-started {
    order: 9 !important;
    min-width: clamp(94px, 6.6vw, 116px) !important;
    height: 48px !important;
    min-height: 48px !important;
    padding-left: clamp(10px, 0.85vw, 16px) !important;
    padding-right: clamp(10px, 0.85vw, 16px) !important;
  }

  html body .topbar nav .notification-button {
    order: 10 !important;
    width: 42px !important;
    min-width: 42px !important;
    height: 42px !important;
    min-height: 42px !important;
    margin: 0 !important;
    padding: 0 !important;
  }

  html body .topbar nav .profile-menu {
    order: 11 !important;
    align-self: center !important;
    display: inline-flex !important;
    align-items: center !important;
    flex: 0 0 auto !important;
    margin: 0 !important;
  }

  html body .topbar nav .profile-button.simple {
    width: 48px !important;
    min-width: 48px !important;
    height: 48px !important;
    min-height: 48px !important;
    margin: 0 !important;
    padding: 0 !important;
  }

  html body .topbar nav .profile-button.simple span {
    width: 36px !important;
    height: 36px !important;
  }

  html body.signed-out .topbar nav .nav-get-started:not([hidden]) {
    display: inline-flex !important;
  }
}

@media (min-width: 901px) and (max-width: 1440px) {
  html body .topbar {
    grid-template-columns: clamp(154px, 13vw, 190px) clamp(150px, 14vw, 204px) minmax(650px, 1fr) !important;
    gap: 8px !important;
    padding-left: 10px !important;
    padding-right: 10px !important;
  }

  html body .topbar .brand-wordmark {
    max-width: 190px !important;
  }

  html body .topbar-search {
    max-width: 204px !important;
  }

  html body .topbar-search input,
  html body .topbar-search input::placeholder {
    font-size: 0 !important;
  }

  html body .topbar-search::after {
    content: "Search (Ctrl+K)" !important;
    position: absolute !important;
    left: 48px !important;
    top: 50% !important;
    color: rgba(226, 232, 240, 0.9) !important;
    font-size: 13px !important;
    font-weight: 850 !important;
    line-height: 1 !important;
    pointer-events: none !important;
    transform: translateY(-50%) !important;
  }

  html body .topbar-search:focus-within {
    max-width: min(520px, calc(100vw - 32px)) !important;
  }

  html body .topbar-search:focus-within input,
  html body .topbar-search:focus-within input::placeholder {
    font-size: 14px !important;
  }

  html body .topbar-search:focus-within::after {
    content: none !important;
    display: none !important;
  }

  html body .topbar > nav {
    justify-content: space-between !important;
    gap: 5px !important;
  }

  html body .topbar > nav > a,
  html body .topbar > nav > button:not(.profile-button) {
    height: 38px !important;
    min-height: 38px !important;
    max-height: 38px !important;
    padding-left: 4px !important;
    padding-right: 4px !important;
    font-size: 13px !important;
  }

  html body .topbar nav .nav-analyst,
  html body .topbar nav .nav-get-started {
    height: 44px !important;
    min-height: 44px !important;
  }

  html body .topbar nav .nav-analyst {
    min-width: 108px !important;
  }

  html body .topbar nav .nav-get-started {
    min-width: 98px !important;
  }

  html body .topbar nav .notification-button {
    width: 38px !important;
    min-width: 38px !important;
    height: 38px !important;
    min-height: 38px !important;
  }

  html body .topbar nav .profile-button.simple {
    width: 44px !important;
    min-width: 44px !important;
    height: 44px !important;
    min-height: 44px !important;
  }

  html body .topbar nav .profile-button.simple span {
    width: 34px !important;
    height: 34px !important;
  }
}

/* Mobile application header and detailed-analysis layout. */
@media (max-width: 680px) {
  html body.has-topbar { padding-top: 68px !important; }

  html body .topbar {
    position: fixed !important;
    top: 0 !important;
    left: 0 !important;
    right: 0 !important;
    grid-template-columns: minmax(0, 1fr) 44px auto 44px !important;
    grid-template-rows: 50px !important;
    align-items: center !important;
    gap: 7px !important;
    min-height: 68px !important;
    height: 68px !important;
    padding: 9px 10px !important;
    z-index: 100 !important;
  }

  html body .topbar .brand { grid-column: 1 !important; grid-row: 1 !important; min-width: 0 !important; }
  html body .topbar .brand-wordmark { width: min(42vw, 168px) !important; max-width: 100% !important; }

  html body .topbar-search {
    grid-column: 2 !important;
    grid-row: 1 !important;
    position: relative !important;
    width: 44px !important;
    min-width: 44px !important;
    height: 44px !important;
    margin: 0 !important;
    border-radius: 12px !important;
    overflow: visible !important;
  }

  html body .topbar-search input {
    position: absolute !important;
    inset: 0 !important;
    width: 44px !important;
    height: 44px !important;
    padding: 0 !important;
    border: 0 !important;
    color: transparent !important;
    caret-color: transparent !important;
    background: transparent !important;
    cursor: pointer !important;
  }

  html body .topbar-search input::placeholder { color: transparent !important; }
  html body .topbar-search-icon { position: absolute !important; left: 50% !important; top: 50% !important; transform: translate(-50%, -50%) !important; pointer-events: none !important; }

  html body .topbar-search:focus-within {
    position: absolute !important;
    top: calc(100% + 8px) !important;
    left: 10px !important;
    right: 10px !important;
    width: auto !important;
    max-width: none !important;
    height: 52px !important;
    padding: 0 !important;
    border-radius: 14px !important;
    z-index: 1002 !important;
  }

  html body .topbar-search:focus-within input {
    width: 100% !important;
    height: 52px !important;
    padding: 0 86px 0 54px !important;
    color: var(--text) !important;
    caret-color: currentColor !important;
    background: var(--panel-strong) !important;
    cursor: text !important;
  }

  html body .topbar-search:focus-within input::placeholder { color: var(--muted) !important; }
  html body .topbar-search:focus-within .topbar-search-icon { left: 22px !important; }

  html body .topbar-utilities {
    grid-column: 3 !important;
    grid-row: 1 !important;
    display: inline-flex !important;
    align-items: center !important;
    justify-content: flex-end !important;
    gap: 6px !important;
    width: auto !important;
    min-width: 78px !important;
    margin: 0 !important;
  }

  html body .topbar-utilities .notification-button { width: 36px !important; min-width: 36px !important; height: 36px !important; min-height: 36px !important; }
  html body .topbar-utilities .profile-button.simple,
  html body .topbar-utilities .profile-button.simple span { width: 36px !important; min-width: 36px !important; height: 36px !important; min-height: 36px !important; }
  html body .topbar-menu-toggle { grid-column: 4 !important; grid-row: 1 !important; width: 44px !important; height: 44px !important; margin: 0 !important; }

  html body .topbar > nav {
    top: calc(100% + 8px) !important;
    right: 10px !important;
    width: min(360px, calc(100vw - 20px)) !important;
    max-height: calc(100dvh - 88px) !important;
    border-radius: 14px !important;
  }

  html body .analysis-search-form { display: grid !important; grid-template-columns: 1fr !important; gap: 12px !important; overflow: visible !important; }
  html body .analysis-search-input-wrap { grid-row: 1 !important; grid-template-rows: 58px auto !important; min-height: 58px !important; }
  html body .analysis-search-form > button { grid-row: 2 !important; width: 100% !important; min-height: 52px !important; margin: 0 !important; }
  html body .analysis-suggest-list { position: static !important; grid-column: 1 / -1 !important; width: auto !important; margin: 8px !important; z-index: 30 !important; }
  html body .analysis-suggest-list button { grid-template-columns: minmax(64px, auto) minmax(0, 1fr) auto !important; gap: 8px !important; min-height: 52px !important; padding: 9px !important; }
  html body .analysis-suggest-list span { min-width: 0 !important; }

  html body .analysis-hero { min-height: 0 !important; }
  html body .analysis-title-line { display: grid !important; grid-template-columns: 1fr !important; gap: 14px !important; }
  html body .analysis-identity { padding-right: 0 !important; }
  html body .forecast-score-card.analysis-score-inline { position: static !important; width: 100% !important; min-height: 0 !important; margin: 0 !important; padding: 14px !important; transform: none !important; }
  html body .forecast-score-card.analysis-score-inline > strong { font-size: 34px !important; }
  html body .forecast-score-card.analysis-score-inline .forecast-score-scale { grid-template-columns: auto minmax(0, 1fr) auto !important; gap: 6px !important; }
  html body .forecast-score-card.analysis-score-inline .forecast-score-scale small,
  html body .forecast-score-card.analysis-score-inline .forecast-score-scale span { font-size: 11px !important; }
}

@media (min-width: 901px) and (max-width: 1180px) {
  html body .topbar {
    grid-template-columns: 142px 136px minmax(570px, 1fr) !important;
    gap: 5px !important;
    padding-left: 8px !important;
    padding-right: 8px !important;
  }

  html body .topbar .brand-wordmark {
    max-width: 142px !important;
  }

  html body .topbar-search {
    max-width: 136px !important;
  }

  html body .topbar-search::after {
    content: "Search" !important;
  }

  html body .topbar > nav {
    justify-content: space-between !important;
    gap: 3px !important;
  }

  html body .topbar > nav > a,
  html body .topbar > nav > button:not(.profile-button) {
    padding-left: 2px !important;
    padding-right: 2px !important;
    font-size: 12px !important;
  }

  html body .topbar nav .nav-analyst {
    min-width: 92px !important;
  }

  html body .topbar nav .nav-get-started {
    min-width: 88px !important;
  }
}

/* Reference-style spacing: grouped links first, spare space before utilities. */
@media (min-width: 901px) {
  html body .topbar > nav {
    justify-content: flex-start !important;
    gap: clamp(18px, 1.35vw, 28px) !important;
  }

  html body .topbar nav .notification-button {
    margin-left: clamp(10px, 1vw, 18px) !important;
  }

  html body .topbar nav .profile-menu {
    margin-left: auto !important;
  }
}

@media (min-width: 901px) and (max-width: 1440px) {
  html body .topbar > nav {
    justify-content: flex-start !important;
    gap: clamp(12px, 1vw, 20px) !important;
  }

  html body .topbar nav .notification-button {
    margin-left: 10px !important;
  }

  html body .topbar nav .profile-menu {
    margin-left: auto !important;
  }
}

@media (min-width: 901px) and (max-width: 1180px) {
  html body .topbar > nav {
    justify-content: flex-start !important;
    gap: 8px !important;
  }

  html body .topbar nav .notification-button {
    margin-left: 8px !important;
  }

  html body .topbar nav .profile-menu {
    margin-left: auto !important;
  }
}

/* Hard utility edge lock: profile stays at the far right of the topbar. */
@media (min-width: 901px) {
  html body .topbar {
    position: relative !important;
    padding-right: clamp(172px, 11vw, 230px) !important;
  }

  html body .topbar > nav {
    width: 100% !important;
    max-width: none !important;
    padding-right: 0 !important;
  }

  html body .topbar nav .notification-button {
    position: absolute !important;
    top: 50% !important;
    right: clamp(88px, 5.6vw, 116px) !important;
    margin: 0 !important;
    transform: translateY(-50%) !important;
  }

  html body .topbar nav .profile-menu {
    position: absolute !important;
    top: 50% !important;
    right: clamp(18px, 1.6vw, 34px) !important;
    margin: 0 !important;
    transform: translateY(-50%) !important;
  }
}

@media (min-width: 901px) and (max-width: 1180px) {
  html body .topbar {
    padding-right: 138px !important;
  }

  html body .topbar nav .notification-button {
    right: 76px !important;
  }

  html body .topbar nav .profile-menu {
    right: 14px !important;
  }
}

/* Structural utility layout: feature nav and right utilities are separate groups. */
@media (min-width: 901px) {
  html body .topbar {
    position: relative !important;
    grid-template-columns: clamp(168px, 13vw, 240px) clamp(172px, 18vw, 300px) minmax(0, 1fr) auto !important;
    padding-right: clamp(16px, 1.6vw, 34px) !important;
  }

  html body .topbar > nav {
    grid-column: 3 !important;
    justify-content: flex-start !important;
    gap: clamp(18px, 1.35vw, 28px) !important;
    width: 100% !important;
    padding-right: 0 !important;
  }

  html body .topbar-utilities {
    grid-column: 4 !important;
    align-self: center !important;
    justify-self: end !important;
    display: inline-flex !important;
    align-items: center !important;
    justify-content: flex-end !important;
    gap: clamp(16px, 1.6vw, 28px) !important;
    min-width: 112px !important;
    height: 52px !important;
    margin: 0 !important;
  }

  html body .topbar-utilities .notification-button,
  html body .topbar-utilities .profile-menu {
    position: static !important;
    top: auto !important;
    right: auto !important;
    align-self: center !important;
    margin: 0 !important;
    transform: none !important;
  }

  html body .topbar-utilities .notification-button {
    width: 42px !important;
    min-width: 42px !important;
    height: 42px !important;
    min-height: 42px !important;
    padding: 0 !important;
  }

  html body .topbar-utilities .profile-button.simple {
    width: 48px !important;
    min-width: 48px !important;
    height: 48px !important;
    min-height: 48px !important;
  }

  html body .topbar-utilities .profile-button.simple span {
    width: 36px !important;
    height: 36px !important;
  }
}

@media (min-width: 901px) and (max-width: 1440px) {
  html body .topbar {
    grid-template-columns: clamp(154px, 13vw, 190px) clamp(150px, 14vw, 204px) minmax(0, 1fr) auto !important;
    padding-right: 16px !important;
  }

  html body .topbar > nav {
    gap: clamp(12px, 1vw, 20px) !important;
  }

  html body .topbar-utilities {
    gap: 16px !important;
    min-width: 100px !important;
  }
}

@media (min-width: 901px) and (max-width: 1180px) {
  html body .topbar {
    grid-template-columns: 142px 136px minmax(0, 1fr) auto !important;
    padding-right: 12px !important;
  }

  html body .topbar > nav {
    gap: 8px !important;
  }

  html body .topbar-utilities {
    gap: 10px !important;
    min-width: 82px !important;
  }

  html body .topbar-utilities .notification-button {
    width: 34px !important;
    min-width: 34px !important;
    height: 34px !important;
    min-height: 34px !important;
  }

  html body .topbar-utilities .profile-button.simple {
    width: 38px !important;
    min-width: 38px !important;
    height: 38px !important;
    min-height: 38px !important;
  }
}

@media (max-width: 900px) {
  html body .topbar-utilities {
    display: inline-flex !important;
    align-items: center !important;
    gap: 10px !important;
    justify-self: end !important;
  }
}

/* Final desktop topbar layout: keep features together and utilities pinned right. */
@media (min-width: 901px) {
  html body .topbar {
    display: grid !important;
    position: sticky !important;
    top: 0 !important;
    grid-template-columns: clamp(180px, 14vw, 260px) clamp(170px, 20vw, 360px) minmax(0, 1fr) auto !important;
    align-items: center !important;
    column-gap: clamp(14px, 1.4vw, 28px) !important;
    min-height: 82px !important;
    height: 82px !important;
    max-height: 82px !important;
    margin: 0 !important;
    padding: 10px clamp(20px, 2vw, 40px) !important;
    overflow: visible !important;
    z-index: 80 !important;
  }

  html body .topbar .brand,
  html body .topbar-search,
  html body .topbar > nav,
  html body .topbar-utilities {
    grid-row: 1 !important;
    align-self: center !important;
  }

  html body .topbar .brand {
    grid-column: 1 !important;
    justify-self: start !important;
  }

  html body .topbar .brand-wordmark {
    width: clamp(170px, 13vw, 248px) !important;
    max-width: 100% !important;
  }

  html body .topbar-search {
    grid-column: 2 !important;
    justify-self: stretch !important;
    width: 100% !important;
    max-width: none !important;
    min-width: 0 !important;
    height: 48px !important;
  }

  html body .topbar-search:focus-within {
    width: min(52vw, 760px) !important;
    max-width: min(52vw, 760px) !important;
    z-index: 30 !important;
  }

  html body .topbar > nav {
    grid-column: 3 !important;
    display: flex !important;
    flex-flow: row nowrap !important;
    align-items: center !important;
    justify-content: flex-start !important;
    gap: clamp(18px, 2vw, 38px) !important;
    width: 100% !important;
    min-width: 0 !important;
    max-width: none !important;
    height: 56px !important;
    margin: 0 !important;
    padding: 0 !important;
    overflow: visible !important;
    border: 0 !important;
    background: transparent !important;
    box-shadow: none !important;
  }

  html body .topbar > nav > a,
  html body .topbar > nav > button:not(.profile-button) {
    display: inline-flex !important;
    align-items: center !important;
    justify-content: center !important;
    width: auto !important;
    min-width: 0 !important;
    height: 46px !important;
    min-height: 46px !important;
    margin: 0 !important;
    padding: 0 !important;
    white-space: nowrap !important;
    line-height: 1 !important;
  }

  html body .topbar > nav .nav-analyst,
  html body .topbar > nav .nav-get-started {
    padding: 0 18px !important;
  }

  html body .topbar-utilities {
    grid-column: 4 !important;
    display: inline-flex !important;
    align-items: center !important;
    justify-content: flex-end !important;
    gap: clamp(28px, 3.2vw, 64px) !important;
    min-width: clamp(124px, 8vw, 180px) !important;
    height: 54px !important;
    justify-self: end !important;
    align-self: center !important;
    margin: 0 !important;
    padding: 0 !important;
  }

  html body .topbar-utilities .notification-button,
  html body .topbar-utilities .profile-menu {
    position: static !important;
    inset: auto !important;
    display: inline-flex !important;
    align-items: center !important;
    justify-content: center !important;
    flex: 0 0 auto !important;
    align-self: center !important;
    margin: 0 !important;
    transform: none !important;
  }

  html body .topbar-utilities .notification-button {
    width: 44px !important;
    min-width: 44px !important;
    height: 44px !important;
    min-height: 44px !important;
    padding: 0 !important;
  }

  html body .topbar-utilities .profile-button.simple {
    width: 52px !important;
    min-width: 52px !important;
    height: 52px !important;
    min-height: 52px !important;
    padding: 0 !important;
  }

  html body .topbar-utilities .profile-button.simple span {
    width: 42px !important;
    height: 42px !important;
  }
}

@media (min-width: 901px) and (max-width: 1440px) {
  html body .topbar {
    grid-template-columns: clamp(150px, 13vw, 190px) clamp(150px, 17vw, 230px) minmax(0, 1fr) auto !important;
    column-gap: clamp(10px, 1vw, 18px) !important;
    min-height: 76px !important;
    height: 76px !important;
    max-height: 76px !important;
    padding-left: 20px !important;
    padding-right: 18px !important;
  }

  html body .topbar > nav {
    gap: clamp(14px, 1.45vw, 26px) !important;
  }

  html body .topbar > nav > a,
  html body .topbar > nav > button:not(.profile-button) {
    font-size: 14px !important;
  }

  html body .topbar > nav .nav-analyst,
  html body .topbar > nav .nav-get-started {
    padding: 0 14px !important;
  }

  html body .topbar-utilities {
    gap: clamp(22px, 2.2vw, 34px) !important;
    min-width: 118px !important;
  }
}

@media (min-width: 901px) and (max-width: 1180px) {
  html body .topbar {
    grid-template-columns: 142px 188px minmax(0, 1fr) auto !important;
    column-gap: 10px !important;
    min-height: 74px !important;
    height: 74px !important;
    max-height: 74px !important;
    padding: 10px 12px !important;
  }

  html body .topbar .brand-wordmark {
    width: 142px !important;
  }

  html body .topbar-search::after {
    content: "" !important;
    display: none !important;
  }

  html body .topbar-search input,
  html body .topbar-search input::placeholder {
    color: rgba(226, 232, 240, 0.86) !important;
    font-size: 12px !important;
  }

  html body .topbar-search {
    height: 44px !important;
  }
}

/* Desktop header hard reset: no dead top space, no wrapped utility icons. */
html body {
  margin-top: 0 !important;
}

html body > .topbar:first-child {
  margin-top: 0 !important;
}

@media (min-width: 901px) {
  html body .topbar {
    position: fixed !important;
    top: 0 !important;
    left: 0 !important;
    right: 0 !important;
    display: grid !important;
    grid-template-columns: clamp(170px, 13.5vw, 250px) clamp(180px, 21vw, 380px) minmax(0, 1fr) auto !important;
    align-items: center !important;
    gap: clamp(14px, 1.2vw, 28px) !important;
    min-height: 78px !important;
    height: 78px !important;
    max-height: 78px !important;
    margin: 0 !important;
    padding: 8px clamp(18px, 1.8vw, 34px) !important;
    overflow: visible !important;
    z-index: 100 !important;
  }

  html body .topbar .brand {
    grid-column: 1 !important;
    align-self: center !important;
  }

  html body .topbar .brand-wordmark {
    width: clamp(164px, 13vw, 246px) !important;
    min-width: 0 !important;
  }

  html body .topbar-search {
    grid-column: 2 !important;
    align-self: center !important;
    width: 100% !important;
    min-width: 0 !important;
    max-width: none !important;
    height: 48px !important;
  }

  html body .topbar-search input,
  html body .topbar-search input::placeholder {
    color: rgba(226, 232, 240, 0.88) !important;
    font-size: 14px !important;
  }

  html body .topbar-search::after {
    content: "" !important;
    display: none !important;
  }

  html body .topbar-search:focus-within {
    width: min(56vw, 760px) !important;
    max-width: min(56vw, 760px) !important;
  }

  html body .topbar > nav {
    grid-column: 3 !important;
    display: flex !important;
    flex-flow: row nowrap !important;
    align-items: center !important;
    justify-content: flex-start !important;
    gap: clamp(16px, 1.8vw, 38px) !important;
    width: 100% !important;
    min-width: 0 !important;
    height: 54px !important;
    margin: 0 !important;
    padding: 0 !important;
    overflow: visible !important;
    border: 0 !important;
    background: transparent !important;
    box-shadow: none !important;
  }

  html body .topbar > nav > a,
  html body .topbar > nav > button:not(.profile-button) {
    display: inline-flex !important;
    align-items: center !important;
    justify-content: center !important;
    flex: 0 0 auto !important;
    height: 44px !important;
    min-height: 44px !important;
    margin: 0 !important;
    padding: 0 !important;
    font-size: 14px !important;
    line-height: 1 !important;
    white-space: nowrap !important;
  }

  html body .topbar > nav .nav-analyst,
  html body .topbar > nav .nav-get-started {
    padding: 0 16px !important;
  }

  html body .topbar-utilities {
    grid-column: 4 !important;
    display: inline-flex !important;
    align-items: center !important;
    justify-content: flex-end !important;
    gap: clamp(24px, 2.8vw, 52px) !important;
    min-width: clamp(118px, 8vw, 170px) !important;
    height: 54px !important;
    margin: 0 !important;
    padding: 0 !important;
    align-self: center !important;
    justify-self: end !important;
  }

  html body .topbar-utilities .notification-button,
  html body .topbar-utilities .profile-menu {
    position: static !important;
    inset: auto !important;
    display: inline-flex !important;
    align-items: center !important;
    justify-content: center !important;
    flex: 0 0 auto !important;
    align-self: center !important;
    margin: 0 !important;
    transform: none !important;
  }

  html body .topbar-utilities .notification-button {
    width: 42px !important;
    min-width: 42px !important;
    height: 42px !important;
    min-height: 42px !important;
    padding: 0 !important;
  }

  html body .topbar-utilities .profile-button.simple {
    width: 48px !important;
    min-width: 48px !important;
    height: 48px !important;
    min-height: 48px !important;
    padding: 0 !important;
  }

  html body .topbar-utilities .profile-button.simple span {
    width: 38px !important;
    height: 38px !important;
  }

  html body .topbar + .market-clock {
    position: sticky !important;
    top: 78px !important;
    z-index: 90 !important;
    margin-top: 78px !important;
  }

  html body .topbar + main,
  html body .topbar + .markets-main,
  html body .topbar + .news-page-main,
  html body .topbar + .news-board-main,
  html body .topbar + .upgrade-main,
  html body .topbar + .help-main,
  html body .topbar + .candlestick-main {
    margin-top: 78px !important;
  }

  html body.signed-out .topbar-utilities .profile-menu {
    display: none !important;
  }

  html body.signed-out .topbar-utilities {
    min-width: 44px !important;
  }

  html body.signed-in .topbar nav .nav-get-started,
  html body:not(.signed-out) .topbar nav .nav-get-started {
    display: none !important;
  }
}

@media (min-width: 901px) and (max-width: 1320px) {
  html body .topbar {
    grid-template-columns: 150px 190px minmax(0, 1fr) auto !important;
    gap: 12px !important;
    padding-left: 14px !important;
    padding-right: 14px !important;
  }

  html body .topbar .brand-wordmark {
    width: 150px !important;
  }

  html body .topbar > nav {
    gap: clamp(10px, 1vw, 18px) !important;
  }

  html body .topbar > nav > a,
  html body .topbar > nav > button:not(.profile-button) {
    font-size: 12px !important;
    height: 40px !important;
    min-height: 40px !important;
  }

  html body .topbar > nav .nav-analyst,
  html body .topbar > nav .nav-get-started {
    padding: 0 10px !important;
  }

  html body .topbar-utilities {
    gap: 18px !important;
    min-width: 100px !important;
  }
}

@media (min-width: 901px) and (max-width: 1100px) {
  html body .topbar {
    grid-template-columns: 142px minmax(160px, 1fr) auto auto !important;
  }

  html body .topbar-menu-toggle {
    grid-column: 3 !important;
    display: inline-flex !important;
  }

  html body .topbar > nav {
    grid-column: 1 / -1 !important;
    position: absolute !important;
    top: calc(100% + 8px) !important;
    left: 12px !important;
    right: 12px !important;
    display: grid !important;
    grid-template-columns: repeat(2, minmax(0, 1fr)) !important;
    gap: 10px !important;
    height: auto !important;
    padding: 14px !important;
    border: 1px solid rgba(122, 167, 255, 0.24) !important;
    border-radius: 18px !important;
    background: rgba(6, 10, 24, 0.98) !important;
    box-shadow: 0 22px 60px rgba(0, 0, 0, 0.34) !important;
  }

  html body .topbar:not(.menu-open) > nav {
    display: none !important;
  }

  html body .topbar.menu-open > nav {
    display: grid !important;
  }

  html body .topbar > nav > a,
  html body .topbar > nav > button:not(.profile-button) {
    width: 100% !important;
    justify-content: center !important;
    padding: 0 12px !important;
  }

  html body .topbar-utilities {
    grid-column: 4 !important;
    gap: 14px !important;
    min-width: 92px !important;
  }

  html body .topbar-utilities .notification-button {
    width: 34px !important;
    min-width: 34px !important;
    height: 34px !important;
    min-height: 34px !important;
  }

  html body .topbar-utilities .profile-button.simple {
    width: 40px !important;
    min-width: 40px !important;
    height: 40px !important;
    min-height: 40px !important;
  }

  html body .topbar-utilities .profile-button.simple span {
    width: 32px !important;
    height: 32px !important;
  }
}

@media (min-width: 901px) and (max-width: 1320px) {
  html body .topbar + .market-clock {
    top: 78px !important;
    margin-top: 78px !important;
  }
}

/* Fixed header contract: reserve exactly one header row, never an extra dark band. */
@media (min-width: 901px) {
  html body.has-topbar {
    padding-top: 78px !important;
  }

  html body.has-topbar > header.topbar {
    position: fixed !important;
    top: 0 !important;
    left: 0 !important;
    right: 0 !important;
    height: 78px !important;
    min-height: 78px !important;
    max-height: 78px !important;
    margin: 0 !important;
  }

  html body.has-topbar > header.topbar + .market-clock {
    position: relative !important;
    top: auto !important;
    margin-top: 0 !important;
  }

  html body.has-topbar > header.topbar + main,
  html body.has-topbar > header.topbar + .markets-main,
  html body.has-topbar > header.topbar + .news-page-main,
  html body.has-topbar > header.topbar + .news-board-main,
  html body.has-topbar > header.topbar + .upgrade-main,
  html body.has-topbar > header.topbar + .help-main,
  html body.has-topbar > header.topbar + .candlestick-main {
    margin-top: 0 !important;
  }

  html body:has(> header.topbar) {
    padding-top: 78px !important;
  }

  html body:has(> header.topbar) > header.topbar {
    position: fixed !important;
    top: 0 !important;
    left: 0 !important;
    right: 0 !important;
    height: 78px !important;
    min-height: 78px !important;
    max-height: 78px !important;
    margin: 0 !important;
  }

  html body:has(> header.topbar) > header.topbar + .market-clock {
    position: relative !important;
    top: auto !important;
    margin-top: 0 !important;
  }

  html body:has(> header.topbar) > header.topbar + main,
  html body:has(> header.topbar) > header.topbar + .markets-main,
  html body:has(> header.topbar) > header.topbar + .news-page-main,
  html body:has(> header.topbar) > header.topbar + .news-board-main,
  html body:has(> header.topbar) > header.topbar + .upgrade-main,
  html body:has(> header.topbar) > header.topbar + .help-main,
  html body:has(> header.topbar) > header.topbar + .candlestick-main {
    margin-top: 0 !important;
  }

  html body .topbar.topbar-fit-compact .topbar-search input,
  html body .topbar.topbar-fit-tight .topbar-search input,
  html body .topbar.topbar-fit-compact .topbar-search input::placeholder,
  html body .topbar.topbar-fit-tight .topbar-search input::placeholder {
    background: transparent !important;
    color: transparent !important;
    font-size: 0 !important;
  }

  html body .topbar.topbar-fit-compact .topbar-search .topbar-search-icon,
  html body .topbar.topbar-fit-tight .topbar-search .topbar-search-icon {
    z-index: 6 !important;
  }

  html body .topbar.topbar-fit-compact .topbar-search:focus-within input,
  html body .topbar.topbar-fit-tight .topbar-search:focus-within input,
  html body .topbar.topbar-fit-compact .topbar-search:focus-within input::placeholder,
  html body .topbar.topbar-fit-tight .topbar-search:focus-within input::placeholder {
    color: rgba(226, 232, 240, 0.9) !important;
    font-size: 14px !important;
  }

  html body .topbar.topbar-fit-compact .topbar-search input,
  html body .topbar.topbar-fit-tight .topbar-search input,
  html body .topbar.topbar-fit-compact .topbar-search input::placeholder,
  html body .topbar.topbar-fit-tight .topbar-search input::placeholder {
    color: rgba(226, 232, 240, 0.9) !important;
    font-size: 12px !important;
  }

  html body .topbar.topbar-fit-compact .topbar-search::after,
  html body .topbar.topbar-fit-tight .topbar-search::after {
    content: "" !important;
    display: none !important;
  }
}

/* Topbar search focus: TradingView-style expanded field with attached results. */
html body .topbar-search {
  overflow: visible !important;
}

html body .topbar-search input {
  position: relative !important;
  z-index: 2 !important;
  display: block !important;
  width: 100% !important;
  height: 100% !important;
  min-height: 0 !important;
  margin: 0 !important;
  padding: 0 118px 0 52px !important;
  line-height: normal !important;
  transform: none !important;
}

html body .topbar-search:not(:focus-within):not(.has-query) input {
  padding-right: 20px !important;
}

html body .topbar-search input::-webkit-search-cancel-button,
html body .topbar-search input::-webkit-search-decoration {
  display: none !important;
  appearance: none !important;
  -webkit-appearance: none !important;
}

html body .topbar-search .topbar-search-icon {
  position: absolute !important;
  left: 18px !important;
  top: 50% !important;
  z-index: 4 !important;
  transform: translateY(-50%) !important;
}

html body .topbar-search-actions {
  position: absolute !important;
  top: 50% !important;
  right: 14px !important;
  z-index: 6 !important;
  display: none !important;
  align-items: center !important;
  height: 28px !important;
  transform: translateY(-50%) !important;
}

html body .topbar-search:focus-within .topbar-search-actions,
html body .topbar-search.has-query .topbar-search-actions {
  display: inline-flex !important;
}

html body .topbar-search-clear,
html body .topbar-search-close {
  appearance: none !important;
  display: inline-flex !important;
  align-items: center !important;
  justify-content: center !important;
  border: 0 !important;
  background: transparent !important;
  box-shadow: none !important;
  color: rgba(226, 232, 240, 0.84) !important;
  cursor: pointer !important;
  font: inherit !important;
  line-height: 1 !important;
}

html body .topbar-search-clear {
  min-width: 54px !important;
  height: 28px !important;
  padding: 0 12px 0 0 !important;
  border-right: 1px solid rgba(148, 163, 184, 0.2) !important;
  font-size: 13px !important;
  font-weight: 700 !important;
}

html body .topbar-search-close {
  width: 30px !important;
  min-width: 30px !important;
  height: 28px !important;
  padding: 0 0 0 10px !important;
  font-size: 24px !important;
  font-weight: 400 !important;
}

html body .topbar-search-clear:hover,
html body .topbar-search-close:hover {
  color: #ffffff !important;
}

html body .topbar-search:focus-within {
  background:
    linear-gradient(180deg, rgba(8, 15, 34, 0.98), rgba(6, 11, 28, 0.98)) !important;
  box-shadow:
    inset 0 0 0 1px rgba(122, 167, 255, 0.54),
    0 0 0 1px rgba(168, 85, 247, 0.16),
    0 18px 40px rgba(0, 0, 0, 0.28) !important;
}

html body .topbar-suggest-list {
  position: absolute !important;
  top: calc(100% + 8px) !important;
  left: 0 !important;
  right: 0 !important;
  z-index: 120 !important;
  width: 100% !important;
  min-width: 0 !important;
  max-height: min(360px, calc(100vh - 150px)) !important;
  overflow: auto !important;
  margin: 0 !important;
}

html body .topbar-suggest-list button,
html body .topbar-suggest-empty {
  grid-template-columns: minmax(82px, 0.38fr) minmax(0, 1fr) minmax(76px, auto) !important;
}

@media (min-width: 901px) {
  html body .topbar-search:focus-within {
    grid-column: 2 / 4 !important;
    width: min(760px, calc(100vw - 420px)) !important;
    max-width: min(760px, calc(100vw - 420px)) !important;
    min-width: min(620px, calc(100vw - 420px)) !important;
    justify-self: start !important;
    z-index: 130 !important;
  }

  html body .topbar-search:focus-within input,
  html body .topbar-search:focus-within input::placeholder,
  html body .topbar.topbar-fit-compact .topbar-search:focus-within input,
  html body .topbar.topbar-fit-tight .topbar-search:focus-within input,
  html body .topbar.topbar-fit-compact .topbar-search:focus-within input::placeholder,
  html body .topbar.topbar-fit-tight .topbar-search:focus-within input::placeholder {
    color: rgba(226, 232, 240, 0.92) !important;
    font-size: 16px !important;
    font-weight: 650 !important;
  }

  html body .topbar-search:focus-within ~ nav {
    opacity: 0 !important;
    visibility: hidden !important;
    pointer-events: none !important;
  }
}

@media (min-width: 901px) and (max-width: 1320px) {
  html body .topbar-search:focus-within {
    width: min(660px, calc(100vw - 330px)) !important;
    max-width: min(660px, calc(100vw - 330px)) !important;
    min-width: min(520px, calc(100vw - 330px)) !important;
  }
}

/* Signed-out desktop has one extra CTA, so fit the row without crushing search. */
@media (min-width: 1101px) and (max-width: 1440px) {
  html body.signed-out .topbar {
    grid-template-columns: 180px 270px minmax(0, 1fr) 44px !important;
    gap: 12px !important;
    padding-left: 14px !important;
    padding-right: 10px !important;
  }

  html body.signed-out .topbar .brand-wordmark {
    width: 180px !important;
  }

  html body.signed-out .topbar-search,
  html body.signed-out .topbar.topbar-fit-compact .topbar-search,
  html body.signed-out .topbar.topbar-fit-tight .topbar-search {
    width: 270px !important;
    max-width: 270px !important;
    min-width: 270px !important;
  }

  html body.signed-out .topbar-search input,
  html body.signed-out .topbar-search input::placeholder,
  html body.signed-out .topbar.topbar-fit-compact .topbar-search input,
  html body.signed-out .topbar.topbar-fit-tight .topbar-search input,
  html body.signed-out .topbar.topbar-fit-compact .topbar-search input::placeholder,
  html body.signed-out .topbar.topbar-fit-tight .topbar-search input::placeholder {
    color: rgba(226, 232, 240, 0.9) !important;
    font-size: 12px !important;
  }

  html body.signed-out .topbar > nav {
    gap: clamp(10px, 1.05vw, 16px) !important;
  }

  html body.signed-out .topbar > nav > a,
  html body.signed-out .topbar > nav > button:not(.profile-button) {
    font-size: 12px !important;
    height: 40px !important;
    min-height: 40px !important;
  }

  html body.signed-out .topbar nav .nav-analyst {
    width: 96px !important;
    min-width: 96px !important;
    padding: 0 10px !important;
  }

  html body.signed-out .topbar nav .nav-get-started {
    width: 98px !important;
    min-width: 98px !important;
    padding: 0 10px !important;
  }

  html body.signed-out .topbar-utilities {
    width: 44px !important;
    min-width: 44px !important;
  }

  html body.signed-out .topbar-search:focus-within {
    width: min(660px, calc(100vw - 330px)) !important;
    max-width: min(660px, calc(100vw - 330px)) !important;
    min-width: min(560px, calc(100vw - 330px)) !important;
  }
}

/* Search polish: no doubled native/custom suggestions and no awkward gutters. */
html body .topbar-search {
  display: block !important;
}

html body .topbar-search input {
  inset: auto !important;
  padding-left: 58px !important;
  padding-right: 104px !important;
}

html body .topbar-search:not(:focus-within):not(.has-query) input {
  padding-right: 18px !important;
}

html body .topbar-search .topbar-search-icon {
  left: 22px !important;
}

html body .topbar-search-clear {
  border-right: 0 !important;
  padding-right: 8px !important;
}

html body .topbar-search-close {
  padding-left: 6px !important;
}

html body .topbar-suggest-list {
  top: calc(100% + 8px) !important;
  display: grid !important;
  grid-template-columns: 1fr !important;
  gap: 8px !important;
  padding: 8px !important;
}

html body .topbar-suggest-list[hidden] {
  display: none !important;
}

html body .topbar-suggest-list button,
html body .topbar-suggest-empty {
  grid-column: 1 !important;
  justify-self: stretch !important;
  width: 100% !important;
  max-width: none !important;
  margin: 0 !important;
  grid-template-columns: minmax(92px, 0.32fr) minmax(0, 1fr) minmax(86px, auto) !important;
}

html body .search-panel .search-row {
  position: relative !important;
}

html body #stock-search {
  position: relative !important;
  z-index: 80 !important;
}

html body .search-panel .search-row input {
  padding-left: 58px !important;
  padding-right: 42px !important;
}

html body .search-panel .search-row input::-webkit-search-cancel-button,
html body .search-panel .search-row input::-webkit-search-decoration {
  display: none !important;
  appearance: none !important;
  -webkit-appearance: none !important;
}

html body .search-panel .hero-search-icon {
  left: 18px !important;
}

html body .search-panel .hero-search-clear {
  appearance: none !important;
  position: absolute !important;
  top: 50% !important;
  right: 18px !important;
  z-index: 5 !important;
  display: inline-flex !important;
  align-items: center !important;
  justify-content: center !important;
  width: 28px !important;
  min-width: 28px !important;
  height: 28px !important;
  padding: 0 !important;
  border: 0 !important;
  border-radius: 999px !important;
  background: transparent !important;
  box-shadow: none !important;
  color: rgba(96, 165, 250, 0.82) !important;
  font-size: 24px !important;
  font-weight: 400 !important;
  line-height: 1 !important;
  cursor: pointer !important;
  transform: translateY(-50%) !important;
}

html body .search-panel .search-row input:placeholder-shown + .hero-search-clear {
  display: none !important;
}

html body .search-panel .hero-search-clear:hover,
html body .search-panel .hero-search-clear:focus-visible {
  color: #ffffff !important;
}

html body #stock-search .search-results {
  position: absolute !important;
  top: calc(100% + 8px) !important;
  left: 0 !important;
  right: 0 !important;
  z-index: 220 !important;
  display: none !important;
  grid-template-columns: 1fr !important;
  gap: 8px !important;
  margin-top: 0 !important;
  padding: 8px !important;
  border: 1px solid rgba(122, 167, 255, 0.44) !important;
  border-radius: 14px !important;
  background: rgba(12, 19, 40, 0.98) !important;
  box-shadow: 0 22px 58px rgba(0, 0, 0, 0.46) !important;
}

html body #stock-search .search-results.open {
  display: grid !important;
}

html body #stock-search .search-result-button,
html body #stock-search .search-results-note {
  width: 100% !important;
  max-width: none !important;
  margin: 0 !important;
}

html body #stock-search .search-result-button {
  display: grid !important;
  grid-template-columns: minmax(0, 1fr) auto !important;
}

/* Header/search final parity pass. */
@media (min-width: 901px) {
  html body .topbar,
  html body.signed-out .topbar {
    grid-template-columns: clamp(170px, 13vw, 250px) clamp(190px, 21vw, 380px) minmax(0, 1fr) auto !important;
    gap: clamp(14px, 1.35vw, 28px) !important;
    padding: 8px clamp(18px, 1.8vw, 34px) !important;
  }

  html body .topbar > nav,
  html body.signed-out .topbar > nav {
    justify-content: flex-start !important;
    gap: clamp(18px, 1.7vw, 36px) !important;
  }

  html body .topbar > nav .nav-analyst,
  html body.signed-out .topbar > nav .nav-analyst {
    min-width: 128px !important;
    width: auto !important;
    flex-basis: 128px !important;
    padding: 0 18px !important;
    white-space: nowrap !important;
  }

  html body .topbar > nav .nav-get-started,
  html body.signed-out .topbar > nav .nav-get-started {
    min-width: 118px !important;
    width: auto !important;
    padding: 0 18px !important;
    white-space: nowrap !important;
  }

  html body.signed-out .topbar-utilities,
  html body .topbar-utilities {
    min-width: clamp(116px, 7.5vw, 160px) !important;
    width: auto !important;
    gap: clamp(22px, 2.4vw, 44px) !important;
  }

  html body.signed-out .topbar-utilities .profile-menu,
  html body.signed-out .topbar-utilities .profile-button.simple {
    display: inline-flex !important;
  }

  html body.signed-in .topbar nav .nav-get-started,
  html body:not(.signed-out) .topbar nav .nav-get-started {
    display: none !important;
  }
}

@media (min-width: 901px) and (max-width: 1440px) {
  html body .topbar,
  html body.signed-out .topbar {
    grid-template-columns: 190px 210px minmax(0, 1fr) 116px !important;
    gap: 12px !important;
    padding-left: 16px !important;
    padding-right: 16px !important;
  }

  html body .topbar-search,
  html body.signed-out .topbar-search,
  html body .topbar.topbar-fit-compact .topbar-search,
  html body .topbar.topbar-fit-tight .topbar-search,
  html body.signed-out .topbar.topbar-fit-compact .topbar-search,
  html body.signed-out .topbar.topbar-fit-tight .topbar-search {
    width: 100% !important;
    min-width: 0 !important;
    max-width: none !important;
  }

  html body .topbar .brand-wordmark,
  html body.signed-out .topbar .brand-wordmark {
    width: 190px !important;
  }

  html body .topbar > nav,
  html body.signed-out .topbar > nav {
    gap: clamp(10px, 1.05vw, 18px) !important;
  }

  html body .topbar > nav > a,
  html body .topbar > nav > button:not(.profile-button),
  html body.signed-out .topbar > nav > a,
  html body.signed-out .topbar > nav > button:not(.profile-button) {
    font-size: 13px !important;
  }

  html body .topbar > nav .nav-analyst,
  html body.signed-out .topbar > nav .nav-analyst {
    flex: 0 0 auto !important;
    min-width: 128px !important;
    width: 128px !important;
    padding: 0 12px !important;
  }

  html body .topbar > nav .nav-get-started,
  html body.signed-out .topbar > nav .nav-get-started {
    flex: 0 0 auto !important;
    min-width: 112px !important;
    width: 112px !important;
    padding: 0 12px !important;
  }

  html body.signed-out .topbar-utilities,
  html body .topbar-utilities {
    min-width: 116px !important;
    width: 116px !important;
    gap: 22px !important;
  }
}

@media (min-width: 901px) {
  html body.signed-out .topbar {
    grid-template-columns: 170px 190px minmax(0, 1fr) 108px !important;
    gap: 10px !important;
    padding-left: 14px !important;
    padding-right: 14px !important;
  }

  html body.signed-out .topbar .brand-wordmark {
    width: 170px !important;
  }

  html body.signed-out .topbar-search {
    width: 100% !important;
    min-width: 0 !important;
    max-width: none !important;
  }

  html body.signed-out .topbar > nav {
    gap: clamp(8px, 0.72vw, 14px) !important;
  }

  html body.signed-out .topbar > nav > a,
  html body.signed-out .topbar > nav > button:not(.profile-button) {
    font-size: 12px !important;
  }

  html body.signed-out .topbar > nav .nav-analyst {
    min-width: 122px !important;
    width: 122px !important;
    flex-basis: 122px !important;
    padding: 0 10px !important;
  }

  html body.signed-out .topbar > nav .nav-get-started {
    min-width: 104px !important;
    width: 104px !important;
    flex-basis: 104px !important;
    padding: 0 10px !important;
  }

  html body.signed-out .topbar-utilities {
    width: 108px !important;
    min-width: 108px !important;
    gap: 18px !important;
  }
}

@media (min-width: 1441px) {
  html body.signed-out .topbar {
    grid-template-columns: clamp(190px, 13vw, 230px) clamp(240px, 18vw, 320px) minmax(0, 1fr) 124px !important;
    gap: clamp(14px, 1.2vw, 24px) !important;
  }

  html body.signed-out .topbar .brand-wordmark {
    width: clamp(190px, 13vw, 230px) !important;
  }

  html body.signed-out .topbar > nav {
    gap: clamp(14px, 1.2vw, 24px) !important;
  }

  html body.signed-out .topbar-utilities {
    width: 124px !important;
    min-width: 124px !important;
    gap: 24px !important;
  }
}

@media (min-width: 901px) and (max-width: 1240px) {
  html body .topbar,
  html body.signed-out .topbar {
    grid-template-columns: 150px 168px minmax(0, 1fr) 104px !important;
    gap: 10px !important;
    padding-left: 12px !important;
    padding-right: 12px !important;
  }

  html body .topbar .brand-wordmark,
  html body.signed-out .topbar .brand-wordmark {
    width: 150px !important;
  }

  html body .topbar > nav,
  html body.signed-out .topbar > nav {
    gap: 10px !important;
  }

  html body .topbar > nav > a,
  html body .topbar > nav > button:not(.profile-button),
  html body.signed-out .topbar > nav > a,
  html body.signed-out .topbar > nav > button:not(.profile-button) {
    font-size: 12px !important;
  }

  html body .topbar > nav .nav-analyst,
  html body.signed-out .topbar > nav .nav-analyst {
    min-width: 118px !important;
    width: 118px !important;
    padding: 0 10px !important;
  }

  html body .topbar > nav .nav-get-started,
  html body.signed-out .topbar > nav .nav-get-started {
    min-width: 102px !important;
    width: 102px !important;
    padding: 0 10px !important;
  }
}

html body .app-shell,
html body .hero-section,
html body .home-hero,
html body .hero {
  overflow: visible !important;
}

html body #stock-search {
  max-width: min(760px, calc(100vw - 48px)) !important;
  z-index: 320 !important;
  transition: margin-bottom 160ms ease !important;
}

html body #stock-search.has-results {
  margin-bottom: 154px !important;
}

html body #stock-search .search-results {
  z-index: 420 !important;
  max-height: 150px !important;
  overflow-y: auto !important;
  gap: 5px !important;
  padding: 5px !important;
  border-radius: 12px !important;
}

html body #stock-search .search-result-button,
html body #stock-search .search-results-note {
  min-height: 42px !important;
  height: 42px !important;
  padding: 7px 12px !important;
  border-radius: 9px !important;
  font-size: 12px !important;
}

html body #stock-search .search-result-button strong {
  font-size: 12px !important;
  line-height: 1.15 !important;
}

html body #stock-search .search-result-button small {
  font-size: 11px !important;
  line-height: 1.1 !important;
}

html body #stock-search .search-result-button span {
  min-width: 0 !important;
}

html body .topbar-suggest-list {
  max-height: 152px !important;
  gap: 5px !important;
  padding: 5px !important;
  border-radius: 12px !important;
}

html body .topbar-suggest-list button,
html body .topbar-suggest-empty {
  min-height: 40px !important;
  height: 40px !important;
  padding: 7px 12px !important;
  border-radius: 9px !important;
  font-size: 12px !important;
}

html body .topbar-suggest-list strong,
html body .topbar-suggest-list span,
html body .topbar-suggest-list small {
  min-width: 0 !important;
  overflow: hidden !important;
  text-overflow: ellipsis !important;
  white-space: nowrap !important;
}

html body .topbar-search.is-closed,
html body .topbar-search.is-closed:focus-within,
html body .topbar.topbar-fit-compact .topbar-search.is-closed,
html body .topbar.topbar-fit-tight .topbar-search.is-closed {
  width: 100% !important;
  min-width: 0 !important;
  max-width: none !important;
}

html body .topbar-search.is-closed .topbar-search-actions,
html body .topbar-search.is-closed .topbar-suggest-list {
  display: none !important;
}

body .app-footer-grid a {
  color: #dffcf5;
  text-decoration: none;
}

body .app-footer-grid a:hover,
body .app-footer-grid a:focus-visible {
  color: #21ddb0;
  outline: none;
}

/* Privacy page: scoped public legal document surface. */
body.privacy-page {
  min-height: 100vh;
}

body.privacy-page .privacy-shell {
  display: grid;
  gap: 24px;
  width: min(1240px, calc(100% - 56px));
  margin: 0 auto;
  padding: 28px 0 44px;
}

body.privacy-page .privacy-hero {
  display: grid;
  gap: 12px;
  padding: clamp(26px, 4vw, 48px);
  border: 1px solid rgba(101, 143, 210, 0.28);
  border-radius: 18px;
  background:
    linear-gradient(135deg, rgba(11, 22, 40, 0.92), rgba(15, 23, 42, 0.74)),
    radial-gradient(circle at 88% 18%, rgba(33, 221, 176, 0.14), transparent 34%);
  box-shadow: 0 24px 80px rgba(0, 0, 0, 0.18);
}

body.privacy-page .privacy-kicker {
  margin: 0;
  color: #21ddb0;
  font-size: 12px;
  font-weight: 900;
  letter-spacing: 0.08em;
  text-transform: uppercase;
}

body.privacy-page .privacy-hero h1 {
  margin: 0;
  color: #f8fafc;
  font-size: clamp(38px, 4.4vw, 64px);
  line-height: 1;
  letter-spacing: 0;
}

body.privacy-page .privacy-hero p {
  max-width: 860px;
  margin: 0;
  color: #cbd5e1;
  font-size: clamp(15px, 1.25vw, 19px);
  line-height: 1.55;
}

body.privacy-page .privacy-hero time {
  width: fit-content;
  margin-top: 8px;
  padding: 8px 10px;
  border: 1px solid rgba(33, 221, 176, 0.24);
  border-radius: 8px;
  color: #dffcf5;
  background: rgba(33, 221, 176, 0.08);
  font-size: 13px;
  font-weight: 850;
}

body.privacy-page .privacy-layout {
  display: grid;
  grid-template-columns: minmax(210px, 280px) minmax(0, 1fr);
  gap: 24px;
  align-items: start;
}

body.privacy-page .privacy-toc {
  position: sticky;
  top: 104px;
  display: grid;
  gap: 6px;
  padding: 18px;
  border: 1px solid rgba(101, 143, 210, 0.26);
  border-radius: 14px;
  background: rgba(11, 22, 40, 0.68);
}

body.privacy-page .privacy-toc strong {
  margin-bottom: 6px;
  color: #f8fafc;
  font-size: 13px;
  letter-spacing: 0.06em;
  text-transform: uppercase;
}

body.privacy-page .privacy-toc a {
  padding: 8px 10px;
  border-radius: 8px;
  color: #b8c4d8;
  font-size: 13px;
  font-weight: 750;
  line-height: 1.25;
  text-decoration: none;
}

body.privacy-page .privacy-toc a:hover,
body.privacy-page .privacy-toc a:focus-visible {
  color: #21ddb0;
  background: rgba(33, 221, 176, 0.08);
  outline: none;
}

body.privacy-page .privacy-document {
  display: grid;
  gap: 14px;
}

body.privacy-page .privacy-document section {
  scroll-margin-top: 112px;
  padding: clamp(20px, 2.6vw, 30px);
  border: 1px solid rgba(101, 143, 210, 0.22);
  border-radius: 14px;
  background: rgba(11, 22, 40, 0.62);
  color: #cbd5e1;
}

body.privacy-page .privacy-document h2 {
  margin: 0 0 12px;
  color: #f8fafc;
  font-size: clamp(20px, 1.8vw, 28px);
  line-height: 1.15;
  letter-spacing: 0;
}

body.privacy-page .privacy-document p,
body.privacy-page .privacy-document li {
  color: #cbd5e1;
  font-size: 15px;
  line-height: 1.68;
}

body.privacy-page .privacy-document p {
  margin: 0;
}

body.privacy-page .privacy-document p + p {
  margin-top: 12px;
}

body.privacy-page .privacy-document ul {
  display: grid;
  gap: 10px;
  margin: 12px 0 0;
  padding-left: 20px;
}

body.privacy-page .privacy-document strong {
  color: #edf6ff;
}

body.privacy-page .privacy-contact {
  background:
    linear-gradient(135deg, rgba(33, 221, 176, 0.12), rgba(79, 70, 229, 0.08)),
    rgba(11, 22, 40, 0.68) !important;
}

body.privacy-page .privacy-contact address {
  display: flex;
  flex-wrap: wrap;
  gap: 10px;
  margin-top: 16px;
  font-style: normal;
}

body.privacy-page .privacy-contact address a,
body.privacy-page .privacy-contact address span,
body.privacy-page .privacy-footer .app-footer-grid a {
  color: #dffcf5;
  text-decoration: none;
}

body.privacy-page .privacy-contact address a,
body.privacy-page .privacy-contact address span {
  padding: 9px 11px;
  border: 1px solid rgba(33, 221, 176, 0.24);
  border-radius: 8px;
  background: rgba(33, 221, 176, 0.07);
  font-size: 14px;
  font-weight: 850;
}

body.contact-page .contact-action-row {
  display: flex;
  flex-wrap: wrap;
  gap: 10px;
  margin-top: 16px;
}

body.contact-page .contact-action-row a,
body.contact-page .contact-inline-link {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  min-height: 40px;
  padding: 10px 14px;
  border: 1px solid rgba(33, 221, 176, 0.26);
  border-radius: 8px;
  background: rgba(33, 221, 176, 0.08);
  color: #dffcf5;
  font-size: 14px;
  font-weight: 850;
  line-height: 1.2;
  text-decoration: none;
}

body.privacy-page .privacy-contact address a:hover,
body.privacy-page .privacy-contact address a:focus-visible,
body.contact-page .contact-action-row a:hover,
body.contact-page .contact-action-row a:focus-visible,
body.contact-page .contact-inline-link:hover,
body.contact-page .contact-inline-link:focus-visible,
body.privacy-page .privacy-footer .app-footer-grid a:hover,
body.privacy-page .privacy-footer .app-footer-grid a:focus-visible {
  color: #21ddb0;
  outline: none;
}

:root[data-theme="light"] body.privacy-page .privacy-hero,
:root[data-theme="light"] body.privacy-page .privacy-toc,
:root[data-theme="light"] body.privacy-page .privacy-document section {
  border-color: rgba(37, 99, 235, 0.14);
  background: rgba(255, 255, 255, 0.9);
  box-shadow: 0 22px 70px rgba(15, 23, 42, 0.08);
}

:root[data-theme="light"] body.privacy-page .privacy-hero h1,
:root[data-theme="light"] body.privacy-page .privacy-document h2,
:root[data-theme="light"] body.privacy-page .privacy-toc strong,
:root[data-theme="light"] body.privacy-page .privacy-document strong {
  color: #0f172a;
}

:root[data-theme="light"] body.privacy-page .privacy-hero p,
:root[data-theme="light"] body.privacy-page .privacy-document p,
:root[data-theme="light"] body.privacy-page .privacy-document li,
:root[data-theme="light"] body.privacy-page .privacy-toc a {
  color: #475569;
}

:root[data-theme="light"] body.privacy-page .privacy-hero time,
:root[data-theme="light"] body.privacy-page .privacy-contact address a,
:root[data-theme="light"] body.privacy-page .privacy-contact address span,
:root[data-theme="light"] body.contact-page .contact-action-row a,
:root[data-theme="light"] body.contact-page .contact-inline-link,
:root[data-theme="light"] body.privacy-page .privacy-footer .app-footer-grid a {
  color: #0f766e;
  background: rgba(15, 118, 110, 0.07);
  border-color: rgba(15, 118, 110, 0.18);
}

@media (max-width: 900px) {
  body.privacy-page .privacy-shell {
    width: min(100% - 24px, 720px);
    padding-top: 18px;
  }

  body.privacy-page .privacy-layout {
    grid-template-columns: 1fr;
  }

  body.privacy-page .privacy-toc {
    position: static;
    grid-template-columns: repeat(2, minmax(0, 1fr));
  }

  body.privacy-page .privacy-toc strong {
    grid-column: 1 / -1;
  }
}

@media (max-width: 560px) {
  body.privacy-page .privacy-hero,
  body.privacy-page .privacy-document section,
  body.privacy-page .privacy-toc {
    border-radius: 12px;
  }

  body.privacy-page .privacy-toc {
    grid-template-columns: 1fr;
    padding: 14px;
  }

  body.privacy-page .privacy-contact address {
    display: grid;
  }
}

/* v27 Accendion AI header pill: centered gradient button on every page. */
body .topbar nav .nav-analyst,
body .topbar nav .nav-analyst:visited,
body .topbar > nav .nav-analyst,
body .topbar > nav .nav-analyst:visited,
body .nav-analyst {
  display: inline-flex !important;
  align-items: center !important;
  justify-content: center !important;
  text-align: center !important;
  width: 144px !important;
  min-width: 144px !important;
  max-width: 144px !important;
  height: 58px !important;
  min-height: 58px !important;
  padding: 0 18px !important;
  border-radius: 999px !important;
  border: 1px solid rgba(139, 156, 255, 0.78) !important;
  background: linear-gradient(135deg, #7868ff 0%, #1f86ff 48%, #11a79f 100%) !important;
  box-shadow: 0 0 28px rgba(83, 112, 255, 0.45), inset 0 1px 0 rgba(255, 255, 255, 0.18) !important;
  color: #ffffff !important;
  font-size: 16px !important;
  font-weight: 900 !important;
  line-height: 1 !important;
  letter-spacing: 0 !important;
  white-space: nowrap !important;
  overflow: hidden !important;
  text-decoration: none !important;
  transform: none !important;
}

body .topbar nav .nav-analyst:hover,
body .topbar nav .nav-analyst:focus-visible,
body .topbar > nav .nav-analyst:hover,
body .topbar > nav .nav-analyst:focus-visible {
  color: #ffffff !important;
  border-color: rgba(170, 185, 255, 0.92) !important;
  background: linear-gradient(135deg, #806eff 0%, #208aff 48%, #13b8ad 100%) !important;
  box-shadow: 0 0 34px rgba(83, 112, 255, 0.58), inset 0 1px 0 rgba(255, 255, 255, 0.22) !important;
  outline: none !important;
}

@media (min-width: 901px) and (max-width: 1440px) {
  body .topbar nav .nav-analyst,
  body .topbar > nav .nav-analyst,
  body .nav-analyst {
    width: 158px !important;
    min-width: 158px !important;
    max-width: 158px !important;
    height: 54px !important;
    min-height: 54px !important;
    padding: 0 20px !important;
    font-size: 14px !important;
  }
}

@media (max-width: 680px) {
  html body .topbar-search:focus-within {
    left: 10px !important;
    right: 10px !important;
    width: calc(100vw - 20px) !important;
    min-width: calc(100vw - 20px) !important;
    max-width: calc(100vw - 20px) !important;
  }

  html body .topbar-search:focus-within input {
    width: 100% !important;
    min-width: 100% !important;
  }
}

/* Final narrow-screen ownership: keep utility controls in one header row. */
@media (max-width: 680px) {
  html body.has-topbar { padding-top: 68px !important; }
  html body .topbar { position: fixed !important; top: 0 !important; left: 0 !important; right: 0 !important; grid-template-columns: minmax(0, 1fr) 44px auto 44px !important; grid-template-rows: 50px !important; align-items: center !important; gap: 7px !important; min-height: 68px !important; height: 68px !important; padding: 9px 10px !important; z-index: 100 !important; }
  html body .topbar .brand { grid-column: 1 !important; grid-row: 1 !important; min-width: 0 !important; }
  html body .topbar .brand-wordmark { width: min(42vw, 168px) !important; max-width: 100% !important; }
  html body .topbar-search { grid-column: 2 !important; grid-row: 1 !important; position: relative !important; width: 44px !important; min-width: 44px !important; height: 44px !important; margin: 0 !important; border-radius: 12px !important; overflow: visible !important; }
  html body .topbar-search input { position: absolute !important; inset: 0 !important; width: 44px !important; height: 44px !important; padding: 0 !important; border: 0 !important; color: transparent !important; caret-color: transparent !important; background: transparent !important; cursor: pointer !important; }
  html body .topbar-search input::placeholder { color: transparent !important; }
  html body .topbar-search-icon { position: absolute !important; left: 50% !important; top: 50% !important; transform: translate(-50%, -50%) !important; pointer-events: none !important; }
  html body .topbar-search:focus-within { position: absolute !important; top: calc(100% + 8px) !important; left: 10px !important; right: 10px !important; width: calc(100vw - 20px) !important; min-width: calc(100vw - 20px) !important; max-width: calc(100vw - 20px) !important; height: 52px !important; padding: 0 !important; border-radius: 14px !important; z-index: 1002 !important; }
  html body .topbar.topbar-fit-menu .topbar-search:focus-within { width: calc(100vw - 20px) !important; min-width: calc(100vw - 20px) !important; max-width: calc(100vw - 20px) !important; }
  html body .topbar-search:focus-within input { width: 100% !important; height: 52px !important; padding: 0 86px 0 54px !important; color: var(--text) !important; caret-color: currentColor !important; background: var(--panel-strong) !important; cursor: text !important; }
  html body .topbar-search:focus-within input::placeholder { color: var(--muted) !important; }
  html body .topbar-search:focus-within .topbar-search-icon { left: 22px !important; }
  html body .topbar-utilities { grid-column: 3 !important; grid-row: 1 !important; display: inline-flex !important; align-items: center !important; justify-content: flex-end !important; gap: 6px !important; width: auto !important; min-width: 78px !important; margin: 0 !important; }
  html body .topbar-utilities .notification-button { width: 36px !important; min-width: 36px !important; height: 36px !important; min-height: 36px !important; }
  html body .topbar-utilities .profile-button.simple, html body .topbar-utilities .profile-button.simple span { width: 36px !important; min-width: 36px !important; height: 36px !important; min-height: 36px !important; }
  html body .topbar-menu-toggle { grid-column: 4 !important; grid-row: 1 !important; width: 44px !important; height: 44px !important; margin: 0 !important; }
  html body .topbar > nav { top: calc(100% + 8px) !important; right: 10px !important; width: min(360px, calc(100vw - 20px)) !important; max-height: calc(100dvh - 88px) !important; border-radius: 14px !important; }
  html body .analysis-search-form { display: grid !important; grid-template-columns: 1fr !important; gap: 12px !important; overflow: visible !important; }
  html body .analysis-search-input-wrap { grid-row: 1 !important; min-height: 58px !important; }
  html body .analysis-search-form > button { grid-row: 2 !important; width: 100% !important; min-height: 52px !important; margin: 0 !important; }
  html body .analysis-suggest-list { z-index: 30 !important; }
  html body .analysis-suggest-list button { grid-template-columns: minmax(64px, auto) minmax(0, 1fr) auto !important; gap: 8px !important; min-height: 52px !important; padding: 9px !important; }
  html body .analysis-suggest-list span { min-width: 0 !important; }
  html body .analysis-hero { min-height: 0 !important; }
  html body .analysis-title-line { display: grid !important; grid-template-columns: 1fr !important; gap: 14px !important; }
  html body .analysis-identity { padding-right: 0 !important; }
  html body .forecast-score-card.analysis-score-inline { position: static !important; width: 100% !important; min-height: 0 !important; margin: 0 !important; padding: 14px !important; transform: none !important; }
  html body .forecast-score-card.analysis-score-inline > strong { font-size: 34px !important; }
  html body .forecast-score-card.analysis-score-inline .forecast-score-scale { grid-template-columns: auto minmax(0, 1fr) auto !important; gap: 6px !important; }
  html body .forecast-score-card.analysis-score-inline .forecast-score-scale small, html body .forecast-score-card.analysis-score-inline .forecast-score-scale span { font-size: 11px !important; }
}

/* Final light-theme chart guardrails for canvas fallbacks and floating controls. */
:root[data-theme="light"] body .chart-wrap,
:root[data-theme="light"] body .analysis-chart-wrap,
:root[data-theme="light"] body .analysis-live-chart-card {
  background: var(--chart-surface) !important;
  border-color: var(--border-subtle) !important;
}

:root[data-theme="light"] body .chart-ohlc,
:root[data-theme="light"] body .chart-ohlc *,
:root[data-theme="light"] body .analysis-chart-ohlc,
:root[data-theme="light"] body .analysis-chart-ohlc * {
  color: var(--content-primary) !important;
  opacity: 1 !important;
  -webkit-text-fill-color: var(--content-primary) !important;
}

:root[data-theme="light"] body .chart-ohlc b.up,
:root[data-theme="light"] body .analysis-chart-ohlc b.up {
  color: var(--status-positive) !important;
  -webkit-text-fill-color: var(--status-positive) !important;
}

:root[data-theme="light"] body .chart-ohlc b.down,
:root[data-theme="light"] body .analysis-chart-ohlc b.down {
  color: var(--status-negative) !important;
  -webkit-text-fill-color: var(--status-negative) !important;
}

:root[data-theme="light"] body .chart-range-bar,
:root[data-theme="light"] body .analysis-chart-range-bar {
  background: var(--surface-soft) !important;
  border-color: var(--chart-range-border) !important;
  backdrop-filter: none !important;
}

:root[data-theme="light"] body .chart-range-bar button,
:root[data-theme="light"] body .analysis-chart-range-bar button {
  color: var(--content-secondary) !important;
  border-color: var(--chart-range-divider) !important;
}

:root[data-theme="light"] body .chart-range-bar button.active,
:root[data-theme="light"] body .analysis-chart-range-bar button.active {
  color: #ffffff !important;
  background: var(--chart-active) !important;
}

:root[data-theme="light"] body .chart-zoom-controls button,
:root[data-theme="light"] body .chart-fullscreen-toggle,
:root[data-theme="light"] body .chart-snapshot-toggle,
:root[data-theme="light"] body .analysis-chart-controls button {
  color: var(--content-primary) !important;
  background: var(--chart-control-surface) !important;
  border-color: var(--border-strong) !important;
  box-shadow: var(--chart-control-shadow) !important;
}

:root[data-theme="light"] body .chart-tooltip,
:root[data-theme="light"] body .analysis-chart-tooltip {
  color: var(--content-primary) !important;
  background: var(--chart-tooltip-surface) !important;
  border: 1px solid var(--border-subtle) !important;
  box-shadow: var(--shadow-raised) !important;
}

:root[data-theme="light"] body .chart-tooltip strong,
:root[data-theme="light"] body .chart-tooltip span,
:root[data-theme="light"] body .chart-tooltip small,
:root[data-theme="light"] body .analysis-chart-tooltip strong,
:root[data-theme="light"] body .analysis-chart-tooltip span,
:root[data-theme="light"] body .analysis-chart-tooltip small {
  color: var(--content-secondary) !important;
  -webkit-text-fill-color: var(--content-secondary) !important;
  opacity: 1 !important;
}

/* Detailed-analysis compliance ending. */
body .analysis-company-end.accendion-company-end {
  display: grid !important;
  justify-items: stretch !important;
  gap: 16px !important;
  padding: clamp(24px, 3vw, 42px) !important;
  text-align: left !important;
}
body .analysis-company-end .analysis-company-wordmark { justify-self: start !important; width: min(270px, 72vw) !important; }
body .analysis-company-end.accendion-company-end > h3 { display: block !important; margin: 0 !important; color: var(--text) !important; font-size: clamp(22px, 2.2vw, 30px) !important; }
body .analysis-company-end.accendion-company-end > p { justify-self: start !important; max-width: 1050px !important; margin: 0 !important; color: var(--text-soft) !important; font-size: 15px !important; font-weight: 650 !important; line-height: 1.65 !important; text-align: left !important; }
body .analysis-company-end .analysis-registration,
body .analysis-company-end .analysis-disclaimer { width: 100%; box-sizing: border-box; padding: 0; border: 0; border-radius: 0; background: transparent; }
body .analysis-company-end .analysis-registration h4,
body .analysis-company-end .analysis-disclaimer h4 { margin: 0 0 14px; color: var(--text); font-size: 15px; }
body .analysis-company-end .analysis-registration dl { display: block; margin: 0; }
body .analysis-company-end .analysis-registration dl > div { min-width: 0; margin: 0 0 8px; }
body .analysis-company-end .analysis-registration dt { display: inline; color: var(--text); font-size: 13px; font-weight: 800; letter-spacing: 0; text-transform: none; }
body .analysis-company-end .analysis-registration dd { display: inline; margin: 0; color: var(--text-soft); font-size: 13px; line-height: 1.55; overflow-wrap: anywhere; }
body .analysis-company-end .analysis-disclaimer ol { display: block; margin: 0; padding-left: 20px; }
body .analysis-company-end .analysis-disclaimer li { color: var(--text-soft); font-size: 13px; line-height: 1.55; }
body .analysis-company-end .analysis-disclaimer li + li { margin-top: 9px; }
body .analysis-company-end .analysis-disclaimer-links { display: flex; flex-wrap: wrap; gap: 16px; margin-top: 16px !important; font-size: 13px !important; }
body .analysis-company-end .analysis-disclaimer-links a { color: #39a8ff; font-weight: 800; text-decoration: none; }
body .analysis-company-end .analysis-disclaimer-links a:hover { color: #7dcdff; }
@media (max-width: 760px) {
}

/* Light pricing readability: keep plan feature text visible on white cards. */
:root[data-theme="light"] body.upgrade-page .upgrade-plan ul,
:root[data-theme="light"] body.upgrade-page .upgrade-plan li {
  color: #243047 !important;
  opacity: 1 !important;
  text-shadow: none !important;
}

:root[data-theme="light"] body.upgrade-page .upgrade-plan strong span {
  color: #4b5870 !important;
  opacity: 1 !important;
}

:root[data-theme="light"] body.upgrade-page .upgrade-plan li::before {
  color: #16c971 !important;
  opacity: 1 !important;
}

/* Light header search controls need enough contrast on white pills. */
:root[data-theme="light"] html body .topbar-search-clear,
:root[data-theme="light"] html body .topbar-search-close {
  color: #536176 !important;
  opacity: 1 !important;
}

:root[data-theme="light"] html body .topbar-search-clear {
  border-right-color: rgba(83, 97, 118, 0.28) !important;
}

:root[data-theme="light"] html body .topbar-search-clear:hover,
:root[data-theme="light"] html body .topbar-search-close:hover,
:root[data-theme="light"] html body .topbar-search-clear:focus-visible,
:root[data-theme="light"] html body .topbar-search-close:focus-visible {
  color: #142033 !important;
}

/* Light chart header readability over the white chart canvas. */
:root[data-theme="light"] html body .chart-ohlc,
:root[data-theme="light"] html body .chart-ohlc strong,
:root[data-theme="light"] html body .chart-ohlc span,
:root[data-theme="light"] html body .chart-ohlc em {
  color: #142033 !important;
  opacity: 1 !important;
}

:root[data-theme="light"] html body .chart-ohlc b.up {
  color: #059669 !important;
}

:root[data-theme="light"] html body .chart-ohlc b.down {
  color: #dc2626 !important;
}

html body .chart-ohlc {
  z-index: 8 !important;
}

/* v34 detailed-analysis should not show the page/header ghost behind it. */
body .analysis-overlay.open,
html body .analysis-overlay.open {
  background:
    radial-gradient(circle at 18% 8%, rgba(21, 94, 239, 0.16), transparent 34%),
    radial-gradient(circle at 84% 5%, rgba(168, 85, 247, 0.20), transparent 36%),
    linear-gradient(135deg, #050916 0%, #0b0d22 52%, #190a35 100%) !important;
  backdrop-filter: none !important;
  -webkit-backdrop-filter: none !important;
}

body .analysis-modal,
html body .analysis-modal {
  background:
    radial-gradient(circle at 18% 10%, rgba(47, 91, 162, 0.18), transparent 34%),
    radial-gradient(circle at 88% 0%, rgba(142, 80, 210, 0.18), transparent 35%),
    linear-gradient(135deg, #08101f 0%, #0b0d24 52%, #18092f 100%) !important;
}

body .analysis-modal-head,
html body .analysis-modal-head {
  background:
    linear-gradient(90deg, #10182f 0%, #281458 52%, #1b0a3b 100%) !important;
}

:root[data-theme="light"] body .analysis-overlay.open,
:root[data-theme="light"] html body .analysis-overlay.open {
  background:
    radial-gradient(circle at 18% 8%, rgba(21, 94, 239, 0.10), transparent 34%),
    radial-gradient(circle at 84% 5%, rgba(168, 85, 247, 0.12), transparent 36%),
    linear-gradient(135deg, #f8fbff 0%, #eef5ff 52%, #f7effc 100%) !important;
}

:root[data-theme="light"] body .analysis-modal,
:root[data-theme="light"] html body .analysis-modal {
  background:
    radial-gradient(circle at 18% 10%, rgba(20, 184, 166, 0.08), transparent 34%),
    radial-gradient(circle at 88% 0%, rgba(122, 167, 255, 0.14), transparent 35%),
    linear-gradient(135deg, #ffffff 0%, #f7fbff 52%, #fbf7ff 100%) !important;
}

:root[data-theme="light"] body .analysis-modal-head,
:root[data-theme="light"] html body .analysis-modal-head {
  background: linear-gradient(90deg, #ffffff 0%, #f3f7ff 52%, #fbf7ff 100%) !important;
}

/* v35 keep the real menu visible above detailed-analysis. */
html.modal-open body > .topbar,
body.modal-open > .topbar,
html.modal-open body header.topbar,
body.modal-open header.topbar {
  opacity: 1 !important;
  visibility: visible !important;
  filter: none !important;
  transform: none !important;
  pointer-events: auto !important;
  z-index: 12000 !important;
}

html.modal-open body > .topbar + .market-clock,
body.modal-open > .topbar + .market-clock,
html.modal-open body header.topbar + .market-clock,
body.modal-open header.topbar + .market-clock {
  opacity: 0 !important;
  visibility: hidden !important;
  filter: none !important;
  transform: none !important;
  pointer-events: none !important;
  z-index: 1 !important;
}

body .analysis-overlay.open,
html body .analysis-overlay.open {
  top: var(--accendion-analysis-top, var(--accendion-fixed-header-height, 160px)) !important;
  right: 0 !important;
  bottom: 0 !important;
  left: 0 !important;
  height: calc(100vh - var(--accendion-analysis-top, var(--accendion-fixed-header-height, 160px))) !important;
  max-height: calc(100vh - var(--accendion-analysis-top, var(--accendion-fixed-header-height, 160px))) !important;
  padding-top: 0 !important;
  z-index: 9000 !important;
}

body .analysis-overlay.open .analysis-modal,
html body .analysis-overlay.open .analysis-modal {
  height: 100% !important;
  max-height: 100% !important;
}

/* v31 signed-out light theme CTA/profile clarity only. */
:root[data-theme="light"] body.signed-out .topbar nav .nav-get-started:not([hidden]),
:root[data-theme="light"] body.signed-out .nav-get-started:not([hidden]) {
  display: inline-flex !important;
  align-items: center !important;
  justify-content: center !important;
  min-width: 126px !important;
  height: 44px !important;
  min-height: 44px !important;
  padding: 0 20px !important;
  border: 1px solid rgba(245, 158, 11, 0.45) !important;
  border-radius: 999px !important;
  background: linear-gradient(135deg, #ff9f1c 0%, #f6d51f 52%, #70d24b 100%) !important;
  box-shadow: 0 14px 32px rgba(245, 158, 11, 0.24), inset 0 1px 0 rgba(255, 255, 255, 0.32) !important;
  color: #07111f !important;
  -webkit-text-fill-color: #07111f !important;
  font-size: 14px !important;
  font-weight: 950 !important;
  line-height: 1 !important;
  text-decoration: none !important;
  white-space: nowrap !important;
  opacity: 1 !important;
}

:root[data-theme="light"] body.signed-out .topbar nav .nav-get-started:not([hidden]):hover,
:root[data-theme="light"] body.signed-out .topbar nav .nav-get-started:not([hidden]):focus-visible {
  background: linear-gradient(135deg, #ffad28 0%, #ffe129 52%, #7de05a 100%) !important;
  color: #07111f !important;
  -webkit-text-fill-color: #07111f !important;
  outline: none !important;
}

:root[data-theme="light"] body.signed-out .topbar .profile-button.simple {
  width: 44px !important;
  min-width: 44px !important;
  height: 44px !important;
  min-height: 44px !important;
  border: 0 !important;
  border-radius: 999px !important;
  background: transparent !important;
  box-shadow: none !important;
  opacity: 1 !important;
}

:root[data-theme="light"] body.signed-out .profile-button.simple span {
  width: 32px !important;
  height: 32px !important;
  background-color: #07111f !important;
  opacity: 1 !important;
  -webkit-mask-size: 30px 30px !important;
  mask-size: 30px 30px !important;
}

/* v33 light news readability and source-link fallback polish. */
:root[data-theme="light"] body.news-page .news-page-feature-card,
:root[data-theme="light"] body.news-page .news-page-grid-wrap,
:root[data-theme="light"] body.news-page .news-page-card {
  color: #101828 !important;
  background:
    linear-gradient(145deg, rgba(255, 255, 255, 0.97), rgba(246, 250, 255, 0.94)),
    radial-gradient(circle at 16% 16%, rgba(14, 165, 233, 0.08), transparent 32%) !important;
  border-color: rgba(120, 146, 190, 0.28) !important;
  box-shadow: 0 18px 42px rgba(15, 23, 42, 0.10) !important;
}

:root[data-theme="light"] body.news-page .news-page-card {
  min-height: 430px !important;
  overflow: visible !important;
}

:root[data-theme="light"] body.news-page .news-page-feature-copy h2,
:root[data-theme="light"] body.news-page .news-page-card h3,
:root[data-theme="light"] body.news-page .news-page-section-head h2 {
  color: #101828 !important;
  -webkit-text-fill-color: #101828 !important;
}

:root[data-theme="light"] body.news-page .news-page-feature-copy p,
:root[data-theme="light"] body.news-page .news-page-card p {
  color: #475467 !important;
  -webkit-text-fill-color: #475467 !important;
}

:root[data-theme="light"] body.news-page .news-page-card-meta span {
  color: #344054 !important;
  -webkit-text-fill-color: #344054 !important;
  background: #eef4ff !important;
  border: 1px solid rgba(132, 161, 214, 0.18) !important;
}

:root[data-theme="light"] body.news-page .news-page-card-meta span:first-child {
  color: #ffffff !important;
  -webkit-text-fill-color: #ffffff !important;
  background: linear-gradient(135deg, #2286f2, #08a7bf) !important;
}

:root[data-theme="light"] body.news-page .news-page-card-footer,
:root[data-theme="light"] body.news-page .news-page-card-footer span {
  color: #667085 !important;
  -webkit-text-fill-color: #667085 !important;
  opacity: 1 !important;
}

:root[data-theme="light"] body.news-page .news-page-card-footer span:first-child {
  color: #2563eb !important;
  -webkit-text-fill-color: #2563eb !important;
}

:root[data-theme="light"] body.news-page .news-detail-overlay {
  background: rgba(248, 251, 255, 0.78) !important;
}

:root[data-theme="light"] body.news-page .news-detail-panel {
  color: #101828 !important;
  background:
    linear-gradient(135deg, rgba(255, 255, 255, 0.98), rgba(245, 249, 255, 0.98)) !important;
  border-color: rgba(120, 146, 190, 0.32) !important;
  box-shadow: 0 30px 80px rgba(15, 23, 42, 0.18) !important;
}

:root[data-theme="light"] body.news-page .news-detail-media {
  background: #eef4ff !important;
}

:root[data-theme="light"] body.news-page .news-detail-body h2,
:root[data-theme="light"] body.news-page .news-detail-expanded h3,
:root[data-theme="light"] body.news-page .news-detail-expanded h4 {
  color: #101828 !important;
  -webkit-text-fill-color: #101828 !important;
}

:root[data-theme="light"] body.news-page .news-detail-time,
:root[data-theme="light"] body.news-page .news-detail-summary,
:root[data-theme="light"] body.news-page .news-detail-points,
:root[data-theme="light"] body.news-page .news-detail-expanded,
:root[data-theme="light"] body.news-page .news-detail-note,
:root[data-theme="light"] body.news-page .news-detail-preview {
  color: #475467 !important;
  -webkit-text-fill-color: #475467 !important;
  opacity: 1 !important;
}

:root[data-theme="light"] body.news-page .news-detail-points span {
  color: #344054 !important;
  -webkit-text-fill-color: #344054 !important;
  background: #f5f8ff !important;
  border-color: rgba(120, 146, 190, 0.28) !important;
}

:root[data-theme="light"] body.news-page .news-detail-close {
  color: #101828 !important;
  background: rgba(255, 255, 255, 0.92) !important;
  border-color: rgba(120, 146, 190, 0.32) !important;
}


/* v28 pricing layout: centered tabs and centered plan cards. */
body.upgrade-page .upgrade-billing.upgrade-duration-tabs {
  display: grid !important;
  grid-template-columns: repeat(4, minmax(0, 1fr)) !important;
  align-items: center !important;
  justify-items: stretch !important;
  gap: 0 !important;
  width: min(1720px, calc(100% - 160px)) !important;
  max-width: 1720px !important;
  margin: 0 auto 28px !important;
  padding: 6px !important;
  overflow: hidden !important;
}

body.upgrade-page .upgrade-billing.upgrade-duration-tabs button {
  width: 100% !important;
  min-width: 0 !important;
  max-width: none !important;
  height: 74px !important;
  margin: 0 !important;
  padding: 0 18px !important;
  border-radius: 999px !important;
  text-align: center !important;
  justify-content: center !important;
}

body.upgrade-page .upgrade-grid {
  display: grid !important;
  justify-content: center !important;
  justify-items: stretch !important;
  align-items: stretch !important;
  gap: 20px !important;
  width: min(1500px, calc(100% - 120px)) !important;
  max-width: 1500px !important;
  margin: 0 auto !important;
  padding-inline: 0 !important;
}

body.upgrade-page .upgrade-grid[data-duration="one_month"],
body.upgrade-page .upgrade-grid[data-duration="one_month"] {
  grid-template-columns: repeat(3, minmax(330px, 460px)) !important;
}

body.upgrade-page .upgrade-grid[data-duration="six_months"],
body.upgrade-page .upgrade-grid[data-duration="one_year"] {
  grid-template-columns: repeat(2, minmax(430px, 600px)) !important;
}

body.upgrade-page .upgrade-grid[data-duration="premium_plans"] {
  grid-template-columns: repeat(2, minmax(430px, 600px)) !important;
}

body.upgrade-page .upgrade-plan {
  width: 100% !important;
  max-width: none !important;
  margin: 0 !important;
}

body .topbar nav .nav-analyst,
body .topbar nav .nav-analyst:visited,
body .topbar > nav .nav-analyst,
body .topbar > nav .nav-analyst:visited,
body .nav-analyst {
  width: 168px !important;
  min-width: 168px !important;
  max-width: 168px !important;
  height: 58px !important;
  padding: 0 24px !important;
  font-size: 16px !important;
}

@media (min-width: 901px) and (max-width: 1440px) {
  body .topbar nav .nav-analyst,
  body .topbar > nav .nav-analyst,
  body .nav-analyst {
    width: 156px !important;
    min-width: 156px !important;
    max-width: 156px !important;
    padding: 0 20px !important;
    font-size: 14px !important;
  }

  body.upgrade-page .upgrade-billing.upgrade-duration-tabs {
    width: min(1320px, calc(100% - 64px)) !important;
  }

  body.upgrade-page .upgrade-grid {
    width: min(1240px, calc(100% - 48px)) !important;
    gap: 18px !important;
  }

  body.upgrade-page .upgrade-grid[data-duration="one_month"],
  body.upgrade-page .upgrade-grid[data-duration="one_month"] {
    grid-template-columns: repeat(3, minmax(280px, 390px)) !important;
  }

  body.upgrade-page .upgrade-grid[data-duration="six_months"],
  body.upgrade-page .upgrade-grid[data-duration="one_year"] {
    grid-template-columns: repeat(2, minmax(360px, 500px)) !important;
  }

  body.upgrade-page .upgrade-grid[data-duration="premium_plans"] {
    grid-template-columns: repeat(2, minmax(360px, 500px)) !important;
  }
}

@media (max-width: 900px) {
  body.upgrade-page .upgrade-billing.upgrade-duration-tabs {
    width: min(100% - 24px, 720px) !important;
    grid-template-columns: repeat(2, minmax(0, 1fr)) !important;
    gap: 8px !important;
    border-radius: 18px !important;
  }

  body.upgrade-page .upgrade-billing.upgrade-duration-tabs button {
    height: 54px !important;
    border-radius: 14px !important;
  }

  body.upgrade-page .upgrade-grid,
  body.upgrade-page .upgrade-grid[data-duration="one_month"],
  body.upgrade-page .upgrade-grid[data-duration="six_months"],
  body.upgrade-page .upgrade-grid[data-duration="one_year"],
  body.upgrade-page .upgrade-grid[data-duration="premium_plans"] {
    width: min(100% - 24px, 640px) !important;
    grid-template-columns: 1fr !important;
  }
}

/* v30 exact Accendion AI header pill treatment. */
body .topbar nav .nav-analyst,
body .topbar nav .nav-analyst:visited,
body .topbar > nav .nav-analyst,
body .topbar > nav .nav-analyst:visited,
body .nav-analyst {
  box-sizing: border-box !important;
  display: inline-flex !important;
  align-items: center !important;
  justify-content: center !important;
  width: 162px !important;
  min-width: 162px !important;
  max-width: 162px !important;
  height: 60px !important;
  min-height: 60px !important;
  padding: 0 24px !important;
  border: 1px solid rgba(139, 159, 255, 0.78) !important;
  border-radius: 999px !important;
  background: linear-gradient(135deg, #7666ff 0%, #2288ff 49%, #13aba6 100%) !important;
  box-shadow: 0 0 28px rgba(86, 113, 255, 0.48), inset 0 1px 0 rgba(255, 255, 255, 0.2) !important;
  color: #ffffff !important;
  font-size: 15px !important;
  font-weight: 900 !important;
  line-height: 1 !important;
  letter-spacing: 0 !important;
  white-space: nowrap !important;
  text-align: center !important;
  text-decoration: none !important;
  overflow: visible !important;
}

body .topbar nav .nav-analyst:hover,
body .topbar nav .nav-analyst:focus-visible,
body .topbar > nav .nav-analyst:hover,
body .topbar > nav .nav-analyst:focus-visible {
  background: linear-gradient(135deg, #8170ff 0%, #248dff 49%, #15b8ae 100%) !important;
  border-color: rgba(181, 194, 255, 0.92) !important;
  box-shadow: 0 0 34px rgba(86, 113, 255, 0.62), inset 0 1px 0 rgba(255, 255, 255, 0.24) !important;
}

@media (min-width: 901px) and (max-width: 1440px) {
  body .topbar nav .nav-analyst,
  body .topbar > nav .nav-analyst,
  body .nav-analyst {
    width: 158px !important;
    min-width: 158px !important;
    max-width: 158px !important;
    height: 58px !important;
    min-height: 58px !important;
    padding: 0 22px !important;
    font-size: 14px !important;
  }
}