:root {
  --bg: #eef3f9;
  --surface: #ffffff;
  --surface-soft: #f4f8fc;
  --surface-strong: #f8fbff;
  --border: #d5e0ee;
  --border-strong: #c4d5ea;
  --text: #102133;
  --muted: #435a73;
  --accent: #1463e3;
  --accent-dark: #0d4597;
  --navy: #0f1f33;
  --ink-inverse: #f6f9fd;
  --hero-border: rgba(255, 255, 255, 0.14);
  --success: #16835f;
  --warning: #b97710;
  --danger: #c53a3a;
  --shadow: 0 22px 60px rgba(15, 31, 51, 0.09);
  --shadow-soft: 0 12px 32px rgba(15, 31, 51, 0.07);
}

* {
  box-sizing: border-box;
}

html {
  scroll-behavior: smooth;
}

body,
h1,
h2,
h3,
p {
  margin: 0;
}

body {
  font-family: Inter, "Segoe UI", Arial, Helvetica, sans-serif;
  line-height: 1.5;
  color: var(--text);
  background: linear-gradient(180deg, #f8fbff 0%, var(--bg) 100%);
}

/* PMDesk decision-canvas hierarchy v53 */
.chart-lab-control-presets {
  flex: 1 1 430px;
  flex-wrap: wrap;
}

.chart-lab-control-presets button {
  min-width: 76px;
}

.chart-lab-layer-custom {
  flex: 1 1 100%;
  min-width: 0;
  border: 1px solid rgba(125, 211, 252, 0.2);
  border-radius: 7px;
  background: rgba(3, 11, 22, 0.62);
}

.chart-lab-layer-custom summary {
  min-height: 32px;
  padding: 8px 11px;
  color: #b9cbe0;
  cursor: pointer;
  font-size: 10px;
  font-weight: 900;
  list-style-position: inside;
}

.chart-lab-layer-custom-body {
  display: flex;
  flex-wrap: wrap;
  gap: 6px;
  padding: 0 6px 6px;
}

.chart-lab-layer-custom:not([open]) .chart-lab-layer-custom-body {
  display: none;
}

.chart-lab-environment-strip {
  display: grid;
  grid-template-columns: minmax(190px, 1.12fr) repeat(4, minmax(145px, 1fr));
  border-top: 1px solid rgba(125, 211, 252, 0.2);
  border-bottom: 1px solid rgba(125, 211, 252, 0.2);
  background: linear-gradient(90deg, rgba(9, 25, 42, 0.96), rgba(4, 13, 25, 0.98));
  overflow: hidden;
}

.chart-lab-environment-strip.is-warning {
  box-shadow: inset 4px 0 0 #fb923c;
}

.chart-lab-environment-strip.is-active {
  box-shadow: inset 4px 0 0 #2dd4bf;
}

.chart-lab-environment-strip.is-quiet {
  box-shadow: inset 4px 0 0 #60a5fa;
}

.chart-lab-environment-lead,
.chart-lab-environment-card {
  display: grid;
  align-content: center;
  gap: 4px;
  min-width: 0;
  min-height: 78px;
  padding: 11px 12px;
  border-right: 1px solid rgba(125, 211, 252, 0.15);
}

.chart-lab-environment-card:last-child {
  border-right: 0;
}

.chart-lab-environment-lead span,
.chart-lab-environment-card span {
  color: #7dd3fc;
  font-size: 9px;
  font-weight: 950;
  letter-spacing: .08em;
  text-transform: uppercase;
}

.chart-lab-environment-lead strong,
.chart-lab-environment-card strong {
  color: #f8fafc;
  font-size: 13px;
  font-weight: 950;
  line-height: 1.18;
  overflow-wrap: anywhere;
}

.chart-lab-environment-lead strong {
  font-size: 17px;
}

.chart-lab-environment-lead small,
.chart-lab-environment-card small {
  color: #aebed1;
  font-size: 10px;
  font-weight: 700;
  line-height: 1.3;
  overflow-wrap: anywhere;
}

.chart-lab-environment-card.is-bearish strong,
.chart-lab-environment-card.is-shadow strong {
  color: #fda4af;
}

.chart-lab-environment-card.is-bullish strong,
.chart-lab-environment-card.is-confirmed strong {
  color: #6ee7b7;
}

.chart-lab-environment-card.is-shadow {
  background: rgba(244, 196, 48, 0.045);
}

.chart-lab-chart-stage {
  display: grid;
  grid-template-columns: minmax(0, 1fr) 224px;
  align-items: stretch;
  min-width: 0;
  background: #07111f;
}

.chart-lab-trader-chart {
  container-type: inline-size;
}

.chart-lab-chart-stage > .chart-lab-tv-chart {
  min-width: 0;
}

.chart-lab-signal-rail {
  position: relative;
  min-width: 0;
  height: clamp(560px, 62vh, 780px);
  min-height: 560px;
  border-left: 1px solid rgba(125, 211, 252, 0.2);
  background:
    linear-gradient(180deg, rgba(15, 36, 56, 0.9), rgba(4, 13, 25, 0.98)),
    #07111f;
  overflow: hidden;
}

.chart-lab-signal-rail-head {
  position: absolute;
  z-index: 2;
  top: 0;
  right: 0;
  left: 0;
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: 8px;
  min-height: 48px;
  padding: 10px 12px;
  border-bottom: 1px solid rgba(125, 211, 252, 0.17);
  background: rgba(5, 18, 32, 0.96);
}

.chart-lab-signal-rail-head span {
  color: #7dd3fc;
  font-size: 9px;
  font-weight: 950;
  letter-spacing: .08em;
  text-transform: uppercase;
}

.chart-lab-signal-rail-head strong {
  color: #d9e8f5;
  font-size: 10px;
  font-weight: 900;
}

.chart-lab-signal-rail-levels {
  position: absolute;
  inset: 0;
  pointer-events: none;
}

.chart-lab-right-label.is-signal-rail {
  right: 10px;
  left: 10px;
  width: auto;
  max-width: none;
  min-width: 0;
  min-height: 34px;
  padding: 7px 9px;
  border-left-width: 3px;
  background: rgba(6, 19, 34, 0.96) !important;
  box-shadow: 0 10px 26px rgba(0, 0, 0, 0.24);
}

.chart-lab-right-label.is-signal-rail::before {
  content: "";
  position: absolute;
  right: 100%;
  top: 50%;
  width: 11px;
  border-top: 1px solid var(--label-color, #7dd3fc);
}

.chart-lab-right-label.is-signal-rail span {
  color: #b9cbe0;
  font-size: 9px;
  text-transform: uppercase;
}

.chart-lab-right-label.is-signal-rail strong {
  color: #fff;
  font-size: 11px;
}

@container (max-width: 1050px) {
  .chart-lab-chart-stage {
    display: block;
  }

  .chart-lab-signal-rail {
    height: auto;
    min-height: 0;
    border-top: 1px solid rgba(125, 211, 252, 0.2);
    border-left: 0;
    overflow: visible;
  }

  .chart-lab-signal-rail-head {
    position: static;
    min-height: 38px;
    padding: 8px 10px;
  }

  .chart-lab-signal-rail-levels {
    position: static;
    display: flex;
    gap: 7px;
    padding: 8px;
    overflow-x: auto;
    scroll-snap-type: x proximity;
    pointer-events: auto;
  }

  .chart-lab-right-label.is-signal-rail {
    position: static;
    flex: 0 0 170px;
    width: 170px;
    min-height: 52px;
    padding: 8px;
    transform: none;
    white-space: normal;
    scroll-snap-align: start;
  }

  .chart-lab-right-label.is-signal-rail::before {
    display: none;
  }

  .chart-lab-right-label.is-signal-rail span {
    white-space: normal;
  }
}

@media (max-width: 1100px) {
  .chart-lab-environment-strip {
    display: flex;
    overflow-x: auto;
    scroll-snap-type: x proximity;
  }

  .chart-lab-environment-lead,
  .chart-lab-environment-card {
    flex: 0 0 220px;
    scroll-snap-align: start;
  }

  .chart-lab-chart-stage {
    grid-template-columns: minmax(0, 1fr) 188px;
  }
}

@media (max-width: 760px) {
  .chart-lab-control-presets {
    display: grid !important;
    grid-template-columns: repeat(4, minmax(0, 1fr));
    width: 100%;
  }

  .chart-lab-control-presets > span {
    grid-column: 1 / -1;
  }

  .chart-lab-control-presets button {
    min-width: 0;
    padding-inline: 6px;
  }

  .chart-lab-layer-custom {
    width: 100%;
  }

  .chart-lab-layer-custom-body {
    display: grid;
    grid-template-columns: minmax(0, 1fr);
  }

  .chart-lab-environment-strip {
    margin: 0;
  }

  .chart-lab-environment-lead,
  .chart-lab-environment-card {
    flex-basis: min(78vw, 260px);
    min-height: 92px;
  }

  .chart-lab-chart-stage {
    display: block;
  }

  .chart-lab-signal-rail {
    height: auto;
    min-height: 0;
    border-top: 1px solid rgba(125, 211, 252, 0.2);
    border-left: 0;
    overflow: visible;
  }

  .chart-lab-signal-rail-head {
    position: static;
    min-height: 38px;
    padding: 8px 10px;
  }

  .chart-lab-signal-rail-levels {
    position: static;
    display: flex;
    gap: 7px;
    padding: 8px;
    overflow-x: auto;
    scroll-snap-type: x proximity;
    pointer-events: auto;
  }

  .chart-lab-right-label.is-signal-rail {
    position: static;
    flex: 0 0 152px;
    width: 152px;
    min-height: 54px;
    padding: 8px;
    transform: none;
    white-space: normal;
    scroll-snap-align: start;
  }

  .chart-lab-right-label.is-signal-rail::before {
    display: none;
  }

  .chart-lab-right-label.is-signal-rail span {
    white-space: normal;
  }
}

section[id] {
  scroll-margin-top: 20px;
}

a {
  color: var(--accent);
  text-decoration: none;
}

a:hover {
  text-decoration: underline;
}

.site-shell {
  max-width: 1360px;
  margin: 0 auto;
  padding: 20px 20px 84px;
}

.topbar {
  display: flex;
  justify-content: space-between;
  align-items: center;
  gap: 20px;
  position: static;
  z-index: 20;
  margin-bottom: 20px;
  padding: 16px 20px;
  border: 1px solid rgba(213, 224, 238, 0.9);
  border-radius: 22px;
  background: rgba(248, 251, 255, 0.88);
  backdrop-filter: blur(18px);
  box-shadow: var(--shadow-soft);
}

.topbar-right {
  display: grid;
  justify-items: end;
  gap: 12px;
}

.topbar-meta {
  display: inline-flex;
  align-items: center;
  gap: 10px;
  padding: 6px 8px 6px 14px;
  border: 1px solid rgba(213, 224, 238, 0.95);
  border-radius: 999px;
  background: rgba(255, 255, 255, 0.9);
  box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.82);
}

.topbar-meta-label {
  color: var(--muted);
  font-size: 11px;
  font-weight: 700;
  letter-spacing: 0.12em;
  text-transform: uppercase;
}

.topbar-status {
  display: inline-flex;
  align-items: center;
  gap: 8px;
  min-height: 32px;
  padding: 0 12px;
  border-radius: 999px;
  background: rgba(20, 99, 227, 0.1);
  color: var(--accent-dark);
  font-size: 12px;
  font-weight: 700;
}

.topbar-status::before {
  content: "";
  width: 8px;
  height: 8px;
  border-radius: 999px;
  background: var(--success);
  box-shadow: 0 0 0 4px rgba(22, 131, 95, 0.12);
}

.site-search-toggle {
  justify-self: end;
  min-height: 36px;
  border: 1px solid rgba(20, 99, 227, 0.22);
  border-radius: 999px;
  background: rgba(20, 99, 227, 0.1);
  color: var(--accent-dark);
  cursor: pointer;
  font: inherit;
  font-size: 13px;
  font-weight: 850;
  padding: 0 14px;
}

.site-search-toggle:hover {
  border-color: rgba(20, 99, 227, 0.42);
  background: rgba(20, 99, 227, 0.16);
}

body.site-search-open {
  overflow: hidden;
}

.site-search-backdrop {
  position: fixed;
  inset: 0;
  z-index: 85;
  background: rgba(7, 17, 31, 0.42);
  backdrop-filter: blur(6px);
}

.site-search-backdrop[hidden],
.site-search-panel[hidden] {
  display: none !important;
}

.site-search-panel {
  position: fixed;
  top: min(9vh, 80px);
  left: 50%;
  z-index: 90;
  width: min(720px, calc(100vw - 28px));
  max-height: min(720px, calc(100dvh - 52px));
  overflow: auto;
  transform: translateX(-50%);
  border: 1px solid rgba(213, 224, 238, 0.92);
  border-radius: 18px;
  background: rgba(248, 251, 255, 0.98);
  box-shadow: 0 28px 80px rgba(7, 17, 31, 0.28);
  padding: 16px;
}

.site-search-head {
  display: flex;
  align-items: flex-start;
  justify-content: space-between;
  gap: 14px;
  margin-bottom: 12px;
}

.site-search-kicker {
  margin: 0 0 5px;
  color: var(--accent-dark);
  font-size: 11px;
  font-weight: 900;
  letter-spacing: 0.13em;
  text-transform: uppercase;
}

.site-search-head h2 {
  margin: 0;
  color: var(--navy);
  font-size: clamp(20px, 3vw, 28px);
  line-height: 1.12;
}

.site-search-close {
  min-height: 34px;
  border: 1px solid rgba(197, 211, 230, 0.95);
  border-radius: 999px;
  background: #fff;
  color: var(--navy);
  cursor: pointer;
  font: inherit;
  font-size: 12px;
  font-weight: 850;
  padding: 0 12px;
}

.site-search-box {
  display: grid;
  gap: 7px;
  color: var(--muted);
  font-size: 11px;
  font-weight: 850;
  letter-spacing: 0.11em;
  text-transform: uppercase;
}

.site-search-box input {
  width: 100%;
  min-height: 48px;
  border: 1px solid rgba(197, 211, 230, 0.95);
  border-radius: 12px;
  background: #fff;
  color: var(--navy);
  font: inherit;
  font-size: 15px;
  padding: 0 14px;
  outline: none;
}

.site-search-box input:focus {
  border-color: rgba(20, 99, 227, 0.45);
  box-shadow: 0 0 0 4px rgba(20, 99, 227, 0.1);
}

.site-search-results {
  display: grid;
  gap: 9px;
  margin-top: 12px;
}

.site-search-result {
  display: grid;
  gap: 4px;
  width: 100%;
  min-height: 76px;
  border: 1px solid rgba(213, 224, 238, 0.95);
  border-radius: 12px;
  background: #fff;
  color: var(--navy);
  cursor: pointer;
  font: inherit;
  padding: 12px;
  text-align: left;
}

.site-search-result:hover,
.site-search-result:focus {
  border-color: rgba(20, 99, 227, 0.42);
  background: #f4f8ff;
  outline: none;
}

.site-search-result span {
  color: var(--accent-dark);
  font-size: 10px;
  font-weight: 900;
  letter-spacing: 0.1em;
  text-transform: uppercase;
}

.site-search-result strong {
  color: var(--navy);
  font-size: 16px;
  line-height: 1.2;
}

.site-search-result small {
  color: var(--muted);
  font-size: 13px;
  line-height: 1.35;
}

.brand-lockup {
  display: flex;
  align-items: center;
  gap: 14px;
}

.brand-mark {
  width: 48px;
  height: 48px;
  display: grid;
  place-items: center;
  border-radius: 14px;
  background: linear-gradient(135deg, var(--accent), var(--accent-dark));
  color: #fff;
  font-weight: 700;
  box-shadow: 0 16px 28px rgba(20, 99, 227, 0.24);
}

.brand-name {
  font-size: 21px;
  font-weight: 700;
}

.brand-sub {
  color: var(--muted);
  font-size: 13px;
  margin-top: 2px;
}

.topnav {
  display: flex;
  gap: 10px;
  flex-wrap: wrap;
  padding: 6px;
  border: 1px solid rgba(213, 224, 238, 0.95);
  border-radius: 999px;
  background: rgba(255, 255, 255, 0.88);
  box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.85);
}

.topnav a {
  color: var(--navy);
  font-weight: 600;
  font-size: 14px;
  padding: 10px 14px;
  border-radius: 999px;
  transition:
    background-color 160ms ease,
    color 160ms ease,
    transform 160ms ease;
}

.topnav a:hover {
  background: #edf4ff;
  color: var(--accent-dark);
  text-decoration: none;
  transform: translateY(-1px);
}

.topnav a.is-active {
  background: linear-gradient(135deg, rgba(20, 99, 227, 0.16), rgba(20, 99, 227, 0.06));
  color: var(--accent-dark);
  box-shadow: inset 0 0 0 1px rgba(20, 99, 227, 0.12);
}

.nav-logout {
  border: 1px solid rgba(197, 211, 230, 0.95);
  border-radius: 999px;
  padding: 10px 14px;
  background: #fff;
  color: var(--danger);
  cursor: pointer;
  font: inherit;
  font-size: 14px;
  font-weight: 700;
}

.nav-logout:hover {
  border-color: rgba(197, 58, 58, 0.38);
  background: rgba(197, 58, 58, 0.08);
}

.nav-user-label {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  max-width: 180px;
  min-height: 40px;
  padding: 0 12px;
  overflow: hidden;
  border: 1px solid rgba(20, 99, 227, 0.16);
  border-radius: 999px;
  background: rgba(20, 99, 227, 0.08);
  color: var(--accent-dark);
  font-size: 13px;
  font-weight: 850;
  text-decoration: none;
  text-overflow: ellipsis;
  white-space: nowrap;
}

.nav-user-label:hover {
  border-color: rgba(20, 99, 227, 0.34);
  background: rgba(20, 99, 227, 0.12);
}

.nav-user-label[hidden],
.nav-logout[hidden] {
  display: none !important;
}

.mobile-menu-toggle {
  display: none;
  align-items: center;
  gap: 9px;
  min-height: 42px;
  padding: 0 14px;
  border: 1px solid rgba(20, 99, 227, 0.22);
  border-radius: 999px;
  background: #ffffff;
  color: var(--accent-dark);
  cursor: pointer;
  font: inherit;
  font-size: 13px;
  font-weight: 850;
}

.mobile-menu-toggle[hidden] {
  display: none !important;
}

.mobile-menu-icon {
  position: relative;
  width: 18px;
  height: 12px;
  display: inline-block;
  border-top: 2px solid currentColor;
  border-bottom: 2px solid currentColor;
}

.mobile-menu-icon::before {
  content: "";
  position: absolute;
  left: 0;
  right: 0;
  top: 3px;
  border-top: 2px solid currentColor;
}

.mobile-nav-backdrop {
  position: fixed;
  inset: 0;
  z-index: 80;
  background: rgba(8, 18, 31, 0.48);
  backdrop-filter: blur(3px);
}

.mobile-nav-panel {
  position: fixed;
  top: 0;
  right: 0;
  bottom: 0;
  z-index: 90;
  display: grid;
  grid-template-rows: auto 1fr auto;
  width: min(88vw, 360px);
  padding: max(20px, env(safe-area-inset-top)) 18px max(18px, env(safe-area-inset-bottom));
  border-left: 1px solid rgba(213, 224, 238, 0.92);
  background:
    radial-gradient(circle at top left, rgba(20, 99, 227, 0.12), transparent 32%),
    #f8fbff;
  box-shadow: -24px 0 70px rgba(15, 31, 51, 0.24);
}

.mobile-nav-backdrop[hidden],
.mobile-nav-panel[hidden],
.mobile-nav-user[hidden],
.mobile-nav-logout[hidden] {
  display: none !important;
}

.mobile-nav-head {
  display: flex;
  align-items: flex-start;
  justify-content: space-between;
  gap: 12px;
  padding-bottom: 16px;
  border-bottom: 1px solid var(--border);
}

.mobile-nav-title {
  color: var(--navy);
  font-size: 19px;
  font-weight: 900;
}

.mobile-nav-subtitle {
  margin-top: 3px;
  color: var(--muted);
  font-size: 12px;
}

.mobile-nav-close {
  min-height: 38px;
  padding: 0 12px;
  border: 1px solid var(--border-strong);
  border-radius: 999px;
  background: #fff;
  color: var(--navy);
  cursor: pointer;
  font: inherit;
  font-size: 12px;
  font-weight: 800;
}

.mobile-nav-links {
  display: grid;
  align-content: start;
  gap: 10px;
  padding: 18px 0;
}

.mobile-nav-links a,
.mobile-nav-search,
.mobile-nav-logout {
  display: flex;
  align-items: center;
  justify-content: space-between;
  min-height: 48px;
  padding: 0 14px;
  border: 1px solid rgba(197, 211, 230, 0.9);
  border-radius: 14px;
  background: rgba(255, 255, 255, 0.9);
  color: var(--navy);
  font: inherit;
  font-size: 15px;
  font-weight: 850;
  text-decoration: none;
}

.mobile-nav-search {
  cursor: pointer;
  text-align: left;
}

.mobile-nav-search::after {
  content: ">";
  color: var(--muted);
  font-weight: 900;
}

.mobile-nav-links a::after {
  content: ">";
  color: var(--muted);
  font-weight: 900;
}

.mobile-nav-links a.is-active {
  border-color: rgba(20, 99, 227, 0.28);
  background: rgba(20, 99, 227, 0.1);
  color: var(--accent-dark);
}

.mobile-nav-user {
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
}

.mobile-nav-logout {
  justify-content: center;
  color: var(--danger);
  cursor: pointer;
}

.mobile-nav-note {
  padding-top: 14px;
  border-top: 1px solid var(--border);
  color: var(--muted);
  font-size: 12px;
  line-height: 1.5;
}

body.mobile-nav-open {
  overflow: hidden;
}

.price-ticker {
  overflow: hidden;
  margin: -4px 0 18px;
  border: 1px solid rgba(205, 168, 72, 0.38);
  border-radius: 8px;
  background: #111923;
  box-shadow: var(--shadow-soft);
}

.price-ticker-track {
  display: inline-flex;
  min-width: 100%;
  align-items: center;
  gap: 34px;
  white-space: nowrap;
  color: #f3c852;
  font-size: 14px;
  font-weight: 800;
  letter-spacing: 0;
  padding: 11px 16px;
  animation: ticker-scroll 38s linear infinite;
}

.price-ticker-track span {
  display: inline-flex;
}

@keyframes ticker-scroll {
  from {
    transform: translateX(0);
  }

  to {
    transform: translateX(-50%);
  }
}

.command-ribbon {
  position: relative;
  overflow: hidden;
  display: grid;
  grid-template-columns: minmax(0, 1.18fr) minmax(320px, 0.82fr);
  gap: 20px;
  margin-bottom: 18px;
  padding: 24px 26px;
  border: 1px solid rgba(205, 219, 236, 0.98);
  border-radius: 24px;
  background:
    linear-gradient(135deg, rgba(255, 255, 255, 0.98) 0%, rgba(243, 248, 255, 0.98) 100%);
  box-shadow: var(--shadow-soft);
}

.command-ribbon::before {
  content: "";
  position: absolute;
  inset: 0 auto 0 0;
  width: 5px;
  background: linear-gradient(180deg, var(--accent), #77acff);
}

.command-ribbon-copy {
  padding-left: 8px;
}

.command-ribbon h2 {
  max-width: 720px;
  font-size: 36px;
  line-height: 1.04;
  letter-spacing: -0.035em;
  color: var(--navy);
}

.command-summary {
  max-width: 760px;
  margin-top: 12px;
  color: var(--muted);
  line-height: 1.7;
}

.command-metrics {
  display: grid;
  gap: 12px;
  grid-template-columns: repeat(2, minmax(0, 1fr));
  align-content: start;
}

.command-metric {
  min-height: 100%;
  padding: 18px;
  border: 1px solid rgba(205, 219, 236, 0.95);
  border-radius: 18px;
  background: rgba(255, 255, 255, 0.84);
  box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.8);
}

.command-metric-label,
.section-header h2,
.panel h2 {
  color: var(--navy);
}

.command-metric-label {
  font-size: 12px;
  font-weight: 700;
  letter-spacing: 0.1em;
  text-transform: uppercase;
  color: var(--muted);
}

.command-metric strong {
  display: block;
  margin-top: 10px;
  font-size: 28px;
  line-height: 1.08;
  letter-spacing: -0.03em;
}

.command-metric-meta {
  margin-top: 8px;
  color: var(--muted);
  font-size: 12px;
  line-height: 1.5;
}

.command-metric-live strong {
  color: var(--accent-dark);
}

.command-metric-alert strong {
  color: var(--danger);
}

.command-metric-success strong {
  color: var(--success);
}

.masthead-band {
  margin-bottom: 22px;
  padding: 24px;
  background:
    linear-gradient(180deg, rgba(255, 255, 255, 0.98) 0%, rgba(243, 248, 255, 0.98) 100%);
}

.signal-strip,
.department-grid {
  display: grid;
  gap: 14px;
}

.signal-strip {
  grid-template-columns: repeat(4, minmax(0, 1fr));
  margin-top: 4px;
}

.signal-card,
.department-card {
  position: relative;
  overflow: hidden;
  border: 1px solid var(--border-strong);
  border-radius: 20px;
  background: linear-gradient(180deg, var(--surface-strong) 0%, rgba(244, 248, 252, 0.98) 100%);
  box-shadow: var(--shadow-soft);
}

.signal-card {
  padding: 16px 18px 18px;
}

.signal-card::before,
.department-card::before {
  content: "";
  position: absolute;
  inset: 0 0 auto;
  height: 4px;
  background: linear-gradient(90deg, var(--accent), #77acff);
}

.signal-card strong,
.department-card strong {
  display: block;
  margin-top: 10px;
  font-size: 26px;
  line-height: 1.05;
  letter-spacing: -0.04em;
  color: var(--navy);
}

.signal-card p,
.department-card p {
  margin-top: 10px;
  color: var(--muted);
  line-height: 1.65;
}

.desk-band-header {
  display: flex;
  justify-content: space-between;
  align-items: flex-start;
  gap: 16px;
  margin: 0 0 18px;
}

.department-grid {
  grid-template-columns: repeat(5, minmax(0, 1fr));
  margin-top: 16px;
}

.department-card {
  padding: 18px;
}

.department-card strong {
  font-size: 18px;
  line-height: 1.25;
  letter-spacing: -0.02em;
}

.department-meta {
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: 12px;
  margin-top: 12px;
}

.department-badge {
  display: inline-flex;
  align-items: center;
  gap: 8px;
  min-height: 30px;
  padding: 0 12px;
  border-radius: 999px;
  background: rgba(20, 99, 227, 0.08);
  color: var(--accent-dark);
  font-size: 12px;
  font-weight: 700;
}

.department-badge::before {
  content: "";
  width: 8px;
  height: 8px;
  border-radius: 999px;
  background: var(--success);
  box-shadow: 0 0 0 4px rgba(22, 131, 95, 0.12);
}

.department-metric {
  color: var(--muted);
  font-size: 12px;
  font-weight: 700;
  text-transform: uppercase;
  letter-spacing: 0.08em;
}

.hero-panel,
.panel {
  background: var(--surface);
  border: 1px solid var(--border);
  border-radius: 24px;
  box-shadow: var(--shadow);
}

.hero-panel {
  display: grid;
  grid-template-columns: minmax(0, 1.34fr) minmax(320px, 0.88fr);
  gap: 32px;
  padding: 42px;
  margin-bottom: 18px;
  position: relative;
  overflow: hidden;
  background:
    radial-gradient(circle at top right, rgba(103, 166, 255, 0.4), transparent 26%),
    radial-gradient(circle at bottom left, rgba(20, 99, 227, 0.18), transparent 30%),
    linear-gradient(135deg, #0b1728 0%, #112641 54%, #173862 100%);
  border-color: rgba(14, 36, 67, 0.52);
  box-shadow: 0 28px 80px rgba(10, 24, 45, 0.2);
}

.hero-panel::before {
  content: "";
  position: absolute;
  inset: 0;
  background:
    linear-gradient(115deg, rgba(255, 255, 255, 0.05), transparent 44%),
    linear-gradient(180deg, transparent, rgba(255, 255, 255, 0.03));
  pointer-events: none;
}

.hero-copy h1,
.panel h2,
.panel h3 {
  margin: 0;
}

.panel h2 {
  font-size: 34px;
  line-height: 1.08;
  letter-spacing: -0.03em;
}

.hero-copy,
.hero-panel .side-rail {
  position: relative;
  z-index: 1;
}

.hero-copy {
  display: flex;
  flex-direction: column;
}

.eyebrow,
.section-kicker {
  margin: 0 0 12px;
  color: var(--accent);
  text-transform: uppercase;
  letter-spacing: 0.14em;
  font-size: 11px;
  font-weight: 700;
}

.hero-panel .eyebrow,
.hero-panel .section-kicker {
  color: rgba(246, 249, 253, 0.72);
}

.hero-text,
.meta-line,
.small-text {
  color: var(--muted);
}

.hero-panel .hero-text,
.hero-panel .meta-line,
.hero-panel .small-text {
  color: rgba(246, 249, 253, 0.72);
}

.hero-copy h1 {
  font-size: 54px;
  line-height: 0.98;
  max-width: 820px;
  color: var(--ink-inverse);
  letter-spacing: -0.03em;
}

.hero-text {
  font-size: 18px;
  line-height: 1.72;
  max-width: 680px;
  margin: 20px 0 0;
}

.hero-actions {
  display: flex;
  gap: 12px;
  flex-wrap: wrap;
  margin-top: 30px;
}

.hero-intelligence-band {
  display: grid;
  grid-template-columns: minmax(0, 1.2fr) minmax(260px, 0.8fr);
  gap: 18px;
  align-items: start;
  margin-top: 24px;
  padding: 18px 20px;
  border: 1px solid rgba(255, 255, 255, 0.12);
  border-radius: 22px;
  background:
    linear-gradient(135deg, rgba(255, 255, 255, 0.08), rgba(255, 255, 255, 0.04)),
    rgba(11, 23, 40, 0.18);
  box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.05);
}

.hero-brief {
  color: rgba(246, 249, 253, 0.9);
  font-size: 15px;
  line-height: 1.75;
}

.hero-meta {
  display: flex;
  flex-wrap: wrap;
  justify-content: flex-end;
  gap: 10px;
}

.hero-meta-chip {
  display: inline-flex;
  align-items: center;
  gap: 10px;
  min-height: 38px;
  padding: 0 14px;
  border-radius: 999px;
  border: 1px solid rgba(255, 255, 255, 0.12);
  background: rgba(8, 18, 31, 0.28);
  color: rgba(246, 249, 253, 0.9);
}

.hero-meta-chip strong {
  font-size: 12px;
  letter-spacing: 0.01em;
}

.hero-meta-label {
  color: rgba(246, 249, 253, 0.68);
  font-size: 11px;
  font-weight: 700;
  letter-spacing: 0.12em;
  text-transform: uppercase;
}

.button {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  min-height: 48px;
  padding: 0 20px;
  border-radius: 999px;
  font-weight: 700;
  font-size: 14px;
  transition:
    transform 160ms ease,
    box-shadow 160ms ease,
    background-color 160ms ease;
}

.button:hover {
  text-decoration: none;
  transform: translateY(-1px);
}

.button-primary {
  background: var(--accent);
  color: #fff;
  box-shadow: 0 18px 30px rgba(20, 99, 227, 0.26);
}

.button-secondary {
  background: rgba(255, 255, 255, 0.08);
  color: var(--ink-inverse);
  border: 1px solid var(--hero-border);
}

.button-secondary:hover {
  background: rgba(255, 255, 255, 0.14);
}

.hero-pulse {
  margin-top: 30px;
  display: grid;
  gap: 14px;
  grid-template-columns: repeat(4, minmax(0, 1fr));
}

.hero-pulse-card {
  padding: 16px 18px;
  border-radius: 18px;
  border: 1px solid var(--hero-border);
  background: rgba(255, 255, 255, 0.07);
  box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.05);
}

.hero-pulse-card strong {
  display: block;
  margin-top: 8px;
  color: var(--ink-inverse);
  font-size: 19px;
  line-height: 1.25;
}

.hero-pulse-label,
.hero-pulse-meta {
  color: rgba(246, 249, 253, 0.72);
  font-size: 12px;
}

.hero-pulse-label {
  text-transform: uppercase;
  letter-spacing: 0.12em;
  font-weight: 700;
}

.hero-pulse-meta {
  margin-top: 8px;
  line-height: 1.5;
}

.hero-feature-card {
  padding: 24px;
  border-radius: 22px;
  background: linear-gradient(180deg, rgba(255, 255, 255, 0.98) 0%, rgba(240, 246, 255, 0.95) 100%);
  border: 1px solid rgba(216, 229, 243, 0.9);
  box-shadow: 0 18px 36px rgba(8, 22, 42, 0.16);
}

.hero-panel .side-rail {
  align-content: start;
}

.hero-feature-card h2 {
  font-size: 30px;
  line-height: 1.15;
  margin-bottom: 10px;
}

.hero-alert-card {
  background:
    linear-gradient(180deg, rgba(20, 99, 227, 0.12), rgba(255, 255, 255, 0.98)),
    linear-gradient(180deg, rgba(248, 251, 255, 1) 0%, rgba(238, 244, 251, 0.94) 100%);
}

.hero-alert-card .top-alert-card {
  background: rgba(255, 255, 255, 0.74);
}

.lead-body {
  font-size: 16px;
  line-height: 1.75;
  margin-top: 16px;
}

.lead-body p {
  margin: 0 0 12px;
}

.lead-body .rich-heading,
.rich-text .rich-heading {
  margin: 0 0 10px;
  color: var(--navy);
  font-size: 14px;
  font-weight: 700;
  letter-spacing: 0.08em;
  text-transform: uppercase;
}

.lead-body ul,
.lead-body ol,
.rich-text ul,
.rich-text ol {
  margin: 12px 0;
  padding-left: 20px;
}

.lead-body li,
.rich-text li {
  margin: 0 0 8px;
}

.metric-strip {
  margin-top: 16px;
}

.metric-grid,
.summary-grid {
  display: grid;
  gap: 14px;
  grid-template-columns: repeat(auto-fit, minmax(160px, 1fr));
}

.metric-card,
.summary-card,
.brief-card,
.report-card,
.alert-card,
.post-card,
.issue-card,
.top-alert-card,
.empty-state {
  background: var(--surface);
  border: 1px solid var(--border);
  border-radius: 18px;
  padding: 18px;
}

.metric-card,
.summary-card,
.brief-card,
.report-card,
.alert-card,
.post-card,
.issue-card,
.top-alert-card {
  box-shadow: var(--shadow-soft);
}

.metric-card strong,
.summary-card strong {
  display: block;
  margin-top: 8px;
  font-size: 30px;
}

.metric-card {
  background: rgba(255, 255, 255, 0.08);
  border-color: var(--hero-border);
  box-shadow: none;
}

.metric-card .small-text,
.metric-card strong {
  color: var(--ink-inverse);
}

.metric-card .small-text {
  opacity: 0.72;
}

.panel {
  padding: 28px;
  margin-bottom: 20px;
}

.section-header {
  display: grid;
  grid-template-columns: minmax(0, 1fr) minmax(280px, 360px);
  align-items: flex-start;
  gap: 18px;
  margin-bottom: 22px;
  padding-bottom: 16px;
  border-bottom: 1px solid rgba(213, 224, 238, 0.82);
}

.section-summary {
  max-width: 360px;
  margin: 0;
  color: var(--muted);
  font-size: 14px;
  line-height: 1.65;
  text-align: left;
  justify-self: end;
}

.content-layout {
  display: grid;
  grid-template-columns: minmax(0, 1.45fr) minmax(320px, 0.85fr);
  gap: 20px;
  margin-bottom: 20px;
}

.executive-band {
  margin-bottom: 20px;
  background:
    linear-gradient(180deg, rgba(250, 252, 255, 0.98) 0%, rgba(239, 245, 253, 0.98) 100%);
}

.executive-grid {
  display: grid;
  gap: 16px;
  grid-template-columns: repeat(3, minmax(0, 1fr));
}

.executive-card {
  position: relative;
  overflow: hidden;
  min-height: 100%;
  padding: 24px;
  border-radius: 20px;
  border: 1px solid rgba(197, 211, 230, 0.95);
  background: linear-gradient(180deg, rgba(255, 255, 255, 0.98) 0%, rgba(246, 250, 255, 0.98) 100%);
  box-shadow: var(--shadow-soft);
}

.executive-card::before {
  content: "";
  position: absolute;
  inset: 0 0 auto;
  height: 4px;
  background: linear-gradient(90deg, var(--accent), #73a5ff);
}

.executive-card-market::before {
  background: linear-gradient(90deg, #3559ff, #7f96ff);
}

.executive-card-output::before {
  background: linear-gradient(90deg, #16835f, #5ec49b);
}

.executive-card .small-text {
  display: block;
}

.executive-card strong {
  display: block;
  margin-top: 10px;
  font-size: 32px;
  line-height: 1.05;
  letter-spacing: -0.03em;
  color: var(--navy);
}

.executive-card p {
  margin: 14px 0 0;
  color: var(--muted);
  line-height: 1.7;
}

.live-feed-grid {
  display: grid;
  gap: 14px;
  grid-template-columns: repeat(3, minmax(0, 1fr));
}

.feed-toolbar {
  display: flex;
  flex-wrap: wrap;
  gap: 10px;
  margin-bottom: 18px;
}

.feed-filter {
  display: inline-flex;
  align-items: center;
  gap: 8px;
  min-height: 40px;
  padding: 0 14px;
  border: 1px solid rgba(197, 211, 230, 0.95);
  border-radius: 999px;
  background: rgba(244, 248, 252, 0.88);
  color: var(--navy);
  font-size: 13px;
  font-weight: 700;
  cursor: pointer;
  transition:
    transform 160ms ease,
    border-color 160ms ease,
    background-color 160ms ease,
    color 160ms ease,
    box-shadow 160ms ease;
}

.feed-filter:hover {
  transform: translateY(-1px);
  border-color: rgba(20, 99, 227, 0.28);
  background: #edf4ff;
}

.feed-filter.is-active {
  border-color: rgba(20, 99, 227, 0.32);
  background: linear-gradient(135deg, rgba(20, 99, 227, 0.16), rgba(20, 99, 227, 0.06));
  color: var(--accent-dark);
  box-shadow: inset 0 0 0 1px rgba(20, 99, 227, 0.1);
}

.feed-filter-count {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  min-width: 24px;
  min-height: 24px;
  padding: 0 6px;
  border-radius: 999px;
  background: rgba(255, 255, 255, 0.92);
  color: inherit;
  font-size: 11px;
  font-weight: 700;
}

.feed-card {
  position: relative;
  overflow: hidden;
  height: 100%;
  padding: 20px;
  border: 1px solid var(--border-strong);
  border-radius: 20px;
  background: linear-gradient(180deg, rgba(255, 255, 255, 0.98) 0%, rgba(245, 249, 255, 0.98) 100%);
  box-shadow: var(--shadow-soft);
  transition:
    transform 160ms ease,
    box-shadow 160ms ease,
    border-color 160ms ease;
}

.feed-card::before {
  content: "";
  position: absolute;
  inset: 0 0 auto;
  height: 4px;
  background: linear-gradient(90deg, var(--accent), #77acff);
}

.feed-card:hover {
  transform: translateY(-3px);
  box-shadow: 0 18px 38px rgba(15, 31, 51, 0.1);
  border-color: rgba(20, 99, 227, 0.22);
}

.feed-card-alert::before {
  background: linear-gradient(90deg, #c53a3a, #f08a8a);
}

.feed-card-post::before {
  background: linear-gradient(90deg, #16835f, #5ec49b);
}

.feed-card-issue::before {
  background: linear-gradient(90deg, #b97710, #e5b35b);
}

.feed-card-header {
  display: flex;
  justify-content: space-between;
  align-items: center;
  gap: 12px;
}

.feed-card-heading {
  display: flex;
  align-items: center;
  gap: 8px;
  flex-wrap: wrap;
}

.feed-kind {
  display: inline-flex;
  align-items: center;
  min-height: 28px;
  padding: 0 10px;
  border-radius: 999px;
  font-size: 12px;
  font-weight: 700;
  letter-spacing: 0.04em;
  text-transform: uppercase;
  background: rgba(20, 99, 227, 0.1);
  color: var(--accent-dark);
}

.feed-kind-alert {
  background: rgba(197, 58, 58, 0.12);
  color: var(--danger);
}

.feed-kind-post {
  background: rgba(22, 131, 95, 0.12);
  color: var(--success);
}

.feed-kind-issue {
  background: rgba(185, 119, 16, 0.12);
  color: var(--warning);
}

.feed-signal {
  display: inline-flex;
  align-items: center;
  min-height: 28px;
  padding: 0 10px;
  border-radius: 999px;
  font-size: 12px;
  font-weight: 700;
  letter-spacing: 0.03em;
}

.feed-signal-priority {
  background: rgba(197, 58, 58, 0.12);
  color: var(--danger);
}

.feed-signal-high {
  background: rgba(20, 99, 227, 0.12);
  color: var(--accent-dark);
}

.feed-signal-live {
  background: rgba(22, 131, 95, 0.12);
  color: var(--success);
}

.feed-signal-background {
  background: rgba(95, 114, 136, 0.14);
  color: var(--muted);
}

.feed-card-priority {
  border-color: rgba(197, 58, 58, 0.2);
  background: linear-gradient(180deg, rgba(255, 250, 250, 0.98) 0%, rgba(255, 244, 244, 0.98) 100%);
}

.feed-card-priority::before {
  background: linear-gradient(90deg, #c53a3a, #f0a35e);
}

.feed-card-high {
  border-color: rgba(20, 99, 227, 0.2);
  background: linear-gradient(180deg, rgba(255, 255, 255, 0.98) 0%, rgba(240, 246, 255, 0.98) 100%);
}

.feed-card h3 {
  margin-top: 14px;
  font-size: 22px;
  line-height: 1.3;
}

.feed-link {
  margin-top: 14px;
}

.executive-links {
  display: flex;
  gap: 8px;
  flex-wrap: wrap;
  margin-top: 18px;
}

.executive-link {
  display: inline-flex;
  align-items: center;
  min-height: 34px;
  padding: 0 12px;
  border-radius: 999px;
  border: 1px solid rgba(197, 211, 230, 0.95);
  background: rgba(255, 255, 255, 0.9);
  color: var(--navy);
  font-size: 12px;
  font-weight: 700;
  transition:
    transform 160ms ease,
    border-color 160ms ease,
    background-color 160ms ease;
}

.executive-link:hover {
  text-decoration: none;
  transform: translateY(-1px);
  background: #edf4ff;
  border-color: rgba(20, 99, 227, 0.28);
}

.secondary-layout {
  grid-template-columns: repeat(2, minmax(0, 1fr));
}

.side-rail {
  display: grid;
  gap: 18px;
}

.briefing-grid {
  display: grid;
  gap: 14px;
  grid-template-columns: repeat(2, minmax(0, 1fr));
}

.health-layout {
  display: grid;
  gap: 16px;
  grid-template-columns: minmax(0, 0.95fr) minmax(0, 1.45fr);
}

.health-stat-grid,
.health-watchlist {
  display: grid;
  gap: 14px;
}

.health-stat-grid {
  grid-template-columns: repeat(2, minmax(0, 1fr));
}

.health-stat-card,
.watchlist-card {
  border-radius: 20px;
  border: 1px solid rgba(197, 211, 230, 0.95);
  background: linear-gradient(180deg, rgba(255, 255, 255, 0.98) 0%, rgba(245, 249, 255, 0.98) 100%);
  box-shadow: var(--shadow-soft);
}

.health-stat-card {
  padding: 20px;
}

.health-stat-card strong {
  display: block;
  margin-top: 10px;
  font-size: 32px;
  line-height: 1.05;
  letter-spacing: -0.03em;
}

.health-stat-card p,
.watchlist-summary {
  margin: 12px 0 0;
  color: var(--muted);
  line-height: 1.7;
}

.watchlist-card {
  padding: 20px;
  transition:
    transform 160ms ease,
    box-shadow 160ms ease,
    border-color 160ms ease;
}

.watchlist-card:hover {
  transform: translateY(-3px);
  box-shadow: 0 18px 38px rgba(15, 31, 51, 0.1);
  border-color: rgba(20, 99, 227, 0.22);
}

.watchlist-card h3 {
  margin: 10px 0 0;
  font-size: 21px;
  line-height: 1.3;
}

.watchlist-meta {
  display: flex;
  justify-content: space-between;
  align-items: center;
  gap: 12px;
}

.report-grid,
.alert-grid,
.stack {
  display: grid;
  gap: 14px;
}

.report-grid {
  grid-template-columns: repeat(2, minmax(0, 1fr));
}

.research-charts,
.research-reports {
  display: grid;
  gap: 14px;
  margin-top: 20px;
}

.chart-date,
.report-date {
  color: var(--muted);
  font-size: 13px;
  font-weight: 700;
}

.chart-gallery-grid {
  display: grid;
  grid-template-columns: repeat(2, minmax(0, 1fr));
  gap: 1.5rem;
  margin-bottom: 2rem;
}

.chart-card {
  background: var(--surface);
  border: 1px solid var(--border-strong);
  border-radius: 8px;
  padding: 1rem;
  text-align: center;
  box-shadow: var(--shadow-soft);
}

.chart-img {
  display: block;
  width: 100%;
  border-radius: 6px;
  border: 1px solid rgba(197, 211, 230, 0.9);
}

.chart-caption {
  margin-top: 0.5rem;
  font-size: 0.85rem;
  color: var(--muted);
}

.analyst-reports-container {
  display: grid;
  gap: 1.5rem;
}

.analyst-reports-container .report-card {
  background: var(--surface);
  border-radius: 8px;
  padding: 1.5rem;
}

.gold-report {
  border-left: 4px solid #ffd700;
  background: linear-gradient(135deg, rgba(255, 215, 0, 0.045) 0%, var(--surface) 44%);
}

.silver-report {
  border-left: 4px solid #c0c0c0;
  background: linear-gradient(135deg, rgba(192, 192, 192, 0.06) 0%, var(--surface) 44%);
}

.report-text {
  white-space: pre-wrap;
  word-wrap: break-word;
  font-family: inherit;
  font-size: 0.9rem;
  line-height: 1.6;
  margin: 0;
}

.report-content {
  color: var(--text);
  font-size: 0.95rem;
  line-height: 1.7;
}

.report-content h1 {
  color: var(--navy);
  font-size: 1.42rem;
  line-height: 1.25;
  margin: 0.25rem 0 0.65rem;
}

.report-content h2 {
  border-bottom: 1px solid rgba(185, 119, 16, 0.22);
  color: #8a6500;
  font-size: 1.08rem;
  line-height: 1.3;
  margin: 1.25rem 0 0.55rem;
  padding-bottom: 0.25rem;
}

.report-content h3 {
  color: var(--navy);
  font-size: 1rem;
  margin: 1rem 0 0.45rem;
}

.report-content p {
  margin: 0 0 0.75rem;
}

.report-content strong {
  color: #8a6500;
  font-weight: 900;
}

.report-content table {
  width: 100%;
  border-collapse: collapse;
  margin: 1rem 0;
  font-size: 0.9rem;
  overflow-wrap: anywhere;
}

.report-content th {
  background: rgba(255, 215, 0, 0.12);
  border-bottom: 2px solid rgba(185, 119, 16, 0.28);
  color: #8a6500;
  font-weight: 900;
  padding: 0.55rem 0.7rem;
  text-align: left;
}

.report-content td {
  border-bottom: 1px solid var(--border);
  padding: 0.55rem 0.7rem;
}

.report-content tr:hover td {
  background: rgba(255, 215, 0, 0.035);
}

.report-content ul {
  margin: 0 0 0.85rem;
  padding-left: 1.35rem;
}

.report-content li {
  line-height: 1.6;
  margin-bottom: 0.35rem;
}

.report-content hr {
  border: 0;
  border-top: 1px solid var(--border);
  margin: 1.35rem 0;
}

.report-content em {
  color: var(--muted);
}

.report-content blockquote {
  border-left: 3px solid #ffd700;
  color: var(--muted);
  margin: 1rem 0;
  padding-left: 1rem;
}

.sentiment-bullish,
.sentiment-neutral,
.sentiment-bearish {
  border-radius: 8px;
  font-weight: 900;
  margin-bottom: 1rem;
  padding: 0.65rem 0.8rem;
}

.sentiment-bullish {
  background: rgba(22, 131, 95, 0.11);
  border: 1px solid rgba(22, 131, 95, 0.28);
  color: var(--success);
}

.sentiment-neutral {
  background: rgba(255, 215, 0, 0.13);
  border: 1px solid rgba(185, 119, 16, 0.28);
  color: #8a6500;
}

.sentiment-bearish {
  background: rgba(197, 58, 58, 0.1);
  border: 1px solid rgba(197, 58, 58, 0.28);
  color: var(--danger);
}

.report-rendered h1 {
  font-size: 1.4rem;
  margin-bottom: 0.5rem;
}

.report-rendered h2 {
  border-bottom: 1px solid rgba(255, 215, 0, 0.2);
  color: #8a6500;
  font-size: 1.1rem;
  margin: 1.25rem 0 0.5rem;
  padding-bottom: 0.25rem;
}

.report-rendered h3 {
  font-size: 1rem;
  margin: 1rem 0 0.4rem;
}

.report-rendered p {
  line-height: 1.7;
  margin-bottom: 0.75rem;
}

.report-rendered strong {
  color: #8a6500;
}

.report-rendered table {
  width: 100%;
  border-collapse: collapse;
  font-size: 0.9rem;
  margin: 1rem 0;
}

.report-rendered th {
  background: rgba(255, 215, 0, 0.1);
  border-bottom: 2px solid rgba(255, 215, 0, 0.3);
  color: #8a6500;
  padding: 0.5rem 0.75rem;
  text-align: left;
}

.report-rendered td {
  border-bottom: 1px solid var(--border);
  padding: 0.5rem 0.75rem;
}

.report-rendered ul {
  margin-bottom: 0.75rem;
  padding-left: 1.5rem;
}

.report-rendered li {
  line-height: 1.6;
  margin-bottom: 0.4rem;
}

.report-rendered hr {
  border: none;
  border-top: 1px solid var(--border);
  margin: 1.5rem 0;
}

.report-rendered em {
  color: var(--muted);
}

.report-sentiment-line {
  align-items: flex-start;
  background: var(--surface-soft);
  border: 1px solid var(--border);
  border-radius: 8px;
  display: flex;
  gap: 0.75rem;
  margin: 0 0 1rem;
  padding: 0.75rem;
}

.sentiment-copy {
  color: var(--ink);
  flex: 1;
  line-height: 1.65;
}

.sentiment-badge {
  display: inline-block;
  border-radius: 6px;
  font-weight: 900;
  flex: 0 0 auto;
  padding: 0.3rem 0.75rem;
}

.sentiment-badge.bullish {
  background: rgba(22, 131, 95, 0.11);
  border: 1px solid rgba(22, 131, 95, 0.3);
  color: var(--success);
}

.sentiment-badge.neutral {
  background: rgba(255, 215, 0, 0.13);
  border: 1px solid rgba(255, 215, 0, 0.3);
  color: #8a6500;
}

.sentiment-badge.bearish {
  background: rgba(197, 58, 58, 0.1);
  border: 1px solid rgba(197, 58, 58, 0.3);
  color: var(--danger);
}

.section-header-secondary {
  margin-top: 28px;
}

.x-draft-card p {
  color: var(--ink);
  line-height: 1.55;
}

.draft-actions {
  display: flex;
  flex-wrap: wrap;
  gap: 10px;
  margin-top: 14px;
}

.intelligence-panel {
  background:
    linear-gradient(180deg, rgba(255, 255, 255, 0.98) 0%, rgba(244, 248, 252, 0.98) 100%);
}

.daily-snapshot-card {
  display: grid;
  gap: 10px;
  max-width: 680px;
  margin: 0 0 22px;
}

.daily-snapshot-card img {
  display: block;
  width: 100%;
  max-width: 100%;
  height: auto;
  border-radius: 12px;
  border: 1px solid rgba(197, 211, 230, 0.95);
  box-shadow: var(--shadow-soft);
  background: #0d0d1a;
}

.daily-snapshot-card figcaption {
  color: var(--muted);
  font-size: 13px;
  font-weight: 700;
}

.desk-lead {
  margin-bottom: 18px;
}

.desk-lead-card,
.desk-card,
.desk-row-card,
.checklist-row {
  border: 1px solid var(--border-strong);
  border-radius: 18px;
  background: var(--surface);
  box-shadow: var(--shadow-soft);
}

.desk-lead-card {
  padding: 24px;
}

.desk-lead-card h3 {
  margin-top: 8px;
  font-size: 30px;
  line-height: 1.16;
  color: var(--navy);
}

.desk-lead-card p,
.desk-card p,
.desk-row-card p,
.desk-review-note {
  margin-top: 12px;
  color: var(--muted);
  line-height: 1.65;
}

.desk-layout {
  display: grid;
  grid-template-columns: minmax(0, 1.08fr) minmax(0, 0.92fr);
  gap: 18px;
  margin-top: 18px;
}

.desk-layout-secondary {
  grid-template-columns: minmax(0, 0.92fr) minmax(0, 1.08fr);
}

.desk-column-title {
  margin: 0 0 12px;
  font-size: 18px;
  line-height: 1.25;
  color: var(--navy);
}

.desk-card-grid {
  display: grid;
  gap: 14px;
  grid-template-columns: repeat(2, minmax(0, 1fr));
}

.desk-card,
.desk-row-card {
  padding: 18px;
}

.locked-teaser h3 {
  margin-top: 10px;
}

.desk-card h3,
.desk-row-card h3 {
  margin-top: 8px;
  font-size: 20px;
  line-height: 1.3;
}

.desk-card a,
.desk-row-card a {
  font-weight: 700;
}

.checklist-row {
  padding: 14px 16px;
  color: var(--text);
  line-height: 1.55;
}

.report-card,
.post-card,
.issue-card,
.brief-card,
.alert-card,
.desk-card,
.desk-row-card {
  height: 100%;
  transition:
    transform 160ms ease,
    box-shadow 160ms ease,
    border-color 160ms ease;
}

.report-card:hover,
.post-card:hover,
.issue-card:hover,
.brief-card:hover,
.alert-card:hover,
.summary-card:hover,
.desk-card:hover,
.desk-row-card:hover {
  transform: translateY(-3px);
  box-shadow: 0 18px 38px rgba(15, 31, 51, 0.1);
  border-color: rgba(20, 99, 227, 0.22);
}

.rich-text {
  margin: 14px 0 0;
  line-height: 1.65;
  color: #17304c;
}

.rich-text p {
  margin: 0 0 12px;
}

.rich-text p:last-child,
.rich-text ul:last-child,
.rich-text ol:last-child {
  margin-bottom: 0;
}

.lead-body a,
.rich-text a {
  font-weight: 600;
}

.lead-body code,
.rich-text code {
  padding: 1px 6px;
  border-radius: 999px;
  background: rgba(20, 99, 227, 0.1);
  color: var(--accent-dark);
  font-size: 0.92em;
}

.report-card h3,
.brief-card h3,
.alert-card h3,
.post-card h3,
.issue-card h3,
.top-alert-card h3 {
  font-size: 21px;
  line-height: 1.3;
  margin-top: 6px;
}

.alert-card p,
.top-alert-card p {
  margin: 10px 0 0;
  line-height: 1.6;
  color: var(--muted);
}

.chip-row {
  display: flex;
  gap: 8px;
  flex-wrap: wrap;
  margin-top: 12px;
}

.mini-chip,
.status-chip {
  display: inline-flex;
  align-items: center;
  min-height: 30px;
  padding: 0 10px;
  border-radius: 999px;
  border: 1px solid var(--border);
  background: #f5f8fc;
  color: var(--muted);
  font-size: 12px;
  font-weight: 600;
}

.status-chip {
  font-weight: 700;
}

.status-running,
.status-done {
  color: var(--success);
}

.status-idle,
.status-paused,
.status-unknown {
  color: var(--muted);
}

.status-in_progress,
.status-monitor {
  color: var(--warning);
}

.status-error,
.status-blocked {
  color: var(--danger);
}

.empty-state {
  color: var(--muted);
}

.warnings {
  display: grid;
  gap: 10px;
  margin-top: 14px;
}

.warning-card {
  padding: 14px;
  border-radius: 14px;
  border: 1px solid rgba(197, 58, 58, 0.22);
  background: #fff2f2;
  color: var(--danger);
}

.launch-hero {
  position: relative;
  min-height: min(620px, calc(100vh - 150px));
  display: grid;
  align-items: end;
  overflow: hidden;
  margin-bottom: 18px;
  padding: 48px;
  border-radius: 8px;
  background-image:
    linear-gradient(90deg, rgba(10, 18, 29, 0.88) 0%, rgba(10, 18, 29, 0.72) 42%, rgba(10, 18, 29, 0.22) 100%),
    url("/assets/intelligence-desk-hero.png");
  background-size: cover;
  background-position: center;
  color: #fff;
  box-shadow: var(--shadow);
}

.launch-hero-content {
  max-width: 720px;
  display: grid;
  gap: 20px;
}

.launch-hero .section-kicker,
.launch-hero .launch-hero-text {
  color: rgba(255, 255, 255, 0.82);
}

.launch-hero h1 {
  max-width: 680px;
  font-size: clamp(46px, 7vw, 82px);
  line-height: 0.96;
  letter-spacing: 0;
}

.launch-hero-text {
  max-width: 650px;
  font-size: 20px;
  line-height: 1.65;
}

.hero-section .launch-hero-content {
  max-width: 820px;
  gap: 14px;
}

.hero-badge {
  display: inline-flex;
  width: fit-content;
  padding: 6px 12px;
  border: 1px solid rgba(255, 255, 255, 0.2);
  border-radius: 999px;
  background: rgba(255, 255, 255, 0.1);
  color: rgba(255, 255, 255, 0.88);
  font-size: 12px;
  font-weight: 800;
  letter-spacing: 0.08em;
  text-transform: uppercase;
}

.hero-headline {
  max-width: 760px;
  font-size: clamp(40px, 5vw, 64px);
  line-height: 1.03;
}

.hero-accent {
  color: #ffd76a;
}

.hero-subtext {
  max-width: 720px;
}

.hero-live-prices {
  display: grid;
  grid-template-columns: repeat(3, minmax(0, 1fr));
  gap: 12px;
  max-width: 820px;
  margin-top: 2px;
}

.hero-price-card {
  min-height: 112px;
  padding: 14px;
  border: 1px solid rgba(255, 255, 255, 0.2);
  border-radius: 8px;
  background: rgba(255, 255, 255, 0.12);
  box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.12);
}

.gold-price-card {
  border-top: 3px solid #ffd76a;
}

.silver-price-card {
  border-top: 3px solid #d6dde8;
}

.premium-card {
  border-top: 3px solid #6fb0ff;
}

.hero-price-metal {
  color: rgba(255, 255, 255, 0.74);
  font-size: 12px;
  font-weight: 900;
  letter-spacing: 0.08em;
  text-transform: uppercase;
}

.hero-price-usd {
  margin-top: 6px;
  color: #fff;
  font-size: 20px;
  font-weight: 900;
  line-height: 1.15;
}

.hero-price-inr {
  margin-top: 4px;
  color: rgba(255, 255, 255, 0.84);
  font-size: 14px;
  font-weight: 800;
}

.hero-price-change {
  margin-top: 4px;
  color: rgba(255, 255, 255, 0.76);
  font-size: 13px;
  font-weight: 900;
}

.hero-price-change.is-up {
  color: #44e192;
}

.hero-price-change.is-down {
  color: #ff7272;
}

.hero-cta-row {
  align-items: center;
}

.hero-btn-primary {
  box-shadow: 0 18px 34px rgba(205, 168, 72, 0.22);
}

.hero-trust-row {
  display: flex;
  flex-wrap: wrap;
  gap: 10px 18px;
  color: rgba(255, 255, 255, 0.82);
  font-size: 12px;
  font-weight: 800;
}

.hero-trust-row span::before {
  content: "✓";
  margin-right: 6px;
  color: #44e192;
}

.hero-disclaimer {
  max-width: 650px;
  color: rgba(255, 255, 255, 0.9);
  font-size: 15px;
  font-weight: 700;
}

.promo-video-section {
  display: grid;
  grid-template-columns: minmax(260px, 0.82fr) minmax(420px, 1.18fr);
  gap: 22px;
  align-items: center;
  margin: 18px 0;
  padding: 24px;
  border: 1px solid rgba(199, 216, 235, 0.95);
  border-radius: 8px;
  background:
    linear-gradient(135deg, rgba(255, 255, 255, 0.98), rgba(242, 247, 255, 0.94));
  box-shadow: var(--shadow-soft);
}

.promo-video-copy {
  display: grid;
  gap: 10px;
}

.promo-video-copy h2 {
  color: var(--navy);
  font-size: clamp(24px, 3vw, 38px);
  line-height: 1.08;
}

.promo-video-copy p:not(.section-kicker) {
  color: var(--muted);
  font-size: 16px;
  line-height: 1.65;
}

.promo-video-panel {
  display: grid;
  gap: 10px;
  min-width: 0;
}

.promo-video-toolbar {
  display: flex;
  justify-content: space-between;
  align-items: center;
  gap: 12px;
}

.promo-language-toggle {
  display: inline-flex;
  gap: 6px;
  padding: 4px;
  border: 1px solid var(--border);
  border-radius: 999px;
  background: #fff;
}

.promo-language-btn,
.promo-fullscreen-btn {
  border: 1px solid transparent;
  border-radius: 999px;
  background: transparent;
  color: var(--navy);
  font-weight: 900;
  cursor: pointer;
}

.promo-language-btn {
  min-width: 86px;
  padding: 9px 14px;
}

.promo-language-btn.active {
  border-color: rgba(13, 96, 216, 0.24);
  background: #e9f2ff;
  color: var(--blue);
}

.promo-fullscreen-btn {
  padding: 10px 16px;
  border-color: var(--border);
  background: #fff;
}

.promo-video-frame {
  overflow: hidden;
  aspect-ratio: 16 / 9;
  border: 1px solid rgba(13, 96, 216, 0.22);
  border-radius: 8px;
  background: #0b1220;
  box-shadow: 0 18px 42px rgba(15, 42, 74, 0.16);
}

.promo-video-frame:fullscreen {
  display: grid;
  place-items: center;
  width: 100vw;
  height: 100vh;
  border-radius: 0;
  background: #050914;
}

.promo-video {
  display: block;
  width: 100%;
  height: 100%;
  background: #0b1220;
  object-fit: contain;
}

.promo-video-note {
  color: var(--muted);
  font-size: 12px;
  line-height: 1.45;
}

@media (max-width: 900px) {
  .promo-video-section {
    grid-template-columns: 1fr;
    padding: 18px;
  }

  .promo-video-toolbar {
    align-items: stretch;
    flex-direction: column;
  }

  .promo-language-toggle {
    width: 100%;
  }

  .promo-language-btn {
    flex: 1;
    min-width: 0;
  }

  .promo-fullscreen-btn {
    width: 100%;
  }
}

@media (max-width: 900px) {
  .chart-lab-direction-grid,
  .chart-lab-direction-columns,
  .chart-lab-regime-timeline {
    grid-template-columns: 1fr;
  }
}

@media (max-width: 520px) {
  .promo-video-section {
    margin-right: -6px;
    margin-left: -6px;
    padding: 14px;
  }

  .promo-video-copy h2 {
    font-size: 24px;
  }

  .promo-video-copy p:not(.section-kicker) {
    font-size: 14px;
  }

  .promo-video-frame {
    border-radius: 6px;
  }
}

.launch-actions {
  display: flex;
  flex-wrap: wrap;
  gap: 12px;
}

.launch-proof-strip {
  display: grid;
  grid-template-columns: repeat(4, minmax(0, 1fr));
  gap: 10px;
  max-width: 860px;
  margin-top: 6px;
}

.launch-proof-item {
  min-height: 96px;
  padding: 14px;
  border: 1px solid rgba(255, 255, 255, 0.22);
  border-radius: 8px;
  background: rgba(255, 255, 255, 0.1);
}

.launch-proof-item strong {
  display: block;
  font-size: 24px;
  line-height: 1.1;
}

.launch-proof-item span {
  display: block;
  margin-top: 8px;
  color: rgba(255, 255, 255, 0.78);
  font-size: 12px;
  line-height: 1.4;
}

.launch-band {
  margin-bottom: 18px;
  padding: 24px;
  border: 1px solid var(--border);
  border-radius: 8px;
  background: rgba(255, 255, 255, 0.94);
  box-shadow: var(--shadow-soft);
}

.intelligence-showcase {
  margin: 18px 0;
  padding: 28px;
  border: 1px solid var(--border);
  border-radius: 8px;
  background: rgba(255, 255, 255, 0.94);
  box-shadow: var(--shadow-soft);
}

.showcase-header {
  display: grid;
  gap: 6px;
  margin-bottom: 18px;
  text-align: center;
}

.showcase-header h2 {
  color: var(--navy);
  font-size: 24px;
}

.showcase-sub {
  color: var(--muted);
  font-size: 14px;
}

.showcase-grid {
  display: grid;
  grid-template-columns: repeat(4, minmax(0, 1fr));
  gap: 12px;
}

.showcase-item {
  display: grid;
  gap: 8px;
  min-height: 156px;
  padding: 18px;
  border: 1px solid var(--border);
  border-radius: 8px;
  background: var(--surface-strong);
  transition: border-color 160ms ease, box-shadow 160ms ease, transform 160ms ease;
}

.showcase-item:hover {
  border-color: rgba(205, 168, 72, 0.48);
  box-shadow: var(--shadow-soft);
  transform: translateY(-2px);
}

.showcase-icon {
  width: 42px;
  height: 42px;
  display: grid;
  place-items: center;
  border-radius: 8px;
  background: linear-gradient(135deg, rgba(20, 99, 227, 0.14), rgba(205, 168, 72, 0.16));
  color: var(--accent-dark);
  font-size: 12px;
  font-weight: 900;
  letter-spacing: 0.04em;
}

.showcase-name {
  color: var(--navy);
  font-size: 15px;
  font-weight: 900;
}

.showcase-desc {
  color: var(--muted);
  font-size: 13px;
  line-height: 1.45;
}

.launch-layout {
  align-items: start;
}

.pricing-grid,
.launch-post-grid {
  display: grid;
  grid-template-columns: repeat(auto-fit, minmax(250px, 1fr));
  gap: 14px;
}

.benefit-grid {
  display: grid;
  grid-template-columns: repeat(3, minmax(0, 1fr));
  gap: 12px;
}

.benefit-item {
  min-height: 100%;
  display: flex;
  gap: 10px;
  align-items: flex-start;
  padding: 16px;
  border: 1px solid var(--border-strong);
  border-radius: 8px;
  background: var(--surface-strong);
  color: var(--text);
  font-weight: 700;
  line-height: 1.45;
}

.benefit-item span {
  color: var(--success);
  font-weight: 900;
}

.pricing-card,
.launch-post-card,
.sample-brief-card {
  border: 1px solid var(--border-strong);
  border-radius: 8px;
  background: var(--surface-strong);
}

.pricing-card {
  display: grid;
  gap: 12px;
  min-height: 100%;
  padding: 20px;
}

.pricing-card h3,
.launch-post-card h3,
.sample-brief-card h3 {
  color: var(--navy);
  letter-spacing: 0;
}

.pricing-card strong {
  display: block;
  font-size: 30px;
  line-height: 1.05;
  color: var(--accent-dark);
}

.pricing-card p {
  color: var(--muted);
}

.pricing-card-featured {
  border-color: rgba(20, 99, 227, 0.5);
  background: #eef5ff;
}

.home-pricing-cta {
  display: flex;
  justify-content: center;
  margin-top: 20px;
}

.home-pricing-cta .button {
  min-width: 220px;
}

.sample-brief-list {
  display: grid;
  gap: 12px;
}

.sample-brief-card {
  padding: 18px;
}

.sample-brief-card p {
  margin-top: 10px;
  color: var(--muted);
}

.sample-brief-meta {
  display: flex;
  flex-wrap: wrap;
  gap: 8px;
  margin-top: 14px;
}

.lead-form {
  display: grid;
  gap: 14px;
}

.lead-honeypot {
  display: none;
}

.lead-form label {
  display: grid;
  gap: 6px;
  color: var(--navy);
  font-size: 13px;
  font-weight: 700;
}

.lead-form input,
.lead-form select,
.lead-form textarea {
  width: 100%;
  border: 1px solid var(--border-strong);
  border-radius: 8px;
  padding: 12px 13px;
  background: #fff;
  color: var(--text);
  font: inherit;
}

.lead-form textarea {
  resize: vertical;
}

.lead-status {
  min-height: 22px;
  color: var(--muted);
  font-size: 13px;
}

.lead-status.is-success {
  color: var(--success);
}

.lead-status.is-error {
  color: var(--danger);
}

.member-access-grid {
  display: grid;
  grid-template-columns: minmax(280px, 1fr) minmax(280px, 1fr) minmax(240px, 0.8fr);
  gap: 14px;
  align-items: stretch;
}

#member-access-header[hidden],
#member-access-grid[hidden] {
  display: none !important;
}

#section-login.member-mode #member-access-header,
#section-login.member-mode #member-access-grid {
  display: none !important;
}

.login-panel {
  min-height: 100%;
}

.member-form,
.member-status-panel {
  min-height: 100%;
  padding: 18px;
  border: 1px solid var(--border-strong);
  border-radius: 8px;
  background: var(--surface-strong);
}

.auth-card {
  display: grid;
  gap: 14px;
  max-width: 520px;
  padding: 20px;
  border: 1px solid var(--border-strong);
  border-radius: 8px;
  background: var(--surface-strong);
}

.auth-field {
  display: grid;
  gap: 7px;
}

.auth-field label {
  color: var(--navy);
  font-size: 13px;
  font-weight: 800;
}

.auth-field input {
  width: 100%;
  border: 1px solid var(--border-strong);
  border-radius: 8px;
  padding: 12px 13px;
  background: #fff;
  color: var(--text);
  font: inherit;
}

.auth-message {
  min-height: 22px;
  color: var(--muted);
  font-size: 13px;
}

.auth-message.is-success {
  color: var(--success);
}

.auth-message.is-error {
  color: var(--danger);
}

.auth-links {
  font-size: 13px;
  font-weight: 700;
}

.member-form h3,
.member-status-panel h3 {
  color: var(--navy);
  letter-spacing: 0;
}

.member-status-panel {
  display: grid;
  gap: 12px;
  align-content: start;
}

.member-status-panel p:not(.section-kicker) {
  color: var(--muted);
}

.account-content {
  display: grid;
  gap: 18px;
}

.account-content[hidden],
.account-empty-card[hidden] {
  display: none !important;
}

.account-management-grid {
  display: grid;
  grid-template-columns: minmax(260px, 0.78fr) minmax(320px, 1.22fr);
  gap: 16px;
  align-items: stretch;
}

.account-empty-card {
  display: grid;
  gap: 12px;
  max-width: 560px;
  padding: 20px;
  border: 1px solid var(--border-strong);
  border-radius: 8px;
  background: var(--surface-strong);
}

.account-status-panel,
.account-billing-panel {
  margin: 0;
}

.account-status-actions {
  display: flex;
  flex-wrap: wrap;
  gap: 10px;
  align-items: center;
}

.account-section .change-password-panel {
  margin-top: 0;
}

.link-button {
  justify-self: start;
  border: 0;
  padding: 0;
  background: transparent;
  color: var(--accent);
  font: inherit;
  font-weight: 700;
  cursor: pointer;
}

.link-button:hover {
  color: var(--accent-dark);
  text-decoration: underline;
}

.social-login {
  display: flex;
  flex-direction: column;
  gap: 12px;
  margin-bottom: 18px;
}

.btn-google,
.btn-twitter {
  display: flex;
  align-items: center;
  justify-content: center;
  gap: 12px;
  width: 100%;
  min-height: 46px;
  border-radius: 8px;
  padding: 12px 14px;
  cursor: pointer;
  font: inherit;
  font-size: 15px;
  font-weight: 800;
  transition: background 0.2s ease, border-color 0.2s ease;
}

.btn-google {
  border: 1px solid #d6dbe6;
  background: #fff;
  color: #263243;
}

.btn-google:hover {
  background: #f7f9fc;
  border-color: #bec7d8;
}

.btn-twitter {
  border: 1px solid #000;
  background: #000;
  color: #fff;
}

.btn-twitter svg {
  fill: currentColor;
}

.btn-twitter:hover {
  background: #333;
  border-color: #333;
}

.auth-divider {
  display: flex;
  align-items: center;
  gap: 12px;
  margin: 8px 0 18px;
  color: var(--muted);
  font-size: 13px;
}

.auth-divider::before,
.auth-divider::after {
  content: "";
  flex: 1;
  height: 1px;
  background: var(--border);
}

.inline-action-button {
  display: inline-flex;
  align-items: center;
  min-height: 30px;
  margin-left: 10px;
  border: 1px solid rgba(22, 131, 95, 0.28);
  border-radius: 8px;
  padding: 6px 10px;
  background: #fff;
  color: var(--success);
  cursor: pointer;
  font: inherit;
  font-size: 13px;
  font-weight: 800;
}

.inline-action-button:hover {
  border-color: var(--success);
}

.muted-copy {
  color: var(--muted);
}

.form-actions {
  display: flex;
  flex-wrap: wrap;
  gap: 10px;
  align-items: center;
}

.member-dashboard {
  display: grid;
  gap: 18px;
  margin-top: 18px;
  padding: 20px;
  border: 1px solid var(--border-strong);
  border-radius: 8px;
  background: linear-gradient(180deg, rgba(255, 255, 255, 0.96) 0%, rgba(248, 251, 255, 0.96) 100%);
  box-shadow: var(--shadow-soft);
}

.member-dashboard[hidden] {
  display: none;
}

.member-dashboard-header {
  display: flex;
  justify-content: space-between;
  align-items: center;
  gap: 14px;
  padding-bottom: 14px;
  border-bottom: 1px solid var(--border);
}

.member-dashboard-header h3 {
  margin-top: 2px;
  color: var(--navy);
  word-break: break-word;
}

.plan-badge {
  display: inline-flex;
  align-items: center;
  min-height: 34px;
  padding: 0 12px;
  border: 1px solid rgba(205, 168, 72, 0.45);
  border-radius: 999px;
  background: #fff8dc;
  color: #7a5a00;
  font-size: 13px;
  font-weight: 800;
  white-space: nowrap;
}

.plan-badge-free {
  border-color: var(--border-strong);
  background: var(--surface-soft);
  color: var(--muted);
}

.plan-badge-member,
.plan-badge-pro {
  border-color: rgba(205, 168, 72, 0.55);
  background: #fff8dc;
  color: #7a5a00;
}

.plan-badge-owner {
  border-color: rgba(205, 168, 72, 0.82);
  background: linear-gradient(135deg, #ffd700, #ffa500);
  color: #07111f;
  font-weight: 900;
}

.member-alert {
  padding: 12px 14px;
  border: 1px solid rgba(185, 119, 16, 0.34);
  border-radius: 8px;
  background: rgba(255, 248, 220, 0.88);
  color: #7a4c00;
  font-weight: 700;
}

.free-member-dashboard {
  display: grid;
  gap: 14px;
}

.free-member-dashboard[hidden] {
  display: none;
}

.free-member-hero {
  padding: 20px;
  border: 1px solid rgba(205, 168, 72, .46);
  border-radius: 12px;
  background:
    linear-gradient(135deg, rgba(255, 215, 0, .18), rgba(235, 245, 255, .94)),
    var(--surface);
}

.free-member-hero h3 {
  margin: 4px 0 8px;
  color: var(--navy);
  font-size: 24px;
}

.free-member-hero p {
  max-width: 760px;
  color: var(--muted);
  line-height: 1.6;
}

.free-member-actions {
  display: flex;
  flex-wrap: wrap;
  gap: 10px;
  margin-top: 14px;
}

.free-member-preview-grid,
.free-member-unlock-grid {
  display: grid;
  grid-template-columns: repeat(auto-fit, minmax(180px, 1fr));
  gap: 10px;
}

.free-preview-card,
.free-member-unlock-grid div {
  padding: 14px;
  border: 1px solid var(--border-strong);
  border-radius: 10px;
  background: var(--surface-strong);
}

.free-preview-card span,
.free-member-unlock-grid span {
  display: block;
  color: var(--muted);
  font-size: 12px;
  font-weight: 850;
}

.free-preview-card strong,
.free-member-unlock-grid strong {
  display: block;
  margin: 5px 0;
  color: var(--navy);
  font-size: 18px;
  font-weight: 950;
}

.free-preview-card small {
  display: block;
  color: var(--muted);
  line-height: 1.45;
}

.free-preview-signal {
  border-color: rgba(22, 131, 95, .32);
  background: rgba(22, 131, 95, .07);
}

.free-preview-renewal {
  grid-column: 1 / -1;
  border-color: rgba(205, 168, 72, .7);
  background:
    linear-gradient(135deg, rgba(255, 232, 151, .34), rgba(235, 245, 255, .9)),
    var(--surface);
}

.free-preview-renewal strong {
  color: var(--navy);
  font-size: 20px;
}

.free-preview-actions {
  display: flex;
  flex-wrap: wrap;
  gap: 10px;
  margin-top: 12px;
}

.free-preview-actions button {
  min-height: 40px;
  padding: 0 16px;
  border: 1px solid var(--blue);
  border-radius: 999px;
  background: var(--blue);
  color: #fff;
  font-weight: 950;
  cursor: pointer;
}

.free-preview-actions button.secondary {
  background: #fff;
  color: var(--blue);
}

.member-actions {
  display: flex;
  flex-wrap: wrap;
  gap: 10px;
}

.change-password-panel {
  padding: 16px;
  border: 1px solid var(--border);
  border-radius: 8px;
  background: var(--surface-soft);
}

.member-dashboard-section {
  display: grid;
  gap: 12px;
}

.member-report-grid {
  display: grid;
  gap: 14px;
}

.member-reports-with-charts {
  display: flex;
  flex-direction: column;
  gap: 24px;
}

.member-report-actions {
  align-items: center;
  background: var(--surface);
  border: 1px solid var(--border);
  border-radius: 8px;
  display: flex;
  flex-wrap: wrap;
  gap: 12px;
  padding: 14px 16px;
}

.export-note {
  color: var(--muted);
  font-size: 13px;
}

.report-video-panel {
  background: linear-gradient(135deg, #07101f, #111827);
  border: 1px solid rgba(205, 168, 72, 0.38);
  border-radius: 8px;
  box-shadow: 0 16px 36px rgba(15, 31, 51, 0.14);
  color: #f8fafc;
  display: grid;
  gap: 14px;
  margin: 22px 0;
  padding: 16px;
}

.report-video-pending {
  background: #fffaf0;
  color: var(--navy);
}

.report-video-header {
  align-items: center;
  display: flex;
  gap: 14px;
  justify-content: space-between;
}

.report-video-header h4 {
  color: inherit;
  font-size: 18px;
  margin: 4px 0;
}

.report-video-header p {
  color: rgba(226, 232, 240, 0.78);
  font-size: 13px;
  margin: 0;
}

.report-video-pending p {
  color: var(--muted);
}

.report-video-actions {
  display: flex;
  flex-wrap: wrap;
  gap: 10px;
  justify-content: flex-end;
}

.report-video-player {
  aspect-ratio: 16 / 9;
  background: #050914;
  border: 1px solid rgba(255, 255, 255, 0.16);
  border-radius: 8px;
  display: block;
  width: 100%;
}

.report-video-status {
  color: rgba(226, 232, 240, 0.72);
  font-size: 12px;
  margin: -4px 0 0;
}

.report-video-status.is-success {
  color: #9ae6b4;
}

.report-video-status.is-error {
  color: #fecaca;
}

.member-report-card {
  padding: 18px;
  border: 1px solid var(--border-strong);
  border-radius: 8px;
  background: var(--surface);
  box-shadow: var(--shadow-soft);
}

.research-pro-report {
  border-left: 4px solid #cda848;
}

.report-card-header {
  align-items: center;
  display: flex;
  gap: 12px;
  justify-content: space-between;
  margin-bottom: 16px;
}

.report-card-header h3 {
  margin: 0;
}

.report-date {
  color: var(--muted);
  font-size: 13px;
  font-weight: 700;
}

.inline-charts-row {
  border-top: 1px solid var(--border);
  display: grid;
  gap: 16px;
  grid-template-columns: repeat(2, minmax(0, 1fr));
  margin-top: 24px;
  padding-top: 24px;
}

.inline-chart-card {
  background: var(--surface);
  border: 1px solid var(--border);
  border-radius: 8px;
  padding: 16px;
}

.inline-chart-label {
  color: var(--muted);
  font-size: 12px;
  font-weight: 800;
  letter-spacing: 0.04em;
  margin: 0 0 8px;
  text-transform: uppercase;
}

.inline-chart-img {
  border: 1px solid rgba(197, 211, 230, 0.9);
  border-radius: 6px;
  display: block;
  width: 100%;
}

.member-chart-gallery {
  display: grid;
  grid-template-columns: repeat(2, minmax(0, 1fr));
  gap: 14px;
}

.member-chart-card {
  padding: 14px;
  border: 1px solid var(--border-strong);
  border-radius: 8px;
  background: var(--surface);
  text-align: center;
  box-shadow: var(--shadow-soft);
}

.member-chart-card img {
  display: block;
  width: 100%;
  border-radius: 6px;
  border: 1px solid rgba(197, 211, 230, 0.9);
}

.member-chart-card p {
  margin-top: 8px;
  color: var(--muted);
  font-size: 13px;
  font-weight: 700;
}

.fear-greed-card,
.nifty-card,
.seasonal-card,
.earnings-card,
.warehouse-card,
.options-card,
.premium-card {
  display: grid;
  gap: 14px;
}

.fg-gauge-row {
  align-items: center;
  display: flex;
  gap: 16px;
}

.fg-score {
  font-size: 42px;
  font-weight: 900;
  line-height: 1;
}

.fg-label {
  font-size: 16px;
  font-weight: 800;
}

.fg-context,
.nifty-context,
.nifty-portfolio,
.seasonal-text,
.module-disclaimer,
.earnings-disclaimer {
  color: var(--muted);
  font-size: 13px;
  line-height: 1.6;
}

.fg-bar-outer {
  background: var(--surface-soft);
  border: 1px solid var(--border);
  border-radius: 999px;
  height: 13px;
  overflow: hidden;
}

.fg-bar-fill {
  display: block;
  height: 100%;
  transition: width 0.4s ease;
}

.fg-labels-row {
  color: var(--muted);
  display: flex;
  font-size: 11px;
  gap: 8px;
  justify-content: space-between;
}

.fg-raw-note {
  background: rgba(255, 248, 220, 0.65);
  border: 1px solid rgba(205, 168, 72, 0.35);
  border-radius: 8px;
  color: var(--muted);
  font-size: 12px;
  line-height: 1.45;
  padding: 9px 10px;
}

.fg-raw-note strong {
  color: var(--navy);
}

.fg-components {
  display: grid;
  gap: 8px;
}

.fg-component {
  align-items: center;
  display: grid;
  gap: 10px;
  grid-template-columns: 110px 1fr 44px;
}

.fg-comp-name,
.fg-comp-val {
  color: var(--muted);
  font-size: 12px;
  font-weight: 700;
  text-transform: capitalize;
}

.fg-comp-bar {
  background: var(--surface-soft);
  border-radius: 999px;
  display: block;
  height: 7px;
  overflow: hidden;
}

.fg-comp-bar span {
  background: #cda848;
  border-radius: inherit;
  display: block;
  height: 100%;
}

.fg-disclaimer,
.module-disclaimer,
.earnings-disclaimer,
.nifty-portfolio {
  font-style: italic;
}

.nifty-stats {
  display: flex;
  flex-wrap: wrap;
  gap: 18px;
}

.nifty-stat {
  background: var(--surface-soft);
  border: 1px solid var(--border);
  border-radius: 8px;
  min-width: 150px;
  padding: 12px;
}

.nifty-val {
  color: #9b781d;
  font-size: 22px;
  font-weight: 900;
}

.nifty-label,
.seasonal-metal,
.company-ticker {
  color: var(--muted);
  font-size: 12px;
  font-weight: 800;
  letter-spacing: 0.04em;
  text-transform: uppercase;
}

.seasonal-month {
  color: #9b781d;
  font-size: 18px;
  font-weight: 900;
}

.seasonal-item,
.company-card {
  background: var(--surface-soft);
  border: 1px solid var(--border);
  border-radius: 8px;
  padding: 14px;
}

.seasonal-events {
  border-top: 1px solid var(--border);
  display: grid;
  gap: 8px;
  padding-top: 12px;
}

.seasonal-event {
  align-items: center;
  display: flex;
  flex-wrap: wrap;
  gap: 10px;
}

.event-name {
  color: #9b781d;
  font-weight: 800;
}

.event-days,
.event-impact {
  color: var(--muted);
  font-size: 12px;
}

.earnings-summary {
  background: rgba(205, 168, 72, 0.08);
  border: 1px solid rgba(205, 168, 72, 0.2);
  border-radius: 8px;
  color: var(--muted);
  padding: 12px;
}

.earnings-grid {
  display: grid;
  gap: 12px;
  grid-template-columns: repeat(2, minmax(0, 1fr));
}

.warehouse-grid,
.premium-grid {
  display: grid;
  gap: 12px;
  grid-template-columns: repeat(2, minmax(0, 1fr));
}

.warehouse-metal-card,
.premium-metal,
.options-card {
  border: 1px solid var(--border);
  border-radius: 8px;
  padding: 14px;
  background: var(--surface-soft);
}

.warehouse-metal-name,
.premium-title,
.options-label {
  color: var(--muted);
  font-size: 0.78rem;
  font-weight: 800;
  letter-spacing: 0.04em;
  text-transform: uppercase;
}

.warehouse-metric {
  align-items: baseline;
  display: flex;
  justify-content: space-between;
  gap: 12px;
  margin-top: 8px;
}

.warehouse-metric span,
.premium-metal span {
  color: var(--muted);
  font-size: 0.84rem;
}

.warehouse-source-note {
  background: rgba(191, 146, 46, .1);
  border: 1px solid rgba(191, 146, 46, .22);
  border-radius: 8px;
  color: #7a5b00;
  font-size: .78rem;
  line-height: 1.5;
  margin: .55rem 0;
  padding: .55rem .65rem;
}

.warehouse-summary {
  color: var(--ink);
  font-weight: 700;
  margin: 0;
}

.options-ratio-row {
  align-items: center;
  display: flex;
  justify-content: space-between;
  gap: 16px;
}

.options-ratio {
  color: var(--accent-strong);
  font-size: 2rem;
  font-weight: 900;
}

.options-signal {
  border: 1px solid var(--border);
  border-radius: 999px;
  color: var(--ink);
  font-size: 0.78rem;
  font-weight: 800;
  padding: 6px 10px;
  text-transform: capitalize;
}

.premium-metal strong {
  color: var(--ink);
  display: block;
  font-size: 1.1rem;
  margin: 6px 0;
}

.premium-explainer {
  color: var(--muted);
  font-size: 0.9rem;
  line-height: 1.55;
  margin: 14px 0 0;
}

.company-price {
  font-size: 18px;
  font-weight: 900;
  margin-top: 4px;
}

.company-change {
  font-size: 13px;
  font-weight: 800;
  margin-top: 2px;
}

.company-signal {
  color: var(--muted);
  font-size: 12px;
  line-height: 1.5;
  margin-top: 8px;
}

@media (max-width: 600px) {
  .report-video-header {
    align-items: stretch;
    flex-direction: column;
  }

  .report-video-actions {
    justify-content: stretch;
  }

  .report-video-actions .button {
    flex: 1;
    justify-content: center;
    min-width: 145px;
  }

  .inline-charts-row {
    grid-template-columns: 1fr;
  }

  .earnings-grid {
    grid-template-columns: 1fr;
  }

  .warehouse-grid,
  .premium-grid {
    grid-template-columns: 1fr;
  }

  .fg-component {
    grid-template-columns: 1fr;
  }
}

.member-section {
  display: grid;
  gap: 12px;
  margin-bottom: 10px;
}

.member-section h3 {
  color: var(--navy);
  font-size: 1.05rem;
  margin: 0;
}

.referral-code-box {
  align-items: end;
  background: #fff8dc;
  border: 1px solid rgba(205, 168, 72, .35);
  border-radius: 8px;
  display: grid;
  gap: 16px;
  grid-template-columns: 1.4fr .8fr;
  margin-bottom: 18px;
  padding: 18px;
}

.referral-code-box h3 {
  color: var(--navy);
  margin: 0 0 4px;
}

.referral-code-box label {
  color: var(--muted);
  display: grid;
  font-size: 12px;
  font-weight: 900;
  gap: 7px;
  letter-spacing: .08em;
  text-transform: uppercase;
}

.referral-code-box input {
  border: 1px solid var(--border);
  border-radius: 8px;
  color: var(--navy);
  font-size: 16px;
  font-weight: 800;
  padding: 12px;
  text-transform: uppercase;
}

.silver-sticky-bar {
  background: linear-gradient(90deg, #172033, #27354c);
  border-top: 1px solid rgba(205, 168, 72, .35);
  bottom: 0;
  box-shadow: 0 -8px 28px rgba(23, 32, 51, .18);
  left: 0;
  padding: 10px 18px;
  position: fixed;
  right: 0;
  z-index: 900;
}

.silver-sticky-content {
  align-items: center;
  color: #fff;
  display: flex;
  gap: 12px;
  margin: 0 auto;
  max-width: 1180px;
}

.silver-sticky-text {
  flex: 1;
  font-size: 14px;
}

.silver-sticky-text strong,
.silver-sticky-value {
  color: #ffd76b;
}

.silver-sticky-btn,
.silver-banner-btn,
.silver-popup-cta {
  background: linear-gradient(135deg, #d8bd62, #fff0a8);
  border: 0;
  border-radius: 8px;
  color: #172033;
  cursor: pointer;
  font-weight: 900;
  padding: 10px 14px;
}

.silver-sticky-close,
.silver-popup-close {
  align-items: center;
  background: rgba(255, 255, 255, .12);
  border: 0;
  border-radius: 999px;
  color: #fff;
  cursor: pointer;
  display: inline-flex;
  height: 28px;
  justify-content: center;
  width: 28px;
}

.silver-home-banner,
.silver-join-hero {
  background: linear-gradient(135deg, #fffdf4, #eef3fb);
  border: 1px solid rgba(205, 168, 72, .32);
  border-radius: 8px;
  box-shadow: var(--shadow-soft);
  margin: 18px 0;
  padding: 18px;
}

.silver-home-banner {
  align-items: center;
  display: flex;
  gap: 16px;
  justify-content: space-between;
}

.silver-banner-left,
.silver-banner-right,
.silver-join-content {
  align-items: center;
  display: flex;
  gap: 14px;
}

.silver-banner-icon,
.silver-trophy {
  font-size: 38px;
}

.silver-banner-text strong,
.silver-join-copy h3 {
  color: var(--navy);
  display: block;
}

.silver-banner-text span,
.silver-join-copy p {
  color: var(--muted);
}

.silver-banner-value {
  color: #8a6500;
  font-weight: 900;
}

.silver-join-badge {
  background: #172033;
  border-radius: 999px;
  color: #ffd76b;
  display: inline-flex;
  font-size: 12px;
  font-weight: 900;
  letter-spacing: .08em;
  margin-bottom: 12px;
  padding: 5px 10px;
  text-transform: uppercase;
}

.silver-join-copy h3 {
  font-size: 1.35rem;
  margin: 0 0 8px;
}

.silver-join-stats {
  display: grid;
  gap: 10px;
  grid-template-columns: repeat(4, minmax(0, 1fr));
  margin-top: 14px;
}

.silver-join-stat {
  background: rgba(255, 255, 255, .72);
  border: 1px solid var(--border);
  border-radius: 8px;
  padding: 12px;
  text-align: center;
}

.silver-join-stat strong {
  color: #8a6500;
  display: block;
  font-size: 1.1rem;
}

.silver-join-stat span {
  color: var(--muted);
  font-size: 12px;
  font-weight: 800;
  text-transform: uppercase;
}

.silver-popup-overlay {
  align-items: center;
  background: rgba(9, 16, 30, .68);
  display: flex;
  inset: 0;
  justify-content: center;
  overflow-y: auto;
  padding: max(20px, env(safe-area-inset-top)) max(20px, env(safe-area-inset-right)) max(20px, env(safe-area-inset-bottom)) max(20px, env(safe-area-inset-left));
  position: fixed;
  touch-action: manipulation;
  z-index: 1200;
}

.silver-popup-overlay[hidden] {
  display: none;
}

.silver-popup-card {
  background: linear-gradient(145deg, #182238, #263552);
  border: 1px solid rgba(255, 255, 255, .14);
  border-radius: 12px;
  box-shadow: 0 24px 80px rgba(0, 0, 0, .36);
  color: #fff;
  max-height: calc(100dvh - max(40px, env(safe-area-inset-top)) - max(40px, env(safe-area-inset-bottom)));
  max-width: 440px;
  overflow-y: auto;
  padding: 28px;
  position: relative;
  overscroll-behavior: contain;
  text-align: center;
  -webkit-overflow-scrolling: touch;
  width: min(100%, 440px);
}

.silver-popup-close {
  align-items: center;
  background: rgba(255, 255, 255, .16);
  border: 1px solid rgba(255, 255, 255, .28);
  box-shadow: 0 6px 22px rgba(0, 0, 0, .22);
  color: #fff;
  display: inline-flex;
  height: 42px;
  justify-content: center;
  min-height: 42px;
  min-width: 42px;
  position: sticky;
  right: 0;
  top: 0;
  width: 42px;
  z-index: 2;
}

.silver-popup-close:hover {
  background: rgba(255, 255, 255, .24);
}

.silver-popup-badge {
  background: rgba(255, 215, 107, .14);
  border: 1px solid rgba(255, 215, 107, .32);
  border-radius: 999px;
  color: #ffd76b;
  display: inline-flex;
  font-size: 12px;
  font-weight: 900;
  letter-spacing: .08em;
  padding: 5px 10px;
  text-transform: uppercase;
}

.silver-coin-animation {
  margin: 18px auto 8px;
}

.silver-coin {
  align-items: center;
  background: radial-gradient(circle at 35% 35%, #fff, #cfd6df 42%, #858f9c);
  border: 3px solid rgba(255, 255, 255, .38);
  border-radius: 999px;
  box-shadow: 0 10px 32px rgba(255, 255, 255, .18);
  display: inline-flex;
  font-size: 42px;
  height: 86px;
  justify-content: center;
  width: 86px;
}

.silver-popup-title {
  color: #fff;
  font-size: 1.75rem;
  line-height: 1.2;
  margin: 12px 0;
}

.silver-highlight,
.silver-popup-subtitle strong,
.value-number {
  color: #ffd76b;
}

.silver-popup-subtitle {
  color: rgba(255, 255, 255, .78);
  line-height: 1.55;
}

.silver-popup-steps {
  display: grid;
  gap: 8px;
  margin: 18px 0;
  text-align: left;
}

.silver-step {
  align-items: center;
  background: rgba(255, 255, 255, .08);
  border-radius: 8px;
  display: flex;
  gap: 10px;
  padding: 10px;
}

.silver-step-num {
  align-items: center;
  background: #d8bd62;
  border-radius: 999px;
  color: #172033;
  display: inline-flex;
  font-size: 12px;
  font-weight: 900;
  height: 24px;
  justify-content: center;
  width: 24px;
}

.silver-popup-value-bar {
  background: rgba(255, 255, 255, .07);
  border: 1px solid rgba(255, 255, 255, .1);
  border-radius: 10px;
  display: flex;
  justify-content: space-around;
  margin: 18px 0;
  padding: 12px;
}

.value-item {
  display: grid;
  gap: 3px;
}

.value-label {
  color: rgba(255, 255, 255, .58);
  font-size: 11px;
  text-transform: uppercase;
}

.value-divider {
  background: rgba(255, 255, 255, .14);
  width: 1px;
}

.silver-popup-cta {
  width: 100%;
}

.silver-popup-note,
.silver-popup-disclaimer {
  color: rgba(255, 255, 255, .58);
  font-size: 12px;
  line-height: 1.5;
}

.silver-popup-note a {
  color: #ffd76b;
}

.silver-popup-disclaimer a {
  color: #c0c0c0;
  text-decoration: underline;
  text-underline-offset: 3px;
}

.referral-section {
  background: #fffdf5;
  border: 1px solid rgba(205, 168, 72, .35);
  border-radius: 8px;
  padding: 16px;
}

.referral-progress-card {
  display: grid;
  gap: 12px;
}

.referral-count {
  color: var(--navy);
  font-size: 1.15rem;
  font-weight: 900;
}

.referral-progress {
  background: #eee5c8;
  border-radius: 999px;
  height: 10px;
  overflow: hidden;
}

.referral-progress-fill {
  background: linear-gradient(90deg, #cda848, #8a6500);
  height: 100%;
  transition: width .25s ease;
}

.referral-link-row {
  align-items: center;
  display: grid;
  gap: 10px;
  grid-template-columns: 1fr auto;
}

.referral-link-row code {
  background: var(--surface);
  border: 1px solid var(--border);
  border-radius: 8px;
  color: var(--navy);
  display: block;
  font-size: 13px;
  overflow-x: auto;
  padding: 11px;
  white-space: nowrap;
}

.referral-share-buttons {
  display: flex;
  flex-wrap: wrap;
  gap: 10px;
}

.referral-terms-link {
  border-bottom: 1px dotted rgba(17, 24, 39, .25);
  color: var(--muted);
  display: inline-block;
  font-size: .72rem;
  font-weight: 800;
  margin-top: .4rem;
  text-decoration: none;
}

.referral-terms-link:hover {
  color: #8a6500;
}

.referral-terms-row {
  margin-top: .75rem;
  text-align: center;
}

.referral-two-sided-grid {
  display: grid;
  gap: 10px;
  grid-template-columns: repeat(2, minmax(0, 1fr));
  margin-top: 16px;
}

.referral-two-sided-grid > div {
  background: rgba(255, 255, 255, .1);
  border: 1px solid rgba(255, 255, 255, .18);
  border-radius: 10px;
  padding: 12px;
}

.referral-two-sided-grid strong,
.referral-two-sided-grid span {
  display: block;
}

.referral-two-sided-grid strong {
  color: #ffd700;
  font-size: 13px;
  margin-bottom: 5px;
  text-transform: uppercase;
}

.referral-two-sided-grid span {
  color: rgba(248, 251, 255, .76);
  font-size: 12px;
  line-height: 1.45;
}

.referral-two-sided-grid-compact > div {
  background: #fffaf0;
  border-color: rgba(205, 168, 72, .35);
}

.referral-two-sided-grid-compact strong {
  color: #8a6500;
}

.referral-two-sided-grid-compact span {
  color: var(--muted);
}

.share-btn {
  border: 0;
  border-radius: 8px;
  color: #fff;
  cursor: pointer;
  flex: 1;
  font-weight: 900;
  min-width: 150px;
  padding: 10px 12px;
}

.whatsapp-share {
  background: #128c7e;
}

.x-share {
  background: #111827;
}

.pricing-quarterly {
  background: rgba(200, 168, 72, .08);
  border: 1px solid rgba(200, 168, 72, .28);
  border-radius: 10px;
  margin: 14px 0;
  padding: 16px;
  text-align: center;
}

.pricing-quarterly-main {
  align-items: baseline;
  display: flex;
  gap: 6px;
  justify-content: center;
}

.pricing-amount {
  color: var(--blue);
  font-size: 2.05rem;
  font-weight: 900;
  line-height: 1;
}

.pricing-per {
  color: var(--muted);
  font-size: .9rem;
  font-weight: 800;
}

.pricing-quarterly-sub {
  color: #0f9f6e;
  font-size: .86rem;
  font-weight: 900;
  margin-top: 5px;
}

.pricing-quarterly-how {
  color: var(--muted);
  font-size: .78rem;
  margin-top: 3px;
}

.founding-urgency-mini {
  background: rgba(255, 248, 225, .8);
  border: 1px solid rgba(205, 168, 72, .36);
  border-radius: 8px;
  display: grid;
  gap: 5px;
  margin: 12px 0;
  padding: 10px 12px;
}

.founding-urgency-row {
  align-items: center;
  color: var(--muted);
  display: flex;
  flex-wrap: wrap;
  font-size: .78rem;
  gap: 5px;
}

.founding-urgency-row strong {
  color: #8a6500;
}

.quarterly-explainer {
  background: #fffdf7;
  border: 1px solid var(--border);
  border-radius: 8px;
  display: grid;
  gap: 7px;
  margin: 12px 0 14px;
  padding: 13px;
}

.qe-title {
  color: var(--muted);
  font-size: .72rem;
  font-weight: 900;
  letter-spacing: .06em;
  text-transform: uppercase;
}

.qe-step {
  align-items: center;
  color: var(--text);
  display: flex;
  font-size: .82rem;
  gap: 8px;
}

.qe-num {
  align-items: center;
  background: linear-gradient(135deg, #c0c0c0, #ffd766);
  border-radius: 50%;
  color: #172033;
  display: inline-flex;
  flex: 0 0 22px;
  font-size: .72rem;
  font-weight: 900;
  height: 22px;
  justify-content: center;
}

.qe-locked {
  border-top: 1px solid var(--border);
  color: #0f9f6e;
  font-size: .8rem;
  font-weight: 900;
  margin-top: 4px;
  padding-top: 8px;
}

.popup-quarterly-highlight {
  background: linear-gradient(135deg, rgba(255, 215, 0, .18), rgba(255, 255, 255, .08));
  border: 1px solid rgba(255, 215, 0, .32);
  border-radius: 10px;
  margin: 12px 0;
  padding: 14px;
  text-align: center;
}

.popup-qh-main {
  color: #ffd700;
  font-size: 1.8rem;
  font-weight: 900;
}

.popup-qh-sub {
  color: #5ff3a5;
  font-size: .88rem;
  font-weight: 900;
}

.popup-qh-note {
  color: rgba(255, 255, 255, .66);
  font-size: .76rem;
  margin-top: 3px;
}

.billing-card {
  display: grid;
  gap: 12px;
}

.founding-badge-banner,
.starter-badge-banner,
.pro-free-banner {
  border-radius: 8px;
  font-size: .88rem;
  font-weight: 900;
  padding: 12px;
  text-align: center;
}

.founding-badge-banner {
  background: rgba(255, 248, 225, .84);
  border: 1px solid rgba(205, 168, 72, .45);
  color: #8a6500;
}

.starter-badge-banner {
  background: linear-gradient(135deg, rgba(255, 232, 151, .42), rgba(235, 245, 255, .94));
  border: 1px solid rgba(205, 168, 72, .5);
  color: #765100;
}

.pro-free-banner {
  background: rgba(15, 159, 110, .08);
  border: 1px solid rgba(15, 159, 110, .24);
  color: #0f7a55;
}

.auto-renew-banner {
  align-items: center;
  background: rgba(11, 95, 255, .06);
  border: 1px solid rgba(11, 95, 255, .22);
  border-radius: 8px;
  color: var(--navy);
  display: flex;
  flex-wrap: wrap;
  gap: 10px;
  justify-content: space-between;
  padding: 12px;
}

.auto-renew-banner.active {
  background: rgba(15, 159, 110, .08);
  border-color: rgba(15, 159, 110, .26);
}

.auto-renew-banner.pending {
  background: rgba(255, 248, 225, .7);
  border-color: rgba(205, 168, 72, .42);
}

.mini-action {
  flex: 0 0 auto;
  min-height: 34px;
  padding: 8px 13px;
}

.billing-grid {
  display: grid;
  gap: 10px;
  grid-template-columns: repeat(2, minmax(0, 1fr));
}

.billing-item {
  background: var(--surface);
  border: 1px solid var(--border);
  border-radius: 8px;
  padding: 12px;
}

.billing-label {
  color: var(--muted);
  font-size: .72rem;
  font-weight: 900;
  letter-spacing: .06em;
  margin-bottom: 5px;
  text-transform: uppercase;
}

.billing-value {
  color: var(--navy);
  font-weight: 900;
}

.founding-rate {
  color: #8a6500;
}

.rate-locked,
.covers-note {
  color: var(--muted);
  display: block;
  font-size: .72rem;
  font-weight: 700;
  margin-top: 3px;
}

.billing-savings {
  background: rgba(15, 159, 110, .08);
  border: 1px solid rgba(15, 159, 110, .2);
  border-radius: 8px;
  color: #0f7a55;
  font-size: .84rem;
  font-weight: 900;
  padding: 11px;
  text-align: center;
}

.billing-terms-link {
  font-size: .78rem;
  text-align: center;
}

.billing-terms-link a {
  color: var(--muted);
  font-weight: 800;
  text-decoration: none;
}

.billing-terms-link a:hover {
  color: #8a6500;
}

@media (max-width: 760px) {
  .silver-popup-overlay {
    align-items: flex-start;
    padding: max(14px, env(safe-area-inset-top)) 12px max(14px, env(safe-area-inset-bottom));
  }

  .silver-home-banner,
  .silver-banner-left,
  .silver-banner-right,
  .silver-join-content,
  .silver-sticky-content {
    align-items: stretch;
    flex-direction: column;
  }

  .silver-sticky-content {
    gap: 8px;
  }

  .silver-join-stats {
    grid-template-columns: repeat(2, minmax(0, 1fr));
  }

  .referral-code-box,
  .referral-link-row {
    grid-template-columns: 1fr;
  }

  .silver-popup-card {
    border-radius: 14px;
    max-height: calc(100dvh - max(28px, env(safe-area-inset-top)) - max(28px, env(safe-area-inset-bottom)));
    padding: 10px 16px 18px;
    width: 100%;
  }

  .silver-popup-close {
    float: right;
    margin: 0 0 4px 8px;
    position: sticky;
    top: 0;
  }

  .silver-popup-badge {
    clear: both;
    margin-top: 2px;
  }

  .silver-coin-animation {
    margin: 10px auto 4px;
  }

  .silver-coin {
    font-size: 32px;
    height: 64px;
    width: 64px;
  }

  .silver-popup-title {
    font-size: 1.38rem;
    margin: 8px 0;
  }

  .silver-popup-subtitle,
  .silver-step,
  .popup-qh-note {
    font-size: 13px;
  }

  .silver-popup-steps {
    margin: 12px 0;
  }

  .silver-popup-value-bar {
    margin: 12px 0;
    padding: 10px;
  }
}


.etf-summary-cards {
  display: grid;
  grid-template-columns: repeat(2, minmax(0, 1fr));
  gap: 1rem;
  margin-bottom: 1rem;
}

.etf-summary {
  background: var(--surface);
  border: 1px solid var(--border);
  border-radius: 8px;
  padding: 1rem;
}

.etf-unavailable {
  background: #fff8df;
  border: 1px solid rgba(212, 175, 55, .45);
  border-radius: 8px;
  color: var(--navy);
  line-height: 1.55;
  padding: 1rem;
}

.etf-unavailable p {
  color: var(--muted);
  margin: .35rem 0 0;
}

.etf-unavailable a {
  color: #8a6a14;
  font-weight: 800;
}

.gold-etf-summary {
  border-top: 3px solid #d4af37;
}

.silver-etf-summary {
  border-top: 3px solid #b8bcc4;
}

.etf-summary-title {
  color: var(--muted);
  font-size: .85rem;
  font-weight: 800;
  margin-bottom: .5rem;
}

.etf-summary-signal {
  font-size: .92rem;
  font-weight: 800;
  line-height: 1.45;
}

.etf-detail-row {
  display: grid;
  grid-template-columns: repeat(4, minmax(0, 1fr));
  gap: .75rem;
  margin-bottom: .75rem;
}

.etf-detail-card {
  background: var(--surface);
  border: 1px solid var(--border);
  border-radius: 8px;
  min-height: 112px;
  padding: .875rem;
  text-align: center;
}

.etf-detail-name {
  color: #9b781d;
  font-size: .9rem;
  font-weight: 900;
  margin-bottom: .35rem;
}

.etf-detail-price {
  color: var(--navy);
  font-size: 1rem;
  font-weight: 800;
  margin-bottom: .35rem;
}

.etf-detail-signal {
  font-size: .76rem;
  line-height: 1.4;
}

.etf-footer {
  color: var(--muted);
  font-size: .72rem;
  line-height: 1.5;
  margin-top: .5rem;
}

.context-cards-grid {
  display: grid;
  grid-template-columns: repeat(2, minmax(0, 1fr));
  gap: 14px;
}

.context-card {
  padding: 18px;
  border: 1px solid var(--border-strong);
  border-radius: 8px;
  background: var(--surface);
  box-shadow: var(--shadow-soft);
}

.context-icon {
  display: inline-flex;
  align-items: center;
  min-height: 24px;
  margin-bottom: 8px;
  padding: 0 8px;
  border-radius: 999px;
  background: #fff8dc;
  color: #7a5a00;
  font-size: 12px;
  font-weight: 900;
  text-transform: uppercase;
}

.context-title {
  color: var(--navy);
  font-weight: 900;
  margin-bottom: 8px;
}

.context-body {
  color: var(--muted);
  font-size: 0.88rem;
  line-height: 1.75;
}

.context-body a {
  color: var(--accent);
  font-weight: 700;
}

.context-note {
  display: block;
  color: var(--muted);
  font-size: 0.78rem;
  font-style: italic;
  margin-top: 8px;
}

.watchlist-grid {
  display: grid;
  gap: 12px;
}

.watchlist-item {
  padding: 16px 18px;
  border: 1px solid var(--border-strong);
  border-radius: 8px;
  background: var(--surface);
  box-shadow: var(--shadow-soft);
}

.watchlist-metal {
  color: var(--navy);
  font-size: 0.88rem;
  font-weight: 900;
  margin-bottom: 6px;
}

.watchlist-text {
  color: var(--text);
  font-size: 0.92rem;
  line-height: 1.6;
}

.watchlist-note {
  color: var(--muted);
  font-size: 0.78rem;
  font-style: italic;
  margin-top: 8px;
}

.glossary-details {
  border-radius: 8px;
  overflow: hidden;
}

.glossary-details summary {
  display: flex;
  align-items: center;
  min-height: 48px;
  padding: 0 16px;
  border: 1px solid var(--border-strong);
  border-radius: 8px;
  background: var(--surface);
  color: var(--navy);
  cursor: pointer;
  font-weight: 900;
  list-style: none;
  box-shadow: var(--shadow-soft);
}

.glossary-details summary::-webkit-details-marker {
  display: none;
}

.glossary-details[open] summary {
  border-radius: 8px 8px 0 0;
}

.glossary-grid {
  display: grid;
  grid-template-columns: repeat(2, minmax(0, 1fr));
  gap: 14px;
  padding: 18px;
  border: 1px solid var(--border-strong);
  border-top: 0;
  border-radius: 0 0 8px 8px;
  background: var(--surface);
}

.glossary-item {
  color: var(--muted);
  font-size: 0.86rem;
  line-height: 1.6;
}

.glossary-item strong {
  display: block;
  color: #7a5a00;
  margin-bottom: 3px;
}

.launch-post-card {
  display: grid;
  gap: 12px;
  padding: 18px;
}

.launch-post-card textarea {
  width: 100%;
  min-height: 148px;
  border: 1px solid var(--border);
  border-radius: 8px;
  padding: 12px;
  background: #fff;
  color: var(--text);
  font: inherit;
  line-height: 1.5;
  resize: vertical;
}

.copy-post-button {
  justify-self: start;
  border: 1px solid var(--border-strong);
  border-radius: 8px;
  padding: 10px 14px;
  background: #fff;
  color: var(--accent-dark);
  font-weight: 700;
  cursor: pointer;
}

.copy-post-button:hover {
  border-color: var(--accent);
}

@media (max-width: 1120px) {
  .command-ribbon,
  .signal-strip,
  .hero-panel,
  .hero-intelligence-band,
  .executive-grid,
  .live-feed-grid,
  .content-layout,
  .desk-layout,
  .health-layout,
  .secondary-layout,
  .briefing-grid,
  .report-grid,
  .pricing-grid,
  .benefit-grid,
  .launch-post-grid,
  .hero-live-prices,
  .launch-proof-strip {
    grid-template-columns: 1fr;
  }

  .showcase-grid {
    grid-template-columns: repeat(2, minmax(0, 1fr));
  }

  .hero-pulse {
    grid-template-columns: repeat(2, minmax(0, 1fr));
  }

  .signal-strip {
    grid-template-columns: repeat(2, minmax(0, 1fr));
  }

  .department-grid {
    grid-template-columns: repeat(2, minmax(0, 1fr));
  }

  .health-stat-grid {
    grid-template-columns: repeat(2, minmax(0, 1fr));
  }

  .section-header {
    grid-template-columns: 1fr;
  }
}

@media (max-width: 760px) {
  .hero-section {
    padding: 28px 20px;
  }

  .showcase-grid {
    grid-template-columns: 1fr;
  }

  .hero-price-card,
  .showcase-item {
    min-height: auto;
  }

  .hero-trust-row {
    display: grid;
    gap: 8px;
  }

  .topbar {
    display: grid;
    grid-template-columns: 1fr auto;
    align-items: center;
    gap: 12px;
    padding: 14px;
    border-radius: 18px;
  }

  .topbar-right {
    display: contents;
  }

  .brand-lockup {
    min-width: 0;
  }

  .brand-mark {
    width: 42px;
    height: 42px;
    border-radius: 13px;
  }

  .brand-name {
    font-size: clamp(16px, 4.2vw, 20px);
    line-height: 1.15;
  }

  .brand-sub {
    font-size: 12px;
    line-height: 1.35;
  }

  .mobile-menu-toggle {
    display: inline-flex;
  }

  .site-search-toggle {
    display: none;
  }

  .site-search-panel {
    top: 10px;
    width: calc(100vw - 20px);
    max-height: calc(100dvh - 20px);
    padding: 12px;
  }

  .site-search-head {
    display: grid;
  }

  .site-search-close {
    width: 100%;
  }

  .section-summary {
    max-width: none;
    text-align: left;
  }

  .site-shell {
    padding: 16px 12px 56px;
  }

  .desk-band-header {
    display: grid;
  }

  .topnav {
    display: none;
  }

  .nav-user-label {
    max-width: 100%;
    flex: 1 1 100%;
    justify-content: center;
  }

  .topbar-meta {
    grid-column: 1 / -1;
    flex-wrap: wrap;
    width: 100%;
    justify-content: space-between;
    border-radius: 16px;
  }

  .topbar-status {
    width: auto;
    justify-content: center;
  }

  .price-ticker-track {
    animation-duration: 26s;
  }

  .command-ribbon {
    padding: 22px;
  }

  .command-ribbon h2 {
    font-size: 30px;
  }

  .command-metrics {
    grid-template-columns: 1fr;
  }

  .hero-panel,
  .panel,
  .launch-band {
    padding: 22px;
  }

  .launch-hero {
    min-height: 560px;
    padding: 28px 22px;
    background-position: 58% center;
  }

  .launch-hero h1 {
    font-size: 46px;
    line-height: 1;
  }

  .launch-hero-text {
    font-size: 17px;
  }

  .launch-actions .button {
    width: 100%;
    justify-content: center;
  }

  .hero-copy h1 {
    font-size: 34px;
  }

  .hero-text {
    font-size: 16px;
  }

  .hero-intelligence-band {
    padding: 16px;
  }

  .hero-meta {
    justify-content: flex-start;
  }

  .hero-pulse {
    grid-template-columns: 1fr;
  }

  .live-feed-grid,
  .desk-card-grid,
  .signal-strip {
    grid-template-columns: 1fr;
  }

  .feed-toolbar {
    gap: 8px;
  }

  .feed-filter {
    width: 100%;
    justify-content: space-between;
  }

  .department-grid {
    grid-template-columns: 1fr;
  }

  .health-stat-grid,
  .watchlist-meta {
    grid-template-columns: 1fr;
  }

  .chart-gallery-grid {
    grid-template-columns: 1fr;
  }

  .member-access-grid,
  .account-management-grid,
  .member-chart-gallery,
  .etf-summary-cards,
  .etf-detail-row,
  .context-cards-grid,
  .glossary-grid {
    grid-template-columns: 1fr;
  }

  .member-dashboard-header {
    align-items: flex-start;
    flex-direction: column;
  }

  .watchlist-meta {
    display: grid;
    justify-content: stretch;
  }
}
/* ============================================================
   NOTIFICATIONS PANEL — append to end of styles.css
   ============================================================ */

.notif-badge {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  min-width: 18px;
  height: 18px;
  padding: 0 5px;
  border-radius: 9px;
  background: var(--danger);
  color: #fff;
  font-size: 11px;
  font-weight: 700;
  margin-left: 4px;
  vertical-align: middle;
  line-height: 1;
}

.notifications-grid {
  display: grid;
  grid-template-columns: repeat(auto-fill, minmax(300px, 1fr));
  gap: 16px;
}

.notif-card {
  background: var(--surface);
  border: 1px solid var(--border);
  border-radius: 14px;
  padding: 18px 20px;
  display: flex;
  flex-direction: column;
  gap: 8px;
  transition: box-shadow 0.15s;
  position: relative;
  overflow: hidden;
}

.notif-card:hover {
  box-shadow: var(--shadow-soft);
}

.notif-card::before {
  content: "";
  position: absolute;
  left: 0;
  top: 0;
  bottom: 0;
  width: 4px;
  border-radius: 14px 0 0 14px;
}

.notif-card.notif-success::before { background: var(--success); }
.notif-card.notif-warning::before { background: var(--warning); }
.notif-card.notif-alert::before   { background: var(--danger); }
.notif-card.notif-pending::before { background: var(--border-strong); }
.notif-card.notif-publish::before { background: var(--accent); }

.notif-header {
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: 8px;
}

.notif-label {
  font-size: 12px;
  font-weight: 600;
  letter-spacing: 0.04em;
  text-transform: uppercase;
  color: var(--muted);
}

.notif-status-chip {
  font-size: 11px;
  font-weight: 600;
  padding: 3px 9px;
  border-radius: 20px;
  text-transform: uppercase;
  letter-spacing: 0.04em;
}

.notif-status-success {
  background: rgba(22, 131, 95, 0.12);
  color: var(--success);
}

.notif-status-warning {
  background: rgba(185, 119, 16, 0.12);
  color: var(--warning);
}

.notif-status-alert {
  background: rgba(197, 58, 58, 0.12);
  color: var(--danger);
}

.notif-status-pending {
  background: var(--surface-soft);
  color: var(--muted);
}

.notif-status-publish {
  background: rgba(20, 99, 227, 0.1);
  color: var(--accent);
}

.notif-message {
  font-size: 14px;
  color: var(--text);
  line-height: 1.5;
  display: -webkit-box;
  -webkit-line-clamp: 3;
  -webkit-box-orient: vertical;
  overflow: hidden;
}

.notif-footer {
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: 8px;
  margin-top: 4px;
}

.notif-meta {
  font-size: 12px;
  color: var(--muted);
}

.notif-agent {
  font-size: 11px;
  font-weight: 600;
  color: var(--accent);
  background: rgba(20, 99, 227, 0.08);
  padding: 2px 8px;
  border-radius: 10px;
}

.notif-link {
  font-size: 12px;
  font-weight: 500;
  color: var(--accent);
  text-decoration: none;
}

.notif-link:hover {
  text-decoration: underline;
}

.notif-score {
  font-size: 12px;
  font-weight: 700;
  color: var(--danger);
}

.notif-refresh-note {
  font-size: 12px;
  color: var(--muted);
  text-align: right;
  margin-top: 8px;
}

.site-footer {
  display: flex;
  flex-direction: column;
  flex-wrap: wrap;
  align-items: center;
  justify-content: center;
  gap: 10px;
  margin-top: 24px;
  padding: 20px 22px;
  border: 1px solid var(--border);
  border-radius: 8px;
  background: var(--surface);
  color: var(--muted);
  font-size: 13px;
  text-align: center;
}

.footer-brand-row {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  gap: 12px;
  max-width: 760px;
}

.footer-brand-row > div:last-child {
  display: grid;
  gap: 2px;
  text-align: left;
}

.footer-brand-row strong {
  color: var(--navy);
  font-size: 15px;
}

.footer-brand-row span,
.footer-disclaimer {
  color: var(--muted);
  font-size: 13px;
}

.footer-brand-mark {
  width: 38px;
  height: 38px;
  display: grid;
  flex: 0 0 auto;
  place-items: center;
  border-radius: 12px;
  background: linear-gradient(135deg, var(--accent), var(--accent-dark));
  color: #fff;
  font-weight: 900;
}

.site-footer-links {
  display: flex;
  flex-wrap: wrap;
  align-items: center;
  justify-content: center;
  gap: 14px;
  width: 100%;
}

.site-footer-links a {
  font-weight: 700;
  overflow-wrap: anywhere;
}

.legal-footer {
  max-width: 980px;
  margin-left: auto;
  margin-right: auto;
}

.legal-page {
  max-width: 980px;
}

.legal-panel {
  display: grid;
  gap: 18px;
}

.legal-panel h1 {
  font-size: clamp(34px, 5vw, 58px);
  line-height: 1.05;
  letter-spacing: 0;
}

.legal-copy {
  display: grid;
  gap: 14px;
  max-width: 780px;
  color: var(--text);
  font-size: 16px;
  line-height: 1.75;
}

/* Clean public tab shell */
.tab-section[hidden],
#reset-password[hidden],
#admin-login-form[hidden],
#admin-dashboard-content[hidden] {
  display: none !important;
}

.clean-hero {
  min-height: min(560px, calc(100vh - 168px));
  align-items: center;
}

.launch-band .button-secondary,
.member-form .button-secondary,
.member-dashboard .button-secondary,
.brief-paywall .button-secondary,
.form-actions .button-secondary,
.pricing-card .button-secondary {
  border: 1px solid var(--border-strong);
  background: #fff;
  color: var(--accent-dark);
}

.snapshot-section {
  padding: 18px;
}

.daily-snapshot-card {
  display: grid;
  gap: 10px;
  margin: 0;
}

.daily-snapshot-card img {
  display: block;
  width: 100%;
  max-width: 960px;
  margin: 0 auto;
  border: 1px solid rgba(197, 211, 230, 0.9);
  border-radius: 12px;
  background: #101820;
  box-shadow: var(--shadow-soft);
}

.daily-snapshot-card figcaption {
  color: var(--muted);
  font-size: 13px;
  font-weight: 700;
  text-align: center;
}

.live-price-board {
  display: grid;
  grid-template-columns: repeat(4, minmax(0, 1fr));
  gap: 14px;
}

.global-markets-section {
  margin: 2rem 0 0;
}

.section-header-row {
  display: flex;
  justify-content: space-between;
  align-items: center;
  margin-bottom: 1rem;
  flex-wrap: wrap;
  gap: 0.5rem;
}

.section-header-row h3 {
  color: var(--navy);
  font-size: 1.12rem;
  margin: 0;
}

.data-source-note {
  color: var(--muted);
  font-size: 0.75rem;
  font-style: italic;
}

.global-markets-grid {
  display: grid;
  grid-template-columns: repeat(5, minmax(0, 1fr));
  gap: 0.75rem;
  margin-bottom: 0.75rem;
}

.market-card {
  background: var(--surface);
  border: 1px solid var(--border);
  border-radius: 10px;
  padding: 0.875rem;
  transition: border-color 0.2s ease, box-shadow 0.2s ease;
}

.market-card:hover {
  border-color: rgba(255, 215, 0, 0.3);
  box-shadow: var(--shadow-soft);
}

.market-comex {
  border-top: 3px solid #4488ff;
}

.market-london {
  border-top: 3px solid #aa88ff;
}

.market-europe {
  border-top: 3px solid #4488aa;
}

.market-shanghai {
  border-top: 3px solid #ff8844;
}

.market-india {
  border-top: 3px solid #ffd700;
}

.market-name {
  font-size: 0.85rem;
  font-weight: 900;
  margin-bottom: 0.6rem;
}

.market-detail {
  display: flex;
  justify-content: space-between;
  align-items: center;
  gap: 0.5rem;
  font-size: 0.82rem;
  margin-bottom: 0.3rem;
}

.ml {
  color: var(--muted);
}

.mv {
  font-weight: 800;
  text-align: right;
}

.gold-text {
  color: #8a6500;
}

.silver-text {
  color: #747b85;
}

.market-note {
  border-top: 1px solid var(--border);
  color: var(--muted);
  font-size: 0.7rem;
  font-style: italic;
  margin-top: 0.5rem;
  padding-top: 0.4rem;
}

.macro-indicators-grid {
  display: grid;
  gap: 12px;
  grid-template-columns: repeat(4, minmax(0, 1fr));
}

.macro-card {
  background: var(--surface);
  border: 1px solid var(--border);
  border-radius: 8px;
  padding: 14px;
}

.macro-card strong {
  color: var(--navy);
  display: block;
  font-size: 20px;
  margin: 8px 0 6px;
}

.macro-summary {
  color: var(--muted);
  font-size: 13px;
  grid-column: 1 / -1;
  line-height: 1.5;
  margin: 0;
}

.other-metals-row {
  display: flex;
  align-items: center;
  flex-wrap: wrap;
  gap: 1.5rem;
  font-size: 0.85rem;
}

.other-metals-label {
  color: var(--muted);
  font-weight: 900;
}

.other-metal-price,
.loading-text {
  color: var(--muted);
}

.loading-text {
  font-size: 0.9rem;
}

.brief-header-meta {
  display: grid;
  justify-items: end;
  gap: 6px;
}

.brief-live-badge {
  width: fit-content;
  border-radius: 999px;
  background: rgba(22, 131, 95, 0.12);
  color: var(--success);
  font-size: 12px;
  font-weight: 900;
  letter-spacing: 0.08em;
  padding: 6px 10px;
  text-transform: uppercase;
}

.price-board-card,
.health-stat-card,
.member-lock-panel,
.brief-teaser-card {
  border: 1px solid var(--border-strong);
  border-radius: 8px;
  background: var(--surface-strong);
  box-shadow: var(--shadow-soft);
}

.price-board-card {
  display: grid;
  gap: 8px;
  padding: 18px;
}

.price-board-card strong {
  color: var(--navy);
  font-size: clamp(24px, 3vw, 34px);
  line-height: 1.05;
}

.price-board-card p {
  color: var(--muted);
  font-size: 13px;
}

.price-move {
  width: fit-content;
  min-height: 28px;
  padding: 4px 10px;
  border-radius: 999px;
  font-size: 12px;
  font-weight: 900;
}

.price-move-up {
  background: rgba(22, 131, 95, 0.12);
  color: var(--success);
}

.price-move-down {
  background: rgba(197, 58, 58, 0.12);
  color: var(--danger);
}

.price-move-flat {
  background: var(--surface-soft);
  color: var(--muted);
}

.brief-teaser-card {
  padding: 20px;
}

.member-preview-cta {
  display: flex;
  flex-wrap: wrap;
  align-items: center;
  justify-content: space-between;
  gap: 12px;
  margin-top: 18px;
  padding-top: 16px;
  border-top: 1px solid var(--border);
  color: var(--muted);
  font-size: 13px;
}

.brief-teaser-card p,
.brief-paywall p,
.member-lock-panel p {
  margin-top: 10px;
  color: var(--muted);
  line-height: 1.7;
}

.brief-paywall {
  display: flex;
  flex-wrap: wrap;
  align-items: center;
  gap: 12px;
  margin-top: 16px;
  padding-top: 16px;
  border-top: 1px solid var(--border);
}

.brief-disclaimer {
  color: var(--muted);
  font-size: 13px;
  font-weight: 700;
  margin: 16px 0 0;
  text-align: center;
}

.member-lock-panel {
  padding: 22px;
}

.member-lock-panel .form-actions {
  margin-top: 16px;
}

.health-stat-grid {
  display: grid;
  grid-template-columns: repeat(3, minmax(0, 1fr));
  gap: 14px;
}

.health-stat-card {
  padding: 18px;
}

.health-stat-card strong {
  display: block;
  margin-top: 8px;
  color: var(--navy);
  font-size: 26px;
  line-height: 1.1;
}

.health-watchlist {
  display: grid;
  grid-template-columns: repeat(2, minmax(0, 1fr));
  gap: 14px;
  margin-top: 16px;
}

.report-text {
  white-space: pre-wrap;
  word-break: break-word;
  margin: 0;
  color: var(--text);
  font: inherit;
  line-height: 1.65;
}

.gold-report {
  border-left: 5px solid #d4a017;
}

.silver-report {
  border-left: 5px solid #aab4c2;
}

@media (max-width: 1120px) {
  .live-price-board,
  .global-markets-grid,
  .macro-indicators-grid,
  .health-stat-grid,
  .health-watchlist {
    grid-template-columns: repeat(2, minmax(0, 1fr));
  }
}

@media (max-width: 760px) {
  .live-price-board,
  .global-markets-grid,
  .macro-indicators-grid,
  .health-stat-grid,
  .health-watchlist {
    grid-template-columns: 1fr;
  }
}

/* Private owner admin dashboard */
.admin-login-card {
  max-width: 440px;
}

.admin-header {
  display: flex;
  justify-content: space-between;
  align-items: flex-start;
  gap: 16px;
  margin-bottom: 24px;
  padding-bottom: 16px;
  border-bottom: 1px solid var(--border);
}

.admin-stats-grid {
  display: grid;
  grid-template-columns: repeat(3, minmax(0, 1fr));
  gap: 14px;
  margin-bottom: 28px;
}

.stat-card {
  min-height: 132px;
  display: grid;
  align-content: center;
  gap: 8px;
  padding: 20px;
  border: 1px solid var(--border-strong);
  border-radius: 8px;
  background: var(--surface-strong);
  text-align: center;
  box-shadow: var(--shadow-soft);
}

.gold-stat {
  border-color: rgba(205, 168, 72, 0.75);
  background: #fff8dc;
}

.stat-number {
  color: #8a6500;
  font-size: clamp(28px, 4vw, 40px);
  font-weight: 900;
  line-height: 1;
}

.stat-label {
  color: var(--muted);
  font-size: 12px;
  font-weight: 800;
  letter-spacing: 0.08em;
  text-transform: uppercase;
}

.admin-section {
  margin-bottom: 30px;
}

.admin-section-heading {
  align-items: center;
  display: flex;
  gap: 16px;
  justify-content: space-between;
  margin-bottom: 8px;
}

.admin-section h3 {
  margin-bottom: 12px;
  color: var(--navy);
}

.admin-vision-section {
  border: 1px solid rgba(20, 99, 227, .18);
  border-radius: 12px;
  background: linear-gradient(180deg, rgba(20, 99, 227, .045), rgba(255, 255, 255, .9));
  padding: 16px;
}

.vision-quality-panel {
  display: grid;
  gap: 14px;
}

.vision-quality-status {
  align-items: center;
  border: 1px solid var(--border);
  border-radius: 10px;
  display: flex;
  gap: 16px;
  justify-content: space-between;
  padding: 14px;
}

.vision-quality-status strong {
  color: var(--navy);
  display: block;
  font-size: 18px;
}

.vision-quality-status p {
  color: var(--muted);
  margin: 4px 0 0;
}

.vision-quality-status.is-pass {
  background: rgba(0, 128, 76, .08);
  border-color: rgba(0, 128, 76, .3);
}

.vision-quality-status.is-fail {
  background: rgba(196, 36, 36, .08);
  border-color: rgba(196, 36, 36, .32);
}

.vision-quality-status.is-warning,
.vision-quality-status.is-missing {
  background: rgba(205, 168, 72, .12);
  border-color: rgba(205, 168, 72, .4);
}

.vision-summary-grid,
.vision-item-grid {
  display: grid;
  gap: 10px;
}

.vision-summary-grid {
  grid-template-columns: repeat(4, minmax(0, 1fr));
}

.vision-summary-card,
.vision-artifact-card {
  border: 1px solid var(--border);
  border-radius: 10px;
  background: var(--surface);
  padding: 12px;
}

.vision-summary-card span {
  color: var(--muted);
  display: block;
  font-size: 11px;
  font-weight: 900;
  letter-spacing: .08em;
  text-transform: uppercase;
}

.vision-summary-card strong {
  color: var(--navy);
  display: block;
  font-size: 24px;
  margin-top: 4px;
}

.vision-summary-card.is-pass strong {
  color: #00804c;
}

.vision-summary-card.is-fail strong {
  color: #c42424;
}

.vision-summary-card.is-warning strong {
  color: var(--gold-dark);
}

.vision-item-grid {
  grid-template-columns: repeat(2, minmax(0, 1fr));
}

.vision-artifact-card {
  box-shadow: var(--shadow-soft);
}

.vision-artifact-card.is-fail {
  border-color: rgba(196, 36, 36, .36);
}

.vision-artifact-card.is-warning {
  border-color: rgba(205, 168, 72, .48);
}

.vision-artifact-head {
  align-items: center;
  display: flex;
  gap: 10px;
  justify-content: space-between;
  margin-bottom: 8px;
}

.vision-path {
  color: var(--navy);
  font-family: Consolas, "SFMono-Regular", monospace;
  font-size: 12px;
  overflow-wrap: anywhere;
}

.vision-artifact-meta,
.vision-note {
  color: var(--muted);
  font-size: 12px;
  margin-top: 8px;
}

.vision-note {
  margin-bottom: 0;
  padding-left: 16px;
}

.admin-composer-section {
  border: 1px solid rgba(205, 168, 72, .35);
  border-radius: 12px;
  background: linear-gradient(180deg, rgba(205, 168, 72, .08), rgba(255, 255, 255, .8));
  padding: 16px;
}

.admin-tweet-composer-frame {
  width: 100%;
  height: min(1100px, 82vh);
  min-height: 760px;
  border: 1px solid var(--border);
  border-radius: 10px;
  background: #0a0a0a;
  box-shadow: var(--shadow-soft);
}

.admin-table-wrapper {
  overflow-x: auto;
  border: 1px solid var(--border);
  border-radius: 8px;
  background: var(--surface);
  box-shadow: var(--shadow-soft);
}

.admin-table {
  width: 100%;
  min-width: 760px;
  border-collapse: collapse;
  font-size: 14px;
}

.admin-table th,
.admin-table td {
  padding: 12px 14px;
  border-bottom: 1px solid var(--border);
  text-align: left;
  vertical-align: middle;
}

.admin-table th {
  color: var(--muted);
  font-size: 12px;
  font-weight: 900;
  letter-spacing: 0.08em;
  text-transform: uppercase;
  white-space: nowrap;
}

.admin-table tr:hover td {
  background: rgba(20, 99, 227, 0.035);
}

.admin-table tr:last-child td {
  border-bottom: 0;
}

.referral-reward-grid {
  display: grid;
  gap: 14px;
}

.referral-reward-card {
  background: #fffdf5;
  border: 1px solid rgba(205, 168, 72, .35);
  border-left: 4px solid #cda848;
  border-radius: 8px;
  box-shadow: var(--shadow-soft);
  display: grid;
  gap: 8px;
  padding: 16px;
}

.referral-reward-card.reward-sent {
  border-left-color: #16a34a;
  opacity: .82;
}

.referral-reward-card.reward-pending {
  border-left-color: #cda848;
}

.referral-reward-card strong {
  color: var(--navy);
}

.referral-reward-card p {
  color: var(--muted);
  margin: 0;
}

.reward-sent-info {
  color: #166534;
  font-size: 13px;
  font-weight: 800;
}

.tweet-queue-grid {
  display: grid;
  gap: 14px;
  margin-top: 16px;
}

.reddit-post-grid {
  display: grid;
  gap: 14px;
  margin-top: 16px;
}

.reddit-post-card {
  background: var(--surface);
  border: 1px solid var(--border);
  border-radius: 8px;
  box-shadow: var(--shadow-soft);
  padding: 16px;
}

.reddit-post-card h4 {
  color: var(--navy);
  font-size: 16px;
  margin: 10px 0;
}

.reddit-post-body {
  color: var(--ink);
  font-size: 14px;
  line-height: 1.55;
  margin: 0 0 14px;
  white-space: pre-wrap;
}

.analytics-reminder {
  background: rgba(20, 99, 227, 0.04);
  border: 1px solid rgba(20, 99, 227, 0.16);
  border-radius: 8px;
  padding: 16px;
}

.credit-info-bar {
  align-items: center;
  background: rgba(205, 168, 72, 0.08);
  border: 1px solid rgba(205, 168, 72, 0.24);
  border-radius: 8px;
  color: var(--navy);
  display: flex;
  flex-wrap: wrap;
  font-size: 13px;
  font-weight: 800;
  gap: 8px 16px;
  justify-content: space-between;
  margin: 10px 0 12px;
  padding: 10px 14px;
}

.credit-note {
  color: var(--muted);
  font-weight: 700;
}

.credit-note-text {
  color: var(--muted);
  font-size: 13px;
  margin: 0 0 12px;
}

.credit-note-text a,
.admin-link {
  color: var(--gold);
  font-weight: 800;
  text-decoration: none;
}

.font-bold {
  font-weight: 900;
}

.credit-input {
  border: 1px solid var(--border);
  border-radius: 8px;
  color: var(--ink);
  font: inherit;
  min-height: 38px;
  padding: 8px 10px;
}

#perf-tweet-id {
  width: 220px;
}

#perf-impressions,
#perf-clicks {
  width: 120px;
}

#perf-likes,
#perf-retweets {
  width: 80px;
}

.performance-add-form {
  border-top: 1px solid var(--border);
  margin-top: 24px;
  padding-top: 16px;
}

.performance-add-form h4 {
  color: var(--muted);
  font-size: 14px;
  font-weight: 800;
  margin: 0 0 10px;
}

.perf-form-grid {
  align-items: center;
  display: flex;
  flex-wrap: wrap;
  gap: 8px;
}

.tweet-admin-card {
  background: var(--surface);
  border: 1px solid var(--border);
  border-left: 4px solid var(--gold);
  border-radius: 8px;
  box-shadow: var(--shadow-soft);
  padding: 16px;
}

.tweet-card-topline,
.tweet-meta-row {
  align-items: center;
  color: var(--muted);
  display: flex;
  flex-wrap: wrap;
  font-size: 13px;
  gap: 10px;
  justify-content: space-between;
}

.tweet-description {
  color: var(--muted);
  font-size: 12px;
  font-style: italic;
  margin: 8px 0 10px;
}

.tweet-admin-text {
  color: var(--ink);
  font-size: 15px;
  line-height: 1.5;
  margin: 12px 0;
}

.empty-row {
  padding: 28px;
  color: var(--muted);
  text-align: center;
}

.mono-text {
  color: var(--muted);
  font-family: Consolas, "SFMono-Regular", monospace;
  font-size: 12px;
}

.gold-text {
  color: #8a6500;
  font-weight: 900;
}

.plan-badge-sm,
.status-badge {
  display: inline-flex;
  align-items: center;
  min-height: 26px;
  padding: 0 9px;
  border-radius: 999px;
  font-size: 12px;
  font-weight: 900;
  white-space: nowrap;
}

.plan-badge-sm.member_brief {
  border: 1px solid rgba(205, 168, 72, 0.55);
  background: #fff8dc;
  color: #8a6500;
}

.plan-badge-sm.research_pro {
  border: 1px solid rgba(148, 163, 184, 0.6);
  background: #f1f5f9;
  color: #475569;
}

.plan-badge-sm.free,
.status-badge {
  border: 1px solid var(--border-strong);
  background: var(--surface-soft);
  color: var(--muted);
}

.status-dot.active {
  color: var(--success);
  font-weight: 900;
}

.status-dot.inactive {
  color: var(--danger);
  font-weight: 900;
}

.btn-sm {
  min-height: 36px;
  padding: 0 13px;
  font-size: 13px;
}

@media (max-width: 768px) {
  .admin-stats-grid {
    grid-template-columns: repeat(2, minmax(0, 1fr));
  }

  .admin-header {
    display: grid;
  }
}

@media (max-width: 480px) {
  .admin-stats-grid {
    grid-template-columns: 1fr;
  }
}

/* Market outlook teaser and member factor model */
.outlook-teaser-section {
  margin: 2rem 0;
  background: var(--surface);
  border: 1px solid var(--border);
  border-radius: 12px;
  overflow: hidden;
}

.outlook-teaser-header {
  display: flex;
  justify-content: space-between;
  align-items: center;
  gap: 1rem;
  padding: .85rem 1.25rem;
  background: rgba(255, 215, 0, .05);
  border-bottom: 1px solid var(--border);
}

.outlook-teaser-label {
  font-size: .75rem;
  font-weight: 800;
  letter-spacing: .08em;
  color: #8a6500;
  text-transform: uppercase;
}

.outlook-teaser-lock {
  font-size: .75rem;
  color: var(--muted);
}

.outlook-teaser-card {
  padding: 1.25rem;
}

.outlook-signals-row {
  display: flex;
  align-items: center;
  gap: 1rem;
  margin-bottom: 1.25rem;
  flex-wrap: wrap;
}

.outlook-signal-item {
  display: flex;
  flex: 1;
  min-width: 110px;
  flex-direction: column;
  align-items: center;
  gap: .4rem;
}

.outlook-metal-label {
  font-size: .78rem;
  color: var(--muted);
  font-weight: 700;
}

.outlook-badge {
  display: inline-block;
  padding: .32rem .75rem;
  border-radius: 6px;
  font-size: .82rem;
  font-weight: 800;
  line-height: 1.2;
  white-space: nowrap;
}

.outlook-signal-divider {
  width: 1px;
  height: 42px;
  background: var(--border);
  flex-shrink: 0;
}

.outlook-factors-summary {
  font-size: 1.1rem;
  font-weight: 800;
  text-align: center;
}

.outlook-positive {
  color: #067647;
}

.outlook-negative {
  color: #b42318;
}

.outlook-neutral {
  color: #8a6500;
}

.outlook-factors-label {
  font-size: .68rem;
  color: var(--muted);
}

.outlook-teaser-text {
  font-size: .88rem;
  color: var(--muted);
  line-height: 1.6;
  margin-bottom: 1.25rem;
  padding: .8rem;
  background: rgba(205, 168, 72, .07);
  border-radius: 8px;
}

.outlook-teaser-blur-section {
  position: relative;
  border-radius: 8px;
  overflow: hidden;
  margin-bottom: .75rem;
  border: 1px solid var(--border);
}

.outlook-blur-content {
  padding: 1rem;
  filter: blur(4px);
  pointer-events: none;
  user-select: none;
}

.outlook-blur-item {
  font-size: .85rem;
  color: var(--muted);
  padding: .36rem 0;
  border-bottom: 1px solid var(--border);
}

.outlook-blur-item:last-child {
  border-bottom: 0;
}

.outlook-blur-overlay {
  position: absolute;
  inset: 0;
  display: flex;
  align-items: center;
  justify-content: center;
  background: rgba(255, 255, 255, .72);
  backdrop-filter: blur(2px);
}

.outlook-unlock-box {
  width: min(320px, calc(100% - 2rem));
  text-align: center;
  padding: 1.25rem;
}

.outlook-unlock-box strong {
  display: block;
  font-size: 1rem;
  color: #8a6500;
  margin-bottom: .4rem;
}

.outlook-unlock-box p {
  font-size: .82rem;
  color: var(--muted);
  margin: 0 0 .75rem;
}

.outlook-unlock-btn {
  width: 100%;
  border: 0;
  cursor: pointer;
  background: linear-gradient(135deg, #c8a951, #ffd700);
  color: #10131f;
  padding: .65rem 1rem;
  border-radius: 8px;
  font-weight: 800;
  font-size: .88rem;
}

.outlook-disclaimer {
  font-size: .7rem;
  color: var(--muted);
  margin-top: .5rem;
}

.outlook-date {
  font-size: .72rem;
  color: var(--muted);
  text-align: right;
  margin-top: .5rem;
}

.deep-teaser-section {
  background: var(--surface);
  border: 1px solid var(--border);
  border-radius: 12px;
  margin: 1.5rem 0;
  overflow: hidden;
}

.deep-teaser-header {
  align-items: center;
  background: rgba(205, 168, 72, .07);
  border-bottom: 1px solid var(--border);
  display: flex;
  gap: 1rem;
  justify-content: space-between;
  padding: .85rem 1.25rem;
}

.deep-teaser-label {
  color: #8a6500;
  font-size: .75rem;
  font-weight: 900;
  letter-spacing: .08em;
  text-transform: uppercase;
}

.deep-teaser-lock {
  color: var(--muted);
  font-size: .75rem;
  font-weight: 700;
}

.deep-teaser-body {
  padding: 1.25rem;
}

.deep-teaser-score {
  align-items: baseline;
  display: flex;
  flex-wrap: wrap;
  gap: .5rem;
  margin-bottom: .45rem;
}

.deep-teaser-bias {
  font-size: 1.1rem;
  font-weight: 900;
}

.deep-teaser-score-meta,
.deep-teaser-headline,
.deep-teaser-note {
  color: var(--muted);
  font-size: .85rem;
  line-height: 1.55;
}

.deep-teaser-headline {
  margin-bottom: 1rem;
}

.deep-teaser-what {
  display: grid;
  gap: .4rem;
  grid-template-columns: repeat(2, minmax(0, 1fr));
  margin-bottom: 1.15rem;
}

.deep-teaser-layer {
  background: var(--surface-soft);
  border: 1px solid var(--border);
  border-radius: 6px;
  color: var(--muted);
  font-size: .8rem;
  font-weight: 700;
  padding: .48rem .65rem;
}

.deep-teaser-layer.blurred {
  color: transparent;
  filter: blur(3px);
  pointer-events: none;
  position: relative;
  user-select: none;
}

.deep-teaser-layer.blurred::after {
  color: var(--muted);
  content: "Members only";
  filter: none;
  left: .65rem;
  position: absolute;
  top: .48rem;
}

.deep-teaser-cta {
  background: linear-gradient(135deg, #c8a951, #ffdc73);
  border: 0;
  border-radius: 999px;
  color: #07111f;
  cursor: pointer;
  font-weight: 900;
  margin-bottom: .65rem;
  padding: .85rem 1.1rem;
  width: 100%;
}

.breaking-signals-section {
  border-color: rgba(20, 99, 227, .18);
}

.breaking-title-high {
  color: #c22727;
}

.breaking-title-medium {
  color: #b36b00;
}

.breaking-summary {
  background: rgba(20, 99, 227, .05);
  border: 1px solid rgba(20, 99, 227, .14);
  border-radius: 8px;
  color: var(--muted);
  font-size: .86rem;
  line-height: 1.6;
  margin-bottom: .75rem;
  padding: .875rem;
}

.breaking-summary.high-alert {
  background: rgba(194, 39, 39, .08);
  border-color: rgba(194, 39, 39, .28);
  color: #9f1f1f;
  font-weight: 800;
}

.breaking-summary.med-alert {
  background: rgba(179, 107, 0, .08);
  border-color: rgba(179, 107, 0, .26);
  color: #8a5200;
  font-weight: 800;
}

.breaking-card {
  background: var(--surface-strong);
  border: 1px solid var(--border);
  border-radius: 9px;
  margin-bottom: .6rem;
  padding: .9rem;
}

.breaking-card.high {
  background: rgba(194, 39, 39, .04);
  border-left: 4px solid #c22727;
}

.breaking-card.medium {
  border-left: 4px solid #b36b00;
}

.breaking-source {
  align-items: center;
  color: var(--muted);
  display: flex;
  font-size: .72rem;
  font-weight: 800;
  gap: .75rem;
  justify-content: space-between;
  margin-bottom: .4rem;
}

.breaking-level-badge {
  background: rgba(194, 39, 39, .1);
  border: 1px solid rgba(194, 39, 39, .22);
  border-radius: 999px;
  color: #9f1f1f;
  font-size: .68rem;
  font-weight: 900;
  padding: .15rem .5rem;
}

.breaking-title-text {
  color: var(--navy);
  font-size: .88rem;
  font-weight: 900;
  line-height: 1.5;
  margin-bottom: .45rem;
}

.breaking-meta {
  color: var(--muted);
  font-size: .76rem;
  line-height: 1.45;
  margin-bottom: .45rem;
}

.breaking-news-detail {
  background: rgba(255, 255, 255, .75);
  border: 1px solid rgba(191, 146, 46, .24);
  border-radius: 8px;
  color: var(--navy);
  font-size: .82rem;
  line-height: 1.6;
  margin: .55rem 0;
  padding: .65rem .75rem;
}

.breaking-gold,
.breaking-india {
  color: var(--muted);
  font-size: .8rem;
  line-height: 1.55;
  margin-top: .3rem;
}

.breaking-gold {
  color: #8a6500;
}

.breaking-source-link {
  color: var(--blue);
  display: inline-block;
  font-size: .8rem;
  font-weight: 900;
  margin-top: .55rem;
  text-decoration: none;
}

.breaking-source-link:hover {
  text-decoration: underline;
}

.breaking-disclaimer {
  color: var(--muted);
  font-size: .72rem;
  font-style: italic;
  line-height: 1.5;
  margin-top: .55rem;
}

.deep-analysis-section {
  background: linear-gradient(145deg, rgba(205, 168, 72, .05), var(--surface));
  border: 1px solid rgba(205, 168, 72, .24);
  border-radius: 12px;
  padding: 1rem;
}

.deep-verdict {
  border: 2px solid;
  border-radius: 12px;
  margin-bottom: 1rem;
  padding: 1rem;
  text-align: center;
}

.deep-verdict-label,
.deep-section-label {
  color: var(--muted);
  font-size: .72rem;
  font-weight: 900;
  letter-spacing: .08em;
  margin-bottom: .55rem;
  text-transform: uppercase;
}

.deep-verdict-bias {
  font-size: 1.45rem;
  font-weight: 900;
  line-height: 1.2;
}

.deep-verdict-score {
  color: var(--muted);
  font-size: .82rem;
  margin: .35rem 0 .55rem;
}

.deep-headline {
  color: var(--navy);
  font-size: .9rem;
  font-weight: 800;
  line-height: 1.5;
}

.deep-synthesis {
  background: var(--surface-strong);
  border: 1px solid var(--border);
  border-radius: 10px;
  margin-bottom: 1rem;
  padding: 1rem;
}

.deep-synthesis-text {
  color: var(--text);
  font-size: .88rem;
  line-height: 1.75;
}

.deep-scores {
  margin-bottom: 1rem;
}

.deep-scores-grid {
  display: grid;
  gap: .5rem;
  grid-template-columns: repeat(2, minmax(0, 1fr));
}

.deep-score-item {
  align-items: center;
  background: var(--surface-strong);
  border: 1px solid var(--border);
  border-radius: 8px;
  display: flex;
  gap: .75rem;
  justify-content: space-between;
  padding: .55rem .7rem;
}

.deep-score-name {
  color: var(--muted);
  font-size: .78rem;
  font-weight: 800;
}

.deep-score-val {
  font-size: .78rem;
  font-weight: 900;
  text-align: right;
}

.deep-layer-tabs {
  display: grid;
  gap: .75rem;
  grid-template-columns: repeat(2, minmax(0, 1fr));
}

.deep-layer-card {
  background: var(--surface-strong);
  border: 1px solid var(--border);
  border-radius: 10px;
  padding: .85rem;
}

.deep-layer-header {
  align-items: center;
  display: flex;
  gap: .5rem;
  margin-bottom: .55rem;
}

.deep-layer-code {
  background: rgba(205, 168, 72, .16);
  border-radius: 5px;
  color: #8a6500;
  font-size: .68rem;
  font-weight: 900;
  padding: .16rem .45rem;
}

.deep-layer-name {
  color: var(--navy);
  font-size: .82rem;
  font-weight: 900;
}

.deep-layer-text {
  color: var(--muted);
  font-size: .8rem;
  line-height: 1.65;
}

.deep-sources-row {
  display: flex;
  flex-wrap: wrap;
  gap: .5rem;
  margin: 1rem 0 .75rem;
}

.deep-sources-badge {
  background: rgba(20, 99, 227, .07);
  border: 1px solid rgba(20, 99, 227, .16);
  border-radius: 999px;
  color: var(--muted);
  font-size: .72rem;
  font-weight: 800;
  padding: .28rem .65rem;
}

.deep-disclaimer {
  color: var(--muted);
  font-size: .72rem;
  font-style: italic;
  line-height: 1.5;
}

@media (max-width: 640px) {
  .deep-teaser-header,
  .deep-teaser-score {
    align-items: flex-start;
    flex-direction: column;
  }

  .deep-teaser-what,
  .deep-scores-grid,
  .deep-layer-tabs {
    grid-template-columns: 1fr;
  }

  .deep-score-item {
    align-items: flex-start;
    flex-direction: column;
  }
}

.outlook-full-card {
  display: flex;
  flex-direction: column;
  gap: 1.25rem;
}

.outlook-verdict {
  border-radius: 10px;
  padding: 1.25rem;
  text-align: center;
}

.outlook-verdict-label {
  font-size: .75rem;
  text-transform: uppercase;
  letter-spacing: .08em;
  opacity: .75;
  margin-bottom: .4rem;
}

.outlook-verdict-value {
  font-size: 1.45rem;
  font-weight: 900;
  margin-bottom: .3rem;
}

.outlook-verdict-score {
  font-size: .8rem;
  opacity: .75;
  margin-bottom: .75rem;
}

.outlook-verdict-summary {
  font-size: .85rem;
  line-height: 1.6;
  opacity: .9;
  max-width: 68ch;
  margin: 0 auto;
}

.outlook-silver-card {
  background: rgba(192, 192, 192, .07);
  border: 1px solid rgba(148, 163, 184, .28);
  border-radius: 10px;
  padding: 1rem;
}

.outlook-silver-label {
  font-size: .78rem;
  color: var(--muted);
  margin-bottom: .35rem;
  font-weight: 700;
}

.outlook-silver-value {
  font-size: 1.1rem;
  font-weight: 800;
  color: #475569;
  margin-bottom: .3rem;
}

.outlook-silver-note {
  font-size: .82rem;
  color: var(--muted);
  line-height: 1.5;
}

.outlook-factors-title {
  font-size: .9rem;
  margin: 0 0 .75rem;
  color: var(--muted);
  font-weight: 700;
}

.outlook-factors-grid {
  display: grid;
  grid-template-columns: repeat(2, minmax(0, 1fr));
  gap: .75rem;
}

.outlook-factor-card {
  background: var(--surface);
  border: 1px solid var(--border);
  border-radius: 8px;
  padding: .875rem;
}

.factor-header {
  display: flex;
  justify-content: space-between;
  gap: .75rem;
  align-items: center;
  margin-bottom: .4rem;
}

.factor-name {
  font-size: .8rem;
  font-weight: 800;
}

.factor-signal {
  font-size: .76rem;
  font-weight: 800;
  text-transform: capitalize;
  text-align: right;
}

.factor-reason {
  font-size: .76rem;
  color: var(--muted);
  line-height: 1.5;
}

.outlook-methodology {
  background: var(--surface);
  border: 1px solid var(--border);
  border-radius: 8px;
  padding: .875rem;
}

.outlook-methodology summary {
  cursor: pointer;
  font-size: .85rem;
  color: var(--muted);
  font-weight: 800;
}

.outlook-methodology p {
  font-size: .8rem;
  color: var(--muted);
  line-height: 1.6;
  margin-top: .75rem;
}

.outlook-full-disclaimer {
  font-size: .75rem;
  color: var(--muted);
  background: rgba(205, 168, 72, .06);
  border: 1px solid rgba(205, 168, 72, .18);
  border-radius: 8px;
  padding: .875rem;
  line-height: 1.6;
}

.teaser-bias-row {
  display: flex;
  align-items: center;
  gap: .75rem;
  padding: .6rem 0;
  flex-wrap: wrap;
}

.teaser-bias-label {
  font-size: .8rem;
  color: var(--muted);
}

.teaser-bias-value {
  font-size: .9rem;
}

.teaser-bias-lock {
  font-size: .75rem;
  color: var(--muted);
  margin-left: auto;
}

.pattern-bias-section {
  background: rgba(255, 255, 255, .03);
  border: 1px solid var(--border);
  border-radius: 10px;
  padding: 1.25rem;
}

.pattern-bias-label {
  font-size: .75rem;
  text-transform: uppercase;
  letter-spacing: .08em;
  color: var(--muted);
  margin-bottom: .4rem;
}

.pattern-bias-value {
  font-size: 1.1rem;
  font-weight: 800;
  color: #CDA848;
  margin-bottom: .5rem;
}

.pattern-bias-text {
  font-size: .85rem;
  color: var(--muted);
  line-height: 1.7;
  margin: 0;
}

.scenarios-section {
  display: grid;
  grid-template-columns: repeat(2, minmax(0, 1fr));
  gap: 1rem;
}

.scenario-card {
  border-radius: 10px;
  padding: 1.25rem;
  border: 1px solid var(--border);
}

.primary-scenario {
  border-top: 3px solid #00AA55;
  background: rgba(0, 170, 85, .05);
}

.alternate-scenario {
  border-top: 3px solid #D14343;
  background: rgba(209, 67, 67, .05);
}

.scenario-label {
  font-size: .78rem;
  font-weight: 800;
  margin-bottom: .5rem;
  text-transform: uppercase;
  letter-spacing: .06em;
}

.primary-scenario .scenario-label {
  color: #007A3D;
}

.alternate-scenario .scenario-label {
  color: #B42318;
}

.scenario-text {
  font-size: .85rem;
  color: var(--muted);
  line-height: 1.65;
}

.india-outlook-card {
  background: rgba(205, 168, 72, .06);
  border: 1px solid rgba(205, 168, 72, .22);
  border-radius: 10px;
  padding: 1.25rem;
}

.india-outlook-label {
  font-size: .78rem;
  font-weight: 800;
  color: #8A6D18;
  margin-bottom: .5rem;
  text-transform: uppercase;
  letter-spacing: .06em;
}

.india-outlook-text {
  font-size: .85rem;
  color: var(--muted);
  line-height: 1.7;
}

.catalysts-title {
  font-size: .9rem;
  color: var(--muted);
  font-weight: 800;
  margin: 0 0 .75rem;
}

.catalysts-grid {
  display: grid;
  grid-template-columns: repeat(2, minmax(0, 1fr));
  gap: .75rem;
}

.catalyst-card {
  background: var(--surface);
  border: 1px solid var(--border);
  border-radius: 8px;
  padding: .875rem;
}

.catalyst-header {
  display: flex;
  justify-content: space-between;
  align-items: center;
  gap: .75rem;
  margin-bottom: .4rem;
}

.catalyst-name {
  font-size: .82rem;
  font-weight: 700;
}

.catalyst-impact {
  font-size: .68rem;
  font-weight: 900;
  padding: .15rem .5rem;
  border-radius: 4px;
  letter-spacing: .06em;
}

.impact-high {
  background: rgba(209, 67, 67, .12);
  color: #B42318;
}

.impact-medium {
  background: rgba(205, 168, 72, .16);
  color: #8A6D18;
}

.impact-low {
  background: rgba(0, 170, 85, .12);
  color: #007A3D;
}

.catalyst-direction {
  font-size: .78rem;
  color: var(--muted);
  margin-bottom: .3rem;
  line-height: 1.5;
}

.catalyst-why {
  font-size: .72rem;
  color: var(--muted);
  font-style: italic;
  line-height: 1.5;
}

@media (max-width: 700px) {
  .outlook-teaser-header,
  .outlook-signals-row {
    align-items: stretch;
    flex-direction: column;
  }

  .outlook-signal-divider {
    display: none;
  }

  .outlook-factors-grid {
    grid-template-columns: 1fr;
  }

  .scenarios-section,
  .catalysts-grid {
    grid-template-columns: 1fr;
  }
}

/* Join pricing cleanup - 20260606c */
#section-join .tab-content {
  display: grid;
  gap: 28px;
}

#section-join .silver-join-hero {
  position: relative;
  overflow: hidden;
  margin: 0;
  padding: 28px;
  border: 1px solid rgba(205, 168, 72, 0.42);
  border-radius: 16px;
  background:
    radial-gradient(circle at 16% 18%, rgba(255, 215, 0, 0.22), transparent 28%),
    linear-gradient(135deg, #0f1f33 0%, #162942 58%, #213650 100%);
  color: #f8fbff;
  box-shadow: var(--shadow);
}

#section-join .silver-join-badge {
  display: inline-flex;
  width: fit-content;
  margin-bottom: 16px;
  padding: 5px 12px;
  border: 1px solid rgba(255, 215, 0, 0.5);
  border-radius: 999px;
  background: rgba(255, 215, 0, 0.13);
  color: #ffd700;
  font-size: 12px;
  font-weight: 900;
  letter-spacing: 0.08em;
}

#section-join .silver-join-content {
  display: grid;
  grid-template-columns: 180px minmax(0, 1fr);
  gap: 28px;
  align-items: center;
}

#section-join .silver-join-left {
  display: grid;
  place-items: center;
}

#section-join .silver-trophy {
  width: 132px;
  height: 132px;
  display: grid;
  place-items: center;
  border: 4px solid rgba(255, 255, 255, 0.74);
  border-radius: 50%;
  background:
    radial-gradient(circle at 36% 28%, #ffffff 0%, #e9eef6 34%, #aebccc 100%);
  color: #32445b;
  font-size: 30px;
  font-weight: 950;
  letter-spacing: -0.03em;
  box-shadow: 0 24px 55px rgba(0, 0, 0, 0.28);
}

#section-join .silver-join-right h2 {
  color: #ffffff;
  font-size: clamp(32px, 4vw, 54px);
  line-height: 1.02;
  letter-spacing: 0;
  margin-bottom: 12px;
}

#section-join .silver-join-right p {
  max-width: 760px;
  color: rgba(248, 251, 255, 0.84);
  font-size: 16px;
  line-height: 1.7;
}

#section-join .silver-join-stats {
  display: grid;
  grid-template-columns: repeat(auto-fit, minmax(112px, 1fr));
  gap: 12px;
  margin-top: 20px;
}

#section-join .sjs {
  padding: 14px;
  border: 1px solid rgba(255, 255, 255, 0.16);
  border-radius: 10px;
  background: rgba(255, 255, 255, 0.08);
}

#section-join .sjs strong {
  display: block;
  color: #ffd700;
  font-size: 24px;
  line-height: 1.1;
}

#section-join .sjs span {
  display: block;
  margin-top: 4px;
  color: rgba(248, 251, 255, 0.72);
  font-size: 12px;
}

#section-join .referral-code-entry {
  display: grid;
  gap: 8px;
  max-width: 420px;
  margin-top: 18px;
}

#section-join .referral-code-entry label {
  color: rgba(248, 251, 255, 0.92);
  font-size: 13px;
  font-weight: 800;
}

#section-join .referral-code-field {
  width: 100%;
  padding: 12px 14px;
  border: 1px solid rgba(255, 215, 0, 0.44);
  border-radius: 8px;
  background: rgba(255, 255, 255, 0.1);
  color: #ffffff;
  font: inherit;
  font-weight: 800;
  letter-spacing: 0.08em;
  text-transform: uppercase;
}

#section-join .referral-code-field::placeholder {
  color: rgba(255, 255, 255, 0.52);
}

#section-join .referral-code-note {
  color: rgba(248, 251, 255, 0.66);
  font-size: 12px;
}

#section-join .pricing-header {
  margin-bottom: 24px;
  text-align: center;
}

#section-join .pricing-header h2 {
  color: var(--navy);
  font-size: 28px;
  margin-bottom: 6px;
}

#section-join .pricing-sub {
  color: var(--muted);
  font-size: 15px;
}

#section-join .pricing-grid {
  display: grid;
  grid-template-columns: repeat(3, minmax(0, 1fr));
  gap: 18px;
  margin-bottom: 18px;
}

#section-join .pricing-card {
  position: relative;
  display: flex;
  flex-direction: column;
  min-height: 100%;
  padding: 28px 22px;
  border: 1px solid var(--border-strong);
  border-radius: 14px;
  background: var(--surface);
  box-shadow: var(--shadow-soft);
}

#section-join .featured-card {
  border: 2px solid #d7b847;
  box-shadow: 0 20px 55px rgba(205, 168, 72, 0.16);
  transform: translateY(-8px);
}

#section-join .pricing-badge {
  position: absolute;
  top: -13px;
  left: 50%;
  transform: translateX(-50%);
  padding: 4px 14px;
  border-radius: 999px;
  background: linear-gradient(90deg, #c8a951, #ffd700);
  color: #0f1f33;
  font-size: 11px;
  font-weight: 950;
  letter-spacing: 0.06em;
  white-space: nowrap;
}

#section-join .pricing-tier {
  margin-bottom: 4px;
  color: var(--muted);
  font-size: 12px;
  font-weight: 900;
  letter-spacing: 0.08em;
  text-transform: uppercase;
}

#section-join .pricing-name {
  color: var(--navy);
  font-size: 20px;
  font-weight: 900;
  margin-bottom: 8px;
}

#section-join .pricing-price {
  color: var(--accent-dark);
  font-size: 34px;
  font-weight: 950;
  line-height: 1.08;
}

#section-join .member-card .pricing-price {
  color: #9f7b00;
}

#section-join .pricing-price span {
  color: var(--muted);
  font-size: 15px;
  font-weight: 600;
}

#section-join .pricing-desc {
  min-height: 38px;
  margin: 4px 0 16px;
  color: var(--muted);
  font-size: 13px;
}

#section-join .pricing-features {
  flex: 1;
  display: grid;
  gap: 0;
  margin: 0 0 20px;
  padding: 0;
  list-style: none;
}

#section-join .pricing-features li {
  padding: 8px 0;
  border-top: 1px solid rgba(213, 224, 238, 0.75);
  color: var(--muted);
  font-size: 13px;
  line-height: 1.42;
}

#section-join .pricing-btn {
  width: 100%;
  min-height: 46px;
  padding: 12px 14px;
  border-radius: 10px;
  border: 1px solid transparent;
  cursor: pointer;
  font: inherit;
  font-weight: 900;
  transition: transform 0.2s ease, box-shadow 0.2s ease, border-color 0.2s ease;
}

#section-join .free-btn {
  background: #eef5ff;
  color: var(--accent-dark);
  border-color: rgba(20, 99, 227, 0.22);
}

#section-join .free-btn:hover {
  border-color: var(--accent);
}

#section-join .member-btn {
  background: linear-gradient(135deg, #c8a951, #ffd700);
  color: #0f1f33;
  box-shadow: 0 12px 28px rgba(205, 168, 72, 0.24);
}

#section-join .member-btn:hover {
  transform: translateY(-2px);
  box-shadow: 0 18px 38px rgba(205, 168, 72, 0.32);
}

#section-join .pro-btn {
  background: var(--navy);
  color: #ffffff;
  border-color: var(--navy);
}

#section-join .pro-btn:hover {
  transform: translateY(-2px);
  box-shadow: var(--shadow-soft);
}

#section-join .pricing-note {
  margin-top: 8px;
  color: var(--muted);
  font-size: 12px;
  text-align: center;
}

#section-join .pricing-trust {
  display: flex;
  flex-wrap: wrap;
  justify-content: center;
  gap: 10px 18px;
  padding: 14px;
  border: 1px solid var(--border);
  border-radius: 10px;
  background: var(--surface-strong);
  color: var(--muted);
  font-size: 13px;
}

#section-join .join-features-section {
  margin: 4px 0 0;
}

#section-join .join-features-section h3 {
  margin-bottom: 18px;
  color: var(--navy);
  font-size: 22px;
  text-align: center;
}

#section-join .join-features-grid {
  display: grid;
  grid-template-columns: repeat(3, minmax(0, 1fr));
  gap: 14px;
}

#section-join .join-feature {
  display: flex;
  gap: 12px;
  align-items: flex-start;
  min-height: 100%;
  padding: 18px;
  border: 1px solid var(--border-strong);
  border-radius: 10px;
  background: var(--surface);
  box-shadow: var(--shadow-soft);
}

#section-join .jf-icon {
  width: 42px;
  height: 42px;
  flex: 0 0 42px;
  display: grid;
  place-items: center;
  border-radius: 8px;
  background: linear-gradient(135deg, rgba(20, 99, 227, 0.12), rgba(205, 168, 72, 0.16));
  color: var(--accent-dark);
  font-size: 12px;
  font-weight: 950;
}

#section-join .jf-text {
  color: var(--muted);
  font-size: 13px;
  line-height: 1.55;
}

#section-join .jf-text strong {
  display: block;
  margin-bottom: 3px;
  color: var(--navy);
  font-size: 14px;
}

#section-join .founder-form-section {
  padding: 28px;
  border: 1px solid var(--border-strong);
  border-radius: 14px;
  background: var(--surface-strong);
  text-align: center;
}

#section-join .founder-form-section h3 {
  color: var(--navy);
  font-size: 22px;
  margin-bottom: 6px;
}

#section-join .founder-lead-sub {
  max-width: 560px;
  margin: 0 auto 18px;
  color: var(--muted);
  font-size: 14px;
}

#section-join .founder-form-card {
  display: grid;
  gap: 12px;
  max-width: 520px;
  margin: 0 auto;
}

#section-join .founder-input {
  width: 100%;
  padding: 13px 14px;
  border: 1px solid var(--border-strong);
  border-radius: 8px;
  background: #ffffff;
  color: var(--text);
  font: inherit;
}

#section-join .founder-input:focus {
  outline: 2px solid rgba(205, 168, 72, 0.45);
  border-color: #c8a951;
}

#section-join .founder-textarea {
  resize: vertical;
}

#section-join .founder-disclaimer {
  margin-top: 12px;
  color: var(--muted);
  font-size: 12px;
}

@media (max-width: 980px) {
  #section-join .silver-join-content,
  #section-join .pricing-grid {
    grid-template-columns: 1fr;
  }

  #section-join .silver-join-left {
    justify-content: start;
  }

  #section-join .featured-card {
    transform: none;
  }
}

@media (max-width: 760px) {
  .admin-tweet-composer-frame {
    height: 82vh;
    min-height: 720px;
  }

  #section-join .silver-join-hero {
    padding: 22px;
  }

  #section-join .silver-join-stats,
  #section-join .join-features-grid,
  .referral-two-sided-grid {
    grid-template-columns: repeat(2, minmax(0, 1fr));
  }
}

@media (max-width: 520px) {
  #section-join .silver-join-stats,
  #section-join .join-features-grid,
  .referral-two-sided-grid,
  .billing-grid {
    grid-template-columns: 1fr;
  }

  #section-join .pricing-card,
  #section-join .founder-form-section {
    padding: 22px 18px;
  }
}

.pub-dash {
  max-width: 1120px;
  margin: 0 auto;
  padding: 18px 16px 42px;
}

.pub-hero,
.pub-section,
.pub-join-box,
.home-chart-lab,
.home-growth-tools,
.home-exec-architecture {
  margin-bottom: 18px;
  border: 1px solid var(--border-strong);
  border-radius: 10px;
  background: var(--surface);
  box-shadow: var(--shadow-soft);
}

.pub-hero {
  display: grid;
  grid-template-columns: minmax(0, 1.1fr) minmax(260px, 0.7fr);
  gap: 18px;
  align-items: end;
  overflow: hidden;
  min-height: 430px;
  padding: 34px;
  border-color: rgba(205, 168, 72, 0.34);
  background:
    linear-gradient(90deg, rgba(7, 18, 35, 0.98) 0%, rgba(7, 18, 35, 0.92) 36%, rgba(7, 18, 35, 0.56) 58%, rgba(7, 18, 35, 0.1) 100%),
    url("/site/assets/images/pmdesk-trading-desk-hero-20260618.webp") center right / cover no-repeat;
  box-shadow: 0 22px 56px rgba(15, 42, 74, 0.18);
}

.pub-kicker,
.pub-sec-title {
  color: var(--accent-dark);
  font-size: 11px;
  font-weight: 950;
  letter-spacing: .12em;
  text-transform: uppercase;
}

.pub-hero h1 {
  max-width: 720px;
  margin: 8px 0 10px;
  color: #ffffff;
  font-size: clamp(36px, 5vw, 66px);
  line-height: 1.02;
  letter-spacing: 0;
}

.pub-hero-copy {
  max-width: 660px;
  margin: 0 0 10px;
  color: rgba(232, 241, 255, 0.92);
  font-size: 17px;
  line-height: 1.55;
}

.pub-hero-disclaimer {
  margin: 0 0 14px;
  color: rgba(232, 241, 255, 0.78);
  font-size: 12px;
  font-style: italic;
}

.pub-hero .pub-kicker {
  color: #ffd76a;
}

.pub-hero-proof {
  display: flex;
  flex-wrap: wrap;
  gap: 8px;
}

.pub-hero-proof span {
  min-height: 30px;
  padding: 7px 10px;
  border: 1px solid rgba(255, 215, 106, 0.28);
  border-radius: 999px;
  background: rgba(255, 255, 255, 0.08);
  color: rgba(255, 255, 255, 0.9);
  font-size: 12px;
  font-weight: 900;
}

.pub-hero-actions {
  display: flex;
  gap: 10px;
  align-items: center;
  align-self: end;
  justify-self: end;
  padding: 12px;
  border: 1px solid rgba(255, 255, 255, 0.18);
  border-radius: 999px;
  background: rgba(7, 18, 35, 0.62);
  backdrop-filter: blur(8px);
}

.home-chart-lab {
  padding: 24px;
  border-color: rgba(20, 99, 227, 0.2);
  background:
    linear-gradient(135deg, rgba(7, 18, 35, 0.98), rgba(10, 29, 55, 0.96) 54%, rgba(12, 48, 73, 0.94)),
    var(--navy);
  color: #f8fbff;
  box-shadow: 0 22px 54px rgba(7, 18, 35, 0.18);
}

.home-chart-lab .pub-kicker {
  color: #7dd3fc;
}

.home-chart-lab-head {
  display: grid;
  grid-template-columns: minmax(0, 1fr) auto;
  gap: 18px;
  align-items: end;
}

.home-chart-lab h2 {
  max-width: 820px;
  margin: 6px 0 8px;
  color: #fff;
  font-size: clamp(26px, 3.4vw, 42px);
  line-height: 1.08;
}

.home-chart-lab p {
  margin: 0;
  color: rgba(232, 241, 255, 0.82);
  line-height: 1.65;
}

.home-chart-lab-actions {
  display: flex;
  flex-wrap: wrap;
  gap: 10px;
  justify-content: flex-end;
}

.home-chart-lab-markets {
  display: grid;
  grid-template-columns: repeat(3, minmax(0, 1fr));
  gap: 12px;
  margin-top: 18px;
}

.home-market-card {
  min-width: 0;
  padding: 16px;
  border: 1px solid rgba(148, 163, 184, 0.25);
  border-radius: 8px;
  background: rgba(255, 255, 255, 0.07);
  box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.08);
}

.home-market-card.gold {
  border-top: 3px solid #ffd76a;
}

.home-market-card.silver {
  border-top: 3px solid #d6dde8;
}

.home-market-card.nifty {
  border-top: 3px solid #38bdf8;
}

.home-market-card span {
  color: #7dd3fc;
  font-size: 11px;
  font-weight: 950;
  letter-spacing: .12em;
  text-transform: uppercase;
}

.home-market-card strong {
  display: block;
  margin-top: 6px;
  color: #fff;
  font-size: 17px;
  line-height: 1.25;
}

.home-market-card p {
  margin-top: 8px;
  font-size: 13px;
}

.home-chart-lab-tools {
  display: flex;
  flex-wrap: wrap;
  gap: 8px;
  margin-top: 16px;
}

.home-chart-lab-tools span {
  min-height: 30px;
  padding: 7px 10px;
  border: 1px solid rgba(125, 211, 252, 0.25);
  border-radius: 999px;
  background: rgba(14, 165, 233, 0.1);
  color: #d9f5ff;
  font-size: 12px;
  font-weight: 900;
}

.home-chart-lab-note {
  margin-top: 14px !important;
  color: rgba(232, 241, 255, 0.72) !important;
  font-size: 12px;
  font-style: italic;
}

.public-chart-sampler {
  margin-bottom: 18px;
  padding: 20px;
  border: 1px solid rgba(20, 99, 227, 0.18);
  border-radius: 14px;
  background:
    linear-gradient(180deg, rgba(255, 255, 255, 0.98), rgba(244, 249, 255, 0.96)),
    var(--surface);
  box-shadow:
    0 20px 46px rgba(15, 31, 51, 0.08),
    inset 0 1px 0 rgba(255, 255, 255, 0.9);
}

.public-chart-sampler-head {
  display: flex;
  justify-content: space-between;
  gap: 20px;
  align-items: flex-start;
  margin-bottom: 16px;
}

.public-chart-sampler h2 {
  margin: 4px 0 8px;
  color: var(--navy);
  font-size: clamp(24px, 4vw, 38px);
  line-height: 1.08;
}

.public-chart-sampler p {
  max-width: 850px;
  color: var(--muted);
  line-height: 1.55;
}

.public-chart-teaser {
  display: grid;
  grid-template-columns: minmax(245px, 0.72fr) minmax(0, 1.35fr);
  gap: 14px;
  align-items: stretch;
  margin: 16px 0;
}

.public-teaser-copy {
  min-width: 0;
  padding: 18px;
  border: 1px solid rgba(20, 99, 227, 0.16);
  border-radius: 14px;
  background:
    linear-gradient(180deg, rgba(255, 255, 255, 0.96), rgba(236, 245, 255, 0.94)),
    #f7fbff;
}

.public-teaser-copy > span,
.public-teaser-terminal-bar > span {
  display: block;
  color: #0d4597;
  font-size: 10px;
  font-weight: 950;
  letter-spacing: .1em;
  text-transform: uppercase;
}

.public-teaser-copy strong {
  display: block;
  margin: 8px 0 10px;
  color: #07172a;
  font-size: clamp(20px, 2.6vw, 30px);
  line-height: 1.08;
}

.public-teaser-copy p {
  margin: 0;
  color: #405571;
  font-size: 14px;
}

.public-teaser-proof {
  display: flex;
  flex-wrap: wrap;
  gap: 7px;
  margin-top: 14px;
}

.public-teaser-proof span {
  border: 1px solid rgba(13, 69, 151, 0.16);
  border-radius: 999px;
  background: #edf5ff;
  color: #0a3f8a;
  font-size: 11px;
  font-weight: 900;
  padding: 7px 9px;
}

.public-teaser-terminal {
  min-width: 0;
  overflow: hidden;
  border: 1px solid rgba(125, 211, 252, 0.22);
  border-radius: 14px;
  background: #07111f;
  box-shadow:
    0 20px 46px rgba(7, 18, 35, 0.18),
    inset 0 1px 0 rgba(255, 255, 255, 0.08);
}

.public-teaser-terminal-bar {
  display: grid;
  grid-template-columns: minmax(0, 1fr) auto;
  gap: 8px 12px;
  align-items: center;
  padding: 14px 16px 12px;
  border-bottom: 1px solid rgba(125, 211, 252, 0.14);
  color: #f8fbff;
}

.public-teaser-terminal-bar > span {
  grid-column: 1 / -1;
  color: #7dd3fc;
}

.public-teaser-terminal-bar strong {
  min-width: 0;
  color: #fff;
  font-size: 18px;
  line-height: 1.1;
}

.public-teaser-terminal-bar em {
  border: 1px solid rgba(245, 197, 66, 0.3);
  border-radius: 999px;
  background: rgba(245, 197, 66, 0.1);
  color: #ffd45f;
  font-size: 10px;
  font-style: normal;
  font-weight: 950;
  padding: 6px 8px;
  text-transform: uppercase;
}

.public-teaser-hud {
  display: flex;
  flex-wrap: wrap;
  gap: 7px;
  padding: 10px 16px 12px;
  border-bottom: 1px solid rgba(125, 211, 252, 0.1);
}

.public-teaser-hud span {
  border: 1px solid rgba(125, 211, 252, 0.22);
  border-radius: 999px;
  background: rgba(13, 28, 50, 0.9);
  color: #dff5ff;
  font-size: 11px;
  font-weight: 900;
  line-height: 1.1;
  padding: 7px 9px;
}

.public-teaser-hud span:first-child {
  border-color: rgba(245, 197, 66, 0.36);
  color: #ffdf78;
}

.public-teaser-canvas {
  position: relative;
  min-height: 315px;
  background: #07111f;
}

.public-teaser-canvas svg {
  display: block;
  width: 100%;
  height: 315px;
}

.public-axis-label {
  position: absolute;
  right: 10px;
  display: inline-flex;
  max-width: 175px;
  min-height: 24px;
  align-items: center;
  justify-content: flex-end;
  border-radius: 5px;
  color: #fff;
  font-size: 11px;
  font-weight: 950;
  line-height: 1.05;
  padding: 5px 7px;
  text-align: right;
  white-space: nowrap;
}

.public-axis-resistance {
  top: 78px;
  border: 1px solid rgba(245, 197, 66, 0.7);
  background: rgba(125, 88, 0, 0.72);
}

.public-axis-trigger {
  top: 116px;
  border: 1px solid rgba(255, 159, 67, 0.72);
  background: rgba(94, 50, 0, 0.78);
}

.public-axis-support {
  top: 174px;
  border: 1px solid rgba(97, 167, 255, 0.75);
  background: rgba(24, 82, 145, 0.82);
}

.public-teaser-lock {
  position: absolute;
  top: 20px;
  right: 18px;
  bottom: 20px;
  display: flex;
  width: min(330px, 44%);
  min-width: 240px;
  flex-direction: column;
  justify-content: center;
  gap: 10px;
  border: 1px solid rgba(125, 211, 252, 0.28);
  border-radius: 12px;
  background:
    linear-gradient(135deg, rgba(7, 17, 31, 0.64), rgba(9, 27, 49, 0.92)),
    rgba(7, 17, 31, 0.86);
  box-shadow: -16px 0 34px rgba(7, 17, 31, 0.34);
  padding: 16px;
  backdrop-filter: blur(3px);
}

.public-teaser-lock strong {
  color: #fff;
  font-size: 20px;
  line-height: 1.05;
}

.public-teaser-lock span {
  color: rgba(232, 241, 255, 0.78);
  font-size: 12px;
  line-height: 1.45;
}

.public-teaser-lock .button {
  width: fit-content;
  min-height: 38px;
  padding: 9px 14px;
  font-size: 12px;
}

.public-chart-sampler-grid {
  display: grid;
  grid-template-columns: repeat(4, minmax(0, 1fr));
  gap: 12px;
}

.public-sampler-card {
  min-width: 0;
  padding: 15px;
  border: 1px solid rgba(196, 213, 234, 0.9);
  border-radius: 12px;
  background: linear-gradient(180deg, #ffffff, #f7fbff);
  box-shadow:
    0 10px 24px rgba(15, 31, 51, 0.06),
    inset 0 1px 0 rgba(255, 255, 255, 0.86);
}

.public-sampler-card.is-positive {
  border-top: 3px solid #0c9f66;
}

.public-sampler-card.is-negative {
  border-top: 3px solid #d94a4a;
}

.public-sampler-card.is-neutral {
  border-top: 3px solid #c8a951;
}

.public-sampler-card span {
  display: block;
  color: #0d4597;
  font-size: 10px;
  font-weight: 950;
  letter-spacing: .1em;
  text-transform: uppercase;
}

.public-sampler-card strong {
  display: block;
  margin: 8px 0 7px;
  color: var(--navy);
  font-size: 18px;
  line-height: 1.18;
}

.public-sampler-card p {
  margin: 0;
  color: #405571;
  font-size: 13px;
}

.public-sampler-chips {
  display: flex;
  flex-wrap: wrap;
  gap: 6px;
  margin-top: 12px;
}

.public-sampler-chips em,
.public-chart-sampler-lock span {
  border: 1px solid rgba(20, 99, 227, 0.18);
  border-radius: 999px;
  background: #eef5ff;
  color: #0d4597;
  font-size: 10px;
  font-style: normal;
  font-weight: 900;
  letter-spacing: .02em;
  padding: 6px 8px;
}

.public-chart-sampler-lock {
  display: flex;
  flex-wrap: wrap;
  gap: 8px;
  margin-top: 14px;
}

.public-chart-sampler-lock span:last-child {
  border-color: rgba(200, 169, 81, 0.38);
  background: #fff8dc;
  color: #725000;
}

.home-growth-tools {
  padding: 20px;
  border-color: rgba(20, 99, 227, 0.16);
  background:
    radial-gradient(circle at 92% 8%, rgba(20, 99, 227, 0.08), transparent 34%),
    linear-gradient(180deg, #ffffff, #f7fbff);
  box-shadow:
    0 18px 42px rgba(15, 31, 51, 0.08),
    inset 0 1px 0 rgba(255, 255, 255, 0.92);
}

.home-growth-tools-head {
  display: flex;
  justify-content: space-between;
  gap: 18px;
  align-items: flex-start;
  margin-bottom: 14px;
}

.home-growth-tools h2 {
  max-width: 780px;
  margin: 4px 0 8px;
  color: #07172a;
  font-size: clamp(24px, 3.5vw, 36px);
  line-height: 1.08;
}

.home-growth-tools p {
  max-width: 850px;
  margin: 0;
  color: #405571;
  line-height: 1.55;
}

.home-growth-tools-grid {
  display: grid;
  grid-template-columns: repeat(3, minmax(0, 1fr));
  gap: 12px;
}

.home-growth-tools-grid a {
  display: flex;
  min-width: 0;
  min-height: 138px;
  flex-direction: column;
  justify-content: space-between;
  gap: 10px;
  border: 1px solid rgba(196, 213, 234, 0.94);
  border-radius: 12px;
  background: linear-gradient(180deg, #ffffff, #f3f8ff);
  color: #07172a;
  padding: 15px;
  text-decoration: none;
  box-shadow: 0 10px 22px rgba(15, 31, 51, 0.05);
  transition: transform 0.16s ease, border-color 0.16s ease, box-shadow 0.16s ease;
}

.home-growth-tools-grid a:hover,
.home-growth-tools-grid a:focus-visible {
  border-color: rgba(20, 99, 227, 0.55);
  box-shadow: 0 16px 32px rgba(20, 99, 227, 0.12);
  outline: none;
  transform: translateY(-1px);
}

.home-growth-tools-grid span {
  color: #0d4597;
  font-size: 10px;
  font-weight: 950;
  letter-spacing: .1em;
  text-transform: uppercase;
}

.home-growth-tools-grid strong {
  display: block;
  color: #07172a;
  font-size: 18px;
  line-height: 1.12;
}

.home-growth-tools-grid em {
  color: #51657d;
  font-size: 12px;
  font-style: normal;
  font-weight: 800;
}

.home-exec-architecture {
  display: grid;
  grid-template-columns: minmax(0, 1fr) minmax(320px, 0.8fr);
  gap: 22px;
  align-items: stretch;
  padding: 24px;
  border-color: rgba(125, 211, 252, 0.26);
  background:
    radial-gradient(circle at 84% 20%, rgba(20, 184, 166, 0.16), transparent 34%),
    linear-gradient(135deg, rgba(5, 14, 28, 0.98), rgba(7, 18, 35, 0.98) 58%, rgba(12, 31, 52, 0.96));
  color: #f8fbff;
}

.home-exec-architecture .pub-kicker {
  color: #7dd3fc;
}

.home-exec-copy h2 {
  max-width: 760px;
  margin: 6px 0 8px;
  color: #fff;
  font-size: clamp(26px, 3.2vw, 42px);
  line-height: 1.08;
}

.home-exec-copy > p {
  max-width: 760px;
  margin: 0;
  color: rgba(232, 241, 255, 0.82);
  line-height: 1.65;
}

.home-exec-card-grid {
  display: grid;
  grid-template-columns: repeat(2, minmax(0, 1fr));
  gap: 10px;
  margin-top: 18px;
}

.home-exec-card {
  min-width: 0;
  padding: 14px;
  border: 1px solid rgba(125, 211, 252, 0.2);
  border-radius: 8px;
  background: rgba(7, 18, 35, 0.68);
}

.home-exec-card span {
  display: inline-grid;
  width: 30px;
  height: 24px;
  margin-bottom: 10px;
  place-items: center;
  border: 1px solid rgba(255, 215, 106, 0.34);
  border-radius: 999px;
  color: #ffd76a;
  font-size: 11px;
  font-weight: 950;
}

.home-exec-card strong {
  display: block;
  color: #fff;
  font-size: 15px;
  line-height: 1.25;
}

.home-exec-card p {
  margin: 8px 0 0;
  color: rgba(232, 241, 255, 0.72);
  font-size: 13px;
  line-height: 1.55;
}

.home-exec-preview {
  display: grid;
  grid-template-rows: auto minmax(260px, 1fr) auto;
  min-width: 0;
  overflow: hidden;
  border: 1px solid rgba(125, 211, 252, 0.26);
  border-radius: 10px;
  background: rgba(4, 10, 22, 0.86);
  box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.04);
}

.home-exec-preview-head {
  display: flex;
  gap: 12px;
  align-items: center;
  justify-content: space-between;
  padding: 14px;
  border-bottom: 1px solid rgba(125, 211, 252, 0.16);
}

.home-exec-preview-head span {
  display: block;
  color: #93c5fd;
  font-size: 10px;
  font-weight: 950;
  text-transform: uppercase;
}

.home-exec-preview-head strong {
  display: block;
  margin-top: 3px;
  color: #fff;
  font-size: 18px;
}

.home-exec-preview-head em {
  flex: 0 0 auto;
  padding: 6px 9px;
  border: 1px solid rgba(125, 211, 252, 0.34);
  border-radius: 999px;
  color: #bae6fd;
  font-size: 11px;
  font-style: normal;
  font-weight: 950;
}

.home-exec-preview-chart {
  position: relative;
  min-height: 260px;
  overflow: hidden;
  background:
    linear-gradient(rgba(125, 211, 252, 0.08) 1px, transparent 1px) 0 0 / 100% 25%,
    linear-gradient(90deg, rgba(125, 211, 252, 0.07) 1px, transparent 1px) 0 0 / 18% 100%;
}

.exec-grid-line {
  position: absolute;
  right: 0;
  left: 0;
  height: 1px;
  border-top: 1px dotted currentColor;
  opacity: 0.72;
}

.exec-grid-line.one {
  top: 28%;
  color: #22c55e;
}

.exec-grid-line.two {
  top: 52%;
  color: #facc15;
}

.exec-grid-line.three {
  top: 75%;
  color: #60a5fa;
}

.exec-level {
  position: absolute;
  right: 12px;
  z-index: 2;
  min-width: 116px;
  padding: 5px 8px;
  border: 1px solid currentColor;
  border-radius: 6px;
  background: rgba(4, 10, 22, 0.92);
  font-size: 10px;
  font-weight: 950;
  text-align: right;
}

.exec-res {
  top: 24%;
  color: #22c55e;
}

.exec-mid {
  top: 48%;
  color: #facc15;
}

.exec-sup {
  top: 71%;
  color: #60a5fa;
}

.exec-candle {
  position: absolute;
  bottom: 26%;
  width: 11px;
  border-radius: 2px;
  background: #22c55e;
}

.exec-candle::before {
  position: absolute;
  top: -16px;
  bottom: -16px;
  left: 50%;
  width: 1px;
  content: "";
  background: currentColor;
  transform: translateX(-50%);
}

.exec-candle.c1 {
  left: 18%;
  height: 54px;
  color: #22c55e;
}

.exec-candle.c2 {
  left: 27%;
  height: 82px;
  color: #22c55e;
}

.exec-candle.c3 {
  left: 38%;
  height: 48px;
  color: #ef4444;
  background: #ef4444;
}

.exec-candle.c4 {
  left: 50%;
  height: 92px;
  color: #22c55e;
}

.exec-candle.c5 {
  left: 63%;
  height: 58px;
  color: #ef4444;
  background: #ef4444;
}

.exec-sweep,
.exec-memory {
  position: absolute;
  left: 18px;
  max-width: calc(100% - 150px);
  padding: 6px 8px;
  border-radius: 999px;
  color: #e0f2fe;
  font-size: 11px;
  font-weight: 950;
}

.exec-sweep {
  bottom: 18px;
  border: 1px solid rgba(34, 211, 238, 0.42);
  background: rgba(8, 47, 73, 0.74);
}

.exec-memory {
  top: 18px;
  border: 1px solid rgba(248, 113, 113, 0.42);
  background: rgba(69, 10, 10, 0.46);
}

.home-exec-preview-dock {
  display: flex;
  flex-wrap: wrap;
  gap: 8px;
  padding: 12px;
  border-top: 1px solid rgba(125, 211, 252, 0.16);
}

.home-exec-preview-dock span {
  padding: 6px 8px;
  border: 1px solid rgba(148, 163, 184, 0.26);
  border-radius: 999px;
  background: rgba(15, 23, 42, 0.82);
  color: #dbeafe;
  font-size: 10px;
  font-weight: 950;
  text-transform: uppercase;
}

.pub-breaking {
  margin-bottom: 14px;
  padding: 12px 14px;
  border: 1px solid rgba(210, 55, 55, .35);
  border-radius: 9px;
  background: rgba(210, 55, 55, .08);
  color: #9f1515;
  font-size: 13px;
  font-weight: 850;
}

.pub-price-bar {
  display: grid;
  grid-template-columns: repeat(5, minmax(0, 1fr));
  gap: 12px;
  margin-bottom: 18px;
}

.pub-price-card,
.pub-market-card,
.pub-co-card,
.pub-macro-card,
.pub-india-card {
  min-width: 0;
  border: 1px solid var(--border-strong);
  border-radius: 9px;
  background: var(--surface-strong);
}

.pub-price-card {
  padding: 15px;
  cursor: pointer;
  transition: border-color .18s ease, box-shadow .18s ease, transform .18s ease;
}

.pub-price-card:hover,
.pub-price-card:focus-visible {
  border-color: #4b8cf2;
  box-shadow: 0 14px 35px rgba(20, 99, 227, .12);
  transform: translateY(-1px);
  outline: none;
}

.gold-card { border-top: 3px solid #c8a951; }
.silver-card { border-top: 3px solid #9ba7b7; }
.nifty-price-card { border-top: 3px solid #38bdf8; }
.prem-card { border-top: 3px solid #0c9f66; }
.ratio-card { border-top: 3px solid #1463e3; }

.ppc-flag {
  color: var(--muted);
  font-size: 10px;
  font-weight: 950;
  letter-spacing: .12em;
}

.ppc-name {
  margin: 4px 0 10px;
  color: var(--navy);
  font-size: 14px;
  font-weight: 900;
}

.ppc-usd {
  color: var(--navy);
  font-size: 22px;
  font-weight: 950;
  line-height: 1.1;
}

.ppc-inr,
.ppc-chg,
.pmc-sub,
.pcc-label,
.pmc-note,
.pub-co-note,
.pub-macro-note {
  color: var(--muted);
  font-size: 12px;
  line-height: 1.45;
}

.ppc-inr {
  color: #1c2d46;
  font-size: 13px;
  font-weight: 850;
  margin-top: 5px;
}

.pmc-sub {
  color: #243653;
  font-size: 13px;
  font-weight: 850;
}

.ppc-chg {
  margin-top: 8px;
  font-weight: 800;
}

.price-card-chart-btn {
  margin-top: 12px;
  border: 1px solid #b9cdef;
  border-radius: 999px;
  background: #fff;
  color: #06459f;
  font-size: 12px;
  font-weight: 900;
  padding: 7px 11px;
  cursor: pointer;
}

.price-card-chart-btn:hover,
.price-card-chart-btn:focus-visible {
  background: #eaf2ff;
  outline: none;
}

.global-arb-matrix {
  margin: 0 0 18px;
  padding: 20px;
  border: 1px solid rgba(20, 99, 227, 0.2);
  border-radius: 14px;
  background:
    radial-gradient(circle at 86% 12%, rgba(20, 99, 227, 0.13), transparent 34%),
    linear-gradient(135deg, #071523 0%, #0d2138 58%, #102f4d 100%);
  color: #f8fbff;
  box-shadow:
    0 22px 52px rgba(7, 18, 35, 0.22),
    inset 0 1px 0 rgba(255, 255, 255, 0.08);
}

.global-arb-head {
  display: grid;
  grid-template-columns: minmax(0, 1fr) minmax(220px, 280px);
  gap: 18px;
  align-items: start;
  margin-bottom: 16px;
}

.global-arb-head .section-kicker {
  color: #7dd3fc;
}

.global-arb-head h2 {
  max-width: 850px;
  margin: 4px 0 8px;
  color: #fff;
  font-size: clamp(24px, 4vw, 40px);
  line-height: 1.06;
}

.global-arb-head p,
.global-arb-disclaimer {
  max-width: 840px;
  color: rgba(226, 239, 255, 0.78);
  font-size: 13px;
  line-height: 1.55;
}

.global-arb-read {
  min-width: 0;
  padding: 14px;
  border: 1px solid rgba(125, 211, 252, 0.26);
  border-radius: 12px;
  background: rgba(2, 8, 18, 0.46);
  box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.06);
}

.global-arb-read span,
.global-arb-card span {
  display: block;
  color: #9cc7ff;
  font-size: 10px;
  font-weight: 950;
  letter-spacing: .1em;
  text-transform: uppercase;
}

.global-arb-read strong {
  display: block;
  margin: 6px 0 4px;
  color: #fff;
  font-size: 19px;
  line-height: 1.15;
}

.global-arb-read small,
.global-arb-card small {
  display: block;
  color: rgba(226, 239, 255, 0.75);
  font-size: 12px;
  line-height: 1.45;
}

.global-arb-read.is-hot,
.global-arb-card.is-hot {
  border-color: rgba(251, 191, 36, 0.48);
  background: linear-gradient(135deg, rgba(251, 191, 36, 0.15), rgba(2, 8, 18, 0.52));
}

.global-arb-read.is-cool,
.global-arb-card.is-cool {
  border-color: rgba(56, 189, 248, 0.42);
  background: linear-gradient(135deg, rgba(56, 189, 248, 0.13), rgba(2, 8, 18, 0.52));
}

.global-arb-read.is-watch,
.global-arb-card.is-watch {
  border-color: rgba(125, 211, 252, 0.42);
}

.global-arb-grid {
  display: grid;
  grid-template-columns: repeat(6, minmax(0, 1fr));
  gap: 10px;
}

.global-arb-card {
  min-width: 0;
  padding: 13px;
  border: 1px solid rgba(148, 163, 184, 0.24);
  border-radius: 11px;
  background: rgba(2, 8, 18, 0.36);
}

.global-arb-card strong {
  display: block;
  margin: 8px 0 4px;
  color: #fff;
  font-size: 19px;
  line-height: 1.1;
  overflow-wrap: anywhere;
}

.global-arb-card.is-flat strong,
.global-arb-card.is-neutral strong {
  color: #e2efff;
}

.global-arb-disclaimer {
  margin: 14px 0 0;
  font-size: 12px;
  font-style: italic;
}

.real-price-chart-panel {
  margin: 0 0 18px;
  padding: 18px;
  border: 1px solid var(--border-strong);
  border-radius: 12px;
  background: linear-gradient(135deg, #f7fbff 0%, #ffffff 56%, #fff9e7 100%);
  box-shadow: 0 18px 45px rgba(15, 42, 75, .08);
}

.real-chart-head {
  display: flex;
  justify-content: space-between;
  gap: 18px;
  align-items: flex-start;
  border-bottom: 1px solid #d9e5f6;
  padding-bottom: 12px;
  margin-bottom: 14px;
}

.real-chart-head h2 {
  margin: 4px 0 5px;
  color: var(--navy);
  font-size: clamp(22px, 4vw, 34px);
  line-height: 1.05;
}

.real-chart-close,
.real-chart-toggle {
  border: 1px solid #b9cdef;
  border-radius: 999px;
  background: #fff;
  color: #063167;
  font-weight: 900;
  cursor: pointer;
}

.real-chart-close {
  padding: 9px 14px;
}

.real-chart-controls {
  display: flex;
  flex-wrap: wrap;
  gap: 8px;
  margin: 12px 0;
}

.real-chart-toggle {
  padding: 8px 12px;
  font-size: 12px;
}

.real-chart-toggle.is-active {
  border-color: #1463e3;
  background: #1463e3;
  color: #fff;
}

.real-chart-stat-grid {
  display: grid;
  grid-template-columns: repeat(4, minmax(0, 1fr));
  gap: 10px;
  margin-bottom: 12px;
}

.real-chart-stat-grid div {
  border: 1px solid #c7d8f0;
  border-radius: 9px;
  background: #fff;
  padding: 11px;
}

.real-chart-stat-grid span {
  display: block;
  color: var(--muted);
  font-size: 10px;
  font-weight: 950;
  letter-spacing: .1em;
  text-transform: uppercase;
}

.real-chart-stat-grid strong {
  display: block;
  margin-top: 5px;
  color: var(--navy);
  font-size: 18px;
  line-height: 1.2;
}

.real-chart-canvas-wrap {
  overflow: hidden;
  border: 1px solid #d6e0ee;
  border-radius: 8px;
  background: #fff;
  box-shadow: inset 0 1px 0 rgba(255, 255, 255, .8);
}

#real-price-chart-canvas {
  display: block;
  width: 100%;
  max-width: 100%;
}

.real-chart-disclaimer {
  margin: 10px 0 0;
  color: var(--muted);
  font-size: 12px;
  font-style: italic;
  line-height: 1.45;
}

.pub-positive { color: #07844d; font-weight: 900; }
.pub-negative { color: #bd2424; font-weight: 900; }
.pub-neutral { color: #9b7415; font-weight: 900; }

.pub-section,
.pub-join-box {
  padding: 18px;
}

.pub-sec-title {
  margin-bottom: 14px;
}

.pub-section-header {
  display: flex;
  align-items: flex-start;
  justify-content: space-between;
  gap: 16px;
  margin-bottom: 14px;
}

.pub-section-header .pub-sec-title {
  margin-bottom: 4px;
}

.pub-sec-sub {
  max-width: 680px;
  color: var(--muted);
  font-size: 13px;
  line-height: 1.5;
}

.pub-markets-grid,
.pub-co-grid,
.pub-macro-grid,
.pub-india-grid {
  display: grid;
  grid-template-columns: repeat(4, minmax(0, 1fr));
  gap: 12px;
}

.pub-market-card,
.pub-co-card,
.pub-macro-card,
.pub-india-card {
  padding: 14px;
}

.pmc-flag,
.pcc-name,
.pmc-label,
.pic-title {
  color: var(--navy);
  font-size: 12px;
  font-weight: 950;
  letter-spacing: .04em;
  text-transform: uppercase;
}

.pmc-val,
.pcc-price,
.pmc-value {
  margin: 8px 0 4px;
  color: var(--navy);
  font-size: 19px;
  font-weight: 950;
}

.pub-charts-grid {
  display: grid;
  grid-template-columns: repeat(2, minmax(0, 1fr));
  gap: 14px;
}

.pub-chart-wrap {
  overflow: hidden;
  border: 1px solid var(--border-strong);
  border-radius: 10px;
  background: var(--surface-strong);
}

.pub-chart-wrap img {
  display: block;
  width: 100%;
  height: auto;
  object-fit: contain;
  object-position: center;
  background: #101828;
}

.pub-chart-label {
  padding: 10px 12px;
  color: var(--navy);
  font-size: 13px;
  font-weight: 900;
}

.pub-impact-section {
  border-top: 3px solid #d5a61f;
}

.pub-impact-grid {
  display: grid;
  grid-template-columns: repeat(3, minmax(0, 1fr));
  gap: 14px;
}

.pub-impact-card {
  min-width: 0;
  display: flex;
  flex-direction: column;
  gap: 10px;
  padding: 14px;
  border: 1px solid var(--border-strong);
  border-radius: 12px;
  background: linear-gradient(180deg, rgba(255, 255, 255, .94), rgba(247, 250, 255, .82));
  box-shadow: 0 12px 28px rgba(10, 31, 68, .05);
}

.pub-impact-top,
.pub-impact-actions {
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: 10px;
}

.pub-impact-category,
.pub-impact-label {
  color: var(--blue);
  font-size: 11px;
  font-weight: 950;
  letter-spacing: .08em;
  text-transform: uppercase;
}

.pub-impact-level {
  flex: 0 0 auto;
  padding: 5px 9px;
  border: 1px solid var(--border-strong);
  border-radius: 999px;
  background: #edf4ff;
  color: var(--navy);
  font-size: 11px;
  font-weight: 950;
}

.pub-impact-level-high {
  border-color: #fecaca;
  background: #fff1f2;
  color: #b91c1c;
}

.pub-impact-level-medium {
  border-color: #f7d878;
  background: #fff9db;
  color: #8a5a00;
}

.pub-impact-level-low {
  border-color: #bbf7d0;
  background: #effdf4;
  color: #057a3f;
}

.pub-impact-headline {
  margin: 0;
  color: var(--navy);
  font-size: 16px;
  line-height: 1.28;
  font-weight: 950;
}

.pub-impact-source,
.pub-impact-status,
.pub-impact-disclaimer,
.pub-impact-empty {
  color: var(--muted);
  font-size: 12px;
  line-height: 1.5;
}

.pub-impact-source {
  font-weight: 800;
}

.pub-impact-take {
  margin: 0;
  color: var(--text);
  font-size: 13px;
  line-height: 1.48;
}

.pub-impact-paths {
  display: grid;
  gap: 8px;
  margin-top: 2px;
}

.pub-impact-path {
  padding-left: 10px;
  border-left: 3px solid rgba(213, 166, 31, .75);
}

.pub-impact-path p {
  margin: 3px 0 0;
  color: var(--muted);
  font-size: 12px;
  line-height: 1.45;
}

.pub-impact-actions {
  margin-top: auto;
  padding-top: 8px;
  border-top: 1px solid var(--border);
  color: var(--muted);
  font-size: 12px;
}

.pub-impact-actions a {
  color: var(--blue);
  font-weight: 900;
  text-decoration: none;
}

.pub-impact-status {
  margin: -6px 0 12px;
}

.pub-impact-status.is-warning {
  color: #9b5d00;
}

.pub-impact-disclaimer {
  margin: 12px 0 0;
  font-style: italic;
}

.pub-impact-empty {
  grid-column: 1 / -1;
  padding: 16px;
  border: 1px solid var(--border);
  border-radius: 10px;
  background: var(--surface-strong);
}

.pub-video-grid {
  display: grid;
  grid-template-columns: repeat(2, minmax(0, 1fr));
  gap: 14px;
}

.pub-video-wall {
  grid-column: 1 / -1;
  display: grid;
  grid-template-columns: repeat(3, minmax(0, 1fr));
  gap: 14px;
}

.pub-video-column {
  min-width: 0;
  display: flex;
  flex-direction: column;
  gap: 12px;
  padding: 12px;
  border: 1px solid var(--border-strong);
  border-radius: 12px;
  background: linear-gradient(180deg, rgba(255, 255, 255, .86), rgba(244, 248, 252, .78));
}

.pub-video-column-head {
  min-height: 76px;
  border-bottom: 1px solid var(--border);
  padding-bottom: 10px;
}

.pub-video-column-head span {
  display: block;
  color: var(--navy);
  font-size: 12px;
  font-weight: 950;
  letter-spacing: .08em;
  text-transform: uppercase;
}

.pub-video-column-head p {
  margin: 6px 0 0;
  color: var(--muted);
  font-size: 12px;
  line-height: 1.45;
}

.pub-video-column-metals {
  border-top: 3px solid #c8a951;
}

.pub-video-column-markets {
  border-top: 3px solid #0b57c5;
}

.pub-video-column-geopolitics {
  border-top: 3px solid #dc2626;
}

.pub-video-card {
  min-width: 0;
  overflow: hidden;
  border: 1px solid var(--border-strong);
  border-radius: 12px;
  background: var(--surface-strong);
}

.member-video-context-subtitle {
  margin: 4px 0 0;
}

.member-video-actions {
  display: flex;
  align-items: center;
  justify-content: flex-end;
  gap: 10px;
  flex-wrap: wrap;
}

.member-video-context-status {
  margin: 0 0 12px;
  color: var(--muted);
  font-size: 12px;
}

.member-video-context-status.is-warning {
  color: #9a3412;
}

.member-video-context-grid {
  display: grid;
  grid-template-columns: repeat(3, minmax(0, 1fr));
  gap: 12px;
}

.member-video-empty {
  grid-column: 1 / -1;
  padding: 14px;
  border: 1px solid var(--border-strong);
  border-radius: 10px;
  color: var(--muted);
  background: var(--surface-strong);
}

.member-video-card {
  min-width: 0;
  overflow: hidden;
  border: 1px solid var(--border-strong);
  border-radius: 12px;
  background: var(--surface-strong);
  box-shadow: 0 12px 28px rgba(15, 23, 42, .06);
}

.member-video-card-metals {
  border-top: 3px solid #c8a951;
}

.member-video-card-markets {
  border-top: 3px solid #0b57c5;
}

.member-video-card-geopolitics {
  border-top: 3px solid #dc2626;
}

.member-video-thumb {
  position: relative;
  display: block;
  aspect-ratio: 16 / 9;
  overflow: hidden;
  color: #fff;
  text-decoration: none;
  background: #101828;
}

.member-video-thumb img {
  width: 100%;
  height: 100%;
  object-fit: cover;
  display: block;
}

.member-video-thumb::after {
  content: "";
  position: absolute;
  inset: 0;
  background: linear-gradient(180deg, rgba(0,0,0,.05), rgba(0,0,0,.28));
}

.member-video-thumb span {
  position: absolute;
  left: 50%;
  top: 50%;
  z-index: 1;
  transform: translate(-50%, -50%);
  width: 52px;
  height: 36px;
  border-radius: 12px;
  display: grid;
  place-items: center;
  color: transparent;
  background: #ff0000;
  box-shadow: 0 8px 20px rgba(0, 0, 0, .26);
}

.member-video-thumb span::before {
  content: "";
  margin-left: 3px;
  border-left: 13px solid #fff;
  border-top: 8px solid transparent;
  border-bottom: 8px solid transparent;
}

.member-video-body {
  padding: 12px;
}

.member-video-stream {
  color: var(--blue);
  font-size: 10px;
  font-weight: 950;
  letter-spacing: .08em;
  text-transform: uppercase;
}

.member-video-body h4 {
  margin: 6px 0 8px;
  color: var(--navy);
  font-size: 14px;
  line-height: 1.28;
}

.member-video-body p {
  margin: 0;
  color: var(--muted);
  font-size: 12px;
  line-height: 1.45;
}

.member-video-footer {
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: 8px;
  margin-top: 12px;
}

.member-video-footer span {
  color: var(--muted);
  font-size: 10px;
  font-weight: 850;
  text-transform: uppercase;
}

.pub-video-frame {
  position: relative;
  aspect-ratio: 16 / 9;
  background: #101828;
}

.pub-video-frame iframe,
.pub-video-link-fallback,
.pub-video-thumb-link {
  position: absolute;
  inset: 0;
  width: 100%;
  height: 100%;
  border: 0;
}

.pub-video-thumb-link {
  display: block;
  overflow: hidden;
  color: #fff;
  text-decoration: none;
}

.pub-video-thumb-link img {
  width: 100%;
  height: 100%;
  object-fit: cover;
  display: block;
  filter: saturate(1.04) contrast(1.04);
}

.pub-video-thumb-link::after {
  content: "";
  position: absolute;
  inset: 0;
  background: linear-gradient(180deg, rgba(0,0,0,.04), rgba(0,0,0,.22));
}

.pub-video-play {
  position: absolute;
  left: 50%;
  top: 50%;
  z-index: 1;
  width: 58px;
  height: 42px;
  transform: translate(-50%, -50%);
  border-radius: 14px;
  background: #ff0000;
  color: transparent;
  box-shadow: 0 10px 28px rgba(0,0,0,.24);
}

.pub-video-play::before {
  content: "";
  position: absolute;
  left: 23px;
  top: 12px;
  border-left: 16px solid #fff;
  border-top: 9px solid transparent;
  border-bottom: 9px solid transparent;
}

.pub-video-link-fallback {
  display: flex;
  align-items: center;
  justify-content: center;
  color: #fff;
  font-weight: 900;
  text-decoration: none;
}

.pub-video-body {
  padding: 13px 14px 14px;
}

.pub-video-source {
  color: #0b57c5;
  font-size: 11px;
  font-weight: 950;
  letter-spacing: .08em;
  text-transform: uppercase;
}

.pub-video-title {
  margin: 6px 0 8px;
  color: var(--navy);
  font-size: 16px;
  line-height: 1.25;
}

.pub-video-summary,
.pub-video-note,
.pub-video-disclaimer,
.pub-video-empty {
  color: var(--muted);
  font-size: 12px;
  line-height: 1.5;
}

.pub-video-summary {
  margin: 0 0 8px;
}

.pub-video-editor-take {
  margin: 10px 0;
  padding: 10px 11px;
  border: 1px solid rgba(11, 87, 197, .16);
  border-radius: 10px;
  background: rgba(11, 87, 197, .045);
}

.pub-video-editor-take span {
  display: block;
  margin-bottom: 4px;
  color: #0b57c5;
  font-size: 10px;
  font-weight: 950;
  letter-spacing: .08em;
  text-transform: uppercase;
}

.pub-video-editor-take p {
  margin: 0;
  color: var(--navy);
  font-size: 12px;
  line-height: 1.5;
}

.pub-video-highlights {
  margin: 0 0 10px;
  padding-left: 18px;
  color: var(--muted);
  font-size: 12px;
  line-height: 1.45;
}

.pub-video-highlights li {
  margin-bottom: 4px;
}

.pub-video-note {
  margin: 0 0 10px;
  font-style: italic;
}

.pub-video-footer {
  display: flex;
  flex-wrap: wrap;
  align-items: center;
  justify-content: space-between;
  gap: 8px;
  border-top: 1px solid var(--border);
  padding-top: 10px;
  color: var(--muted);
  font-size: 11px;
  font-weight: 800;
}

.pub-video-footer a {
  color: #0b57c5;
  font-weight: 900;
  text-decoration: none;
}

.pub-video-disclaimer {
  margin: 12px 0 0;
  font-style: italic;
}

.pub-video-status {
  min-height: 18px;
  margin: 10px 0 12px;
  color: var(--muted);
  font-size: 12px;
  font-weight: 700;
}

.pub-video-status.is-warning {
  color: var(--warning);
}

.pub-video-header-actions {
  display: flex;
  flex-wrap: wrap;
  justify-content: flex-end;
  gap: 8px;
}

.pub-video-copy {
  border: 1px solid var(--border-strong);
  border-radius: 999px;
  background: #fff;
  color: #0b57c5;
  cursor: pointer;
  font: inherit;
  font-size: 11px;
  font-weight: 900;
  padding: 7px 10px;
}

.pub-video-copy.is-copied {
  border-color: rgba(22, 163, 74, .45);
  color: #15803d;
  background: rgba(22, 163, 74, .08);
}

.pub-video-share-input {
  width: 100%;
  margin-top: 9px;
  border: 1px solid var(--border);
  border-radius: 8px;
  background: #fff;
  color: var(--muted);
  font-size: 11px;
  padding: 8px 9px;
}

.pub-video-empty {
  grid-column: 1 / -1;
  padding: 16px;
  border: 1px dashed var(--border-strong);
  border-radius: 10px;
  background: var(--surface-strong);
}

.pub-video-column-empty {
  grid-column: auto;
}

.video-share-page {
  width: min(1180px, calc(100% - 36px));
  margin: 24px auto 40px;
  color: var(--navy);
}

.video-share-header,
.video-share-footer,
.video-hub-hero,
.video-detail-hero,
.video-detail-context,
.video-detail-player,
.video-hub-card {
  border: 1px solid var(--border-strong);
  border-radius: 12px;
  background: var(--surface);
  box-shadow: var(--shadow-soft);
}

.video-share-header {
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: 18px;
  margin-bottom: 22px;
  padding: 18px 20px;
}

.video-brand {
  display: inline-flex;
  align-items: center;
  gap: 12px;
  color: var(--navy);
  text-decoration: none;
}

.video-brand span {
  display: inline-grid;
  width: 42px;
  height: 42px;
  place-items: center;
  border-radius: 12px;
  background: var(--blue);
  color: #fff;
  font-weight: 950;
}

.video-brand strong,
.video-brand small {
  display: block;
}

.video-brand small {
  color: var(--muted);
  font-size: 12px;
  margin-top: 2px;
}

.video-share-header nav {
  display: flex;
  flex-wrap: wrap;
  gap: 8px;
}

.video-share-header nav a {
  border: 1px solid var(--border);
  border-radius: 999px;
  color: var(--navy);
  font-size: 13px;
  font-weight: 900;
  padding: 9px 12px;
  text-decoration: none;
}

.video-hub-hero,
.video-detail-hero {
  display: grid;
  grid-template-columns: minmax(0, 1fr) 240px;
  gap: 22px;
  margin-bottom: 18px;
  padding: 24px;
}

.video-hub-hero h1,
.video-detail-hero h1 {
  max-width: 880px;
  margin: 8px 0 10px;
  font-size: clamp(2rem, 5vw, 3.6rem);
  line-height: .98;
}

.video-detail-hero h1 {
  font-size: clamp(1.9rem, 4vw, 3rem);
}

.video-hub-hero p,
.video-detail-hero p,
.video-detail-context p,
.video-share-box p {
  color: var(--muted);
  line-height: 1.55;
}

.video-hub-hero aside,
.video-share-box {
  align-self: start;
  border: 1px solid var(--border);
  border-radius: 12px;
  background: var(--surface-strong);
  padding: 16px;
}

.video-hub-hero aside strong,
.video-hub-hero aside span,
.video-share-box strong {
  display: block;
}

.video-hub-hero aside strong {
  color: var(--blue);
  font-size: 30px;
}

.video-hub-grid {
  display: grid;
  grid-template-columns: repeat(2, minmax(0, 1fr));
  gap: 14px;
}

.video-hub-card {
  overflow: hidden;
}

.video-hub-thumb {
  display: block;
  aspect-ratio: 16 / 9;
  background: #101828;
}

.video-hub-thumb img {
  width: 100%;
  height: 100%;
  object-fit: cover;
  display: block;
}

.video-hub-body {
  padding: 15px;
}

.video-hub-source,
.video-tag-row {
  color: #0b57c5;
  font-size: 11px;
  font-weight: 950;
  letter-spacing: .07em;
  text-transform: uppercase;
}

.video-hub-body h2 {
  margin: 7px 0 9px;
  font-size: 20px;
  line-height: 1.2;
}

.video-hub-body h2 a {
  color: var(--navy);
  text-decoration: none;
}

.video-hub-body p,
.video-hub-body li,
.video-detail-context li {
  color: var(--muted);
  font-size: 13px;
  line-height: 1.5;
}

.video-hub-actions,
.video-detail-actions {
  display: flex;
  flex-wrap: wrap;
  align-items: center;
  gap: 8px;
  margin-top: 12px;
}

.video-hub-actions input,
.video-share-box input {
  min-width: 0;
  flex: 1 1 230px;
  border: 1px solid var(--border);
  border-radius: 999px;
  color: var(--muted);
  padding: 10px 12px;
}

.video-detail-layout {
  display: grid;
  grid-template-columns: minmax(0, 1.35fr) minmax(320px, .65fr);
  gap: 14px;
}

.video-detail-player {
  position: relative;
  overflow: hidden;
  aspect-ratio: 16 / 9;
  background: #101828;
}

.video-detail-poster {
  position: absolute;
  inset: 0;
  overflow: hidden;
  background: #101828;
}

.video-detail-poster img {
  display: block;
  width: 100%;
  height: 100%;
  object-fit: cover;
  filter: saturate(1.05) contrast(1.04);
}

.video-detail-poster::after {
  content: "";
  position: absolute;
  inset: 0;
  background:
    linear-gradient(180deg, rgba(2, 8, 23, 0.08), rgba(2, 8, 23, 0.2)),
    radial-gradient(circle at 50% 50%, rgba(255, 255, 255, 0.08), rgba(2, 8, 23, 0.1) 58%);
  pointer-events: none;
}

.video-detail-play {
  position: absolute;
  left: 50%;
  top: 50%;
  z-index: 1;
  transform: translate(-50%, -50%);
  min-height: 48px;
  padding: 0 22px;
  border: 0;
  border-radius: 999px;
  background: #ff0000;
  color: #fff;
  cursor: pointer;
  font-size: 14px;
  font-weight: 950;
  box-shadow: 0 14px 34px rgba(2, 8, 23, 0.35);
}

.video-detail-play::before {
  content: "";
  display: inline-block;
  margin-right: 8px;
  border-left: 9px solid currentColor;
  border-top: 6px solid transparent;
  border-bottom: 6px solid transparent;
  vertical-align: -1px;
}

.video-detail-player iframe {
  width: 100%;
  height: 100%;
  border: 0;
}

.video-detail-poster iframe {
  position: absolute;
  inset: 0;
}

.video-detail-context {
  padding: 20px;
}

.video-share-box input {
  width: 100%;
  margin: 10px 0;
}

.video-tag-row {
  display: flex;
  flex-wrap: wrap;
  gap: 8px;
}

.video-tag-row span {
  border: 1px solid var(--border);
  border-radius: 999px;
  background: var(--surface-strong);
  padding: 6px 9px;
}

.video-empty,
.video-share-footer {
  margin-top: 18px;
  padding: 16px;
  color: var(--muted);
  font-size: 13px;
  line-height: 1.5;
}

.pub-signal-box {
  display: grid;
  grid-template-columns: minmax(0, 0.9fr) minmax(220px, 0.55fr) minmax(0, 1.15fr);
  gap: 14px;
}

.pub-signal-left,
.pub-fg-top-card,
.pub-signal-right,
.pub-brief-box {
  border: 1px solid var(--border-strong);
  border-radius: 10px;
  background: var(--surface-strong);
  padding: 16px;
}

.pub-signal-left {
  grid-column: 1;
  grid-row: 1;
}

.pub-fg-top-card {
  grid-column: 2;
  grid-row: 1;
  display: flex;
  flex-direction: column;
  justify-content: center;
  min-height: 100%;
  border: 2px solid rgba(0, 135, 95, 0.32);
  box-shadow: inset 0 3px 0 rgba(0, 135, 95, 0.55);
}

.pub-signal-right {
  grid-column: 3;
  grid-row: 1;
}

.pub-india-grid {
  grid-template-columns: repeat(3, minmax(0, 1fr));
}

.pub-signal-click {
  width: 100%;
  text-align: left;
  color: inherit;
  cursor: pointer;
  touch-action: manipulation;
  transition: border-color .16s ease, box-shadow .16s ease, transform .16s ease;
}

.pub-signal-click:hover,
.pub-signal-click:focus-visible {
  border-color: rgba(20, 99, 227, 0.65);
  box-shadow: 0 16px 34px rgba(20, 99, 227, 0.13);
  outline: none;
  transform: translateY(-1px);
}

.pub-signal-bias {
  font-size: 26px;
  font-weight: 950;
  line-height: 1.1;
}

.pub-signal-score {
  margin-top: 8px;
  color: var(--navy);
  font-size: 14px;
  font-weight: 900;
}

.pub-signal-note,
.pub-signal-more,
.pub-brief-date,
.pub-brief-footer,
.pub-article-body,
.pic-body,
.pjb-sub,
.pjb-note {
  color: var(--muted);
  font-size: 13px;
  line-height: 1.55;
}

.pub-signal-more {
  margin-top: 12px;
  color: #0f4fb7;
  font-weight: 900;
}

.pub-signal-detail {
  grid-column: 1 / -1;
  grid-row: 2;
  margin-top: 14px;
  border: 1px solid rgba(20, 99, 227, 0.3);
  border-radius: 12px;
  background: #f8fbff;
  padding: 16px;
}

.pub-signal-detail-head,
.pub-signal-actions {
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: 10px;
  flex-wrap: wrap;
}

.pub-signal-actions {
  justify-content: flex-start;
  margin-top: 12px;
}

.pub-signal-actions[hidden] {
  display: none !important;
}

.pub-signal-pay-btn {
  min-height: 40px;
  border: 1px solid #0b4db8;
  border-radius: 999px;
  background: #1463e3;
  color: #fff;
  padding: 0 16px;
  font-weight: 950;
  cursor: pointer;
}

.pub-signal-pay-btn.secondary {
  background: #fff;
  color: #0b4db8;
}

.tiny-btn {
  min-height: 32px;
  padding: 0 12px;
}

.signal-window-grid {
  display: grid;
  grid-template-columns: repeat(4, minmax(0, 1fr));
  gap: 10px;
  margin: 12px 0;
}

.signal-window-grid div,
.signal-history-row {
  border: 1px solid var(--border);
  border-radius: 8px;
  background: #fff;
  padding: 10px;
}

.signal-window-grid span,
.signal-history-row span,
.signal-history-row small {
  display: block;
  color: var(--muted);
  font-size: 11px;
  font-weight: 800;
  text-transform: uppercase;
}

.signal-window-grid strong,
.signal-history-row strong {
  display: block;
  margin-top: 4px;
  color: var(--navy);
}

.signal-reasons,
.signal-history-list {
  margin-top: 12px;
}

.signal-reasons ul {
  margin: 8px 0 0;
  padding-left: 18px;
}

.signal-history-row {
  display: grid;
  grid-template-columns: 1fr auto auto;
  gap: 10px;
  align-items: center;
  margin-top: 8px;
}

.member-composite-card {
  border: 1px solid rgba(20, 99, 227, 0.2);
  border-radius: 14px;
  background:
    linear-gradient(135deg, rgba(255, 248, 220, 0.72), rgba(248, 251, 255, 0.96) 48%, rgba(236, 246, 255, 0.86)),
    #fff;
  padding: 16px;
}

.member-composite-top {
  display: flex;
  align-items: flex-start;
  justify-content: space-between;
  gap: 14px;
  padding-bottom: 12px;
  border-bottom: 1px solid rgba(20, 99, 227, 0.14);
}

.member-composite-top span,
.member-composite-grid span,
.member-composite-score span {
  display: block;
  color: var(--muted);
  font-size: 11px;
  font-weight: 900;
  letter-spacing: .08em;
  text-transform: uppercase;
}

.member-composite-top strong {
  display: block;
  margin-top: 4px;
  font-size: 28px;
  font-weight: 950;
  line-height: 1.1;
}

.member-composite-top p,
.member-composite-grid p {
  margin: 6px 0 0;
  color: var(--muted);
  font-size: 13px;
  line-height: 1.5;
}

.member-composite-score {
  min-width: 124px;
  border: 1px solid rgba(20, 99, 227, 0.18);
  border-radius: 12px;
  background: rgba(255, 255, 255, 0.84);
  padding: 12px;
  text-align: center;
}

.member-composite-score strong {
  color: var(--navy);
  font-size: 24px;
}

.member-composite-grid {
  display: grid;
  grid-template-columns: repeat(2, minmax(0, 1fr));
  gap: 10px;
  margin-top: 12px;
}

.member-composite-grid article {
  border: 1px solid rgba(20, 99, 227, 0.16);
  border-radius: 10px;
  background: rgba(255, 255, 255, 0.86);
  padding: 12px;
}

.member-composite-grid article.is-primary {
  border-color: rgba(20, 99, 227, 0.42);
  background: rgba(235, 244, 255, 0.92);
}

.member-composite-grid article.is-supports {
  border-color: rgba(0, 154, 93, 0.34);
  background: rgba(239, 253, 247, 0.92);
}

.member-composite-grid article.is-contradicts {
  border-color: rgba(202, 35, 35, 0.34);
  background: rgba(255, 246, 246, 0.92);
}

.member-composite-grid article.is-divergent {
  border-color: rgba(205, 168, 72, 0.48);
  background: rgba(255, 250, 231, 0.92);
}

.member-composite-grid strong {
  display: block;
  margin-top: 5px;
  color: var(--navy);
  font-size: 14px;
  line-height: 1.35;
}

.member-evidence-head {
  align-items: center;
  display: flex;
  gap: 8px;
  justify-content: space-between;
}

.member-evidence-status {
  border: 1px solid rgba(82, 101, 126, 0.2);
  border-radius: 999px;
  color: var(--muted);
  font-size: 10px;
  font-weight: 950;
  letter-spacing: .05em;
  padding: 4px 8px;
  text-transform: uppercase;
}

.member-evidence-status.is-primary {
  background: rgba(20, 99, 227, 0.1);
  border-color: rgba(20, 99, 227, 0.26);
  color: var(--blue-dark);
}

.member-evidence-status.is-supports {
  background: rgba(0, 154, 93, 0.1);
  border-color: rgba(0, 154, 93, 0.24);
  color: #007d50;
}

.member-evidence-status.is-contradicts {
  background: rgba(202, 35, 35, 0.1);
  border-color: rgba(202, 35, 35, 0.24);
  color: #b01919;
}

.member-evidence-status.is-divergent {
  background: rgba(205, 168, 72, 0.14);
  border-color: rgba(205, 168, 72, 0.36);
  color: #8b6a00;
}

.member-composite-note {
  border-left: 3px solid var(--gold);
  color: var(--navy);
  font-size: 13px;
  line-height: 1.5;
  margin: 12px 0 0;
  padding-left: 10px;
}

.behavioral-pressure-card {
  border: 1px solid rgba(205, 168, 72, 0.32);
  border-radius: 14px;
  background:
    radial-gradient(circle at top left, rgba(205, 168, 72, 0.16), transparent 30%),
    linear-gradient(135deg, rgba(255, 255, 255, 0.94), rgba(239, 246, 255, 0.88));
  padding: 16px;
}

.behavioral-pressure-top {
  align-items: flex-start;
  border-bottom: 1px solid rgba(20, 99, 227, 0.14);
  display: flex;
  gap: 14px;
  justify-content: space-between;
  padding-bottom: 12px;
}

.behavioral-pressure-top span,
.behavioral-pressure-grid span,
.behavioral-cohort-head span,
.behavioral-pressure-score span {
  color: var(--muted);
  display: block;
  font-size: 11px;
  font-weight: 900;
  letter-spacing: .08em;
  text-transform: uppercase;
}

.behavioral-pressure-top strong {
  display: block;
  font-size: 25px;
  font-weight: 950;
  line-height: 1.1;
  margin-top: 4px;
}

.behavioral-pressure-top p,
.behavioral-pressure-grid p,
.behavioral-cohort-card p {
  color: var(--muted);
  font-size: 13px;
  line-height: 1.5;
  margin: 6px 0 0;
}

.behavioral-pressure-score {
  background: rgba(255, 255, 255, 0.86);
  border: 1px solid rgba(20, 99, 227, 0.18);
  border-radius: 14px;
  min-width: 138px;
  padding: 12px;
  text-align: center;
}

.behavioral-pressure-score strong {
  color: var(--navy);
  font-size: 22px;
}

.behavioral-pressure-score small {
  color: var(--muted);
  display: block;
  font-weight: 800;
  margin-top: 3px;
}

.behavioral-pressure-grid,
.behavioral-cohort-grid {
  display: grid;
  gap: 10px;
  margin-top: 12px;
}

.behavioral-pressure-grid {
  grid-template-columns: repeat(2, minmax(0, 1fr));
}

.behavioral-cohort-grid {
  grid-template-columns: repeat(3, minmax(0, 1fr));
}

.behavioral-pressure-grid article,
.behavioral-cohort-card {
  background: rgba(255, 255, 255, 0.88);
  border: 1px solid rgba(20, 99, 227, 0.16);
  border-radius: 10px;
  padding: 12px;
}

.behavioral-pressure-grid strong,
.behavioral-cohort-card strong {
  color: var(--navy);
  display: block;
  line-height: 1.35;
  margin-top: 4px;
}

.behavioral-change-list {
  margin-top: 12px;
}

.behavioral-change-list ul,
.behavioral-cohort-card ul,
.behavioral-methodology ul {
  margin: 8px 0 0;
  padding-left: 18px;
}

.behavioral-change-list li,
.behavioral-cohort-card li,
.behavioral-methodology li {
  color: var(--ink);
  font-size: 13px;
  line-height: 1.45;
  margin: 3px 0;
}

.behavioral-cohort-head {
  align-items: flex-start;
  display: flex;
  gap: 10px;
  justify-content: space-between;
}

.behavioral-cohort-head b {
  border-radius: 999px;
  color: #fff;
  font-size: 12px;
  min-width: 38px;
  padding: 5px 9px;
  text-align: center;
}

.behavioral-cohort-card.pressure-supportive {
  border-left: 3px solid #008a54;
}

.behavioral-cohort-card.pressure-adverse {
  border-left: 3px solid #d33a36;
}

.behavioral-cohort-card.pressure-mixed {
  border-left: 3px solid #b0860b;
}

.pressure-supportive {
  color: #008a54;
}

.pressure-adverse {
  color: #d33a36;
}

.pressure-mixed {
  color: #9a7300;
}

.pressure-supportive .behavioral-cohort-head b {
  background: #008a54;
}

.pressure-adverse .behavioral-cohort-head b {
  background: #d33a36;
}

.pressure-mixed .behavioral-cohort-head b {
  background: #b0860b;
}

.behavioral-methodology {
  border-top: 1px solid rgba(20, 99, 227, 0.12);
  margin-top: 12px;
  padding-top: 10px;
}

.behavioral-methodology summary {
  color: #0b4db8;
  cursor: pointer;
  font-weight: 900;
}

.behavioral-source-row {
  display: flex;
  flex-wrap: wrap;
  gap: 6px;
  margin-top: 10px;
}

.behavioral-source-row span {
  background: rgba(11, 77, 184, 0.08);
  border: 1px solid rgba(11, 77, 184, 0.14);
  border-radius: 999px;
  color: var(--muted);
  font-size: 11px;
  font-weight: 800;
  padding: 5px 8px;
}

.behavioral-source-row span.is-fresh {
  background: rgba(0, 138, 84, 0.1);
  border-color: rgba(0, 138, 84, 0.18);
  color: #007846;
}

.member-signal-panel {
  border-color: rgba(20, 99, 227, 0.22);
  background:
    radial-gradient(circle at top right, rgba(20, 99, 227, 0.08), transparent 28%),
    var(--surface-strong);
}

.member-signal-content {
  display: grid;
  gap: 12px;
}

.member-signal-head {
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: 14px;
  padding: 12px;
  border: 1px solid rgba(20, 99, 227, 0.16);
  border-radius: 10px;
  background: #fff;
}

.member-signal-head span {
  display: block;
  color: var(--muted);
  font-size: 11px;
  font-weight: 800;
  letter-spacing: .08em;
  text-transform: uppercase;
}

.member-signal-head strong {
  display: block;
  margin-top: 2px;
  font-size: 22px;
  font-weight: 950;
}

.member-chart-lab-section {
  border-color: rgba(205, 168, 72, 0.38);
  background:
    radial-gradient(circle at top left, rgba(205, 168, 72, 0.14), transparent 32%),
    radial-gradient(circle at bottom right, rgba(20, 99, 227, 0.09), transparent 30%),
    var(--surface-strong);
  width: 100%;
}

.chart-lab-shell {
  display: grid;
  gap: 12px;
}

.chart-lab-terminal {
  width: 100%;
  overflow: hidden;
  border: 1px solid rgba(205, 168, 72, 0.42);
  border-radius: 16px;
  background:
    linear-gradient(145deg, rgba(4, 10, 22, 0.98), rgba(11, 24, 43, 0.98) 52%, rgba(15, 23, 42, 0.98)),
    #08111f;
  box-shadow: 0 28px 70px rgba(4, 10, 22, 0.22);
  color: #eaf2ff;
  padding: 18px;
}

.chart-lab-topline {
  align-items: flex-start;
  display: flex;
  gap: 16px;
  justify-content: space-between;
  margin-bottom: 14px;
}

.chart-lab-kicker {
  color: #f2c94c;
  font-size: 11px;
  font-weight: 950;
  letter-spacing: .14em;
  margin: 0 0 6px;
  text-transform: uppercase;
}

.chart-lab-topline h4 {
  color: #fff;
  font-size: clamp(24px, 4vw, 42px);
  line-height: 1.02;
  margin: 0;
}

.chart-lab-topline p,
.chart-lab-active-label,
.chart-lab-disclaimer {
  color: rgba(234, 242, 255, 0.72);
  line-height: 1.55;
}

.chart-lab-topline p {
  margin: 7px 0 0;
}

.chart-lab-bias-pill {
  min-width: 150px;
  border: 1px solid rgba(255, 255, 255, 0.18);
  border-radius: 999px;
  background: rgba(255, 255, 255, 0.08);
  padding: 12px 16px;
  text-align: center;
}

.chart-lab-bias-pill span {
  display: block;
  color: rgba(234, 242, 255, 0.7);
  font-size: 10px;
  font-weight: 950;
  letter-spacing: .12em;
  text-transform: uppercase;
}

.chart-lab-bias-pill strong {
  display: block;
  margin-top: 3px;
  font-size: 18px;
  font-weight: 950;
}

.chart-lab-bias-pill.bullish strong { color: #2ee59d; }
.chart-lab-bias-pill.bearish strong { color: #ff8a8a; }
.chart-lab-bias-pill.neutral strong { color: #ffd166; }

.chart-lab-controls {
  align-items: center;
  display: flex;
  flex-wrap: wrap;
  gap: 8px;
  margin: 10px 0 0;
}

.chart-lab-control-group {
  align-items: center;
  border: 1px solid rgba(148, 163, 184, 0.22);
  border-radius: 8px;
  background: rgba(7, 17, 31, 0.72);
  display: flex;
  gap: 4px;
  min-width: 0;
  padding: 4px;
}

.chart-lab-control-group[aria-label="Candle timeframe"] {
  flex: 1 1 420px;
  flex-wrap: wrap;
}

.chart-lab-control-group[aria-label="Research range"] {
  flex: 0 1 360px;
  flex-wrap: wrap;
}

.chart-lab-control-markers {
  flex: 0 0 auto;
}

.chart-lab-control-layers {
  flex: 1 1 620px;
  flex-wrap: wrap;
}

.chart-lab-control-action {
  flex: 0 0 auto;
}

.chart-lab-control-group span {
  color: rgba(234, 242, 255, 0.62);
  font-size: 9px;
  font-weight: 950;
  letter-spacing: .1em;
  padding: 0 6px;
  text-transform: uppercase;
  white-space: nowrap;
}

.chart-lab-controls button {
  min-height: 30px;
  border: 1px solid rgba(148, 163, 184, 0.34);
  border-radius: 6px;
  background: rgba(255, 255, 255, 0.06);
  color: #eaf2ff;
  cursor: pointer;
  font-size: 11px;
  font-weight: 950;
  padding: 0 10px;
}

.chart-lab-controls button.is-active {
  border-color: #f2c94c;
  background: #f2c94c;
  color: #07111f;
}

.chart-lab-control-layers button {
  border-color: rgba(125, 211, 252, 0.3);
  font-size: 10px;
  min-height: 28px;
  padding: 0 9px;
}

.chart-lab-control-layers button[data-chart-lab-layer="clean"].is-active {
  border-color: rgba(34, 197, 94, 0.72);
  background: #22c55e;
  color: #03120b;
}

.chart-lab-controls button:disabled,
.chart-lab-full-close:disabled {
  cursor: progress;
  opacity: .68;
}

.chart-lab-control-action button {
  border-color: rgba(125, 211, 252, 0.48);
  background: rgba(14, 165, 233, 0.16);
  color: #dff6ff;
}

.chart-lab-control-status {
  display: grid;
  gap: 7px;
  margin: 9px 0 14px;
  min-width: 0;
  width: 100%;
}

.chart-lab-active-label {
  color: rgba(226, 232, 240, 0.78);
  line-height: 1.4;
  margin: 0;
  font-size: 12px;
  font-weight: 800;
  min-width: 0;
  overflow-wrap: anywhere;
}

.chart-lab-feed-note {
  border: 1px solid rgba(125, 211, 252, 0.24);
  border-radius: 8px;
  background: rgba(14, 165, 233, 0.1);
  color: rgba(226, 232, 240, 0.86);
  font-size: 12px;
  font-weight: 800;
  line-height: 1.45;
  margin: 0;
  min-width: 0;
  overflow-wrap: anywhere;
  padding: 9px 11px;
}

.chart-lab-stat-grid {
  display: grid;
  grid-template-columns: repeat(6, minmax(0, 1fr));
  gap: 8px;
  margin: 0 0 14px;
}

.chart-lab-stat-grid div {
  min-width: 0;
  border: 1px solid rgba(148, 163, 184, 0.2);
  border-radius: 11px;
  background: rgba(255, 255, 255, 0.06);
  padding: 11px;
}

.chart-lab-stat-grid span {
  display: block;
  color: rgba(234, 242, 255, 0.63);
  font-size: 10px;
  font-weight: 950;
  letter-spacing: .1em;
  text-transform: uppercase;
}

.chart-lab-stat-grid strong {
  display: block;
  margin-top: 5px;
  color: #fff;
  font-size: 15px;
  line-height: 1.22;
}

.chart-lab-stat-grid em {
  display: block;
  margin-top: 4px;
  color: #f2c94c;
  font-size: 11px;
  font-style: normal;
  font-weight: 850;
}

.chart-lab-stat-grid strong.positive { color: #2ee59d; }
.chart-lab-stat-grid strong.negative { color: #ff8a8a; }

.chart-lab-hit-banner {
  border: 1px solid rgba(242, 201, 76, 0.32);
  border-radius: 12px;
  background: rgba(242, 201, 76, 0.1);
  color: #ffe7a3;
  font-size: 12px;
  font-weight: 900;
  line-height: 1.45;
  margin: 0 0 12px;
  padding: 10px 12px;
}

.chart-lab-canvas-frame {
  position: relative;
  width: 100%;
  overflow: hidden;
  border: 1px solid rgba(148, 163, 184, 0.22);
  border-radius: 14px;
  background: #08111f;
}

.chart-lab-loading-panel {
  display: grid;
  place-items: center;
  gap: 10px;
  min-height: 420px;
  border: 1px solid rgba(125, 211, 252, 0.18);
  border-radius: 14px;
  background:
    linear-gradient(135deg, rgba(14, 165, 233, 0.08), rgba(15, 23, 42, 0.92)),
    repeating-linear-gradient(90deg, rgba(148, 163, 184, 0.08) 0 1px, transparent 1px 86px),
    repeating-linear-gradient(0deg, rgba(148, 163, 184, 0.08) 0 1px, transparent 1px 54px);
  color: #e5edf7;
  text-align: center;
  padding: 28px;
}

.chart-lab-loading-panel span {
  width: 34px;
  height: 34px;
  border: 3px solid rgba(125, 211, 252, 0.22);
  border-top-color: #7dd3fc;
  border-radius: 999px;
  animation: chart-lab-spin 0.9s linear infinite;
}

.chart-lab-loading-panel strong {
  font-size: 18px;
  letter-spacing: 0;
}

.chart-lab-loading-panel p {
  max-width: 560px;
  margin: 0;
  color: #aebbd0;
  line-height: 1.55;
}

@keyframes chart-lab-spin {
  to {
    transform: rotate(360deg);
  }
}

#member-chart-lab-canvas {
  display: block;
  width: 100%;
  max-width: 100%;
  touch-action: pan-y;
}

.chart-lab-tooltip {
  position: absolute;
  z-index: 2;
  min-width: 132px;
  border: 1px solid rgba(255, 255, 255, 0.18);
  border-radius: 10px;
  background: rgba(3, 7, 18, 0.92);
  box-shadow: 0 16px 35px rgba(0, 0, 0, .28);
  color: #fff;
  font-size: 12px;
  padding: 9px 10px;
  pointer-events: none;
}

.chart-lab-tooltip strong,
.chart-lab-tooltip span {
  display: block;
}

.chart-lab-tooltip span {
  color: #f2c94c;
  font-weight: 950;
  margin-top: 3px;
}

.chart-lab-interpretation {
  display: grid;
  grid-template-columns: repeat(4, minmax(0, 1fr));
  gap: 10px;
  margin-top: 12px;
}

.chart-lab-interpretation article {
  border: 1px solid rgba(148, 163, 184, 0.2);
  border-radius: 12px;
  background: rgba(255, 255, 255, 0.06);
  padding: 12px;
}

.chart-lab-interpretation span {
  display: block;
  color: #f2c94c;
  font-size: 10px;
  font-weight: 950;
  letter-spacing: .1em;
  text-transform: uppercase;
}

.chart-lab-interpretation strong {
  display: block;
  color: #fff;
  font-size: 14px;
  line-height: 1.35;
  margin-top: 5px;
}

.chart-lab-interpretation p {
  color: rgba(234, 242, 255, 0.68);
  font-size: 12px;
  line-height: 1.55;
  margin: 8px 0 0;
}

.chart-lab-confluence-grid {
  display: grid;
  grid-template-columns: repeat(4, minmax(0, 1fr));
  gap: 10px;
  margin-top: 12px;
}

.chart-lab-confluence-grid article,
.chart-lab-advanced-engine,
.chart-lab-engine-grid > article,
.chart-lab-track-record,
.chart-lab-stress-audit {
  border: 1px solid rgba(148, 163, 184, 0.22);
  border-radius: 12px;
  background: rgba(255, 255, 255, 0.055);
  padding: 12px;
}

.chart-lab-confluence-grid span,
.chart-lab-section-title {
  display: block;
  color: #9ec5ff;
  font-size: 10px;
  font-weight: 950;
  letter-spacing: .1em;
  text-transform: uppercase;
}

.chart-lab-confluence-grid strong {
  display: block;
  color: #fff;
  font-size: 22px;
  font-weight: 950;
  margin-top: 5px;
}

.chart-lab-confluence-grid p,
.chart-lab-confluence-grid li,
.chart-lab-empty,
.chart-lab-track-summary,
.chart-lab-track-list p {
  color: rgba(234, 242, 255, 0.72);
  font-size: 12px;
  line-height: 1.55;
}

.chart-lab-track-list p.chart-lab-audit-result {
  width: fit-content;
  margin-top: 2px;
  border: 1px solid rgba(148, 163, 184, 0.24);
  border-radius: 999px;
  background: rgba(255, 255, 255, 0.045);
  padding: 6px 9px;
  color: rgba(234, 242, 255, 0.86);
  font-weight: 850;
}

.chart-lab-audit-result.paper-win {
  border-color: rgba(46, 229, 157, 0.42);
  color: #9ff3cf;
}

.chart-lab-audit-result.paper-loss {
  border-color: rgba(255, 138, 138, 0.5);
  color: #ffb0b0;
}

.chart-lab-audit-result.paper-expired,
.chart-lab-audit-result.tracking {
  border-color: rgba(242, 201, 76, 0.42);
  color: #f7dc84;
}

.chart-lab-confluence-grid ul {
  margin: 8px 0 0;
  padding-left: 18px;
}

.chart-lab-advanced-engine {
  border-color: rgba(46, 229, 157, 0.28);
  background:
    radial-gradient(circle at 12% 0%, rgba(46, 229, 157, 0.1), transparent 34%),
    radial-gradient(circle at 88% 4%, rgba(96, 165, 250, 0.08), transparent 38%),
    rgba(255, 255, 255, 0.055);
  margin-top: 12px;
}

.chart-lab-llm-vision {
  border: 1px solid rgba(96, 165, 250, 0.34);
  border-radius: 12px;
  background:
    radial-gradient(circle at 14% 0%, rgba(96, 165, 250, 0.12), transparent 34%),
    radial-gradient(circle at 86% 6%, rgba(242, 201, 76, 0.08), transparent 38%),
    rgba(255, 255, 255, 0.055);
  margin-top: 12px;
  padding: 12px;
}

.chart-lab-llm-vision.muted {
  border-color: rgba(148, 163, 184, 0.28);
  background: rgba(255, 255, 255, 0.045);
}

.chart-lab-vjepa-vision {
  border-color: rgba(168, 85, 247, 0.42);
  background:
    radial-gradient(circle at 14% 0%, rgba(168, 85, 247, 0.16), transparent 34%),
    radial-gradient(circle at 90% 4%, rgba(46, 229, 157, 0.1), transparent 38%),
    rgba(255, 255, 255, 0.055);
}

.chart-lab-vjepa-vision.ready {
  border-color: rgba(168, 85, 247, 0.56);
}

.chart-lab-vjepa-vision .chart-lab-engine-pill {
  border-color: rgba(168, 85, 247, 0.5);
}

.chart-lab-true-vjepa {
  border: 1px solid rgba(168, 85, 247, 0.42);
  border-radius: 14px;
  background:
    radial-gradient(circle at 10% 0%, rgba(168, 85, 247, 0.18), transparent 34%),
    radial-gradient(circle at 86% 0%, rgba(46, 229, 157, 0.1), transparent 34%),
    linear-gradient(135deg, rgba(15, 23, 42, 0.97), rgba(15, 23, 42, 0.76));
  box-shadow: inset 0 0 0 1px rgba(255, 255, 255, 0.025);
  margin: 12px 0;
  padding: 12px;
}

.chart-lab-visual-conviction {
  border: 1px solid rgba(125, 211, 252, 0.34);
  border-radius: 14px;
  background:
    radial-gradient(circle at 14% 0%, rgba(14, 165, 233, 0.14), transparent 32%),
    radial-gradient(circle at 92% 4%, rgba(242, 201, 76, 0.12), transparent 30%),
    linear-gradient(135deg, rgba(3, 7, 18, 0.96), rgba(15, 23, 42, 0.82));
  box-shadow: inset 0 0 0 1px rgba(255, 255, 255, 0.025);
  margin: 12px 0;
  padding: 12px;
}

.chart-lab-visual-conviction.bullish {
  border-color: rgba(46, 229, 157, 0.42);
}

.chart-lab-visual-conviction.bearish {
  border-color: rgba(248, 113, 113, 0.42);
}

.chart-lab-visual-conviction.neutral {
  border-color: rgba(242, 201, 76, 0.38);
}

.chart-lab-visual-conviction.building {
  border-color: rgba(148, 163, 184, 0.3);
}

.chart-lab-true-vjepa-head {
  align-items: start;
  display: flex;
  gap: 12px;
  justify-content: space-between;
}

.chart-lab-true-vjepa-head strong {
  color: #f8fafc;
  display: block;
  font-size: 20px;
  font-weight: 950;
  margin-top: 4px;
}

.chart-lab-true-vjepa-head p,
.chart-lab-vjepa-fusion-card p,
.chart-lab-vjepa-match-list p,
.chart-lab-vjepa-note {
  color: rgba(226, 232, 240, 0.82);
  font-size: 12px;
  line-height: 1.55;
  margin: 0;
}

.chart-lab-vjepa-chip-row {
  display: flex;
  flex-wrap: wrap;
  gap: 7px;
  margin: 10px 0;
}

.chart-lab-vjepa-chip {
  border: 1px solid rgba(168, 85, 247, 0.36);
  border-radius: 999px;
  background: rgba(168, 85, 247, 0.11);
  color: #e9d5ff;
  font-size: 11px;
  font-weight: 850;
  padding: 6px 9px;
}

.chart-lab-vjepa-fusion-grid {
  display: grid;
  gap: 10px;
  grid-template-columns: repeat(2, minmax(0, 1fr));
  margin-top: 10px;
}

.chart-lab-vjepa-fusion-card {
  border: 1px solid rgba(148, 163, 184, 0.2);
  border-radius: 12px;
  background: rgba(255, 255, 255, 0.045);
  padding: 11px;
}

.chart-lab-vjepa-fusion-card strong {
  color: #fff;
  display: block;
  font-size: 15px;
  font-weight: 950;
  margin: 5px 0;
}

.chart-lab-vjepa-fusion-card ul,
.chart-lab-vjepa-match-list {
  color: rgba(226, 232, 240, 0.82);
  font-size: 12px;
  line-height: 1.55;
  margin: 8px 0 0;
  padding-left: 18px;
}

.chart-lab-vjepa-match-list {
  display: grid;
  gap: 6px;
  list-style: none;
  padding-left: 0;
}

.chart-lab-vjepa-match-list li,
.chart-lab-vjepa-match-list > div {
  border-left: 3px solid rgba(168, 85, 247, 0.58);
  border-radius: 10px;
  background: rgba(15, 23, 42, 0.46);
  padding: 8px 9px;
}

.chart-lab-visual-match-list > div {
  border-left-color: rgba(125, 211, 252, 0.66);
}

.chart-lab-vjepa-note {
  border-top: 1px solid rgba(148, 163, 184, 0.16);
  font-style: italic;
  margin-top: 10px;
  padding-top: 8px;
}

.chart-lab-vision-meta {
  display: flex;
  flex-wrap: wrap;
  gap: 8px;
  margin: 10px 0 0;
}

.chart-lab-vision-meta span {
  border: 1px solid rgba(148, 163, 184, 0.2);
  border-radius: 999px;
  color: rgba(234, 242, 255, 0.72);
  font-size: 11px;
  font-weight: 800;
  padding: 6px 9px;
}

.chart-lab-vision-grid {
  display: grid;
  gap: 10px;
  grid-template-columns: repeat(2, minmax(0, 1fr));
  margin-top: 12px;
}

.chart-lab-vision-grid article,
.chart-lab-vision-unavailable {
  border: 1px solid rgba(148, 163, 184, 0.18);
  border-radius: 12px;
  background: rgba(3, 7, 18, 0.24);
  padding: 10px;
}

.chart-lab-vision-grid p,
.chart-lab-vision-grid li,
.chart-lab-vision-unavailable p {
  color: rgba(234, 242, 255, 0.76);
  font-size: 12px;
  line-height: 1.55;
}

.chart-lab-vision-list {
  margin: 8px 0 0;
  padding-left: 18px;
}

.chart-lab-engine-hero {
  align-items: flex-start;
  display: flex;
  gap: 14px;
  justify-content: space-between;
}

.chart-lab-engine-hero strong {
  color: #fff;
  display: block;
  font-size: 21px;
  font-weight: 950;
  line-height: 1.15;
  margin-top: 6px;
}

.chart-lab-engine-hero p,
.chart-lab-engine-grid p,
.chart-lab-paper-execution-list p {
  color: rgba(234, 242, 255, 0.74);
  font-size: 12px;
  line-height: 1.55;
  margin: 7px 0 0;
}

.chart-lab-engine-pill {
  border: 1px solid rgba(242, 201, 76, 0.36);
  border-radius: 18px;
  min-width: 144px;
  padding: 10px 12px;
  text-align: center;
}

.chart-lab-engine-pill.ok {
  border-color: rgba(46, 229, 157, 0.44);
}

.chart-lab-engine-pill.watch {
  border-color: rgba(242, 201, 76, 0.48);
}

.chart-lab-engine-pill.bad {
  border-color: rgba(255, 138, 138, 0.5);
}

.chart-lab-engine-pill span,
.chart-lab-mini-metrics span,
.chart-lab-quality-row span,
.chart-lab-engine-list span {
  color: rgba(234, 242, 255, 0.64);
  display: block;
  font-size: 10px;
  font-weight: 950;
  letter-spacing: .09em;
  text-transform: uppercase;
}

.chart-lab-engine-pill strong {
  color: #f2c94c;
  display: block;
  font-size: 14px;
  font-weight: 950;
  margin-top: 4px;
}

.chart-lab-regime-probs {
  display: grid;
  grid-template-columns: repeat(3, minmax(0, 1fr));
  gap: 8px;
  margin: 12px 0;
}

.chart-lab-regime-probs article {
  border: 1px solid rgba(148, 163, 184, 0.18);
  border-radius: 12px;
  background: rgba(3, 7, 18, 0.24);
  padding: 10px;
}

.chart-lab-regime-probs div {
  align-items: center;
  display: flex;
  gap: 8px;
  justify-content: space-between;
}

.chart-lab-regime-probs strong {
  color: #fff;
  font-size: 12px;
  font-weight: 950;
}

.chart-lab-regime-probs span {
  color: #f2c94c;
  font-size: 12px;
  font-weight: 950;
}

.chart-lab-regime-probs i {
  display: block;
  height: 7px;
  overflow: hidden;
  border-radius: 999px;
  background: rgba(255, 255, 255, 0.08);
  margin-top: 8px;
}

.chart-lab-regime-probs b {
  display: block;
  height: 100%;
  border-radius: inherit;
  background: linear-gradient(90deg, #2ee59d, #f2c94c);
}

.chart-lab-model-bridge {
  border: 1px solid rgba(242, 201, 76, 0.34);
  border-radius: 14px;
  background:
    radial-gradient(circle at 8% 0%, rgba(242, 201, 76, 0.14), transparent 34%),
    linear-gradient(135deg, rgba(15, 23, 42, 0.96), rgba(15, 23, 42, 0.72));
  margin: 12px 0;
  padding: 12px;
}

.chart-lab-model-bridge-head {
  display: grid;
  gap: 4px;
}

.chart-lab-model-bridge-head span,
.chart-lab-model-bridge-grid span,
.chart-lab-regime-legend span {
  color: #93c5fd;
  display: block;
  font-size: 10px;
  font-weight: 950;
  letter-spacing: 0.11em;
  text-transform: uppercase;
}

.chart-lab-model-bridge-head strong {
  color: #f8d85f;
  font-size: 18px;
  font-weight: 950;
}

.chart-lab-model-bridge-head p,
.chart-lab-model-bridge-grid p,
.chart-lab-bridge-note,
.chart-lab-regime-legend small {
  color: rgba(226, 232, 240, 0.84);
  font-size: 12px;
  line-height: 1.55;
  margin: 0;
}

.chart-lab-model-bridge-grid {
  display: grid;
  gap: 8px;
  grid-template-columns: repeat(auto-fit, minmax(178px, 1fr));
  margin-top: 10px;
}

.chart-lab-model-bridge-grid article {
  min-width: 0;
  border: 1px solid rgba(148, 163, 184, 0.18);
  border-left: 3px solid rgba(242, 201, 76, 0.58);
  border-radius: 12px;
  background: rgba(255, 255, 255, 0.045);
  padding: 10px;
}

.chart-lab-model-bridge-grid strong {
  color: #fff;
  display: block;
  font-size: 13px;
  font-weight: 950;
  margin: 4px 0;
}

.chart-lab-bridge-note {
  border-top: 1px solid rgba(148, 163, 184, 0.16);
  font-style: italic;
  margin-top: 10px;
  padding-top: 8px;
}

.chart-lab-regime-legend {
  display: grid;
  gap: 8px;
  grid-template-columns: repeat(auto-fit, minmax(190px, 1fr));
  margin: 10px 0 12px;
}

.chart-lab-regime-note {
  grid-column: 1 / -1;
  border: 1px solid rgba(242, 201, 76, 0.24);
  border-radius: 10px;
  background: rgba(242, 201, 76, 0.08);
  color: rgba(226, 232, 240, 0.88);
  font-size: 12px;
  line-height: 1.5;
  margin: 0;
  padding: 8px 10px;
}

.chart-lab-regime-legend article {
  min-width: 0;
  border: 1px solid rgba(148, 163, 184, 0.18);
  border-top: 3px solid var(--regime-color, #60a5fa);
  border-radius: 12px;
  background: rgba(15, 23, 42, 0.72);
  padding: 10px;
}

.chart-lab-regime-legend div {
  align-items: center;
  display: flex;
  gap: 8px;
  justify-content: space-between;
  margin-bottom: 5px;
}

.chart-lab-regime-legend strong {
  color: #fff;
  font-size: 12px;
  font-weight: 950;
}

.chart-lab-regime-legend b {
  color: #f8d85f;
  font-size: 12px;
  white-space: nowrap;
}

.chart-lab-jepa-lens,
.chart-lab-timeline-card {
  border: 1px solid rgba(46, 229, 157, 0.24);
  border-radius: 14px;
  background:
    linear-gradient(135deg, rgba(46, 229, 157, 0.08), rgba(96, 165, 250, 0.045)),
    rgba(3, 7, 18, 0.22);
  margin: 12px 0;
  padding: 12px;
}

.chart-lab-direction-grid {
  display: grid;
  grid-template-columns: repeat(2, minmax(0, 1fr));
  gap: 10px;
  margin-top: 12px;
}

.chart-lab-direction-grid > article {
  border: 1px solid rgba(148, 163, 184, 0.18);
  border-radius: 12px;
  background: rgba(255, 255, 255, 0.04);
  min-width: 0;
  padding: 10px;
}

.chart-lab-direction-grid span,
.chart-lab-direction-columns em {
  color: rgba(234, 242, 255, 0.66);
  display: block;
  font-size: 10px;
  font-style: normal;
  font-weight: 950;
  letter-spacing: .09em;
  text-transform: uppercase;
}

.chart-lab-direction-grid strong {
  color: #fff;
  display: block;
  font-size: 15px;
  font-weight: 950;
  margin-top: 5px;
}

.chart-lab-direction-columns {
  display: grid;
  grid-template-columns: repeat(2, minmax(0, 1fr));
  gap: 8px;
  margin-top: 10px;
}

.chart-lab-factor-list {
  display: grid;
  gap: 6px;
  margin: 7px 0 0;
  padding-left: 16px;
}

.chart-lab-factor-list li {
  color: rgba(234, 242, 255, 0.76);
  font-size: 11px;
  line-height: 1.42;
}

.chart-lab-regime-timeline {
  display: grid;
  grid-template-columns: repeat(auto-fit, minmax(210px, 1fr));
  gap: 10px;
  margin-top: 10px;
}

.chart-lab-regime-timeline div {
  border: 1px solid rgba(148, 163, 184, 0.18);
  border-top: 3px solid var(--regime-color, #94a3b8);
  border-radius: 10px;
  background: rgba(255, 255, 255, 0.04);
  min-width: 0;
  padding: 10px;
}

.chart-lab-regime-timeline strong,
.chart-lab-regime-timeline span,
.chart-lab-regime-timeline small {
  display: block;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
}

.chart-lab-regime-timeline strong {
  color: #fff;
  font-size: 11px;
  font-weight: 950;
}

.chart-lab-regime-timeline span {
  color: #f2c94c;
  font-size: 10px;
  font-weight: 900;
  margin-top: 4px;
}

.chart-lab-regime-timeline small {
  color: rgba(234, 242, 255, 0.58);
  font-size: 9px;
  margin-top: 4px;
}

.chart-lab-regime-timeline p {
  color: rgba(234, 242, 255, 0.74);
  font-size: 10px;
  line-height: 1.45;
  margin: 7px 0 0;
}

.chart-lab-regime-timeline p:last-child {
  color: #fde68a;
}

.chart-lab-change-list {
  display: grid;
  gap: 7px;
  list-style: none;
  margin: 10px 0 0;
  padding: 0;
}

.chart-lab-change-list li {
  align-items: flex-start;
  background: rgba(255, 255, 255, 0.04);
  border: 1px solid rgba(148, 163, 184, 0.16);
  border-radius: 10px;
  display: grid;
  gap: 8px;
  grid-template-columns: 24px 1fr;
  min-width: 0;
  padding: 8px;
}

.chart-lab-change-list strong {
  align-items: center;
  background: rgba(242, 201, 76, 0.16);
  border-radius: 999px;
  color: #f2c94c;
  display: inline-flex;
  font-size: 11px;
  font-weight: 950;
  height: 24px;
  justify-content: center;
  width: 24px;
}

.chart-lab-change-list span {
  color: rgba(234, 242, 255, 0.78);
  font-size: 12px;
  line-height: 1.45;
  overflow-wrap: anywhere;
}

.chart-lab-engine-grid {
  display: grid;
  grid-template-columns: repeat(2, minmax(0, 1fr));
  gap: 10px;
}

.chart-lab-engine-grid > article {
  background: rgba(3, 7, 18, 0.2);
  min-width: 0;
}

.chart-lab-mini-metrics {
  display: grid;
  grid-template-columns: repeat(4, minmax(0, 1fr));
  gap: 8px;
  margin-top: 10px;
}

.chart-lab-mini-metrics div {
  border: 1px solid rgba(148, 163, 184, 0.16);
  border-radius: 10px;
  background: rgba(255, 255, 255, 0.04);
  min-width: 0;
  padding: 8px;
}

.chart-lab-mini-metrics strong,
.chart-lab-quality-row strong,
.chart-lab-engine-list strong,
.chart-lab-paper-execution-list strong {
  color: #fff;
  display: block;
  font-size: 13px;
  font-weight: 950;
  line-height: 1.25;
  margin-top: 4px;
  overflow-wrap: anywhere;
}

.chart-lab-mini-metrics small,
.chart-lab-quality-row small {
  color: rgba(234, 242, 255, 0.62);
  display: block;
  font-size: 10px;
  line-height: 1.35;
  margin-top: 4px;
}

.chart-lab-sweep-radar-grid {
  gap: 6px;
  grid-template-columns: 1fr;
}

.chart-lab-sweep-radar-grid div {
  align-items: start;
  column-gap: 8px;
  display: grid;
  grid-template-columns: minmax(0, 1fr) auto;
  padding: 7px 8px;
}

.chart-lab-sweep-radar-grid span,
.chart-lab-sweep-radar-grid strong,
.chart-lab-sweep-radar-grid small {
  min-width: 0;
  overflow-wrap: normal;
  word-break: normal;
}

.chart-lab-sweep-radar-grid strong {
  margin-top: 0;
  text-align: right;
  max-width: 100%;
  overflow-wrap: anywhere;
  text-align: right;
  white-space: normal;
}

.chart-lab-sweep-radar-grid small {
  grid-column: 1 / -1;
  overflow-wrap: anywhere;
}

.chart-lab-sweep-filter strong {
  color: #bae6fd;
}

.chart-lab-quality-list,
.chart-lab-engine-list,
.chart-lab-paper-execution-list {
  display: grid;
  gap: 7px;
  margin-top: 10px;
}

.chart-lab-quality-row,
.chart-lab-engine-list article,
.chart-lab-paper-execution-list article {
  border: 1px solid rgba(148, 163, 184, 0.16);
  border-radius: 10px;
  background: rgba(255, 255, 255, 0.04);
  padding: 8px;
}

.chart-lab-quality-row.ok {
  border-left: 3px solid #2ee59d;
}

.chart-lab-quality-row.watch {
  border-left: 3px solid #f2c94c;
}

.chart-lab-quality-row.bad {
  border-left: 3px solid #ff8a8a;
}

.chart-lab-track-record {
  margin-top: 12px;
}

.chart-lab-record-layer {
  border-color: rgba(242, 201, 76, 0.34);
  background:
    radial-gradient(circle at top left, rgba(242, 201, 76, 0.09), transparent 34%),
    rgba(255, 255, 255, 0.055);
}

.chart-lab-record-hero {
  align-items: flex-start;
  display: flex;
  gap: 14px;
  justify-content: space-between;
  margin-bottom: 12px;
}

.chart-lab-record-hero strong {
  color: #fff;
  display: block;
  font-size: 20px;
  font-weight: 950;
  line-height: 1.15;
  margin-top: 6px;
}

.chart-lab-record-hero p {
  color: rgba(234, 242, 255, 0.76);
  font-size: 12px;
  line-height: 1.55;
  margin: 7px 0 0;
  max-width: 760px;
}

.chart-lab-regime-pill {
  min-width: 160px;
  border: 1px solid rgba(242, 201, 76, 0.36);
  border-radius: 18px;
  background: rgba(3, 7, 18, 0.28);
  padding: 11px 14px;
  text-align: center;
}

.chart-lab-regime-pill span {
  color: rgba(234, 242, 255, 0.62);
  display: block;
  font-size: 10px;
  font-weight: 950;
  letter-spacing: .09em;
  text-transform: uppercase;
}

.chart-lab-regime-pill strong {
  color: #f2c94c;
  display: block;
  font-size: 14px;
  font-weight: 950;
  margin-top: 4px;
}

.chart-lab-record-stats {
  display: grid;
  grid-template-columns: repeat(4, minmax(0, 1fr));
  gap: 8px;
  margin: 10px 0 12px;
}

.chart-lab-record-stats article {
  border: 1px solid rgba(148, 163, 184, 0.18);
  border-radius: 12px;
  background: rgba(3, 7, 18, 0.24);
  padding: 10px;
}

.chart-lab-record-stats span,
.chart-lab-track-metrics span {
  color: rgba(234, 242, 255, 0.62);
  display: block;
  font-size: 10px;
  font-weight: 950;
  letter-spacing: .09em;
  text-transform: uppercase;
}

.chart-lab-record-stats strong {
  color: #fff;
  display: block;
  font-size: 20px;
  font-weight: 950;
  margin-top: 4px;
}

.chart-lab-record-stats small,
.chart-lab-track-metrics small {
  color: rgba(234, 242, 255, 0.62);
  display: block;
  font-size: 11px;
  line-height: 1.35;
  margin-top: 3px;
}

.chart-lab-regime-meter {
  display: grid;
  grid-template-columns: repeat(4, minmax(0, 1fr));
  overflow: hidden;
  border: 1px solid rgba(148, 163, 184, 0.22);
  border-radius: 12px;
  margin: 10px 0 12px;
}

.chart-lab-regime-meter span {
  color: rgba(234, 242, 255, 0.78);
  font-size: 11px;
  font-weight: 900;
  line-height: 1.25;
  min-height: 42px;
  padding: 10px;
}

.chart-lab-regime-meter .quiet {
  background: rgba(59, 130, 246, 0.12);
}

.chart-lab-regime-meter .warn {
  background: rgba(242, 201, 76, 0.15);
}

.chart-lab-regime-meter .active {
  background: rgba(46, 229, 157, 0.14);
}

.chart-lab-active-audits {
  display: grid;
  gap: 8px;
  margin: 12px 0;
}

.chart-lab-track-card {
  display: grid;
  gap: 8px;
  border: 1px solid rgba(148, 163, 184, 0.18);
  border-radius: 12px;
  background: rgba(3, 7, 18, 0.24);
  padding: 11px;
}

.chart-lab-track-card.target-reached {
  border-color: rgba(46, 229, 157, 0.36);
}

.chart-lab-track-card.invalidated {
  border-color: rgba(255, 138, 138, 0.38);
}

.chart-lab-track-card.tracking {
  border-color: rgba(242, 201, 76, 0.42);
}

.chart-lab-track-card.range-held {
  border-color: rgba(96, 165, 250, 0.36);
}

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

.chart-lab-track-card-head strong {
  color: #fff;
  display: block;
  font-size: 15px;
  font-weight: 950;
  margin-top: 5px;
}

.chart-lab-track-card-head em {
  color: rgba(234, 242, 255, 0.68);
  flex: 0 0 auto;
  font-size: 11px;
  font-style: normal;
  font-weight: 850;
}

.chart-lab-track-card p {
  color: rgba(234, 242, 255, 0.74);
  font-size: 12px;
  line-height: 1.55;
  margin: 0;
}

.chart-lab-track-metrics {
  display: grid;
  grid-template-columns: repeat(4, minmax(0, 1fr));
  gap: 8px;
}

.chart-lab-track-metrics div {
  min-width: 0;
  border-left: 2px solid rgba(242, 201, 76, 0.72);
  border-radius: 8px;
  background: rgba(255, 255, 255, 0.035);
  padding: 8px;
}

.chart-lab-track-metrics strong {
  color: #fff;
  display: block;
  font-size: 13px;
  font-weight: 950;
  line-height: 1.25;
  margin-top: 4px;
  overflow-wrap: anywhere;
}

.chart-lab-track-evidence-list,
.chart-lab-track-pending-list {
  margin-top: 12px;
}

.chart-lab-outcome.target-reached {
  border-color: rgba(46, 229, 157, 0.45);
  color: #2ee59d;
}

.chart-lab-outcome.tracking {
  border-color: rgba(242, 201, 76, 0.5);
  color: #f2c94c;
}

.chart-lab-outcome.invalidated {
  border-color: rgba(255, 138, 138, 0.5);
  color: #ff8a8a;
}

.chart-lab-outcome.range-held {
  border-color: rgba(96, 165, 250, 0.45);
  color: #bfdbfe;
}

.chart-lab-stress-audit {
  margin-top: 12px;
}

.stress-audit-summary {
  display: grid;
  grid-template-columns: repeat(3, minmax(0, 1fr));
  gap: 8px;
  margin: 10px 0 12px;
}

.stress-audit-summary article,
.stress-audit-card {
  border: 1px solid rgba(148, 163, 184, 0.18);
  border-radius: 12px;
  background: rgba(3, 7, 18, 0.24);
  padding: 10px;
}

.stress-audit-summary span,
.stress-audit-metrics span,
.stress-audit-card-head span {
  display: block;
  color: rgba(234, 242, 255, 0.62);
  font-size: 10px;
  font-weight: 950;
  letter-spacing: .09em;
  text-transform: uppercase;
}

.stress-audit-summary strong {
  display: block;
  color: #fff;
  font-size: 18px;
  font-weight: 950;
  margin-top: 5px;
}

.stress-audit-list {
  display: grid;
  gap: 10px;
}

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

.stress-audit-card-head strong {
  color: #fff;
  display: block;
  font-size: 16px;
  font-weight: 950;
  margin-top: 3px;
}

.stress-audit-card-head em {
  border: 1px solid rgba(148, 163, 184, 0.28);
  border-radius: 999px;
  color: #eaf2ff;
  flex: 0 0 auto;
  font-size: 10px;
  font-style: normal;
  font-weight: 950;
  letter-spacing: .08em;
  padding: 5px 9px;
  text-transform: uppercase;
}

.stress-audit-card-head em.tracking {
  border-color: rgba(242, 201, 76, 0.45);
  color: #f2c94c;
}

.stress-audit-card-head em.paper-win {
  border-color: rgba(46, 229, 157, 0.45);
  color: #2ee59d;
}

.stress-audit-card-head em.paper-loss {
  border-color: rgba(255, 138, 138, 0.5);
  color: #ff8a8a;
}

.stress-audit-card p {
  color: rgba(234, 242, 255, 0.74);
  font-size: 12px;
  line-height: 1.55;
  margin: 9px 0 0;
}

.stress-audit-metrics {
  display: grid;
  grid-template-columns: repeat(4, minmax(0, 1fr));
  gap: 8px;
  margin-top: 10px;
}

.stress-audit-metrics div {
  min-width: 0;
  border-left: 2px solid rgba(242, 201, 76, 0.72);
  background: rgba(255, 255, 255, 0.035);
  border-radius: 8px;
  padding: 8px;
}

.stress-audit-metrics strong {
  display: block;
  color: #fff;
  font-size: 13px;
  font-weight: 950;
  line-height: 1.28;
  margin-top: 4px;
  overflow-wrap: anywhere;
}

.stress-audit-metrics small {
  display: block;
  color: rgba(234, 242, 255, 0.64);
  font-size: 11px;
  line-height: 1.35;
  margin-top: 3px;
}

.chart-lab-track-summary {
  margin: 8px 0 10px;
}

.chart-lab-track-list {
  display: grid;
  gap: 8px;
}

.chart-lab-track-list article {
  display: grid;
  gap: 5px;
  border: 1px solid rgba(148, 163, 184, 0.18);
  border-radius: 10px;
  background: rgba(3, 7, 18, 0.24);
  padding: 10px;
}

.chart-lab-track-list strong {
  color: #fff;
  font-size: 13px;
  font-weight: 900;
}

.chart-lab-outcome {
  width: fit-content;
  border: 1px solid rgba(148, 163, 184, 0.28);
  border-radius: 999px;
  color: #eaf2ff;
  font-size: 10px;
  font-weight: 950;
  letter-spacing: .08em;
  padding: 4px 8px;
  text-transform: uppercase;
}

.chart-lab-outcome.bull-hit {
  border-color: rgba(46, 229, 157, 0.45);
  color: #2ee59d;
}

.chart-lab-outcome.bear-hit {
  border-color: rgba(255, 138, 138, 0.5);
  color: #ff8a8a;
}

.chart-lab-outcome.expired-unconfirmed {
  border-color: rgba(242, 201, 76, 0.45);
  color: #f2c94c;
}

.chart-lab-indicator-strip {
  display: flex;
  flex-wrap: wrap;
  gap: 8px;
  margin-top: 12px;
}

.chart-lab-indicator-strip span {
  border: 1px solid rgba(148, 163, 184, 0.22);
  border-radius: 999px;
  background: rgba(255, 255, 255, 0.06);
  color: rgba(234, 242, 255, 0.74);
  font-size: 12px;
  font-weight: 800;
  padding: 8px 10px;
}

.chart-lab-indicator-strip strong {
  color: #fff;
}

.chart-lab-disclaimer {
  margin: 12px 0 0;
  font-size: 11px;
  font-style: italic;
}

.pub-locked-label {
  color: var(--navy);
  font-size: 13px;
  font-weight: 950;
}

.pub-locked-items,
.pjb-features {
  display: grid;
  grid-template-columns: repeat(2, minmax(0, 1fr));
  gap: 8px;
  margin: 12px 0;
}

.pub-locked-items span,
.pjb-feat {
  padding: 9px 10px;
  border: 1px solid var(--border);
  border-radius: 8px;
  background: #fff;
  color: var(--text);
  font-size: 12px;
  font-weight: 800;
}

.pub-unlock-btn,
.pub-brief-cta,
.pub-read-more,
.pjb-btn {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  min-height: 38px;
  padding: 0 14px;
  border-radius: 999px;
  background: #1463e3;
  color: #fff;
  font-size: 13px;
  font-weight: 900;
  text-decoration: none;
}

.pub-brief-text {
  margin: 8px 0 14px;
  color: var(--text);
  font-size: 14px;
  line-height: 1.6;
}

.pub-brief-footer {
  display: flex;
  justify-content: space-between;
  gap: 12px;
  align-items: center;
  border-top: 1px solid var(--border);
  padding-top: 12px;
}

.whatsapp-share-bar {
  display: flex;
  align-items: center;
  gap: 1rem;
  padding: .75rem 1rem;
  margin: 0 18px 18px;
  border: 1px solid rgba(37, 211, 102, .24);
  border-radius: 10px;
  background: rgba(37, 211, 102, .08);
}

.wsb-text {
  color: var(--muted);
  font-size: .85rem;
  font-weight: 800;
}

.wsb-btn {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  min-height: 36px;
  padding: .4rem .9rem;
  border-radius: 8px;
  background: #0f7f3a;
  color: #fff;
  font-size: .85rem;
  font-weight: 900;
  text-decoration: none;
  box-shadow: 0 10px 22px rgba(15, 127, 58, 0.18);
}

.founder-note {
  margin-bottom: .75rem;
  color: var(--muted);
  font-size: .78rem;
  line-height: 1.7;
  text-align: center;
}

.founder-note a {
  color: #725000;
  font-weight: 900;
  text-decoration: none;
}

.pub-co-note,
.pub-macro-note {
  margin-top: 12px;
  font-style: italic;
}

.pic-total {
  display: inline-block;
  margin-top: 6px;
  color: var(--navy);
  font-weight: 950;
}

.pub-fg-score {
  margin-top: 4px;
  font-size: 28px;
  line-height: 1;
}

.pub-fg-label {
  margin-top: 4px;
  color: var(--navy);
  font-weight: 900;
}

.pub-fg-note {
  margin-top: 4px;
  color: var(--muted);
  font-size: 12px;
}

.pub-article-title {
  color: var(--navy);
  font-size: 20px;
  font-weight: 950;
}

.pub-article-body {
  margin: 10px 0 14px;
  max-width: 860px;
}

.pub-join-box {
  text-align: center;
  background: linear-gradient(135deg, rgba(255, 246, 216, .9), rgba(235, 245, 255, .95));
}

.pjb-title {
  color: var(--navy);
  font-size: 26px;
  font-weight: 950;
}

.pjb-sub {
  max-width: 760px;
  margin: 8px auto 16px;
}

.pjb-starter-callout {
  display: grid;
  gap: 6px;
  max-width: 760px;
  margin: 0 auto 18px;
  padding: 14px 16px;
  border: 1px solid rgba(205, 168, 72, .55);
  border-radius: 14px;
  background:
    linear-gradient(135deg, rgba(255, 215, 0, .2), rgba(255, 255, 255, .86)),
    #fffaf0;
  box-shadow: 0 18px 42px rgba(205, 168, 72, .14);
  text-align: center;
}

.pjb-starter-callout strong {
  color: var(--navy);
  font-size: 18px;
  font-weight: 950;
}

.pjb-starter-callout span:not(.pjb-flash-badge) {
  color: var(--muted);
  font-size: 13px;
  line-height: 1.55;
}

.pjb-flash-badge {
  justify-self: center;
  display: inline-flex;
  align-items: center;
  min-height: 28px;
  padding: 0 12px;
  border: 1px solid rgba(15, 31, 51, .16);
  border-radius: 999px;
  background: linear-gradient(135deg, #0f1f33, #163a70);
  color: #ffd966;
  font-size: 12px;
  font-weight: 950;
  letter-spacing: .04em;
  text-transform: uppercase;
  animation: pmdeskPulse 2.6s ease-in-out infinite;
}

.pjb-features {
  max-width: 840px;
  margin: 0 auto 18px;
  text-align: left;
}

.pjb-actions {
  display: flex;
  flex-wrap: wrap;
  justify-content: center;
  gap: 10px;
}

.pjb-btn-hot {
  animation: pmdeskPulse 2.8s ease-in-out infinite;
}

.pjb-btn-secondary {
  border: 1px solid rgba(20, 99, 227, .24);
  background: #ffffff;
  color: #0b4db8;
}

.pjb-note {
  margin-top: 10px;
}

@keyframes pmdeskPulse {
  0%,
  100% {
    box-shadow: 0 10px 24px rgba(205, 168, 72, .16);
    transform: translateY(0);
  }

  50% {
    box-shadow: 0 18px 40px rgba(205, 168, 72, .34);
    transform: translateY(-1px);
  }
}

@media (prefers-reduced-motion: reduce) {
  .pjb-flash-badge,
  .pjb-btn-hot {
    animation: none;
  }
}

.pub-footer-links {
  display: flex;
  flex-wrap: wrap;
  justify-content: center;
  gap: 10px;
  padding: 8px 0 0;
}

.pub-footer-links a {
  padding: 8px 11px;
  border: 1px solid var(--border);
  border-radius: 999px;
  background: var(--surface);
  color: var(--navy);
  font-size: 12px;
  font-weight: 850;
  text-decoration: none;
}

@media (max-width: 980px) {
  .pub-signal-box {
    grid-template-columns: 1fr;
  }

  .pub-hero {
    grid-template-columns: 1fr;
    min-height: 520px;
    background:
      linear-gradient(180deg, rgba(7, 18, 35, 0.97) 0%, rgba(7, 18, 35, 0.9) 46%, rgba(7, 18, 35, 0.55) 100%),
      url("/site/assets/images/pmdesk-trading-desk-hero-20260618.webp") center bottom / cover no-repeat;
  }

  .pub-signal-left,
  .pub-fg-top-card,
  .pub-signal-right,
  .pub-signal-detail {
    grid-column: 1;
    grid-row: auto;
  }

  .pub-signal-left {
    order: 1;
  }

  .pub-signal-detail {
    order: 3;
  }

  .pub-fg-top-card {
    order: 2;
  }

  .pub-signal-right {
    order: 4;
  }

  .pub-hero-actions {
    justify-content: flex-start;
    justify-self: start;
  }

  .pub-price-bar,
  .real-chart-stat-grid,
  .pub-markets-grid,
  .pub-impact-grid,
  .pub-video-grid,
  .pub-co-grid,
  .pub-macro-grid,
  .pub-india-grid {
    grid-template-columns: repeat(2, minmax(0, 1fr));
  }

  .pub-video-wall {
    grid-template-columns: 1fr;
  }

  .member-composite-top {
    flex-direction: column;
  }

  .behavioral-pressure-top {
    flex-direction: column;
  }

  .behavioral-pressure-score {
    text-align: left;
    width: 100%;
  }

  .chart-lab-stat-grid {
    grid-template-columns: repeat(3, minmax(0, 1fr));
  }

  .chart-lab-interpretation {
    grid-template-columns: repeat(2, minmax(0, 1fr));
  }

  .chart-lab-confluence-grid {
    grid-template-columns: repeat(2, minmax(0, 1fr));
  }

  .chart-lab-regime-probs {
    grid-template-columns: repeat(2, minmax(0, 1fr));
  }

  .chart-lab-engine-grid {
    grid-template-columns: 1fr;
  }

  .chart-lab-mini-metrics {
    grid-template-columns: repeat(2, minmax(0, 1fr));
  }

  .chart-lab-record-stats,
  .chart-lab-track-metrics {
    grid-template-columns: repeat(2, minmax(0, 1fr));
  }

  .chart-lab-regime-meter {
    grid-template-columns: repeat(2, minmax(0, 1fr));
  }

  .stress-audit-summary,
  .stress-audit-metrics {
    grid-template-columns: repeat(2, minmax(0, 1fr));
  }

  .member-composite-score {
    width: 100%;
    text-align: left;
  }

  .video-hub-hero,
  .video-detail-hero,
  .video-detail-layout {
    grid-template-columns: 1fr;
  }

  .member-video-context-grid {
    grid-template-columns: 1fr;
  }

  .video-hub-grid {
    grid-template-columns: 1fr;
  }
}

@media (max-width: 700px) {
  .site-shell {
    padding: 12px 10px 54px;
  }

  .topbar {
    gap: 10px;
    margin-bottom: 14px;
    padding: 12px;
    border-radius: 16px;
  }

  .brand-lockup {
    gap: 10px;
  }

  .brand-mark {
    width: 40px;
    height: 40px;
    border-radius: 12px;
  }

  .mobile-menu-toggle {
    min-height: 40px;
    padding: 0 12px;
  }

  .topbar-meta {
    gap: 8px;
    padding: 6px 8px;
  }

  .topbar-meta-label {
    font-size: 10px;
  }

  .topbar-status {
    min-height: 30px;
    padding: 0 10px;
    font-size: 11px;
  }

  .panel {
    margin-bottom: 14px;
    padding: 18px 14px;
    border-radius: 16px;
  }

  .panel h2 {
    font-size: clamp(24px, 8vw, 32px);
  }

  .pub-dash {
    padding: 10px 2px 34px;
  }

  .pub-hero,
  .pub-section,
  .pub-join-box,
  .home-chart-lab {
    padding: 15px;
    border-radius: 12px;
  }

  .pub-hero {
    min-height: 560px;
    padding: 20px;
  }

  .pub-hero h1 {
    font-size: clamp(32px, 10vw, 46px);
    line-height: 1.08;
  }

  .pub-hero-copy {
    font-size: 15px;
  }

  .pub-hero-proof span {
    max-width: 100%;
    overflow-wrap: anywhere;
  }

  .home-chart-lab-head,
  .home-chart-lab-markets {
    grid-template-columns: 1fr;
  }

  .home-chart-lab-actions {
    justify-content: stretch;
  }

  .home-chart-lab-actions .button {
    width: 100%;
  }

  .home-chart-lab-tools span {
    flex: 1 1 100%;
    text-align: center;
  }

  .pub-price-card,
  .pub-market-card,
  .pub-co-card,
  .pub-macro-card,
  .pub-india-card {
    border-radius: 12px;
  }

  .member-composite-grid {
    grid-template-columns: 1fr;
  }

  .member-evidence-head {
    align-items: flex-start;
    flex-direction: column;
  }

  .behavioral-pressure-grid,
  .behavioral-cohort-grid {
    grid-template-columns: 1fr;
  }

  .member-composite-top strong {
    font-size: 24px;
  }

  .chart-lab-terminal {
    margin-inline: -4px;
    border-radius: 14px;
    padding: 12px;
  }

  .chart-lab-topline {
    align-items: stretch;
    flex-direction: column;
    gap: 12px;
  }

  .chart-lab-bias-pill {
    min-width: 0;
    text-align: left;
  }

  .chart-lab-controls {
    gap: 7px;
  }

  .chart-lab-controls button {
    flex: 1 1 auto;
    min-width: 72px;
    min-height: 38px;
    padding: 0 10px;
  }

  .chart-lab-stat-grid {
    grid-template-columns: repeat(2, minmax(0, 1fr));
    gap: 8px;
  }

  .chart-lab-stat-grid div {
    padding: 10px;
  }

  .chart-lab-canvas-frame {
    border-radius: 12px;
  }

  .chart-lab-interpretation {
    grid-template-columns: 1fr;
  }

  .chart-lab-confluence-grid {
    grid-template-columns: 1fr;
  }

  .chart-lab-engine-hero {
    align-items: stretch;
    flex-direction: column;
  }

  .chart-lab-engine-pill {
    min-width: 0;
    text-align: left;
  }

  .chart-lab-regime-probs,
  .chart-lab-model-bridge-grid,
  .chart-lab-regime-legend,
  .chart-lab-vjepa-fusion-grid,
  .chart-lab-vision-grid,
  .chart-lab-engine-grid,
  .chart-lab-mini-metrics,
  .chart-lab-direction-grid,
  .chart-lab-direction-columns,
  .chart-lab-regime-timeline {
    grid-template-columns: 1fr;
  }

  .chart-lab-record-hero {
    flex-direction: column;
  }

  .chart-lab-regime-pill {
    min-width: 0;
    width: 100%;
    text-align: left;
  }

  .chart-lab-record-stats,
  .chart-lab-regime-meter,
  .chart-lab-track-metrics {
    grid-template-columns: 1fr;
  }

  .chart-lab-track-card-head {
    flex-direction: column;
  }

  .stress-audit-summary,
  .stress-audit-metrics {
    grid-template-columns: 1fr;
  }

  .stress-audit-card-head {
    flex-direction: column;
  }

  .pub-hero-actions,
  .pub-brief-footer,
  .pub-section-header,
  .whatsapp-share-bar {
    align-items: stretch;
    flex-direction: column;
  }

  .whatsapp-share-bar {
    margin: 0 16px 16px;
  }

  .pub-charts-grid,
  .pub-impact-grid,
  .pub-video-grid,
  .signal-window-grid,
  .pub-locked-items,
  .pjb-features {
    grid-template-columns: 1fr;
  }

  .signal-history-row {
    grid-template-columns: 1fr;
  }

  .member-signal-head {
    align-items: stretch;
    flex-direction: column;
  }

  .pub-signal-pay-btn {
    width: 100%;
  }

  .free-member-actions .button {
    width: 100%;
  }

  .pjb-actions,
  .pjb-btn {
    width: 100%;
  }

  .pub-video-wall {
    grid-template-columns: 1fr;
  }

  .real-price-chart-panel {
    padding: 14px;
    border-radius: 10px;
  }

  .real-chart-head {
    align-items: stretch;
    flex-direction: column;
  }

  .real-chart-close {
    align-self: flex-start;
  }

  .pub-video-header-actions,
  .member-video-actions,
  .video-share-header,
  .video-share-header nav,
  .video-hub-actions,
  .video-detail-actions {
    align-items: stretch;
    flex-direction: column;
  }

  .video-share-page {
    width: min(100% - 20px, 1180px);
    margin-top: 10px;
  }

  .video-share-header,
  .video-hub-hero,
  .video-detail-hero,
  .video-detail-context {
    padding: 16px;
  }

  .video-hub-actions input,
  .video-share-box input {
    flex-basis: auto;
    width: 100%;
  }
}

@media (max-width: 440px) {
  .site-shell {
    padding-left: 8px;
    padding-right: 8px;
  }

  .mobile-nav-panel {
    width: min(94vw, 360px);
  }

  .topbar {
    padding: 10px;
  }

  .brand-name {
    font-size: 16px;
  }

  .brand-sub {
    font-size: 11px;
  }

  .mobile-menu-toggle span:last-child {
    display: none;
  }

  .pub-hero {
    min-height: 600px;
    padding: 18px;
    background:
      linear-gradient(180deg, rgba(7, 18, 35, 0.98) 0%, rgba(7, 18, 35, 0.92) 52%, rgba(7, 18, 35, 0.58) 100%),
      url("/site/assets/images/pmdesk-trading-desk-hero-20260618.webp") center bottom / cover no-repeat;
  }

  .pub-hero h1 {
    font-size: clamp(31px, 11vw, 42px);
  }

  .pub-hero-actions,
  .pub-hero-actions .button {
    width: 100%;
  }

  .pub-hero-actions {
    border-radius: 18px;
    padding: 10px;
  }

  .pub-hero-proof span {
    flex: 1 1 100%;
    text-align: center;
  }

  .member-chart-lab-section {
    padding-left: 10px;
    padding-right: 10px;
  }

  .chart-lab-terminal {
    margin-inline: -6px;
    padding: 10px;
  }

  .chart-lab-topline h4 {
    font-size: clamp(24px, 8.2vw, 32px);
  }

  .chart-lab-bias-pill {
    padding: 11px 14px;
  }

  .footer-brand-row {
    align-items: flex-start;
    width: 100%;
  }

  .footer-brand-row > div:last-child {
    text-align: left;
  }

  .site-footer-links {
    display: grid;
    grid-template-columns: 1fr 1fr;
    gap: 10px;
  }

  .site-footer-links a {
    min-height: 38px;
    display: grid;
    place-items: center;
    padding: 0 8px;
    border: 1px solid var(--border);
    border-radius: 12px;
    background: var(--surface-strong);
  }

  .pub-price-bar,
  .real-chart-stat-grid,
  .chart-lab-stat-grid,
  .chart-lab-confluence-grid,
  .pub-markets-grid,
  .pub-impact-grid,
  .pub-co-grid,
  .pub-macro-grid,
  .pub-india-grid {
    grid-template-columns: 1fr;
  }

  .ppc-usd,
  .pmc-val,
  .pcc-price,
  .pmc-value {
    font-size: 20px;
  }
}

.report-refresh-indicator {
  margin: 0 0 14px;
  padding: 10px 12px;
  border: 1px solid var(--border);
  border-radius: 8px;
  background: rgba(12, 33, 66, 0.04);
  color: var(--muted);
  font-size: 12px;
  font-weight: 800;
  letter-spacing: .02em;
}

.report-refresh-indicator.is-breaking {
  border-color: rgba(205, 168, 72, 0.55);
  background: rgba(255, 221, 103, 0.14);
  color: #7a5300;
}

.report-refresh-indicator.is-muted {
  color: var(--muted);
}

.chart-lab-calibration {
  margin-top: 16px;
  padding: 18px;
  border: 1px solid rgba(252, 211, 77, 0.42);
  border-radius: 18px;
  background: linear-gradient(135deg, rgba(15, 23, 42, 0.97), rgba(30, 41, 59, 0.9));
  color: #f8fafc;
}

.chart-lab-calibration-head {
  display: flex;
  justify-content: space-between;
  align-items: flex-start;
  gap: 16px;
  padding-bottom: 14px;
  margin-bottom: 14px;
  border-bottom: 1px solid rgba(148, 163, 184, 0.2);
}

.chart-lab-calibration-head strong {
  display: block;
  margin-top: 4px;
  font-size: 22px;
}

.chart-lab-calibration-head p,
.chart-lab-source-note p,
.chart-lab-match-card p,
.chart-lab-calibration-card small {
  color: rgba(226, 232, 240, 0.86);
}

.chart-lab-calibration-quality {
  flex: 0 0 auto;
  padding: 10px 14px;
  border: 1px solid rgba(252, 211, 77, 0.5);
  border-radius: 999px;
  background: rgba(252, 211, 77, 0.1);
  color: #fde68a;
  font-size: 12px;
  font-weight: 900;
  letter-spacing: .08em;
}

.chart-lab-calibration-grid,
.chart-lab-match-grid {
  display: grid;
  gap: 10px;
}

.chart-lab-calibration-grid {
  grid-template-columns: repeat(4, minmax(0, 1fr));
}

.chart-lab-match-grid {
  grid-template-columns: repeat(3, minmax(0, 1fr));
  margin-top: 12px;
}

.chart-lab-calibration-card,
.chart-lab-match-card {
  min-width: 0;
  padding: 12px;
  border: 1px solid rgba(148, 163, 184, 0.24);
  border-radius: 14px;
  background: rgba(15, 23, 42, 0.64);
}

.chart-lab-calibration-card span,
.chart-lab-match-card span {
  display: block;
  margin-bottom: 6px;
  color: #bfdbfe;
  font-size: 11px;
  font-weight: 900;
  letter-spacing: .08em;
  text-transform: uppercase;
}

.chart-lab-calibration-card strong,
.chart-lab-match-card strong {
  display: block;
  font-size: 20px;
}

.chart-lab-match-card small {
  display: block;
  margin: 4px 0 8px;
  color: rgba(203, 213, 225, 0.78);
}

.chart-lab-source-note {
  margin-top: 12px;
  padding: 12px;
  border-left: 3px solid #facc15;
  border-radius: 12px;
  background: rgba(250, 204, 21, 0.08);
}

.chart-lab-source-note strong {
  display: block;
  margin-bottom: 4px;
}

.chart-lab-source-note small {
  display: block;
  color: rgba(226, 232, 240, 0.72);
  line-height: 1.5;
}

@media (max-width: 760px) {
  .vision-quality-status {
    align-items: flex-start;
    flex-direction: column;
  }

  .vision-summary-grid,
  .vision-item-grid {
    grid-template-columns: 1fr;
  }

  .chart-lab-calibration {
    padding: 14px;
  }

  .chart-lab-calibration-head {
    flex-direction: column;
  }

  .chart-lab-calibration-grid,
  .chart-lab-match-grid {
    grid-template-columns: 1fr;
  }

  .chart-lab-calibration-quality {
    white-space: normal;
  }
}

.chart-lab-trader-mode {
  margin: 0 0 18px;
  padding: 16px;
  border: 1px solid rgba(74, 222, 128, 0.26);
  border-radius: 8px;
  background:
    linear-gradient(135deg, rgba(5, 13, 26, 0.99), rgba(9, 18, 33, 0.97) 48%, rgba(12, 22, 37, 0.98));
  color: #f8fafc;
  box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.04);
}

.chart-lab-trader-mode * {
  box-sizing: border-box;
}

.chart-lab-trader-head {
  display: flex;
  justify-content: space-between;
  gap: 16px;
  align-items: flex-start;
  margin-bottom: 14px;
}

.chart-lab-trader-head h5 {
  margin: 4px 0 6px;
  color: #fff;
  font-size: clamp(18px, 2vw, 24px);
  line-height: 1.12;
}

.chart-lab-trader-head p,
.chart-lab-trader-card p {
  margin: 6px 0 0;
  color: rgba(226, 232, 240, 0.78);
  line-height: 1.48;
}

.chart-lab-trader-status {
  flex: 0 0 auto;
  min-width: 146px;
  padding: 12px 16px;
  border: 1px solid rgba(255, 255, 255, 0.18);
  border-radius: 8px;
  background: rgba(255, 255, 255, 0.08);
  text-align: center;
}

.chart-lab-trader-status span,
.chart-lab-trader-strip span,
.chart-lab-trader-card span {
  display: block;
  color: #9ec5ff;
  font-size: 10px;
  font-weight: 950;
  letter-spacing: 0.1em;
  text-transform: uppercase;
}

.chart-lab-panel-title {
  align-items: flex-start;
  display: flex;
  flex-wrap: wrap;
  gap: 6px;
  justify-content: space-between;
  min-width: 0;
}

.chart-lab-panel-title > span:first-child {
  flex: 1 1 auto;
  min-width: 0;
}

.chart-lab-info-tip {
  align-items: center;
  appearance: none;
  background: rgba(148, 163, 184, 0.12);
  border: 1px solid rgba(147, 197, 253, 0.42);
  border-radius: 999px;
  color: #bfdbfe;
  cursor: help;
  display: inline-flex;
  flex: 0 0 auto;
  font-size: 10px;
  font-weight: 950;
  height: 18px;
  justify-content: center;
  line-height: 1;
  margin-left: auto;
  padding: 0;
  width: 18px;
}

.chart-lab-info-tip:hover,
.chart-lab-info-tip:focus-visible {
  background: rgba(125, 211, 252, 0.18);
  border-color: rgba(125, 211, 252, 0.78);
  color: #e0f2fe;
  outline: none;
}

.chart-lab-panel-title .chart-lab-inline-help {
  border: 1px solid rgba(125, 211, 252, 0.28);
  border-radius: 7px;
  background: rgba(2, 6, 23, 0.94);
  color: rgba(226, 232, 240, 0.9);
  display: none;
  flex: 1 0 100%;
  font-size: 11px;
  font-weight: 750;
  letter-spacing: 0;
  line-height: 1.42;
  margin-top: 2px;
  padding: 8px;
  text-transform: none;
  white-space: normal;
}

.chart-lab-panel-title:hover .chart-lab-inline-help,
.chart-lab-panel-title:focus-within .chart-lab-inline-help {
  display: block;
}

.chart-lab-trader-status strong,
.chart-lab-trader-strip strong,
.chart-lab-trader-card strong {
  display: block;
  color: #fff;
  font-size: clamp(14px, 1.05vw, 17px);
  font-weight: 950;
  line-height: 1.24;
}

.chart-lab-trader-strip {
  display: grid;
  grid-template-columns: repeat(auto-fit, minmax(132px, 1fr));
  gap: 8px;
  margin-bottom: 12px;
}

.chart-lab-trader-strip article,
.chart-lab-trader-card {
  min-width: 0;
  padding: 11px;
  border: 1px solid rgba(148, 163, 184, 0.2);
  border-radius: 8px;
  background: linear-gradient(180deg, rgba(15, 23, 42, 0.7), rgba(2, 6, 23, 0.46));
}

.chart-lab-trader-strip article:first-child {
  border-left: 3px solid #facc15;
}

.chart-lab-desk-now {
  display: grid;
  gap: 10px;
  grid-template-columns: minmax(230px, 0.72fr) minmax(0, 1.34fr) minmax(220px, 0.72fr) minmax(220px, 0.76fr);
  margin: 0 0 12px;
  padding: 12px;
  border: 1px solid rgba(125, 211, 252, 0.26);
  border-left: 3px solid #facc15;
  border-radius: 8px;
  background: linear-gradient(135deg, rgba(8, 47, 73, 0.28), rgba(15, 23, 42, 0.82));
}

.chart-lab-desk-now.bullish {
  border-left-color: #22c55e;
  border-color: rgba(34, 197, 94, 0.32);
}

.chart-lab-desk-now.bearish {
  border-left-color: #ef4444;
  border-color: rgba(239, 68, 68, 0.34);
}

.chart-lab-desk-now-main,
.chart-lab-mission-action,
.chart-lab-change-now {
  min-width: 0;
}

.chart-lab-desk-now-main span,
.chart-lab-mission-action span,
.chart-lab-change-now span,
.chart-lab-desk-now-grid span {
  color: #9ec5ff;
  display: block;
  font-size: 9px;
  font-weight: 950;
  letter-spacing: 0.1em;
  line-height: 1.1;
  text-transform: uppercase;
}

.chart-lab-desk-now-main strong,
.chart-lab-mission-action strong,
.chart-lab-change-now strong {
  color: #fff;
  display: block;
  font-size: 16px;
  font-weight: 950;
  line-height: 1.12;
  margin-top: 4px;
  overflow-wrap: anywhere;
}

.chart-lab-desk-now-main p,
.chart-lab-mission-action p,
.chart-lab-change-now p {
  color: rgba(226, 232, 240, 0.76);
  font-size: 11px;
  line-height: 1.35;
  margin: 5px 0 0;
}

.chart-lab-mission-action {
  border: 1px solid rgba(148, 163, 184, 0.2);
  border-radius: 8px;
  background: rgba(3, 7, 18, 0.34);
  padding: 9px;
}

.chart-lab-mission-action.bullish {
  border-color: rgba(34, 197, 94, 0.4);
  background: linear-gradient(135deg, rgba(20, 83, 45, 0.25), rgba(3, 7, 18, 0.34));
}

.chart-lab-mission-action.bearish {
  border-color: rgba(248, 113, 113, 0.42);
  background: linear-gradient(135deg, rgba(127, 29, 29, 0.22), rgba(3, 7, 18, 0.34));
}

.chart-lab-mission-action b {
  color: #bfdbfe;
}

.chart-lab-mission-quality {
  border-top: 1px solid rgba(148, 163, 184, 0.18);
  color: rgba(226, 232, 240, 0.68) !important;
  margin-top: 8px !important;
  padding-top: 7px;
}

.chart-lab-trader-setup.bullish {
  border-color: rgba(34, 197, 94, 0.42);
}

.chart-lab-trader-setup.bearish {
  border-color: rgba(248, 113, 113, 0.42);
}

.chart-lab-desk-now-grid {
  display: grid;
  gap: 7px;
  grid-template-columns: repeat(auto-fit, minmax(122px, 1fr));
  min-width: 0;
}

.chart-lab-desk-now-grid div {
  min-width: 0;
  border: 1px solid rgba(148, 163, 184, 0.2);
  border-radius: 7px;
  background: rgba(3, 7, 18, 0.34);
  padding: 8px;
}

.chart-lab-desk-now-grid strong {
  color: #fff;
  display: block;
  font-size: 11px;
  font-weight: 950;
  line-height: 1.18;
  margin-top: 4px;
  overflow-wrap: anywhere;
}

.chart-lab-change-now {
  border: 1px solid rgba(148, 163, 184, 0.2);
  border-radius: 8px;
  background: rgba(3, 7, 18, 0.3);
  padding: 9px;
}

.chart-lab-change-now.bullish {
  border-color: rgba(34, 197, 94, 0.38);
}

.chart-lab-change-now.bearish {
  border-color: rgba(239, 68, 68, 0.42);
}

.chart-lab-change-list,
.chart-lab-card-change-list {
  display: grid;
  gap: 5px;
  margin-top: 8px;
}

.chart-lab-change-list i,
.chart-lab-card-change-list span {
  border: 1px solid rgba(148, 163, 184, 0.18);
  border-radius: 7px;
  color: rgba(226, 232, 240, 0.82);
  display: block;
  font-size: 10px;
  font-style: normal;
  line-height: 1.25;
  min-width: 0;
  padding: 6px 7px;
  overflow-wrap: anywhere;
}

.chart-lab-change-list b,
.chart-lab-card-change-list b {
  color: #bfdbfe;
  display: block;
  font-weight: 950;
  margin-bottom: 2px;
  text-transform: uppercase;
}

.chart-lab-change-list .bullish,
.chart-lab-card-change-list .bullish {
  border-color: rgba(34, 197, 94, 0.34);
  color: #bbf7d0;
}

.chart-lab-change-list .bearish,
.chart-lab-card-change-list .bearish {
  border-color: rgba(239, 68, 68, 0.36);
  color: #fecaca;
}

.chart-lab-technical-tape {
  display: grid;
  grid-template-columns: repeat(auto-fit, minmax(126px, 1fr));
  gap: 6px;
  margin: -4px 0 12px;
}

.chart-lab-technical-tape div {
  border: 1px solid rgba(148, 163, 184, 0.22);
  border-radius: 8px;
  background: rgba(3, 7, 18, 0.36);
  min-width: 0;
  padding: 8px 9px;
}

.chart-lab-technical-tape div.bullish {
  border-color: rgba(46, 229, 157, 0.42);
}

.chart-lab-technical-tape div.bearish {
  border-color: rgba(248, 113, 113, 0.42);
}

.chart-lab-technical-tape div.neutral {
  border-color: rgba(242, 201, 76, 0.28);
}

.chart-lab-technical-tape span {
  color: #9ec5ff;
  display: block;
  font-size: 9px;
  font-weight: 950;
  letter-spacing: 0.1em;
  text-transform: uppercase;
}

.chart-lab-technical-tape strong {
  color: #fff;
  display: block;
  font-size: 12px;
  font-weight: 950;
  line-height: 1.2;
  margin-top: 3px;
  overflow-wrap: anywhere;
}

.chart-lab-trader-strip .chart-lab-trader-conviction {
  border-color: rgba(125, 211, 252, 0.36);
  border-left: 3px solid #38bdf8;
  background: linear-gradient(135deg, rgba(14, 165, 233, 0.16), rgba(15, 23, 42, 0.84));
}

.chart-lab-trader-strip .chart-lab-trader-wall-test,
.chart-lab-trader-strip .chart-lab-trader-level-risk {
  border-color: rgba(242, 201, 76, 0.4);
  border-left: 3px solid #f2c94c;
  background: linear-gradient(135deg, rgba(242, 201, 76, 0.14), rgba(15, 23, 42, 0.84));
}

.chart-lab-trader-strip .chart-lab-trader-trap {
  border-color: rgba(251, 146, 60, 0.42);
  border-left: 3px solid #fb923c;
  background: linear-gradient(135deg, rgba(251, 146, 60, 0.12), rgba(15, 23, 42, 0.84));
}

.chart-lab-trader-strip .chart-lab-trader-coach {
  border-color: rgba(125, 211, 252, 0.4);
  border-left: 3px solid #7dd3fc;
  background: linear-gradient(135deg, rgba(14, 165, 233, 0.13), rgba(15, 23, 42, 0.84));
}

.chart-lab-trader-strip .chart-lab-trader-wick-audit {
  border-color: rgba(52, 211, 153, 0.36);
  border-left: 3px solid #34d399;
  background: linear-gradient(135deg, rgba(6, 78, 59, 0.18), rgba(15, 23, 42, 0.84));
}

.chart-lab-trader-strip .chart-lab-trader-edge {
  border-color: rgba(244, 114, 182, 0.4);
  border-left: 3px solid #f472b6;
  background: linear-gradient(135deg, rgba(131, 24, 67, 0.18), rgba(15, 23, 42, 0.84));
}

.chart-lab-trader-strip .chart-lab-trader-flow {
  border-color: rgba(45, 212, 191, 0.38);
  border-left: 3px solid #2dd4bf;
  background: linear-gradient(135deg, rgba(20, 83, 79, 0.18), rgba(15, 23, 42, 0.84));
}

.chart-lab-trader-strip .chart-lab-trader-quote {
  border-color: rgba(56, 189, 248, 0.38);
  border-left: 3px solid #38bdf8;
  background: linear-gradient(135deg, rgba(12, 74, 110, 0.2), rgba(15, 23, 42, 0.84));
}

.chart-lab-trader-strip .chart-lab-trader-candle-quality {
  border-color: rgba(125, 211, 252, 0.34);
  border-left: 3px solid #7dd3fc;
  background: linear-gradient(135deg, rgba(14, 165, 233, 0.16), rgba(15, 23, 42, 0.84));
}

.chart-lab-trader-strip .chart-lab-trader-playbook {
  border-color: rgba(167, 139, 250, 0.42);
  border-left: 3px solid #a78bfa;
  background: linear-gradient(135deg, rgba(76, 29, 149, 0.18), rgba(15, 23, 42, 0.84));
}

.chart-lab-trader-strip .chart-lab-trader-conviction.bullish,
.chart-lab-trader-card-conviction.bullish,
.chart-lab-trader-strip .chart-lab-trader-wall-test.bullish,
.chart-lab-trader-strip .chart-lab-trader-level-risk.bullish,
.chart-lab-trader-card-wall-test.bullish,
.chart-lab-trader-card-level-risk.bullish,
.chart-lab-trader-strip .chart-lab-trader-trap.bullish,
.chart-lab-trader-card-trap.bullish,
.chart-lab-trader-strip .chart-lab-trader-coach.bullish,
.chart-lab-trader-card-coach.bullish,
.chart-lab-trader-strip .chart-lab-trader-wick-audit.bullish,
.chart-lab-trader-card-wick-audit.bullish,
.chart-lab-trader-strip .chart-lab-trader-edge.bullish,
.chart-lab-trader-card-edge.bullish,
.chart-lab-full-edge.bullish,
.chart-lab-trader-strip .chart-lab-trader-flow.bullish,
.chart-lab-trader-card-flow.bullish,
.chart-lab-full-flow.bullish,
.chart-lab-trader-strip .chart-lab-trader-quote.bullish,
.chart-lab-trader-card-quote.bullish,
.chart-lab-full-quote.bullish,
.chart-lab-trader-strip .chart-lab-trader-playbook.bullish,
.chart-lab-trader-card-playbook.bullish,
.chart-lab-full-playbook.bullish {
  border-color: rgba(46, 229, 157, 0.42);
}

.chart-lab-trader-strip .chart-lab-trader-conviction.bearish,
.chart-lab-trader-card-conviction.bearish,
.chart-lab-trader-strip .chart-lab-trader-wall-test.bearish,
.chart-lab-trader-strip .chart-lab-trader-level-risk.bearish,
.chart-lab-trader-card-wall-test.bearish,
.chart-lab-trader-card-level-risk.bearish,
.chart-lab-trader-strip .chart-lab-trader-trap.bearish,
.chart-lab-trader-card-trap.bearish,
.chart-lab-trader-strip .chart-lab-trader-coach.bearish,
.chart-lab-trader-card-coach.bearish,
.chart-lab-trader-strip .chart-lab-trader-wick-audit.bearish,
.chart-lab-trader-card-wick-audit.bearish,
.chart-lab-trader-strip .chart-lab-trader-edge.bearish,
.chart-lab-trader-card-edge.bearish,
.chart-lab-full-edge.bearish,
.chart-lab-trader-strip .chart-lab-trader-flow.bearish,
.chart-lab-trader-card-flow.bearish,
.chart-lab-full-flow.bearish,
.chart-lab-trader-strip .chart-lab-trader-quote.bearish,
.chart-lab-trader-card-quote.bearish,
.chart-lab-full-quote.bearish,
.chart-lab-trader-strip .chart-lab-trader-playbook.bearish,
.chart-lab-trader-card-playbook.bearish,
.chart-lab-full-playbook.bearish {
  border-color: rgba(248, 113, 113, 0.42);
}

.chart-lab-trader-strip .chart-lab-trader-conviction.neutral,
.chart-lab-trader-card-conviction.neutral,
.chart-lab-trader-strip .chart-lab-trader-wall-test.neutral,
.chart-lab-trader-strip .chart-lab-trader-level-risk.neutral,
.chart-lab-trader-card-wall-test.neutral,
.chart-lab-trader-card-level-risk.neutral,
.chart-lab-trader-strip .chart-lab-trader-trap.neutral,
.chart-lab-trader-card-trap.neutral,
.chart-lab-trader-strip .chart-lab-trader-coach.neutral,
.chart-lab-trader-card-coach.neutral,
.chart-lab-trader-strip .chart-lab-trader-wick-audit.neutral,
.chart-lab-trader-card-wick-audit.neutral,
.chart-lab-trader-strip .chart-lab-trader-edge.neutral,
.chart-lab-trader-card-edge.neutral,
.chart-lab-full-edge.neutral,
.chart-lab-trader-strip .chart-lab-trader-flow.neutral,
.chart-lab-trader-card-flow.neutral,
.chart-lab-full-flow.neutral,
.chart-lab-trader-strip .chart-lab-trader-quote.neutral,
.chart-lab-trader-card-quote.neutral,
.chart-lab-full-quote.neutral,
.chart-lab-trader-strip .chart-lab-trader-playbook.neutral,
.chart-lab-trader-card-playbook.neutral,
.chart-lab-full-playbook.neutral {
  border-color: rgba(242, 201, 76, 0.42);
}

.chart-lab-trader-card-conviction {
  border-color: rgba(125, 211, 252, 0.36);
  background: linear-gradient(135deg, rgba(14, 165, 233, 0.14), rgba(15, 23, 42, 0.78));
}

.chart-lab-trader-card-wall-test,
.chart-lab-trader-card-level-risk {
  border-color: rgba(242, 201, 76, 0.38);
  background: linear-gradient(135deg, rgba(242, 201, 76, 0.14), rgba(15, 23, 42, 0.78));
}

.chart-lab-trader-card-trap {
  border-color: rgba(251, 146, 60, 0.38);
  background: linear-gradient(135deg, rgba(251, 146, 60, 0.13), rgba(15, 23, 42, 0.78));
}

.chart-lab-trader-card-coach {
  border-color: rgba(125, 211, 252, 0.38);
  background: linear-gradient(135deg, rgba(14, 165, 233, 0.14), rgba(15, 23, 42, 0.78));
}

.chart-lab-trader-card-wick-audit {
  border-color: rgba(52, 211, 153, 0.34);
  background: linear-gradient(135deg, rgba(6, 78, 59, 0.18), rgba(15, 23, 42, 0.78));
}

.chart-lab-trader-card-path {
  border-color: rgba(168, 85, 247, 0.34);
  background: linear-gradient(135deg, rgba(88, 28, 135, 0.2), rgba(15, 23, 42, 0.78));
}

.chart-lab-trader-card-mtf {
  border-color: rgba(56, 189, 248, 0.34);
  background: linear-gradient(135deg, rgba(8, 47, 73, 0.32), rgba(15, 23, 42, 0.78));
}

.chart-lab-trader-card-cross {
  border-color: rgba(52, 211, 153, 0.32);
  background: linear-gradient(135deg, rgba(6, 78, 59, 0.24), rgba(15, 23, 42, 0.78));
}

.chart-lab-trader-card-memory {
  border-color: rgba(147, 197, 253, 0.34);
  background: linear-gradient(135deg, rgba(30, 64, 175, 0.18), rgba(15, 23, 42, 0.78));
}

.chart-lab-trader-card-edge {
  border-color: rgba(244, 114, 182, 0.34);
  background: linear-gradient(135deg, rgba(131, 24, 67, 0.18), rgba(15, 23, 42, 0.8));
}

.chart-lab-trader-card-flow {
  border-color: rgba(45, 212, 191, 0.34);
  background: linear-gradient(135deg, rgba(20, 83, 79, 0.2), rgba(15, 23, 42, 0.8));
}

.chart-lab-trader-card-quote,
.chart-lab-full-quote {
  border-color: rgba(56, 189, 248, 0.34);
  background: linear-gradient(135deg, rgba(12, 74, 110, 0.22), rgba(15, 23, 42, 0.8));
}

.chart-lab-trader-card-playbook {
  border-color: rgba(167, 139, 250, 0.36);
  background: linear-gradient(135deg, rgba(76, 29, 149, 0.18), rgba(15, 23, 42, 0.8));
}

.chart-lab-quote-grid {
  display: grid;
  gap: 7px;
  grid-template-columns: repeat(2, minmax(0, 1fr));
  margin-top: 9px;
}

.chart-lab-quote-grid div {
  min-width: 0;
  border: 1px solid rgba(125, 211, 252, 0.2);
  border-radius: 7px;
  background: rgba(3, 7, 18, 0.3);
  padding: 8px;
}

.chart-lab-quote-grid span {
  color: #9ec5ff;
  display: block;
  font-size: 9px;
  font-weight: 950;
  letter-spacing: 0.08em;
  text-transform: uppercase;
}

.chart-lab-quote-grid strong {
  color: #fff;
  display: block;
  font-size: 11px;
  line-height: 1.2;
  margin-top: 4px;
  overflow-wrap: anywhere;
}

.chart-lab-edge-stack {
  display: grid;
  gap: 9px;
  margin-top: 10px;
}

.chart-lab-edge-score {
  display: grid;
  gap: 7px;
  grid-template-columns: 1fr;
}

.chart-lab-edge-score div,
.chart-lab-edge-evidence div,
.chart-lab-edge-missing {
  min-width: 0;
  border: 1px solid rgba(148, 163, 184, 0.2);
  border-radius: 7px;
  background: rgba(3, 7, 18, 0.32);
  padding: 8px;
}

.chart-lab-edge-score strong {
  color: #fff;
  font-size: 11px;
  line-height: 1.22;
  margin-top: 4px;
  overflow-wrap: anywhere;
}

.chart-lab-edge-evidence {
  display: grid;
  gap: 7px;
  grid-template-columns: repeat(auto-fit, minmax(150px, 1fr));
}

.chart-lab-edge-evidence div.pass {
  border-color: rgba(34, 197, 94, 0.38);
}

.chart-lab-edge-evidence div.watch {
  border-color: rgba(250, 204, 21, 0.32);
}

.chart-lab-edge-evidence div.fail {
  border-color: rgba(239, 68, 68, 0.4);
}

.chart-lab-edge-evidence strong {
  color: #eaf2ff;
  font-size: 10px;
  line-height: 1;
}

.chart-lab-edge-evidence p,
.chart-lab-edge-missing p {
  color: rgba(226, 232, 240, 0.74);
  font-size: 10px;
  line-height: 1.35;
  margin: 5px 0 0;
}

.chart-lab-edge-missing {
  border-color: rgba(125, 211, 252, 0.22);
}

.chart-lab-flow-stack {
  display: grid;
  gap: 8px;
  margin-top: 9px;
}

.chart-lab-flow-primary,
.chart-lab-flow-grid div {
  min-width: 0;
  border: 1px solid rgba(148, 163, 184, 0.2);
  border-radius: 7px;
  background: rgba(3, 7, 18, 0.3);
  padding: 8px;
}

.chart-lab-flow-primary.bullish {
  border-color: rgba(34, 197, 94, 0.38);
}

.chart-lab-flow-primary.bearish {
  border-color: rgba(239, 68, 68, 0.38);
}

.chart-lab-flow-grid {
  display: grid;
  gap: 7px;
  grid-template-columns: repeat(auto-fit, minmax(148px, 1fr));
}

.chart-lab-flow-grid div.ready {
  border-color: rgba(34, 197, 94, 0.34);
}

.chart-lab-flow-grid div.paid-required,
.chart-lab-flow-grid div.paid-or-missing {
  border-color: rgba(251, 146, 60, 0.4);
}

.chart-lab-flow-grid div.missing {
  border-color: rgba(239, 68, 68, 0.34);
}

.chart-lab-flow-primary strong,
.chart-lab-flow-grid strong {
  color: #fff;
  font-size: 11px;
  line-height: 1.2;
  margin-top: 4px;
}

.chart-lab-flow-primary p,
.chart-lab-flow-grid small {
  color: rgba(226, 232, 240, 0.74);
  display: block;
  font-size: 10px;
  line-height: 1.35;
  margin-top: 5px;
}

.chart-lab-playbook-stack {
  display: grid;
  gap: 8px;
  margin-top: 9px;
}

.chart-lab-playbook-head,
.chart-lab-playbook-rules div,
.chart-lab-playbook-annotations div {
  min-width: 0;
  border: 1px solid rgba(148, 163, 184, 0.2);
  border-radius: 7px;
  background: rgba(3, 7, 18, 0.3);
  padding: 8px;
}

.chart-lab-playbook-head.bullish {
  border-color: rgba(34, 197, 94, 0.38);
}

.chart-lab-playbook-head.bearish {
  border-color: rgba(239, 68, 68, 0.38);
}

.chart-lab-playbook-rules,
.chart-lab-playbook-annotations {
  display: grid;
  gap: 7px;
  grid-template-columns: repeat(auto-fit, minmax(150px, 1fr));
}

.chart-lab-playbook-head strong,
.chart-lab-playbook-rules strong {
  color: #fff;
  font-size: 11px;
  line-height: 1.24;
  margin-top: 4px;
  overflow-wrap: anywhere;
}

.chart-lab-playbook-head p,
.chart-lab-playbook-annotations p {
  color: rgba(226, 232, 240, 0.74);
  font-size: 10px;
  line-height: 1.35;
  margin: 5px 0 0;
}

.chart-lab-wall-reasons {
  display: grid;
  gap: 5px;
  margin: 9px 0 0;
  padding-left: 16px;
}

.chart-lab-wall-reasons li {
  color: rgba(226, 232, 240, 0.78);
  font-size: 11px;
  line-height: 1.42;
}

.chart-lab-coach-steps {
  display: grid;
  gap: 6px;
  margin-top: 9px;
}

.chart-lab-coach-steps div {
  border: 1px solid rgba(125, 211, 252, 0.2);
  border-radius: 7px;
  background: rgba(3, 7, 18, 0.28);
  color: rgba(226, 232, 240, 0.82);
  font-size: 11px;
  font-weight: 800;
  line-height: 1.35;
  padding: 7px 8px;
}

.chart-lab-wick-audit-list {
  display: grid;
  gap: 7px;
  margin-top: 9px;
}

.chart-lab-wick-audit-list div {
  border: 1px solid rgba(148, 163, 184, 0.2);
  border-radius: 7px;
  background: rgba(3, 7, 18, 0.28);
  padding: 8px;
}

.chart-lab-wick-audit-list div.confirmed {
  border-color: rgba(34, 197, 94, 0.36);
}

.chart-lab-wick-audit-list div.invalidated {
  border-color: rgba(239, 68, 68, 0.36);
}

.chart-lab-wick-audit-list div.pending {
  border-color: rgba(251, 146, 60, 0.34);
}

.chart-lab-wick-audit-list strong {
  color: #fff;
  font-size: 12px;
  line-height: 1.2;
}

.chart-lab-wick-audit-list span {
  color: #9ec5ff;
  display: block;
  font-size: 10px;
  font-weight: 900;
  letter-spacing: 0;
  margin-top: 3px;
  text-transform: none;
}

.chart-lab-wick-audit-list p {
  color: rgba(226, 232, 240, 0.72);
  font-size: 10px;
  line-height: 1.35;
  margin: 5px 0 0;
}

.chart-lab-path-stack {
  display: grid;
  gap: 8px;
  margin-top: 9px;
}

.chart-lab-path-stack > div {
  border: 1px solid rgba(148, 163, 184, 0.18);
  border-radius: 8px;
  background: rgba(3, 7, 18, 0.28);
  padding: 8px;
}

.chart-lab-path-stack span,
.chart-lab-mtf-grid span,
.chart-lab-cross-grid span {
  color: rgba(226, 232, 240, 0.86);
  display: flex;
  font-size: 10px;
  font-weight: 900;
  justify-content: space-between;
  letter-spacing: 0;
  line-height: 1.25;
  text-transform: none;
}

.chart-lab-path-stack b {
  color: inherit;
  font-weight: 950;
}

.chart-lab-path-stack strong {
  color: #fff;
  font-size: 11px;
  line-height: 1;
  margin: 0;
}

.chart-lab-path-stack i {
  display: block;
  height: 5px;
  margin-top: 6px;
  overflow: hidden;
  border-radius: 999px;
  background: rgba(148, 163, 184, 0.18);
}

.chart-lab-path-stack em {
  display: block;
  height: 100%;
  border-radius: inherit;
  background: #93c5fd;
}

.chart-lab-path-stack .bullish em { background: #22c55e; }
.chart-lab-path-stack .bearish em { background: #ef4444; }
.chart-lab-path-stack .neutral em { background: #facc15; }

.chart-lab-path-stack p {
  color: rgba(226, 232, 240, 0.72);
  font-size: 10px;
  line-height: 1.35;
  margin: 6px 0 0;
}

.chart-lab-mtf-grid,
.chart-lab-cross-grid {
  display: grid;
  gap: 6px;
  grid-template-columns: repeat(3, minmax(0, 1fr));
  margin-top: 9px;
}

.chart-lab-mtf-grid div,
.chart-lab-cross-grid div {
  min-width: 0;
  border: 1px solid rgba(148, 163, 184, 0.18);
  border-radius: 7px;
  background: rgba(3, 7, 18, 0.3);
  padding: 7px;
}

.chart-lab-mtf-grid div.bullish,
.chart-lab-cross-grid div.confirm {
  border-color: rgba(34, 197, 94, 0.36);
}

.chart-lab-mtf-grid div.bearish,
.chart-lab-cross-grid div.conflict {
  border-color: rgba(239, 68, 68, 0.36);
}

.chart-lab-mtf-grid div.neutral,
.chart-lab-cross-grid div.neutral {
  border-color: rgba(250, 204, 21, 0.28);
}

.chart-lab-mtf-grid strong,
.chart-lab-cross-grid strong {
  color: #eaf2ff;
  font-size: 11px;
  line-height: 1.15;
  margin-top: 4px;
  overflow-wrap: anywhere;
}

.chart-lab-mtf-grid small,
.chart-lab-cross-grid small {
  color: rgba(226, 232, 240, 0.64);
  display: block;
  font-size: 9px;
  line-height: 1.25;
  margin-top: 3px;
  overflow-wrap: anywhere;
}

.chart-lab-trader-grid {
  display: grid;
  grid-template-columns: minmax(0, 1fr);
  gap: 12px;
  align-items: stretch;
}

.chart-lab-trader-chart {
  min-width: 0;
  border: 1px solid rgba(148, 163, 184, 0.24);
  border-radius: 8px;
  background: #07111f;
  overflow: hidden;
  box-shadow: 0 18px 48px rgba(2, 6, 23, 0.28);
}

.chart-lab-trader-toolbar {
  align-items: center;
  border-bottom: 1px solid rgba(148, 163, 184, 0.16);
  display: flex;
  gap: 12px;
  justify-content: space-between;
  min-height: 38px;
  padding: 9px 12px;
}

.chart-lab-trader-toolbar-actions {
  align-items: center;
  display: flex;
  flex-wrap: wrap;
  gap: 8px;
  justify-content: flex-end;
  min-width: 0;
}

.chart-lab-trader-toolbar span {
  color: rgba(226, 232, 240, 0.72);
  font-size: 10px;
  font-weight: 950;
  letter-spacing: .12em;
  text-transform: uppercase;
}

.chart-lab-trader-toolbar strong {
  color: #7dd3fc;
  font-size: 12px;
  font-weight: 950;
  white-space: nowrap;
}

.chart-lab-open-full-btn,
.chart-lab-full-close {
  min-height: 32px;
  border: 1px solid rgba(125, 211, 252, 0.42);
  border-radius: 7px;
  background: rgba(14, 165, 233, 0.12);
  color: #e0f2fe;
  cursor: pointer;
  font-size: 11px;
  font-weight: 950;
  padding: 0 11px;
}

.chart-lab-open-full-btn:hover,
.chart-lab-full-close:hover {
  border-color: rgba(125, 211, 252, 0.8);
  background: rgba(14, 165, 233, 0.2);
}

.chart-lab-trader-svg {
  width: 100%;
  min-height: 430px;
  display: block;
}

.chart-lab-trader-side {
  display: grid;
  grid-template-columns: 1fr;
  gap: 10px;
  align-content: start;
}

.chart-lab-trader-side .chart-lab-trader-card {
  min-height: 112px;
}

.chart-lab-panel-group {
  min-width: 0;
  border: 1px solid rgba(148, 163, 184, 0.2);
  border-radius: 8px;
  background: rgba(3, 7, 18, 0.24);
  overflow: clip;
}

.chart-lab-panel-group summary {
  align-items: center;
  cursor: pointer;
  display: flex;
  gap: 10px;
  justify-content: space-between;
  list-style: none;
  min-height: 42px;
  padding: 10px 12px;
}

.chart-lab-panel-group summary::-webkit-details-marker {
  display: none;
}

.chart-lab-panel-group summary span {
  color: #eaf2ff;
  font-size: 12px;
  font-weight: 950;
  letter-spacing: 0.08em;
  text-transform: uppercase;
}

.chart-lab-panel-group summary strong {
  color: rgba(226, 232, 240, 0.68);
  font-size: 10px;
  font-weight: 850;
  line-height: 1.2;
  text-align: right;
}

.chart-lab-panel-group summary::after {
  border: solid #7dd3fc;
  border-width: 0 2px 2px 0;
  content: "";
  height: 7px;
  margin-left: 2px;
  transform: rotate(45deg);
  transition: transform 0.18s ease;
  width: 7px;
}

.chart-lab-panel-group[open] summary::after {
  transform: rotate(225deg);
}

.chart-lab-panel-group-body {
  border-top: 1px solid rgba(148, 163, 184, 0.16);
  display: grid;
  gap: 10px;
  grid-template-columns: repeat(auto-fit, minmax(172px, 1fr));
  padding: 10px;
}

.chart-lab-memory-match-grid {
  display: grid;
  gap: 7px;
  margin-top: 9px;
}

.chart-lab-memory-match-grid div {
  min-width: 0;
  border: 1px solid rgba(148, 163, 184, 0.18);
  border-left: 3px solid #facc15;
  border-radius: 7px;
  background: rgba(3, 7, 18, 0.28);
  padding: 8px;
}

.chart-lab-memory-match-grid div.bullish {
  border-left-color: #22c55e;
}

.chart-lab-memory-match-grid div.bearish {
  border-left-color: #ef4444;
}

.chart-lab-memory-replay-card {
  overflow: hidden;
}

.chart-lab-memory-match-grid span {
  color: #9ec5ff;
  display: block;
  font-size: 9px;
  font-weight: 950;
  letter-spacing: 0.08em;
  text-transform: uppercase;
}

.chart-lab-memory-match-grid strong {
  color: #fff;
  display: block;
  font-size: 11px;
  font-weight: 950;
  line-height: 1.18;
  margin-top: 4px;
}

.chart-lab-memory-match-grid p {
  color: rgba(226, 232, 240, 0.72);
  font-size: 10px;
  line-height: 1.35;
  margin: 5px 0 0;
}

.chart-lab-memory-replay-path {
  display: grid;
  gap: 3px;
  margin-top: 7px;
}

.chart-lab-memory-replay-path i {
  background: rgba(148, 163, 184, 0.18);
  border-radius: 999px;
  display: block;
  height: 4px;
  overflow: hidden;
  position: relative;
}

.chart-lab-memory-replay-path i::after {
  background: #facc15;
  border-radius: inherit;
  content: "";
  display: block;
  height: 100%;
  width: var(--w, 42%);
}

.chart-lab-memory-replay-path.continued i::after {
  background: #22c55e;
}

.chart-lab-memory-replay-path.rejected i::after {
  background: #ef4444;
}

.chart-lab-memory-replay-path.chopped i::after {
  background: #facc15;
}

.chart-lab-trader-card-change,
.chart-lab-trader-card-live-bank {
  border-color: rgba(125, 211, 252, 0.34);
  background: linear-gradient(135deg, rgba(8, 47, 73, 0.26), rgba(15, 23, 42, 0.8));
}

.chart-lab-trader-card-change.bullish,
.chart-lab-trader-card-live-bank.bullish {
  border-color: rgba(34, 197, 94, 0.38);
}

.chart-lab-trader-card-change.bearish,
.chart-lab-trader-card-live-bank.bearish {
  border-color: rgba(239, 68, 68, 0.4);
}

.chart-lab-trader-card.visual {
  border-color: rgba(45, 212, 191, 0.34);
  background: linear-gradient(135deg, rgba(20, 83, 79, 0.24), rgba(15, 23, 42, 0.78));
}

.chart-lab-trader-card-proof {
  border-color: rgba(242, 201, 76, 0.36);
  background: linear-gradient(135deg, rgba(242, 201, 76, 0.12), rgba(15, 23, 42, 0.78));
}

.chart-lab-tv-readout {
  align-items: center;
  border-bottom: 1px solid rgba(148, 163, 184, 0.12);
  color: rgba(226, 232, 240, 0.78);
  display: flex;
  flex-wrap: wrap;
  gap: 8px 14px;
  min-height: 38px;
  padding: 8px 12px;
}

.chart-lab-tv-readout span {
  color: #9ec5ff;
  font-size: 11px;
  font-weight: 950;
  letter-spacing: .08em;
  text-transform: uppercase;
}

.chart-lab-tv-readout strong {
  color: #eaf2ff;
  font-size: 12px;
  font-weight: 950;
  white-space: nowrap;
}

.chart-lab-tv-readout strong.positive { color: #22c55e; }
.chart-lab-tv-readout strong.negative { color: #ef4444; }
.chart-lab-tv-readout strong.neutral { color: #facc15; }

.chart-lab-readout-state,
.chart-lab-readout-latest,
.chart-lab-readout-feed {
  border: 1px solid rgba(148, 163, 184, 0.24);
  border-radius: 999px;
  background: rgba(15, 23, 42, 0.78);
  padding: 3px 8px;
}

.chart-lab-readout-state.positive {
  border-color: rgba(34, 197, 94, 0.34);
  background: rgba(34, 197, 94, 0.1);
}

.chart-lab-readout-state.negative {
  border-color: rgba(239, 68, 68, 0.34);
  background: rgba(239, 68, 68, 0.1);
}

.chart-lab-readout-state.neutral {
  border-color: rgba(250, 204, 21, 0.34);
  background: rgba(250, 204, 21, 0.1);
}

.chart-lab-readout-latest {
  border-color: rgba(125, 211, 252, 0.32);
  color: #bae6fd;
  margin-left: auto;
}

.chart-lab-readout-feed {
  border-color: rgba(148, 163, 184, 0.28);
  color: rgba(226, 232, 240, 0.78);
}

.chart-lab-readout-feed.active {
  border-color: rgba(45, 212, 191, 0.34);
  background: rgba(20, 184, 166, 0.1);
  color: #99f6e4;
}

.chart-lab-readout-feed.stale {
  border-color: rgba(251, 146, 60, 0.42);
  background: rgba(251, 146, 60, 0.1);
  color: #fed7aa;
}

.chart-lab-playbook-chart-panel {
  align-items: center;
  background: linear-gradient(135deg, rgba(15, 23, 42, 0.9), rgba(2, 6, 23, 0.72));
  border-bottom: 1px solid rgba(148, 163, 184, 0.14);
  border-left: 3px solid #facc15;
  color: #f8fafc;
  display: grid;
  gap: 10px;
  grid-template-columns: minmax(210px, 0.8fr) minmax(0, 1.4fr);
  padding: 10px 12px;
}

.chart-lab-playbook-chart-panel.bullish {
  border-left-color: #22c55e;
}

.chart-lab-playbook-chart-panel.bearish {
  border-left-color: #ef4444;
}

.chart-lab-playbook-chart-main {
  min-width: 0;
}

.chart-lab-playbook-chart-main span {
  color: #9ec5ff;
  display: block;
  font-size: 9px;
  font-weight: 950;
  letter-spacing: 0.1em;
  line-height: 1.1;
  text-transform: uppercase;
}

.chart-lab-playbook-chart-main strong {
  color: #fff;
  display: block;
  font-size: 14px;
  font-weight: 950;
  line-height: 1.16;
  margin-top: 3px;
  overflow-wrap: anywhere;
}

.chart-lab-playbook-chart-main small {
  color: rgba(226, 232, 240, 0.78);
  display: block;
  font-size: 11px;
  line-height: 1.25;
  margin-top: 3px;
}

.chart-lab-playbook-chart-chips {
  display: flex;
  flex-wrap: wrap;
  gap: 6px;
  justify-content: flex-end;
  min-width: 0;
}

.chart-lab-playbook-chart-chips span {
  align-items: center;
  background: rgba(15, 23, 42, 0.88);
  border: 1px solid rgba(148, 163, 184, 0.28);
  border-radius: 999px;
  color: rgba(226, 232, 240, 0.86);
  display: inline-flex;
  font-size: 10px;
  font-weight: 900;
  gap: 5px;
  line-height: 1.1;
  max-width: 190px;
  min-height: 24px;
  overflow: hidden;
  padding: 5px 8px;
  text-overflow: ellipsis;
  white-space: nowrap;
}

.chart-lab-playbook-chart-chips span.bullish {
  border-color: rgba(34, 197, 94, 0.46);
  color: #86efac;
}

.chart-lab-playbook-chart-chips span.bearish {
  border-color: rgba(239, 68, 68, 0.48);
  color: #fca5a5;
}

.chart-lab-playbook-chart-chips b {
  color: #bfdbfe;
  font-weight: 950;
}

.chart-lab-candle-quality {
  align-items: center;
  background: linear-gradient(135deg, rgba(14, 165, 233, 0.14), rgba(2, 6, 23, 0.78));
  border-bottom: 1px solid rgba(125, 211, 252, 0.18);
  border-left: 3px solid #7dd3fc;
  color: #eaf2ff;
  display: grid;
  gap: 10px;
  grid-template-columns: minmax(230px, 0.75fr) minmax(0, 1.25fr);
  padding: 9px 12px;
}

.chart-lab-candle-quality.bullish {
  border-left-color: #22c55e;
  background: linear-gradient(135deg, rgba(6, 78, 59, 0.22), rgba(2, 6, 23, 0.78));
}

.chart-lab-candle-quality.bearish {
  border-left-color: #ef4444;
  background: linear-gradient(135deg, rgba(127, 29, 29, 0.2), rgba(2, 6, 23, 0.78));
}

.chart-lab-candle-quality strong {
  color: #fff;
  display: block;
  font-size: 13px;
  font-weight: 950;
  line-height: 1.15;
  margin-top: 4px;
}

.chart-lab-candle-quality p {
  color: rgba(226, 232, 240, 0.72);
  font-size: 11px;
  line-height: 1.35;
  margin: 4px 0 0;
}

.chart-lab-candle-quality-chips {
  align-items: center;
  display: flex;
  flex-wrap: wrap;
  gap: 6px;
  justify-content: flex-end;
  min-width: 0;
}

.chart-lab-candle-quality-chips span {
  border: 1px solid rgba(148, 163, 184, 0.26);
  border-radius: 999px;
  background: rgba(15, 23, 42, 0.72);
  color: #dbeafe;
  font-size: 10px;
  font-weight: 950;
  line-height: 1.1;
  max-width: 180px;
  overflow: hidden;
  padding: 5px 8px;
  text-overflow: ellipsis;
  white-space: nowrap;
}

.chart-lab-bidask-panel {
  align-items: stretch;
  background: linear-gradient(135deg, rgba(8, 47, 73, 0.34), rgba(2, 6, 23, 0.78));
  border-top: 1px solid rgba(56, 189, 248, 0.22);
  color: #eaf2ff;
  display: grid;
  gap: 10px;
  grid-template-columns: minmax(240px, 0.7fr) minmax(0, 1.3fr);
  padding: 10px 12px 12px;
}

.chart-lab-bidask-panel.bullish {
  border-top-color: rgba(34, 197, 94, 0.38);
  background: linear-gradient(135deg, rgba(6, 78, 59, 0.26), rgba(2, 6, 23, 0.78));
}

.chart-lab-bidask-panel.bearish {
  border-top-color: rgba(239, 68, 68, 0.4);
  background: linear-gradient(135deg, rgba(127, 29, 29, 0.22), rgba(2, 6, 23, 0.78));
}

.chart-lab-bidask-head {
  min-width: 0;
}

.chart-lab-bidask-head strong {
  color: #fff;
  display: block;
  font-size: 14px;
  font-weight: 950;
  line-height: 1.18;
  margin-top: 5px;
}

.chart-lab-bidask-head p {
  color: rgba(226, 232, 240, 0.76);
  font-size: 11px;
  line-height: 1.35;
  margin: 5px 0 0;
}

.chart-lab-bidask-grid {
  display: grid;
  gap: 8px;
  grid-template-columns: repeat(4, minmax(0, 1fr));
  min-width: 0;
}

.chart-lab-bidask-grid div {
  background: rgba(3, 7, 18, 0.34);
  border: 1px solid rgba(125, 211, 252, 0.2);
  border-radius: 8px;
  min-width: 0;
  padding: 9px 10px;
}

.chart-lab-bidask-grid span {
  color: #9ec5ff;
  display: block;
  font-size: 9px;
  font-weight: 950;
  letter-spacing: 0.09em;
  text-transform: uppercase;
}

.chart-lab-bidask-grid strong {
  color: #fff;
  display: block;
  font-size: 12px;
  font-weight: 950;
  line-height: 1.15;
  margin-top: 5px;
  overflow-wrap: anywhere;
}

.chart-lab-indicator-panes {
  border-top: 1px solid rgba(56, 189, 248, 0.18);
  display: grid;
  gap: 8px;
  grid-template-columns: repeat(6, minmax(150px, 1fr));
  padding: 10px 12px;
}

.chart-lab-indicator-panes article {
  background: rgba(3, 7, 18, 0.34);
  border: 1px solid rgba(148, 163, 184, 0.2);
  border-radius: 8px;
  min-width: 0;
  padding: 9px 10px;
}

.chart-lab-indicator-panes article.bullish {
  border-color: rgba(34, 197, 94, 0.34);
}

.chart-lab-indicator-panes article.bearish {
  border-color: rgba(239, 68, 68, 0.36);
}

.chart-lab-indicator-panes strong {
  color: #fff;
  display: block;
  font-size: 12px;
  font-weight: 950;
  line-height: 1.2;
  margin-top: 5px;
  overflow-wrap: anywhere;
}

.chart-lab-indicator-panes p {
  color: rgba(226, 232, 240, 0.74);
  font-size: 10px;
  line-height: 1.35;
  margin: 5px 0 0;
}

.chart-lab-pane-bars {
  align-items: end;
  display: grid;
  gap: 2px;
  grid-template-columns: repeat(54, minmax(1px, 1fr));
  height: 42px;
  margin-top: 8px;
  min-width: 0;
}

.chart-lab-pane-bars i {
  background: rgba(148, 163, 184, 0.42);
  border-radius: 2px 2px 0 0;
  display: block;
  height: var(--h, 12%);
  min-height: 3px;
}

.chart-lab-pane-bars i.bullish {
  background: rgba(34, 197, 94, 0.62);
}

.chart-lab-pane-bars i.bearish {
  background: rgba(239, 68, 68, 0.58);
}

.chart-lab-memory-bars {
  display: grid;
  gap: 5px;
  margin-top: 8px;
}

.chart-lab-memory-bars span {
  align-items: center;
  color: rgba(226, 232, 240, 0.72);
  display: grid;
  gap: 6px;
  grid-template-columns: 60px minmax(0, 1fr) 38px;
  font-size: 9px;
  font-weight: 900;
}

.chart-lab-memory-bars i {
  background: rgba(148, 163, 184, 0.16);
  border-radius: 999px;
  height: 6px;
  overflow: hidden;
  position: relative;
}

.chart-lab-memory-bars i::before {
  background: #94a3b8;
  border-radius: inherit;
  content: "";
  display: block;
  height: 100%;
  width: var(--w, 0%);
}

.chart-lab-memory-bars span.bullish i::before {
  background: #22c55e;
}

.chart-lab-memory-bars span.bearish i::before {
  background: #ef4444;
}

.chart-lab-structure-replay {
  border-top: 1px solid rgba(148, 163, 184, 0.16);
  display: grid;
  gap: 9px;
  padding: 10px 12px 12px;
}

.chart-lab-structure-replay > div:first-child {
  align-items: baseline;
  display: flex;
  gap: 10px;
  justify-content: space-between;
  min-width: 0;
}

.chart-lab-structure-replay > div:first-child span {
  color: #9ec5ff;
  font-size: 10px;
  font-weight: 950;
  letter-spacing: 0.1em;
  text-transform: uppercase;
}

.chart-lab-structure-replay > div:first-child strong {
  color: rgba(226, 232, 240, 0.7);
  font-size: 10px;
  font-weight: 900;
}

.chart-lab-structure-replay-row {
  display: grid;
  gap: 8px;
  grid-template-columns: repeat(auto-fit, minmax(170px, 1fr));
}

.chart-lab-structure-replay article {
  background: rgba(3, 7, 18, 0.32);
  border: 1px solid rgba(148, 163, 184, 0.18);
  border-left: 3px solid #94a3b8;
  border-radius: 7px;
  min-width: 0;
  padding: 8px 9px;
}

.chart-lab-structure-replay article.bullish {
  border-left-color: #22c55e;
}

.chart-lab-structure-replay article.bearish {
  border-left-color: #ef4444;
}

.chart-lab-structure-replay article span {
  color: #bfdbfe;
  display: block;
  font-size: 9px;
  font-weight: 950;
  letter-spacing: 0.08em;
  text-transform: uppercase;
}

.chart-lab-structure-replay article p {
  color: rgba(226, 232, 240, 0.78);
  font-size: 10px;
  line-height: 1.35;
  margin: 5px 0 0;
}

.chart-lab-tv-chart {
  width: 100%;
  height: clamp(560px, 62vh, 780px);
  min-height: 560px;
  background: #07111f;
  overscroll-behavior-y: auto;
  overscroll-behavior-x: contain;
  position: relative;
  touch-action: pan-y;
}

.chart-lab-tv-chart * {
  touch-action: pan-y !important;
}

.chart-lab-price-axis-gesture {
  bottom: 0;
  cursor: ns-resize;
  opacity: 0;
  position: absolute;
  right: 0;
  top: 0;
  touch-action: none !important;
  width: clamp(54px, 5vw, 88px);
  z-index: 8;
}

.chart-lab-volume-badge {
  border: 1px solid rgba(45, 212, 191, 0.24);
  border-radius: 999px;
  background: rgba(2, 6, 23, 0.72);
  bottom: 32px;
  color: rgba(186, 230, 253, 0.9);
  font-size: 10px;
  font-weight: 950;
  left: 12px;
  letter-spacing: .08em;
  padding: 4px 8px;
  pointer-events: none;
  position: absolute;
  text-transform: uppercase;
  z-index: 8;
}

.chart-lab-live-value-badge {
  display: none;
  align-items: flex-end;
  border: 1px solid rgba(125, 211, 252, 0.28);
  border-radius: 7px;
  background: rgba(2, 6, 23, 0.78);
  box-shadow: 0 14px 32px rgba(0, 0, 0, 0.26);
  color: #f8fafc;
  display: grid;
  gap: 2px;
  max-width: min(240px, 34vw);
  min-width: 128px;
  padding: 8px 10px;
  pointer-events: none;
  position: absolute;
  right: 78px;
  top: 12px;
  z-index: 9;
}

.chart-lab-live-value-badge span {
  color: #9ec5ff;
  font-size: 9px;
  font-weight: 950;
  letter-spacing: 0.1em;
  text-transform: uppercase;
}

.chart-lab-live-value-badge strong {
  color: #fff;
  font-size: 13px;
  font-weight: 950;
  line-height: 1.1;
  overflow-wrap: anywhere;
}

.chart-lab-live-value-badge small {
  color: rgba(226, 232, 240, 0.72);
  font-size: 10px;
  font-weight: 800;
  line-height: 1.2;
}

@media (max-width: 720px) {
  .chart-lab-live-value-badge {
    left: 12px;
    max-width: calc(100% - 112px);
    min-width: 0;
    right: auto;
    top: 10px;
  }
}

.chart-lab-right-labels {
  bottom: 0;
  pointer-events: none;
  position: absolute;
  right: 82px;
  top: 0;
  width: min(230px, 30vw);
  z-index: 5;
}

.chart-lab-right-label {
  align-items: center;
  border: 1px solid var(--label-color, rgba(148, 163, 184, 0.55));
  border-radius: 5px;
  box-shadow: 0 8px 18px rgba(0, 0, 0, 0.18);
  color: #f8fafc;
  cursor: help;
  display: inline-flex;
  gap: 6px;
  justify-content: space-between;
  max-width: min(100%, 190px);
  min-height: 20px;
  min-width: 124px;
  overflow: hidden;
  padding: 3px 7px;
  pointer-events: auto;
  position: absolute;
  right: 0;
  transform: translateY(-50%);
  white-space: nowrap;
  width: max-content;
}

.chart-lab-layer-clean .chart-lab-right-label {
  min-width: 138px;
  padding: 3px 7px;
}

.chart-lab-trader-mode-focus .chart-lab-indicator-panes {
  flex: 0 0 auto;
  max-height: 132px;
  overflow: auto;
}

@media (max-width: 960px) {
  .chart-lab-indicator-panes {
    display: flex;
    overflow-x: auto;
    padding-bottom: 12px;
    scroll-snap-type: x proximity;
  }

  .chart-lab-indicator-panes article {
    flex: 0 0 min(260px, 76vw);
    scroll-snap-align: start;
  }

  .chart-lab-structure-replay-row {
    display: flex;
    overflow-x: auto;
    padding-bottom: 2px;
    scroll-snap-type: x proximity;
  }

  .chart-lab-structure-replay article {
    flex: 0 0 min(250px, 74vw);
    scroll-snap-align: start;
  }

  .chart-lab-right-labels {
    right: 58px;
    width: min(180px, 48vw);
  }

  .chart-lab-right-label {
    max-width: 100%;
    min-width: 104px;
  }

  .chart-lab-right-label span {
    font-size: 9px;
  }
}

.chart-lab-right-label span {
  color: #fff;
  display: block;
  flex: 1 1 auto;
  font-size: 9px;
  font-weight: 900;
  letter-spacing: 0.02em;
  line-height: 1;
  min-width: 0;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
}

.chart-lab-right-label strong {
  color: #fff;
  flex: 0 0 auto;
  font-size: 9px;
  font-variant-numeric: tabular-nums;
  font-weight: 950;
  letter-spacing: 0;
  line-height: 1;
  white-space: nowrap;
}

.chart-lab-right-label b {
  display: none;
}

.chart-lab-playbook-canvas-overlay {
  align-items: flex-start;
  background: rgba(3, 7, 18, 0.82);
  border: 1px solid rgba(250, 204, 21, 0.38);
  border-left: 3px solid #facc15;
  border-radius: 8px;
  box-shadow: 0 18px 42px rgba(0, 0, 0, 0.32);
  color: #f8fafc;
  display: grid;
  gap: 8px;
  left: 12px;
  max-width: min(440px, calc(100% - 24px));
  padding: 10px 11px;
  pointer-events: none;
  position: absolute;
  top: 12px;
  z-index: 4;
}

.chart-lab-playbook-canvas-overlay.bullish {
  border-color: rgba(34, 197, 94, 0.48);
  border-left-color: #22c55e;
}

.chart-lab-playbook-canvas-overlay.bearish {
  border-color: rgba(239, 68, 68, 0.5);
  border-left-color: #ef4444;
}

.chart-lab-playbook-canvas-overlay span {
  color: #9ec5ff;
  display: block;
  font-size: 9px;
  font-weight: 950;
  letter-spacing: 0.09em;
  line-height: 1.1;
  text-transform: uppercase;
}

.chart-lab-playbook-canvas-overlay strong {
  color: #fff;
  display: block;
  font-size: 13px;
  font-weight: 950;
  line-height: 1.18;
  margin-top: 3px;
  overflow-wrap: anywhere;
}

.chart-lab-playbook-canvas-overlay small {
  color: rgba(226, 232, 240, 0.78);
  display: block;
  font-size: 11px;
  line-height: 1.25;
  margin-top: 3px;
}

.chart-lab-playbook-canvas-chips {
  display: flex;
  flex-wrap: wrap;
  gap: 5px;
}

.chart-lab-playbook-canvas-chips span {
  background: rgba(15, 23, 42, 0.84);
  border: 1px solid rgba(148, 163, 184, 0.28);
  border-radius: 999px;
  color: rgba(226, 232, 240, 0.86);
  display: inline-flex;
  gap: 5px;
  max-width: 170px;
  min-height: 22px;
  overflow: hidden;
  padding: 4px 7px;
  text-overflow: ellipsis;
  white-space: nowrap;
}

.chart-lab-playbook-canvas-chips span.bullish {
  border-color: rgba(34, 197, 94, 0.46);
  color: #86efac;
}

.chart-lab-playbook-canvas-chips span.bearish {
  border-color: rgba(239, 68, 68, 0.48);
  color: #fca5a5;
}

.chart-lab-playbook-canvas-chips b {
  color: #bfdbfe;
  font-weight: 950;
}

.chart-lab-marker-tooltip {
  background: rgba(3, 7, 18, 0.94);
  border: 1px solid rgba(125, 211, 252, 0.38);
  border-radius: 8px;
  box-shadow: 0 18px 40px rgba(0, 0, 0, 0.34);
  color: #eaf2ff;
  max-width: min(280px, calc(100% - 16px));
  padding: 9px 10px;
  pointer-events: none;
  position: absolute;
  z-index: 6;
}

.chart-lab-marker-tooltip[hidden] {
  display: none;
}

.chart-lab-marker-tooltip strong {
  color: #fff;
  display: block;
  font-size: 12px;
  font-weight: 950;
  line-height: 1.25;
}

.chart-lab-marker-tooltip span {
  color: #7dd3fc;
  display: block;
  font-size: 10px;
  font-weight: 900;
  letter-spacing: .07em;
  line-height: 1.2;
  margin-top: 3px;
  text-transform: uppercase;
}

.chart-lab-marker-tooltip p {
  color: rgba(226, 232, 240, 0.86);
  font-size: 11px;
  line-height: 1.42;
  margin: 7px 0 0;
}

.chart-lab-tv-chart .chart-lab-trader-svg {
  min-height: 560px;
}

#section-chart-lab {
  background: #050b14;
  color: #eaf2ff;
  inset: 0;
  overflow: auto;
  position: fixed;
  z-index: 1200;
}

#section-chart-lab[hidden] {
  display: none;
}

.chart-lab-fullscreen {
  display: flex;
  flex-direction: column;
  gap: 12px;
  min-height: var(--pmdesk-vh, 100dvh);
  padding: 12px clamp(10px, 2vw, 24px) 18px;
}

.chart-lab-full-head {
  align-items: center;
  border: 1px solid rgba(148, 163, 184, 0.22);
  border-radius: 8px;
  background: rgba(8, 17, 31, 0.96);
  display: flex;
  gap: 16px;
  justify-content: space-between;
  padding: 12px 14px;
  position: sticky;
  top: 0;
  z-index: 2;
}

.chart-lab-full-head h2 {
  color: #fff;
  font-size: clamp(20px, 3vw, 34px);
  line-height: 1.08;
  margin: 2px 0 3px;
}

.chart-lab-full-head p {
  color: rgba(226, 232, 240, 0.72);
  font-size: 13px;
  line-height: 1.45;
  margin: 0;
}

.chart-lab-full-actions {
  align-items: center;
  display: flex;
  gap: 8px;
}

.chart-lab-full-controls {
  border: 1px solid rgba(148, 163, 184, 0.18);
  border-radius: 8px;
  background: rgba(8, 17, 31, 0.76);
  padding: 8px 10px;
}

.chart-lab-full-controls .chart-lab-controls {
  margin: 0;
}

.chart-lab-full-controls .chart-lab-control-status {
  margin: 10px 0 0;
}

.chart-lab-trader-mode-full {
  border-color: rgba(125, 211, 252, 0.24);
  display: flex;
  flex: 1;
  flex-direction: column;
  gap: 10px;
  margin: 0;
  min-height: 0;
  padding: 12px;
}

.chart-lab-trader-mode-full .chart-lab-trader-grid {
  flex: 1;
  min-height: 0;
}

.chart-lab-trader-mode-full .chart-lab-trader-chart {
  display: flex;
  flex-direction: column;
  min-height: min(74dvh, 820px);
  order: 1;
}

.chart-lab-trader-mode-full .chart-lab-tv-chart {
  flex: 1;
  height: min(74dvh, 820px);
  min-height: 620px;
}

.chart-lab-trader-mode-full .chart-lab-trader-side {
  grid-template-columns: 1fr;
  order: 2;
}

body.chart-lab-focus-active {
  overflow: hidden;
}

.chart-lab-focus-layer {
  position: fixed;
  inset: 0;
  z-index: 1700;
  display: flex;
  flex-direction: column;
  gap: 8px;
  width: var(--pmdesk-vw, 100vw);
  height: var(--pmdesk-vh, 100dvh);
  padding: max(8px, env(safe-area-inset-top)) max(8px, env(safe-area-inset-right)) max(8px, env(safe-area-inset-bottom)) max(8px, env(safe-area-inset-left));
  background: #050b14;
  color: #eaf2ff;
}

.chart-lab-focus-layer:fullscreen {
  width: 100vw;
  height: 100vh;
}

.chart-lab-focus-head {
  align-items: center;
  display: flex;
  flex: 0 0 auto;
  gap: 12px;
  justify-content: space-between;
  min-height: 58px;
  border: 1px solid rgba(148, 163, 184, 0.22);
  border-radius: 8px;
  background: linear-gradient(180deg, rgba(15, 23, 42, 0.94), rgba(8, 17, 31, 0.92));
  padding: 10px 12px;
  box-shadow: 0 16px 40px rgba(2, 6, 23, 0.34);
}

.chart-lab-focus-head span {
  color: #9ec5ff;
  display: block;
  font-size: 10px;
  font-weight: 950;
  letter-spacing: .12em;
  text-transform: uppercase;
}

.chart-lab-focus-head h2 {
  color: #fff;
  font-size: clamp(20px, 2.4vw, 32px);
  line-height: 1.05;
  margin: 2px 0 3px;
}

.chart-lab-focus-head p {
  color: rgba(226, 232, 240, 0.72);
  font-size: 12px;
  line-height: 1.35;
  margin: 0;
}

.chart-lab-focus-actions {
  align-items: center;
  display: flex;
  flex: 0 0 auto;
  gap: 8px;
}

.chart-lab-focus-body {
  display: flex;
  flex: 1;
  min-height: 0;
}

.chart-lab-trader-mode-focus,
.chart-lab-trader-mode-chart-only {
  border: 0;
  background: transparent;
  box-shadow: none;
  display: flex;
  flex: 1;
  margin: 0;
  min-height: 0;
  padding: 0;
}

.chart-lab-focus-chart-card {
  display: flex;
  flex: 1;
  flex-direction: column;
  min-height: 0;
}

.chart-lab-trader-mode-focus .chart-lab-tv-readout,
.chart-lab-trader-mode-focus .chart-lab-candle-quality,
.chart-lab-trader-mode-focus .chart-lab-playbook-chart-panel {
  flex: 0 0 auto;
}

.chart-lab-trader-mode-focus .chart-lab-tv-chart {
  flex: 1;
  height: auto;
  min-height: 0;
}

.chart-lab-focus-empty {
  border: 1px solid rgba(148, 163, 184, 0.24);
  border-radius: 8px;
  background: rgba(8, 17, 31, 0.86);
  padding: 18px;
}

.chart-lab-focus-empty strong {
  color: #fff;
  display: block;
  font-size: 18px;
  margin-bottom: 6px;
}

.chart-lab-focus-empty p {
  color: rgba(226, 232, 240, 0.72);
  margin: 0;
}

@media (max-height: 540px) and (orientation: landscape) {
  .chart-lab-focus-head {
    min-height: 44px;
    padding: 6px 8px;
  }

  .chart-lab-focus-head h2 {
    font-size: 18px;
  }

  .chart-lab-focus-head p {
    display: none;
  }

  .chart-lab-trader-mode-focus .chart-lab-trader-toolbar {
    min-height: 30px;
    padding: 6px 8px;
  }

  .chart-lab-trader-mode-focus .chart-lab-candle-quality,
  .chart-lab-trader-mode-focus .chart-lab-playbook-chart-panel {
    display: none;
  }
}

.chart-lab-full-diagnostics {
  display: grid;
  gap: 10px;
  grid-template-columns: repeat(auto-fit, minmax(190px, 1fr));
}

.chart-lab-full-diagnostics article,
.chart-lab-full-empty {
  border: 1px solid rgba(148, 163, 184, 0.22);
  border-radius: 8px;
  background: rgba(15, 23, 42, 0.88);
  min-width: 0;
  padding: 12px;
}

.chart-lab-full-diagnostics span {
  color: #93c5fd;
  display: block;
  font-size: 10px;
  font-weight: 950;
  letter-spacing: .1em;
  text-transform: uppercase;
}

.chart-lab-full-diagnostics strong,
.chart-lab-full-empty strong {
  color: #fff;
  display: block;
  font-size: 15px;
  font-weight: 950;
  margin-top: 5px;
}

.chart-lab-full-diagnostics p,
.chart-lab-full-empty p {
  color: rgba(226, 232, 240, 0.78);
  font-size: 12px;
  line-height: 1.5;
  margin: 7px 0 0;
}

.chart-lab-disclaimer {
  margin: 12px 0 0;
  color: rgba(226, 232, 240, 0.82);
  font-size: 12px;
  font-style: italic;
  line-height: 1.5;
}

.trader-svg-title,
.trader-svg-label,
.trader-svg-small,
.trader-svg-axis {
  font-family: Inter, Arial, sans-serif;
  font-weight: 900;
}

.trader-svg-title {
  fill: #eaf2ff;
  font-size: 14px;
}

.trader-svg-label {
  font-size: 12px;
}

.trader-svg-small {
  font-size: 11px;
}

.trader-svg-axis {
  fill: #94a3b8;
  font-size: 11px;
  font-weight: 800;
}

@media (max-width: 760px) {
  .chart-lab-controls {
    display: grid;
    grid-template-columns: 1fr;
  }

  .chart-lab-control-group {
    flex-wrap: wrap;
  }

  .chart-lab-control-group span {
    flex: 1 0 100%;
  }

  .chart-lab-trader-mode {
    margin-inline: -4px;
    padding: 12px;
    border-radius: 8px;
  }

  .chart-lab-trader-head,
  .chart-lab-trader-grid,
  .chart-lab-trader-strip,
  .chart-lab-desk-now {
    display: grid;
    grid-template-columns: 1fr;
  }

  .chart-lab-trader-chart {
    order: 1;
  }

  .chart-lab-trader-side {
    grid-template-columns: 1fr;
    order: 2;
  }

  .chart-lab-panel-group-body {
    grid-template-columns: repeat(2, minmax(0, 1fr));
  }

  .chart-lab-trader-status {
    width: 100%;
    min-width: 0;
    border-radius: 8px;
  }

  .chart-lab-trader-toolbar {
    align-items: flex-start;
    display: grid;
  }

  .chart-lab-trader-toolbar-actions {
    align-items: stretch;
    justify-content: stretch;
  }

  .chart-lab-open-full-btn {
    width: 100%;
  }

  .chart-lab-trader-chart {
    overflow-x: auto;
    -webkit-overflow-scrolling: touch;
  }

  .chart-lab-trader-svg {
    min-width: 820px;
  }

  .chart-lab-fullscreen {
    gap: 8px;
    padding: 8px;
  }

  .chart-lab-full-head {
    align-items: stretch;
    display: grid;
    gap: 10px;
    padding: 10px;
  }

  .chart-lab-full-actions,
  .chart-lab-full-close {
    width: 100%;
  }

  .chart-lab-full-controls {
    padding: 8px;
  }

  .chart-lab-trader-mode-full {
    padding: 8px;
  }

  .chart-lab-trader-mode-full .chart-lab-trader-head {
    gap: 8px;
  }

  .chart-lab-trader-mode-full .chart-lab-trader-strip {
    grid-template-columns: repeat(2, minmax(0, 1fr));
  }

  .chart-lab-trader-mode-full .chart-lab-trader-chart {
    min-height: calc(100dvh - 310px);
    overflow: hidden;
  }

  .chart-lab-trader-mode-full .chart-lab-tv-chart {
    height: calc(100dvh - 360px);
    min-height: 430px;
  }

  .chart-lab-focus-layer {
    gap: 6px;
    padding: max(6px, env(safe-area-inset-top)) max(6px, env(safe-area-inset-right)) max(6px, env(safe-area-inset-bottom)) max(6px, env(safe-area-inset-left));
  }

  .chart-lab-focus-head {
    align-items: stretch;
    display: grid;
    gap: 8px;
    min-height: 0;
    padding: 9px;
  }

  .chart-lab-focus-head h2 {
    font-size: clamp(18px, 7vw, 28px);
  }

  .chart-lab-focus-actions {
    display: grid;
    grid-template-columns: repeat(2, minmax(0, 1fr));
  }

  .chart-lab-trader-mode-focus .chart-lab-tv-chart {
    min-height: 0;
  }

  .chart-lab-right-labels {
    right: 48px;
    width: min(176px, 48vw);
  }

  .chart-lab-right-label {
    align-items: center;
    max-width: calc(100% - 6px);
    min-width: min(104px, calc(100vw - 96px));
    padding: 3px 6px;
    right: 0;
    white-space: nowrap;
    width: auto;
  }

  .chart-lab-right-label span,
  .chart-lab-right-label b,
  .chart-lab-right-label strong {
    font-size: 9px;
  }

  .chart-lab-right-label span {
    white-space: nowrap;
  }

  .chart-lab-playbook-chart-panel,
  .chart-lab-candle-quality {
    grid-template-columns: 1fr;
    padding: 9px 10px;
  }

  .chart-lab-playbook-chart-chips {
    justify-content: flex-start;
  }

  .chart-lab-playbook-chart-chips span {
    font-size: 9px;
    max-width: min(160px, 100%);
    min-height: 22px;
    padding: 4px 7px;
  }

  .chart-lab-bidask-panel {
    grid-template-columns: 1fr;
    padding: 9px 10px 10px;
  }

  .chart-lab-candle-quality-chips {
    justify-content: flex-start;
  }

  .chart-lab-bidask-grid {
    grid-template-columns: repeat(2, minmax(0, 1fr));
  }

  .chart-lab-bidask-grid div {
    padding: 8px;
  }

  .chart-lab-playbook-canvas-overlay {
    left: 8px;
    max-width: calc(100% - 16px);
    padding: 8px;
    top: 8px;
  }

  .chart-lab-playbook-canvas-overlay small {
    display: none;
  }

  .chart-lab-playbook-canvas-chips span {
    font-size: 8px;
    max-width: 124px;
    min-height: 20px;
    padding: 3px 6px;
  }

  .chart-lab-trader-mode-full .chart-lab-trader-side {
    grid-template-columns: 1fr;
  }

  .chart-lab-mtf-grid,
  .chart-lab-cross-grid {
    grid-template-columns: repeat(2, minmax(0, 1fr));
  }

  .chart-lab-edge-score,
  .chart-lab-edge-evidence {
    grid-template-columns: 1fr;
  }

  .chart-lab-full-diagnostics {
    grid-template-columns: 1fr;
  }
}

@media (max-width: 420px) {
  .chart-lab-trader-side,
  .chart-lab-panel-group-body,
  .chart-lab-mtf-grid,
  .chart-lab-cross-grid {
    grid-template-columns: 1fr;
  }
}

/* Mobile foundation pass 1: public shell and homepage */
@media (min-width: 701px) and (max-width: 1024px) {
  .site-shell {
    max-width: none;
    padding: 16px 14px 64px;
  }

  .topbar {
    border-radius: 18px;
    margin-bottom: 14px;
  }

  .pub-dash {
    max-width: none;
    padding: 0 0 40px;
  }

  .pub-hero {
    grid-template-columns: 1fr;
    min-height: auto;
    padding: 30px;
    background:
      linear-gradient(90deg, rgba(7, 18, 35, 0.98) 0%, rgba(7, 18, 35, 0.9) 54%, rgba(7, 18, 35, 0.42) 100%),
      url("/site/assets/images/pmdesk-trading-desk-hero-20260618.webp") center right / cover no-repeat;
  }

  .pub-hero-actions {
    justify-self: stretch;
    width: 100%;
    border-radius: 18px;
  }

  .pub-hero-actions .button {
    flex: 1 1 0;
  }

  .home-chart-lab-markets,
  .pub-price-bar,
  .pub-markets-grid,
  .pub-co-grid,
  .pub-macro-grid,
  .pub-india-grid,
  .pub-impact-grid,
  .pub-video-wall,
  .member-video-context-grid {
    grid-template-columns: repeat(2, minmax(0, 1fr));
  }
}

@media (max-width: 700px) {
  html,
  body {
    overflow-x: hidden;
    width: 100%;
  }

  body {
    background: linear-gradient(180deg, #f7fbff 0%, #eef4fb 100%);
  }

  .site-shell {
    max-width: none;
    padding: max(8px, env(safe-area-inset-top)) 0 52px;
    width: 100%;
  }

  .topbar {
    grid-template-columns: minmax(0, 1fr) auto;
    margin: 0 8px 12px;
    padding: 10px;
    border-radius: 20px;
    box-shadow: 0 12px 34px rgba(15, 31, 51, 0.11);
  }

  .brand-lockup {
    align-items: center;
    gap: 10px;
    min-width: 0;
  }

  .brand-mark {
    flex: 0 0 auto;
    width: 40px;
    height: 40px;
    border-radius: 12px;
  }

  .brand-name {
    font-size: clamp(16px, 4.5vw, 20px);
    line-height: 1.08;
  }

  .brand-sub {
    display: -webkit-box;
    max-width: 100%;
    overflow: hidden;
    -webkit-box-orient: vertical;
    -webkit-line-clamp: 2;
    font-size: 11px;
    line-height: 1.25;
  }

  .mobile-menu-toggle {
    width: 44px;
    min-height: 44px;
    justify-content: center;
    padding: 0;
    border-radius: 16px;
  }

  .mobile-menu-toggle span:last-child {
    display: none;
  }

  .topbar-meta {
    grid-column: 1 / -1;
    align-items: center;
    display: grid;
    grid-template-columns: auto minmax(0, 1fr);
    gap: 8px;
    width: 100%;
    padding: 6px;
  }

  .topbar-status {
    justify-content: center;
    min-width: 0;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
  }

  .mobile-nav-panel {
    width: 100vw;
    padding: max(18px, env(safe-area-inset-top)) 14px max(18px, env(safe-area-inset-bottom));
  }

  main,
  .tab-section,
  .pub-dash {
    min-width: 0;
    width: 100%;
  }

  .pub-dash {
    display: grid;
    gap: 12px;
    grid-template-columns: minmax(0, 1fr);
    max-width: none;
    overflow-x: clip;
    padding: 0 8px 36px;
  }

  .pub-hero,
  .pub-section,
  .pub-join-box,
  .home-chart-lab {
    margin-bottom: 0;
    max-width: 100%;
    min-width: 0;
    border-radius: 16px;
    width: 100%;
  }

  .pub-hero {
    display: block;
    min-height: auto;
    padding: 20px 18px 16px;
    background:
      linear-gradient(180deg, rgba(7, 18, 35, 0.99) 0%, rgba(7, 18, 35, 0.92) 58%, rgba(7, 18, 35, 0.62) 100%),
      url("/site/assets/images/pmdesk-trading-desk-hero-20260618.webp") center bottom / cover no-repeat;
  }

  .pub-hero h1 {
    max-width: 11ch;
    margin-top: 8px;
    font-size: clamp(34px, 10vw, 44px);
    line-height: 1.05;
  }

  .pub-hero-copy {
    max-width: min(35rem, 100%);
    font-size: 14.5px;
    line-height: 1.55;
  }

  .pub-hero-disclaimer {
    margin-bottom: 10px;
    font-size: 11px;
  }

  .pub-hero-proof,
  .home-chart-lab-tools {
    contain: inline-size;
    display: flex;
    flex-wrap: nowrap;
    gap: 8px;
    margin-inline: -4px;
    overflow-x: auto;
    padding: 2px 4px 8px;
    scroll-snap-type: x proximity;
    scrollbar-width: none;
    width: 100%;
  }

  .pub-hero-proof::-webkit-scrollbar,
  .home-chart-lab-tools::-webkit-scrollbar,
  .home-chart-lab-markets::-webkit-scrollbar,
  .pub-price-bar::-webkit-scrollbar {
    display: none;
  }

  .pub-hero-proof {
    contain: none;
    display: grid;
    grid-template-columns: repeat(2, minmax(0, 1fr));
    margin-inline: 0;
    overflow: visible;
    padding: 0;
    scroll-snap-type: none;
  }

  .pub-hero-proof span,
  .home-chart-lab-tools span {
    flex: 0 0 auto;
    max-width: none;
    min-height: 32px;
    scroll-snap-align: start;
    text-align: left;
    white-space: nowrap;
  }

  .pub-hero-proof span {
    display: grid;
    min-width: 0;
    place-items: center;
    text-align: center;
    white-space: normal;
  }

  .pub-hero-proof span:nth-child(1) {
    grid-column: 1;
    grid-row: 1;
  }

  .pub-hero-proof span:nth-child(3) {
    grid-column: 2;
    grid-row: 1;
  }

  .pub-hero-proof span:nth-child(2) {
    grid-column: 1 / -1;
    grid-row: 2;
  }

  .pub-hero-proof span:nth-child(4) {
    grid-column: 1;
    grid-row: 3;
  }

  .pub-hero-proof span:nth-child(5) {
    grid-column: 2;
    grid-row: 3;
  }

  .pub-hero-actions {
    display: grid;
    grid-template-columns: repeat(2, minmax(0, 1fr));
    gap: 8px;
    margin-top: 14px;
    padding: 8px;
    width: 100%;
    border-radius: 18px;
  }

  .pub-hero-actions .button,
  .home-chart-lab-actions .button {
    min-height: 44px;
    padding: 0 12px;
    width: 100%;
  }

  .home-chart-lab,
  .pub-join-box,
  .pub-section {
    padding: 16px;
  }

  .home-chart-lab h2 {
    font-size: clamp(24px, 7vw, 32px);
  }

  .home-chart-lab-head {
    gap: 14px;
  }

  .home-chart-lab-actions {
    display: grid;
    grid-template-columns: repeat(2, minmax(0, 1fr));
    width: 100%;
  }

  .home-chart-lab-markets {
    contain: inline-size;
    display: flex;
    gap: 10px;
    margin-inline: -2px;
    overflow-x: auto;
    padding: 0 2px 8px;
    scroll-snap-type: x proximity;
    width: 100%;
  }

  .home-market-card {
    flex: 0 0 min(82vw, 292px);
    scroll-snap-align: start;
  }

  .pjb-features,
  .pub-locked-items,
  .pub-markets-grid,
  .pub-co-grid,
  .pub-macro-grid,
  .pub-india-grid,
  .pub-impact-grid {
    grid-template-columns: repeat(2, minmax(0, 1fr));
  }

  .pjb-feat,
  .pub-locked-items span {
    min-width: 0;
    overflow-wrap: anywhere;
  }

  .pub-price-bar {
    contain: inline-size;
    display: flex;
    gap: 10px;
    margin-inline: -2px;
    overflow-x: auto;
    padding: 0 2px 8px;
    scroll-snap-type: x proximity;
    width: 100%;
  }

  .pub-price-card {
    flex: 0 0 min(78vw, 290px);
    scroll-snap-align: start;
  }

  #section-join .tab-content {
    padding-inline: 8px;
  }

  #section-join .pricing-header {
    margin: 8px 0 14px;
    text-align: left;
  }

  #section-join .pricing-header h2 {
    font-size: clamp(26px, 7vw, 32px);
    line-height: 1.08;
  }

  #section-join .pricing-sub {
    max-width: 30rem;
    font-size: 13px;
    line-height: 1.45;
  }

  #section-join .pricing-grid {
    gap: 12px;
    grid-template-columns: minmax(0, 1fr);
    margin-bottom: 12px;
  }

  #section-join .pricing-card {
    min-width: 0;
    min-height: 0;
    padding: 18px 16px;
    border-radius: 16px;
  }

  #section-join .pricing-card:nth-child(1) {
    order: 4;
  }

  #section-join .pricing-card:nth-child(2) {
    order: 1;
  }

  #section-join .pricing-card:nth-child(3) {
    order: 2;
  }

  #section-join .pricing-card:nth-child(4) {
    order: 3;
  }

  #section-join .featured-card {
    transform: none;
  }

  #section-join .pricing-badge {
    left: 16px;
    max-width: calc(100% - 32px);
    overflow: hidden;
    text-overflow: ellipsis;
    transform: none;
  }

  #section-join .pricing-tier {
    font-size: 10px;
  }

  #section-join .pricing-name {
    font-size: 18px;
    line-height: 1.18;
    margin-bottom: 6px;
    padding-right: 4px;
  }

  #section-join .pricing-price {
    font-size: 30px;
  }

  #section-join .pricing-desc {
    min-height: 0;
    margin: 4px 0 10px;
    font-size: 12px;
  }

  #section-join .pricing-features {
    align-content: start;
    flex: 0 0 auto;
    grid-template-columns: repeat(2, minmax(0, 1fr));
    gap: 0 10px;
    margin-bottom: 14px;
  }

  #section-join .pricing-features li {
    min-width: 0;
    padding: 7px 0;
    font-size: 12px;
    line-height: 1.32;
    overflow-wrap: anywhere;
  }

  #section-join .free-card .pricing-features li:nth-child(n + 5),
  #section-join .pro-card .pricing-features li:nth-child(n + 7) {
    display: none;
  }

  #section-join .pricing-btn {
    min-height: 44px;
    padding: 10px 12px;
    border-radius: 12px;
    font-size: 13px;
  }

  #section-join .pricing-note {
    margin-top: 7px;
    font-size: 11px;
    line-height: 1.35;
    text-align: left;
  }

  #section-join .pricing-trust {
    display: grid;
    grid-template-columns: repeat(2, minmax(0, 1fr));
    gap: 8px;
    padding: 12px;
    font-size: 12px;
  }
}

@media (min-width: 701px) and (max-width: 980px) {
  #section-join .pricing-grid {
    align-items: start;
    grid-template-columns: repeat(2, minmax(0, 1fr));
  }

  #section-join .pricing-card {
    min-height: 0;
  }

  #section-join .pricing-features {
    align-content: start;
    flex: 0 0 auto;
  }

  #section-join .pricing-card:nth-child(1) {
    order: 4;
  }

  #section-join .pricing-card:nth-child(2) {
    order: 1;
  }

  #section-join .pricing-card:nth-child(3) {
    order: 2;
  }

  #section-join .pricing-card:nth-child(4) {
    order: 3;
  }

  #section-join .featured-card {
    transform: none;
  }
}

@media (max-width: 380px) {
  .pub-hero h1 {
    max-width: none;
    font-size: 32px;
  }

  .pub-hero-actions,
  .home-chart-lab-actions,
  .pjb-features,
  .pub-locked-items,
  .pub-markets-grid,
  .pub-co-grid,
  .pub-macro-grid,
  .pub-india-grid,
  .pub-impact-grid {
    grid-template-columns: 1fr;
  }
}

@media (max-height: 520px) and (orientation: landscape) {
  .site-shell {
    padding-top: 6px;
  }

  .topbar {
    margin-bottom: 8px;
  }

  .topbar-meta {
    display: none;
  }

  .pub-dash {
    padding-inline: 8px;
  }

  .pub-hero {
    padding: 16px;
  }

  .pub-hero h1 {
    max-width: 18ch;
    font-size: clamp(30px, 6vw, 40px);
  }
}

/* Mobile foundation pass 3: public brief, research, and video surfaces */
@media (min-width: 701px) and (max-width: 1024px) {
  .launch-band,
  .page-section,
  .snapshot-section,
  .brief-teaser,
  .member-lock-panel {
    border-radius: 16px;
  }

  .live-price-board,
  .global-markets-grid,
  .briefing-grid,
  .metric-grid,
  .summary-grid {
    grid-template-columns: repeat(2, minmax(0, 1fr));
  }

  .pub-video-grid,
  .video-hub-grid,
  .member-video-context-grid {
    grid-template-columns: repeat(2, minmax(0, 1fr));
  }

  .pub-video-wall {
    grid-template-columns: repeat(2, minmax(0, 1fr));
  }

  .pub-video-wall > :first-child {
    grid-column: 1 / -1;
  }

  .daily-snapshot-card {
    max-width: none;
  }
}

@media (max-width: 700px) {
  .launch-band,
  .page-section,
  .snapshot-section,
  .brief-teaser,
  .member-lock-panel {
    margin-inline: 0;
    padding: 14px;
    border-radius: 14px;
    width: 100%;
  }

  .section-header,
  .section-header-row {
    align-items: stretch;
    display: grid;
    gap: 10px;
    grid-template-columns: minmax(0, 1fr);
  }

  .section-header h2,
  .section-header-row h3 {
    max-width: 100%;
    overflow-wrap: anywhere;
  }

  .section-summary {
    max-width: 100%;
  }

  .brief-header-meta {
    align-items: center;
    display: flex;
    flex-wrap: wrap;
    justify-content: flex-start;
    gap: 8px;
  }

  .brief-live-badge {
    flex: 0 0 auto;
    padding-inline: 9px;
  }

  .brief-date {
    flex: 1 1 160px;
    min-width: 0;
    font-size: 12px;
    line-height: 1.35;
  }

  .live-price-board,
  .global-markets-grid,
  .briefing-grid,
  .metric-grid,
  .summary-grid,
  .health-stat-grid,
  .pub-video-grid,
  .member-video-context-grid,
  .video-hub-grid {
    display: grid;
    grid-template-columns: repeat(2, minmax(0, 1fr));
    gap: 9px;
  }

  .live-price-board > :first-child,
  .global-markets-grid > :first-child,
  .briefing-grid > :first-child {
    grid-column: 1 / -1;
  }

  .price-board-card,
  .metric-card,
  .summary-card,
  .brief-card,
  .report-card,
  .alert-card,
  .post-card,
  .issue-card,
  .top-alert-card,
  .health-stat-card,
  .watchlist-card {
    min-width: 0;
    padding: 12px;
    border-radius: 12px;
  }

  .price-board-card {
    gap: 7px;
  }

  .price-board-card strong,
  .metric-card strong,
  .summary-card strong {
    font-size: clamp(19px, 6vw, 26px);
    line-height: 1.08;
    overflow-wrap: anywhere;
  }

  .price-board-card p,
  .metric-card .small-text,
  .summary-card .small-text,
  .brief-card p,
  .report-card p,
  .alert-card p {
    font-size: 12px;
    line-height: 1.45;
  }

  .price-move {
    min-height: 24px;
    padding: 3px 8px;
    font-size: 11px;
  }

  .global-markets-section,
  .other-metals-row {
    min-width: 0;
  }

  .other-metals-row {
    display: grid;
    grid-template-columns: 1fr;
    gap: 6px;
  }

  .other-metals-label,
  .other-metal-price {
    overflow-wrap: anywhere;
  }

  .daily-snapshot-card {
    gap: 8px;
    max-width: none;
    margin: 0;
  }

  .daily-snapshot-card img {
    border-radius: 10px;
  }

  .daily-snapshot-card figcaption,
  .brief-disclaimer {
    font-size: 11px;
    line-height: 1.45;
    text-align: left;
  }

  .brief-teaser-copy {
    min-width: 0;
  }

  .brief-paywall,
  .member-preview-cta,
  .form-actions,
  .draft-actions {
    display: grid;
    grid-template-columns: minmax(0, 1fr);
    gap: 9px;
  }

  .brief-paywall p,
  .member-preview-cta p,
  .member-lock-panel p {
    margin: 0;
    font-size: 13px;
    line-height: 1.55;
  }

  .brief-paywall .button,
  .form-actions .button,
  .draft-actions .button {
    width: 100%;
  }

  .member-lock-panel {
    box-shadow: none;
  }

  .member-lock-panel h3 {
    font-size: 20px;
    line-height: 1.2;
  }

  .pub-signal-box {
    grid-template-columns: minmax(0, 1fr);
    gap: 10px;
  }

  .pub-signal-left,
  .pub-fg-top-card,
  .pub-signal-right,
  .pub-brief-box {
    grid-column: auto;
    grid-row: auto;
    padding: 13px;
    border-radius: 12px;
  }

  .pub-fg-top-card {
    min-height: 0;
  }

  .pub-fg-score {
    font-size: 24px;
  }

  .pub-impact-grid,
  .pub-co-grid,
  .pub-macro-grid,
  .pub-india-grid,
  .pub-charts-grid {
    grid-template-columns: minmax(0, 1fr);
    gap: 10px;
  }

  .pub-impact-card,
  .pub-co-card,
  .pub-macro-card,
  .pub-india-card,
  .pub-chart-card {
    min-width: 0;
    padding: 13px;
    border-radius: 12px;
  }

  .pub-impact-top,
  .pub-impact-actions {
    align-items: flex-start;
    display: grid;
    grid-template-columns: minmax(0, 1fr);
    gap: 8px;
  }

  .pub-impact-headline,
  .pub-impact-take,
  .pub-impact-path p,
  .pub-co-card,
  .pub-macro-card,
  .pub-india-card {
    overflow-wrap: anywhere;
  }

  .pub-locked-items,
  .pjb-features {
    grid-template-columns: repeat(2, minmax(0, 1fr));
  }

  .pub-locked-items span,
  .pjb-feat {
    min-width: 0;
    padding: 8px;
    font-size: 11px;
    line-height: 1.35;
    overflow-wrap: anywhere;
  }

  .pub-brief-footer {
    display: grid;
    grid-template-columns: minmax(0, 1fr);
  }

  .pub-brief-cta,
  .pub-read-more,
  .pub-unlock-btn {
    width: 100%;
  }

  .pub-video-header-actions {
    display: grid;
    grid-template-columns: repeat(2, minmax(0, 1fr));
    gap: 8px;
    width: 100%;
  }

  .pub-video-header-actions .button {
    min-width: 0;
    width: 100%;
  }

  .pub-video-grid,
  .pub-video-wall {
    display: flex;
    gap: 10px;
    margin-inline: -4px;
    overflow-x: auto;
    overscroll-behavior-inline: contain;
    padding: 2px 4px 10px;
    scroll-snap-type: x proximity;
    scrollbar-width: none;
  }

  .pub-video-grid::-webkit-scrollbar,
  .pub-video-wall::-webkit-scrollbar {
    display: none;
  }

  .pub-video-card,
  .pub-video-column {
    flex: 0 0 min(84vw, 320px);
    scroll-snap-align: start;
  }

  .pub-video-column {
    padding: 10px;
  }

  .pub-video-column-head {
    min-height: 0;
  }

  .pub-video-title {
    font-size: 14px;
  }

  .pub-video-body {
    padding: 11px;
  }

  .pub-video-footer {
    align-items: flex-start;
    flex-direction: column;
  }

  .video-share-page {
    width: 100%;
  }
}

@media (max-width: 380px) {
  .live-price-board,
  .global-markets-grid,
  .briefing-grid,
  .metric-grid,
  .summary-grid,
  .health-stat-grid,
  .pub-locked-items,
  .pjb-features,
  .pub-video-header-actions {
    grid-template-columns: 1fr;
  }

  .pub-video-card,
  .pub-video-column {
    flex-basis: min(88vw, 300px);
  }
}

/* Mobile foundation pass 4: member desk and full Chart Lab workspace */
@media (min-width: 701px) and (max-width: 1024px) {
  .member-dashboard,
  .member-section,
  .member-dashboard-section,
  .chart-lab-terminal,
  .chart-lab-trader-mode,
  .chart-lab-fullscreen {
    max-width: 100%;
    min-width: 0;
  }

  .member-dashboard-header,
  .chart-lab-topline {
    align-items: flex-start;
    display: grid;
    grid-template-columns: minmax(0, 1fr) auto;
  }

  .chart-lab-fullscreen {
    padding: 10px;
  }

  .chart-lab-full-head {
    grid-template-columns: minmax(0, 1fr) auto;
  }

  .chart-lab-full-controls .chart-lab-controls,
  .chart-lab-controls {
    flex-wrap: nowrap;
    overflow-x: auto;
    overscroll-behavior-inline: contain;
    padding-bottom: 4px;
    scrollbar-width: thin;
  }

  .chart-lab-control-group {
    flex: 0 0 auto;
  }

  .chart-lab-control-group[aria-label="Candle timeframe"],
  .chart-lab-control-group[aria-label="Research range"],
  .chart-lab-control-group[aria-label="Chart layers"] {
    flex: 0 0 auto;
    flex-wrap: nowrap;
    max-width: min(52vw, 560px);
    overflow-x: auto;
    overscroll-behavior-inline: contain;
    scrollbar-width: thin;
  }

  .chart-lab-control-group[aria-label="Candle timeframe"] span,
  .chart-lab-control-group[aria-label="Research range"] span,
  .chart-lab-control-group[aria-label="Chart layers"] span {
    flex: 0 0 auto;
  }

  .chart-lab-control-group[aria-label="Candle timeframe"] button,
  .chart-lab-control-group[aria-label="Research range"] button,
  .chart-lab-control-group[aria-label="Chart layers"] button {
    flex: 0 0 auto;
    white-space: nowrap;
  }

  .chart-lab-trader-mode-full .chart-lab-trader-strip,
  .chart-lab-technical-tape {
    grid-template-columns: repeat(3, minmax(0, 1fr));
  }

  .chart-lab-trader-mode-full .chart-lab-tv-chart {
    min-height: min(62dvh, 620px);
  }

  .chart-lab-full-diagnostics {
    grid-template-columns: repeat(2, minmax(0, 1fr));
  }
}

@media (max-width: 700px) {
  #section-account,
  #section-admin,
  #section-chart-lab,
  .member-dashboard,
  .member-section,
  .member-dashboard-section,
  .chart-lab-shell,
  .chart-lab-terminal,
  .chart-lab-trader-mode,
  .chart-lab-fullscreen {
    max-width: 100%;
    min-width: 0;
    width: 100%;
  }

  .member-dashboard {
    gap: 12px;
    margin-top: 12px;
    padding: 12px;
    border-radius: 14px;
  }

  .member-dashboard-header,
  .member-actions,
  .member-report-actions,
  .free-member-actions,
  .free-preview-actions,
  .chart-lab-topline {
    align-items: stretch;
    display: grid;
    grid-template-columns: minmax(0, 1fr);
    gap: 9px;
  }

  .member-dashboard-header h3,
  .chart-lab-topline h4 {
    font-size: clamp(22px, 7vw, 30px);
    line-height: 1.08;
  }

  .member-actions .button,
  .member-report-actions .button,
  .free-member-actions .button,
  .free-preview-actions button {
    width: 100%;
  }

  .plan-badge {
    justify-content: center;
    width: fit-content;
    max-width: 100%;
    white-space: normal;
  }

  .free-member-preview-grid,
  .free-member-unlock-grid,
  .member-report-grid {
    grid-template-columns: minmax(0, 1fr);
  }

  .chart-lab-terminal {
    margin-inline: 0;
    padding: 12px;
    border-radius: 14px;
  }

  .chart-lab-bias-pill {
    justify-self: stretch;
    min-width: 0;
  }

  .chart-lab-stat-grid,
  .chart-lab-quote-grid,
  .chart-lab-bidask-grid {
    grid-template-columns: repeat(2, minmax(0, 1fr));
  }

  .chart-lab-controls,
  .chart-lab-full-controls .chart-lab-controls {
    align-items: stretch;
    display: flex;
    flex-wrap: nowrap;
    gap: 8px;
    margin: 0;
    overflow-x: auto;
    overscroll-behavior-inline: contain;
    padding: 2px 2px 8px;
    scroll-snap-type: x proximity;
    scrollbar-width: none;
  }

  .chart-lab-controls::-webkit-scrollbar,
  .chart-lab-full-controls .chart-lab-controls::-webkit-scrollbar,
  .chart-lab-trader-strip::-webkit-scrollbar,
  .chart-lab-technical-tape::-webkit-scrollbar {
    display: none;
  }

  .chart-lab-control-group {
    flex: 0 0 auto;
    max-width: min(86vw, 360px);
    overflow-x: auto;
    padding: 5px;
    scroll-snap-align: start;
    scrollbar-width: none;
  }

  .chart-lab-control-group[aria-label="Candle timeframe"],
  .chart-lab-control-group[aria-label="Research range"],
  .chart-lab-control-group[aria-label="Chart layers"] {
    flex-basis: min(86vw, 360px);
    flex-wrap: nowrap;
  }

  .chart-lab-control-group span {
    align-items: center;
    display: inline-flex;
    flex: 0 0 auto;
    min-height: 32px;
  }

  .chart-lab-controls button {
    flex: 0 0 auto;
    min-width: 48px;
    min-height: 34px;
    padding-inline: 10px;
    white-space: nowrap;
  }

  .chart-lab-control-status {
    margin: 8px 0 0;
  }

  .chart-lab-fullscreen {
    gap: 8px;
    min-height: var(--pmdesk-vh, 100dvh);
    padding: max(6px, env(safe-area-inset-top)) 6px max(10px, env(safe-area-inset-bottom));
  }

  .chart-lab-full-head {
    align-items: center;
    display: grid;
    grid-template-columns: minmax(0, 1fr) auto;
    gap: 8px;
    padding: 9px;
    border-radius: 12px;
    position: static;
    top: auto;
    z-index: 1;
  }

  .chart-lab-full-head h2 {
    font-size: clamp(24px, 8vw, 34px);
  }

  .chart-lab-full-head p {
    display: -webkit-box;
    overflow: hidden;
    -webkit-box-orient: vertical;
    -webkit-line-clamp: 2;
    font-size: 12px;
  }

  .chart-lab-full-actions {
    align-items: stretch;
    display: grid;
    grid-auto-flow: column;
    gap: 6px;
    width: auto;
  }

  .chart-lab-full-close {
    min-width: 62px;
    min-height: 34px;
    padding-inline: 9px;
  }

  .chart-lab-full-controls {
    padding: 8px;
    border-radius: 12px;
  }

  .chart-lab-trader-mode,
  .chart-lab-trader-mode-full {
    margin-inline: 0;
    padding: 10px;
    border-radius: 12px;
  }

  .chart-lab-trader-head,
  .chart-lab-desk-now {
    gap: 9px;
  }

  .chart-lab-desk-now {
    padding: 10px;
  }

  .chart-lab-desk-now-grid {
    grid-template-columns: repeat(2, minmax(0, 1fr));
  }

  .chart-lab-trader-strip,
  .chart-lab-trader-mode-full .chart-lab-trader-strip,
  .chart-lab-technical-tape {
    display: flex;
    flex-wrap: nowrap;
    gap: 8px;
    margin-inline: -2px;
    overflow-x: auto;
    overscroll-behavior-inline: contain;
    padding: 2px 2px 10px;
    scroll-snap-type: x proximity;
  }

  .chart-lab-trader-strip article,
  .chart-lab-technical-tape div {
    flex: 0 0 min(56vw, 220px);
    scroll-snap-align: start;
  }

  .chart-lab-trader-strip article:first-child {
    flex-basis: min(70vw, 270px);
  }

  .chart-lab-trader-grid {
    gap: 8px;
  }

  .chart-lab-trader-chart {
    border-radius: 12px;
    order: 1;
  }

  .chart-lab-trader-toolbar {
    align-items: stretch;
    display: grid;
    grid-template-columns: minmax(0, 1fr);
    gap: 7px;
    padding: 8px;
  }

  .chart-lab-trader-toolbar-actions {
    display: grid;
    grid-template-columns: minmax(0, 1fr);
  }

  .chart-lab-trader-toolbar strong,
  .chart-lab-tv-readout strong {
    overflow: hidden;
    text-overflow: ellipsis;
  }

  .chart-lab-tv-readout {
    align-items: flex-start;
    display: flex;
    flex-wrap: nowrap;
    gap: 7px;
    overflow-x: auto;
    padding: 8px;
    scrollbar-width: none;
  }

  .chart-lab-tv-readout::-webkit-scrollbar {
    display: none;
  }

  .chart-lab-readout-latest {
    margin-left: 0;
  }

  .chart-lab-readout-state,
  .chart-lab-readout-latest,
  .chart-lab-readout-feed {
    flex: 0 0 auto;
  }

  .chart-lab-trader-mode-full .chart-lab-trader-chart {
    min-height: min(68dvh, 620px);
  }

  .chart-lab-trader-mode-full .chart-lab-tv-chart {
    height: min(68dvh, 620px);
    min-height: 500px;
  }

  .chart-lab-playbook-chart-panel,
  .chart-lab-candle-quality,
  .chart-lab-bidask-panel {
    grid-template-columns: minmax(0, 1fr);
    gap: 8px;
  }

  .chart-lab-playbook-chart-chips {
    justify-content: flex-start;
    overflow-x: auto;
    flex-wrap: nowrap;
    padding-bottom: 2px;
  }

  .chart-lab-playbook-chart-chips span {
    flex: 0 0 auto;
  }

  .chart-lab-panel-group {
    border-radius: 12px;
  }

  .chart-lab-panel-group-body,
  .chart-lab-mtf-grid,
  .chart-lab-cross-grid,
  .chart-lab-full-diagnostics {
    grid-template-columns: minmax(0, 1fr);
  }

  .chart-lab-trader-card,
  .chart-lab-full-diagnostics article,
  .chart-lab-full-empty {
    padding: 11px;
    border-radius: 12px;
  }

  .chart-lab-full-empty {
    margin: 0;
  }
}

@media (max-width: 700px) and (orientation: landscape) {
  .chart-lab-full-head {
    position: static;
  }

  .chart-lab-fullscreen {
    min-height: var(--pmdesk-vh, 100svh);
  }

  .chart-lab-trader-mode-full .chart-lab-trader-chart {
    min-height: 78svh;
  }

  .chart-lab-trader-mode-full .chart-lab-tv-chart {
    height: 78svh;
    min-height: 360px;
  }
}

@media (max-width: 380px) {
  .chart-lab-stat-grid,
  .chart-lab-quote-grid,
  .chart-lab-bidask-grid,
  .chart-lab-desk-now-grid {
    grid-template-columns: minmax(0, 1fr);
  }

  .chart-lab-trader-strip article,
  .chart-lab-technical-tape div {
    flex-basis: min(78vw, 260px);
  }
}

/* Mobile app layer: separate mobile information architecture, not desktop stacking */
@media (min-width: 701px) and (min-height: 521px) {
  body {
    padding-bottom: 0;
  }
}

@media (min-width: 701px) and (max-width: 1024px) {
  .pub-dash {
    display: flex;
    flex-direction: column;
    gap: 14px;
  }

  .pub-hero,
  .pub-section,
  .pub-join-box,
  .home-chart-lab {
    margin-bottom: 0;
  }

  .pub-dash > .pub-section { order: 20; }
  .pub-dash > .pub-breaking { order: 0; }
  .pub-dash > .pub-hero { order: 1; }
  .pub-dash > .pub-price-bar { order: 2; }
  .pub-dash > .home-chart-lab { order: 3; }
  .pub-dash > .pub-join-box { order: 4; }
  .pub-dash > .real-price-chart-panel { order: 6; }
  .pub-dash > .whatsapp-share-bar { order: 7; }
  .pub-dash > .pub-section:has(#pub-signal-click) { order: 8; }

  .member-access-grid {
    grid-template-columns: repeat(2, minmax(0, 1fr));
  }

  #member-register-form {
    grid-column: 1 / -1;
  }
}

@media (max-width: 1024px) and (max-height: 520px) {
  body {
    padding-bottom: 0;
  }

  .site-shell {
    padding-bottom: 24px;
  }
}

@media (max-width: 700px) {
  .site-shell {
    padding-bottom: max(34px, env(safe-area-inset-bottom));
  }

  .pub-dash {
    display: flex;
    flex-direction: column;
    gap: 10px;
    padding-inline: 6px;
  }

  .pub-dash > .pub-section { order: 20; }
  .pub-dash > .pub-breaking { order: 0; }
  .pub-dash > .pub-hero { order: 1; }
  .pub-dash > .pub-price-bar { order: 2; }
  .pub-dash > .home-chart-lab { order: 3; }
  .pub-dash > .pub-join-box { order: 4; }
  .pub-dash > .real-price-chart-panel { order: 6; }
  .pub-dash > .whatsapp-share-bar { order: 7; }
  .pub-dash > .pub-section:has(#pub-signal-click) { order: 8; }

  .pub-hero {
    min-height: auto;
    padding: 18px 16px 16px;
  }

  .pub-hero h1 {
    max-width: 13ch;
    font-size: clamp(31px, 8.8vw, 40px);
  }

  .pub-hero-copy {
    font-size: 14px;
  }

  .home-chart-lab,
  .pub-join-box,
  .pub-section,
  .launch-band,
  .page-section {
    border-radius: 14px;
  }

  .pub-price-bar,
  .home-chart-lab-markets,
  .home-chart-lab-tools,
  .pub-markets-grid,
  .pub-co-grid,
  .pub-macro-grid,
  .pub-india-grid,
  .pub-charts-grid,
  .pub-video-grid,
  .pub-video-wall {
    display: flex;
    grid-template-columns: none;
    gap: 10px;
    margin-inline: -2px;
    overflow-x: auto;
    overscroll-behavior-inline: contain;
    padding: 0 2px 10px;
    scroll-snap-type: x proximity;
    scrollbar-width: none;
  }

  .pub-price-bar::-webkit-scrollbar,
  .home-chart-lab-markets::-webkit-scrollbar,
  .home-chart-lab-tools::-webkit-scrollbar,
  .pub-markets-grid::-webkit-scrollbar,
  .pub-co-grid::-webkit-scrollbar,
  .pub-macro-grid::-webkit-scrollbar,
  .pub-india-grid::-webkit-scrollbar,
  .pub-charts-grid::-webkit-scrollbar,
  .pub-video-grid::-webkit-scrollbar,
  .pub-video-wall::-webkit-scrollbar {
    display: none;
  }

  .pub-price-card,
  .home-market-card,
  .pub-market-card,
  .pub-co-card,
  .pub-macro-card,
  .pub-india-card,
  .pub-chart-wrap,
  .pub-video-card,
  .pub-video-column {
    flex: 0 0 min(82vw, 310px);
    scroll-snap-align: start;
  }

  .home-chart-lab-tools span {
    flex: 0 0 auto;
  }

  .pub-impact-grid {
    display: grid;
    grid-template-columns: minmax(0, 1fr);
  }

  .pjb-features,
  .pub-locked-items {
    grid-template-columns: repeat(2, minmax(0, 1fr));
  }
}

@media (min-width: 701px) and (max-width: 1024px) and (max-height: 520px) {
  body {
    padding-bottom: 0;
  }

  .site-shell {
    padding-bottom: 24px;
  }

  .pub-dash {
    display: flex;
    flex-direction: column;
    gap: 10px;
    padding-inline: 8px;
  }

  .member-access-grid {
    grid-template-columns: repeat(3, minmax(0, 1fr));
    gap: 10px;
  }

  #member-register-form {
    grid-column: auto;
  }

  .member-form,
  .member-status-panel {
    min-width: 0;
    padding: 12px;
  }

  .pub-dash > .pub-section { order: 20; }
  .pub-dash > .pub-breaking { order: 0; }
  .pub-dash > .pub-hero { order: 1; }
  .pub-dash > .pub-price-bar { order: 2; }
  .pub-dash > .home-chart-lab { order: 3; }
  .pub-dash > .pub-join-box { order: 4; }
  .pub-dash > .real-price-chart-panel { order: 6; }
  .pub-dash > .whatsapp-share-bar { order: 7; }
  .pub-dash > .pub-section:has(#pub-signal-click) { order: 8; }

  .pub-hero {
    min-height: auto;
    padding: 18px;
  }

  .pub-hero h1 {
    max-width: 18ch;
    font-size: clamp(30px, 6vw, 40px);
  }

  .pub-price-bar,
  .home-chart-lab-markets,
  .home-chart-lab-tools,
  .pub-markets-grid,
  .pub-co-grid,
  .pub-macro-grid,
  .pub-india-grid,
  .pub-charts-grid,
  .pub-video-grid,
  .pub-video-wall {
    display: flex;
    grid-template-columns: none;
    gap: 10px;
    overflow-x: auto;
    overscroll-behavior-inline: contain;
    padding: 0 2px 10px;
    scroll-snap-type: x proximity;
    scrollbar-width: none;
  }

  .pub-price-card,
  .home-market-card,
  .pub-market-card,
  .pub-co-card,
  .pub-macro-card,
  .pub-india-card,
  .pub-chart-wrap,
  .pub-video-card,
  .pub-video-column {
    flex: 0 0 min(46vw, 320px);
    scroll-snap-align: start;
  }

  .pub-impact-grid {
    grid-template-columns: minmax(0, 1fr);
  }
}

@media (max-width: 1024px) {
  .chart-lab-controls,
  .chart-lab-full-controls .chart-lab-controls {
    display: flex !important;
    flex-wrap: nowrap !important;
    overflow-x: auto !important;
    overscroll-behavior-inline: contain;
    scroll-snap-type: x proximity;
  }

  .chart-lab-control-group,
  .chart-lab-control-group[aria-label="Candle timeframe"],
  .chart-lab-control-group[aria-label="Research range"],
  .chart-lab-control-group[aria-label="Chart layers"] {
    display: flex !important;
    flex: 0 0 auto !important;
    flex-wrap: nowrap !important;
    max-width: min(82vw, 420px);
    overflow-x: auto !important;
    scroll-snap-align: start;
    scrollbar-width: none;
  }

  .chart-lab-control-group::-webkit-scrollbar {
    display: none;
  }

  .chart-lab-control-group span,
  .chart-lab-control-group button {
    flex: 0 0 auto !important;
    white-space: nowrap;
  }
}

@media (min-width: 701px) and (max-width: 1024px) and (orientation: landscape) {
  .chart-lab-control-group,
  .chart-lab-control-group[aria-label="Candle timeframe"],
  .chart-lab-control-group[aria-label="Research range"],
  .chart-lab-control-group[aria-label="Chart layers"] {
    max-width: min(42vw, 430px);
  }

  .chart-lab-full-controls {
    padding: 6px 8px;
  }
}

/* Mobile authenticated desk: app layout instead of stacked desktop shell */
@media (max-width: 700px) {
  #section-login.member-mode {
    margin-inline: 0;
    max-width: 100%;
    min-width: 0;
    overflow-x: clip;
    width: 100%;
  }

  #section-login.member-mode .login-section,
  #section-login.member-mode .launch-band.page-section {
    margin: 0;
    padding: 0 6px 18px;
    border: 0;
    border-radius: 0;
    background: transparent;
    box-shadow: none;
  }

  #section-login.member-mode .member-dashboard {
    gap: 10px;
    margin: 0;
    padding: 0;
    border: 0;
    border-radius: 0;
    background: transparent;
    box-shadow: none;
  }

  #section-login.member-mode .member-dashboard-header,
  #section-login.member-mode .member-actions,
  #section-login.member-mode .member-alert,
  #section-login.member-mode #member-dashboard-error {
    margin-inline: 0;
  }

  #section-login.member-mode .member-dashboard-header {
    padding: 12px;
    border: 1px solid rgba(205, 218, 235, 0.86);
    border-radius: 16px;
    background: rgba(255, 255, 255, 0.94);
    box-shadow: 0 14px 34px rgba(15, 31, 51, 0.1);
  }

  #section-login.member-mode .member-actions {
    display: grid;
    grid-template-columns: repeat(2, minmax(0, 1fr));
    gap: 8px;
  }

  #section-login.member-mode .member-actions .button {
    min-width: 0;
    width: 100%;
  }

  #section-login.member-mode .member-section,
  #section-login.member-mode .member-dashboard-section {
    max-width: 100%;
    min-width: 0;
    overflow: hidden;
    width: 100%;
  }

  #section-login.member-mode .member-chart-lab-section {
    gap: 8px;
    margin: 0;
    padding: 0;
    border: 0;
    border-radius: 0;
    background: transparent;
    box-shadow: none;
  }

  #section-login.member-mode .member-chart-lab-section > .section-header-row {
    margin: 0;
    padding: 12px;
    border: 1px solid rgba(205, 218, 235, 0.86);
    border-radius: 16px;
    background: rgba(255, 255, 255, 0.94);
  }

  #section-login.member-mode .member-chart-lab-section h3 {
    font-size: clamp(22px, 6.6vw, 30px);
    line-height: 1.08;
  }

  #section-login.member-mode #member-chart-lab,
  #section-login.member-mode .chart-lab-shell,
  #section-login.member-mode .chart-lab-terminal {
    max-width: 100%;
    min-width: 0;
    width: 100%;
  }

  #section-login.member-mode .chart-lab-terminal {
    margin: 0;
    padding: 10px;
    border-radius: 16px;
  }

  #section-login.member-mode .chart-lab-topline {
    gap: 10px;
    margin-bottom: 10px;
  }

  #section-login.member-mode .chart-lab-topline h4 {
    font-size: clamp(30px, 9vw, 40px);
    max-width: 12ch;
  }

  #section-login.member-mode .chart-lab-topline p {
    font-size: 14px;
  }

  #section-login.member-mode .chart-lab-bias-pill {
    border-radius: 16px;
  }

  #section-login.member-mode .chart-lab-controls {
    margin-inline: -2px;
    padding-inline: 2px;
  }

  #section-login.member-mode .chart-lab-control-group {
    flex: 0 0 auto;
    max-width: min(80vw, 300px);
  }

  #section-login.member-mode .chart-lab-control-group[aria-label="Metal"],
  #section-login.member-mode .chart-lab-control-group[aria-label="Price basis"] {
    max-width: min(70vw, 250px);
  }

  #section-login.member-mode .chart-lab-control-group[aria-label="Research range"],
  #section-login.member-mode .chart-lab-control-group[aria-label="Candle timeframe"],
  #section-login.member-mode .chart-lab-control-group[aria-label="Chart layers"] {
    flex-basis: min(88vw, 342px);
  }

  #section-login.member-mode .chart-lab-stat-grid,
  #section-login.member-mode .chart-lab-interpretation,
  #section-login.member-mode .chart-lab-confluence-grid,
  #section-login.member-mode .chart-lab-mini-metrics,
  #section-login.member-mode .chart-lab-vision-grid,
  #section-login.member-mode .chart-lab-vjepa-fusion-grid {
    display: flex;
    grid-template-columns: none;
    gap: 8px;
    margin-inline: -2px;
    overflow-x: auto;
    overscroll-behavior-inline: contain;
    padding: 0 2px 10px;
    scroll-snap-type: x proximity;
    scrollbar-width: none;
  }

  #section-login.member-mode .chart-lab-stat-grid::-webkit-scrollbar,
  #section-login.member-mode .chart-lab-interpretation::-webkit-scrollbar,
  #section-login.member-mode .chart-lab-confluence-grid::-webkit-scrollbar,
  #section-login.member-mode .chart-lab-mini-metrics::-webkit-scrollbar,
  #section-login.member-mode .chart-lab-vision-grid::-webkit-scrollbar,
  #section-login.member-mode .chart-lab-vjepa-fusion-grid::-webkit-scrollbar {
    display: none;
  }

  #section-login.member-mode .chart-lab-stat-grid > div,
  #section-login.member-mode .chart-lab-interpretation > article,
  #section-login.member-mode .chart-lab-confluence-grid > article,
  #section-login.member-mode .chart-lab-mini-metrics > div,
  #section-login.member-mode .chart-lab-vision-grid > article,
  #section-login.member-mode .chart-lab-vjepa-fusion-grid > article {
    flex: 0 0 min(72vw, 260px);
    scroll-snap-align: start;
  }

  #section-login.member-mode .chart-lab-stat-grid > div:first-child,
  #section-login.member-mode .chart-lab-interpretation > article:first-child,
  #section-login.member-mode .chart-lab-confluence-grid > article:first-child {
    flex-basis: min(82vw, 310px);
  }

  #section-login.member-mode .chart-lab-trader-mode {
    margin: 0;
    padding: 8px;
    border-radius: 14px;
  }

  #section-login.member-mode .chart-lab-desk-now,
  #section-login.member-mode .chart-lab-playbook-chart-panel,
  #section-login.member-mode .chart-lab-bidask-panel,
  #section-login.member-mode .chart-lab-visual-conviction,
  #section-login.member-mode .chart-lab-true-vjepa,
  #section-login.member-mode .chart-lab-track-record,
  #section-login.member-mode .chart-lab-advanced-engine,
  #section-login.member-mode .chart-lab-llm-vision {
    border-radius: 14px;
    margin-inline: 0;
  }

  #section-login.member-mode .chart-lab-trader-grid {
    gap: 8px;
  }

  #section-login.member-mode .chart-lab-trader-chart {
    order: 1;
    margin-inline: -2px;
    border-radius: 14px;
  }

  #section-login.member-mode .chart-lab-trader-side {
    order: 2;
  }

  #section-login.member-mode .chart-lab-tv-chart {
    height: clamp(520px, 132vw, 680px);
    min-height: 520px;
  }

  #section-login.member-mode .chart-lab-trader-svg {
    min-height: 520px;
  }

  #section-login.member-mode .chart-lab-panel-group {
    border-radius: 14px;
  }

  #section-login.member-mode .chart-lab-panel-group summary {
    min-height: 48px;
    padding: 11px 12px;
  }

  #section-login.member-mode .chart-lab-panel-group-body {
    display: flex;
    grid-template-columns: none;
    gap: 8px;
    overflow-x: auto;
    padding: 10px;
    scroll-snap-type: x proximity;
    scrollbar-width: none;
  }

  #section-login.member-mode .chart-lab-panel-group-body::-webkit-scrollbar {
    display: none;
  }

  #section-login.member-mode .chart-lab-panel-group-body > * {
    flex: 0 0 min(76vw, 280px);
    min-width: 0;
    scroll-snap-align: start;
  }

  #section-login.member-mode .chart-lab-canvas-frame {
    margin-inline: -2px;
    border-radius: 14px;
  }

  #section-login.member-mode #member-chart-lab-canvas {
    min-height: 440px;
  }
}

@media (min-width: 701px) and (max-width: 1024px) {
  #section-login.member-mode .launch-band.page-section {
    padding: 12px;
  }

  #section-login.member-mode .member-dashboard {
    padding: 12px;
  }

  #section-login.member-mode .member-chart-lab-section {
    padding: 12px;
  }

  #section-login.member-mode .chart-lab-terminal {
    padding: 12px;
  }
}

/* Rotated phones: do not freeze headers, and keep dense desk panels in swipe rails */
@media (max-width: 1024px) and (max-height: 520px) {
  .topbar,
  .chart-lab-full-head {
    position: static !important;
    top: auto !important;
  }

  .topbar {
    display: grid !important;
    grid-template-columns: minmax(0, 1fr) auto;
    align-items: center;
    gap: 8px;
    z-index: auto;
    margin-bottom: 8px;
    padding: 8px 10px;
    border-radius: 14px;
  }

  .site-shell {
    padding: 8px 8px 34px;
  }

  .topbar-right {
    display: contents !important;
  }

  .brand-lockup {
    gap: 8px;
    min-width: 0;
  }

  .brand-mark {
    width: 38px;
    height: 38px;
    border-radius: 12px;
  }

  .brand-name {
    overflow: hidden;
    font-size: clamp(16px, 2.6vw, 20px);
    line-height: 1.05;
    text-overflow: ellipsis;
    white-space: nowrap;
  }

  .brand-sub,
  .topnav,
  .nav-user-label,
  .nav-logout,
  .site-search-toggle,
  .topbar-meta {
    display: none !important;
  }

  .mobile-menu-toggle {
    display: inline-flex !important;
    grid-column: 2;
    grid-row: 1;
    justify-content: center;
    min-width: 42px;
    min-height: 42px;
    padding: 0;
  }

  .mobile-menu-toggle[hidden] {
    display: inline-flex !important;
  }

  .mobile-menu-toggle span:last-child {
    display: none;
  }

  .chart-lab-full-head {
    z-index: 1;
  }

  .chart-lab-fullscreen {
    gap: 7px;
    min-height: 100svh;
    padding: 6px;
  }

  .chart-lab-full-head {
    align-items: start;
    display: grid;
    grid-template-columns: minmax(0, 1fr) auto;
    gap: 8px;
    padding: 8px;
  }

  .chart-lab-full-head h2 {
    font-size: clamp(22px, 5vw, 30px);
    line-height: 1.03;
  }

  .chart-lab-full-head p {
    display: -webkit-box;
    overflow: hidden;
    -webkit-box-orient: vertical;
    -webkit-line-clamp: 1;
    font-size: 11px;
  }

  .chart-lab-full-actions {
    align-items: stretch;
    display: grid;
    grid-auto-flow: column;
    gap: 6px;
  }

  .chart-lab-full-close {
    min-height: 34px;
    min-width: 66px;
    padding-inline: 9px;
  }

  .chart-lab-full-controls {
    padding: 6px;
  }

  .chart-lab-desk-now-grid,
  .chart-lab-trader-strip,
  .chart-lab-trader-mode-full .chart-lab-trader-strip,
  .chart-lab-technical-tape,
  .chart-lab-panel-group-body,
  .chart-lab-full-diagnostics {
    display: flex !important;
    grid-template-columns: none !important;
    flex-wrap: nowrap !important;
    gap: 8px;
    margin-inline: -1px;
    overflow-x: auto;
    overscroll-behavior-inline: contain;
    padding: 1px 1px 9px;
    scroll-snap-type: x proximity;
    scrollbar-width: none;
  }

  .chart-lab-desk-now-grid::-webkit-scrollbar,
  .chart-lab-trader-strip::-webkit-scrollbar,
  .chart-lab-technical-tape::-webkit-scrollbar,
  .chart-lab-panel-group-body::-webkit-scrollbar,
  .chart-lab-full-diagnostics::-webkit-scrollbar {
    display: none;
  }

  .chart-lab-desk-now-grid > *,
  .chart-lab-trader-strip article,
  .chart-lab-technical-tape div,
  .chart-lab-panel-group-body > *,
  .chart-lab-full-diagnostics article {
    flex: 0 0 clamp(210px, 33vw, 280px) !important;
    min-width: 0;
    scroll-snap-align: start;
  }

  .chart-lab-trader-strip article:first-child,
  .chart-lab-full-diagnostics article:first-child {
    flex-basis: clamp(230px, 38vw, 320px) !important;
  }

  .chart-lab-trader-strip span,
  .chart-lab-trader-strip strong,
  .chart-lab-technical-tape span,
  .chart-lab-technical-tape strong,
  .chart-lab-full-diagnostics span,
  .chart-lab-full-diagnostics strong,
  .chart-lab-full-diagnostics p,
  .chart-lab-panel-group-body * {
    overflow-wrap: anywhere;
    word-break: normal;
  }

  .chart-lab-trader-mode-full .chart-lab-trader-chart {
    min-height: max(360px, 78svh);
  }

  .chart-lab-trader-mode-full .chart-lab-tv-chart {
    height: max(360px, 78svh);
    min-height: 360px;
  }

  #section-login.member-mode .member-dashboard-header,
  #section-login.member-mode .member-section,
  #section-login.member-mode .member-dashboard-section,
  #section-login.member-mode .chart-lab-terminal,
  #section-login.member-mode .chart-lab-trader-mode {
    border-radius: 12px;
  }
}

/* Homepage execution architecture: keep the richer sales pitch calm on tablets and phones */
@media (max-width: 1024px) {
  .pub-dash > .home-exec-architecture {
    order: 4;
  }

  .pub-dash > .pub-join-box {
    order: 5;
  }

  .home-exec-architecture {
    grid-template-columns: minmax(0, 1fr);
    gap: 16px;
    margin-bottom: 0;
    padding: 18px;
    border-radius: 14px;
  }

  .home-exec-card-grid {
    display: flex;
    gap: 10px;
    margin-inline: -2px;
    overflow-x: auto;
    overscroll-behavior-inline: contain;
    padding: 0 2px 8px;
    scroll-snap-type: x proximity;
    scrollbar-width: none;
  }

  .home-exec-card-grid::-webkit-scrollbar {
    display: none;
  }

  .home-exec-card {
    flex: 0 0 min(82vw, 320px);
    scroll-snap-align: start;
  }

  .home-exec-preview {
    grid-template-rows: auto minmax(230px, 1fr) auto;
  }

  .pub-hero h1 {
    max-width: min(18ch, 100%);
  }
}

@media (max-width: 700px) {
  .home-exec-architecture {
    padding: 16px;
  }

  .home-exec-copy h2 {
    font-size: clamp(24px, 7vw, 32px);
  }

  .home-exec-copy > p,
  .home-exec-card p {
    font-size: 13px;
  }

  .home-exec-preview-chart {
    min-height: 230px;
  }

  .home-exec-preview-head {
    align-items: flex-start;
    flex-direction: column;
  }

  .home-exec-preview-head em {
    align-self: flex-start;
  }

  .exec-level {
    right: 8px;
    min-width: 96px;
    max-width: 128px;
    font-size: 9px;
  }

  .exec-sweep,
  .exec-memory {
    max-width: calc(100% - 126px);
    font-size: 10px;
  }

  .home-exec-preview-dock {
    flex-wrap: nowrap;
    overflow-x: auto;
    scrollbar-width: none;
  }

  .home-exec-preview-dock::-webkit-scrollbar {
    display: none;
  }

  .home-exec-preview-dock span {
    flex: 0 0 auto;
  }

  .pub-hero h1 {
    max-width: 100%;
    font-size: clamp(30px, 8.5vw, 42px);
  }
}

/* Enterprise homepage polish: stronger brand bar, tactile CTAs, softer research cards */
.topbar {
  border-color: rgba(196, 213, 234, 0.92);
  background:
    linear-gradient(180deg, rgba(255, 255, 255, 0.94), rgba(248, 251, 255, 0.88)),
    rgba(248, 251, 255, 0.92);
  backdrop-filter: blur(22px) saturate(1.08);
  box-shadow:
    0 18px 44px rgba(15, 31, 51, 0.1),
    inset 0 1px 0 rgba(255, 255, 255, 0.86);
}

.brand-mark {
  font-weight: 900;
  background:
    linear-gradient(145deg, #2877f0, #0d4597 72%),
    var(--accent);
  box-shadow:
    0 16px 30px rgba(20, 99, 227, 0.26),
    inset 0 1px 0 rgba(255, 255, 255, 0.24);
}

.brand-name {
  color: #081827;
  font-weight: 850;
}

.brand-sub {
  color: rgba(67, 90, 115, 0.92);
}

.topnav {
  gap: 4px;
  padding: 5px;
  border-color: rgba(196, 213, 234, 0.88);
  background:
    linear-gradient(180deg, rgba(255, 255, 255, 0.96), rgba(242, 247, 253, 0.92)),
    rgba(255, 255, 255, 0.9);
  box-shadow:
    inset 0 1px 0 rgba(255, 255, 255, 0.9),
    0 8px 22px rgba(15, 31, 51, 0.06);
}

.topnav a {
  color: rgba(15, 31, 51, 0.82);
  font-weight: 800;
}

.topnav a:hover {
  background: rgba(20, 99, 227, 0.08);
  color: var(--accent-dark);
}

.topnav a.is-active {
  background: #0f1f33;
  color: #fff;
  box-shadow:
    0 10px 20px rgba(15, 31, 51, 0.16),
    inset 0 1px 0 rgba(255, 255, 255, 0.12);
}

#nav-join {
  background: linear-gradient(135deg, #ffd76a, #f7c948 64%, #e4aa23);
  color: #182332;
  box-shadow:
    0 10px 20px rgba(205, 168, 72, 0.2),
    inset 0 1px 0 rgba(255, 255, 255, 0.4);
}

#nav-join:hover {
  background: linear-gradient(135deg, #ffe38c, #f8cf54 64%, #e4aa23);
  color: #111827;
}

.site-search-toggle,
.mobile-menu-toggle {
  box-shadow:
    0 10px 22px rgba(20, 99, 227, 0.08),
    inset 0 1px 0 rgba(255, 255, 255, 0.72);
}

.button {
  min-height: 50px;
  padding: 0 23px;
  border: 1px solid transparent;
  font-weight: 850;
  box-shadow:
    0 14px 28px rgba(15, 31, 51, 0.1),
    inset 0 1px 0 rgba(255, 255, 255, 0.16);
}

.button-primary {
  background:
    linear-gradient(135deg, #2f80ff, #1463e3 56%, #0d4597),
    var(--accent);
  color: #fff;
  box-shadow:
    0 18px 34px rgba(20, 99, 227, 0.32),
    inset 0 1px 0 rgba(255, 255, 255, 0.24);
}

.button-primary:hover {
  background:
    linear-gradient(135deg, #4a90ff, #1d6bf0 56%, #0d4597),
    var(--accent);
  box-shadow:
    0 20px 38px rgba(20, 99, 227, 0.36),
    inset 0 1px 0 rgba(255, 255, 255, 0.28);
}

.button-secondary {
  background: rgba(255, 255, 255, 0.1);
  border-color: rgba(255, 255, 255, 0.22);
  color: var(--ink-inverse);
  box-shadow:
    inset 0 1px 0 rgba(255, 255, 255, 0.16),
    0 12px 26px rgba(4, 10, 22, 0.18);
}

.button-secondary:hover {
  background: rgba(255, 255, 255, 0.16);
  border-color: rgba(255, 255, 255, 0.32);
}

.pub-hero-actions,
.home-chart-lab-actions {
  filter: saturate(1.02);
}

.home-chart-lab {
  border-color: rgba(125, 211, 252, 0.22);
  box-shadow:
    0 24px 58px rgba(7, 18, 35, 0.22),
    inset 0 1px 0 rgba(255, 255, 255, 0.06);
}

.home-chart-lab-head {
  gap: 24px;
}

.home-chart-lab-markets {
  gap: 14px;
}

.home-market-card {
  padding: 20px;
  border-color: rgba(148, 163, 184, 0.18);
  background:
    linear-gradient(180deg, rgba(255, 255, 255, 0.095), rgba(255, 255, 255, 0.045)),
    rgba(255, 255, 255, 0.06);
  box-shadow:
    0 14px 30px rgba(4, 10, 22, 0.12),
    inset 0 1px 0 rgba(255, 255, 255, 0.09);
  transition:
    border-color 160ms ease,
    box-shadow 160ms ease,
    transform 160ms ease;
}

.home-market-card:hover {
  border-color: rgba(125, 211, 252, 0.3);
  box-shadow:
    0 18px 36px rgba(4, 10, 22, 0.16),
    inset 0 1px 0 rgba(255, 255, 255, 0.12);
  transform: translateY(-1px);
}

.home-market-card.gold {
  border-top-color: rgba(255, 215, 106, 0.86);
}

.home-market-card.silver {
  border-top-color: rgba(214, 221, 232, 0.86);
}

.home-market-card.nifty {
  border-top-color: rgba(56, 189, 248, 0.86);
}

.home-market-card strong {
  margin-top: 8px;
  font-size: 18px;
}

.home-market-card p {
  margin-top: 10px;
  color: rgba(232, 241, 255, 0.76);
  line-height: 1.6;
}

.home-chart-lab-tools span,
.pub-hero-proof span {
  border-color: rgba(255, 255, 255, 0.18);
  box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.08);
}

@media (max-width: 700px) {
  .topbar {
    background:
      linear-gradient(180deg, rgba(255, 255, 255, 0.97), rgba(248, 251, 255, 0.94)),
      rgba(248, 251, 255, 0.96);
  }

  .home-market-card {
    padding: 18px;
  }
}

/* Main public header should scroll normally; sticky headers cover the hero and desk panels. */
.topbar {
  position: static !important;
  top: auto !important;
}

/* Homepage 9+ pass: trial conversion spotlight and modular lower terminal grid */
.conversion-spotlight {
  overflow: hidden;
  padding: 0;
  border-color: rgba(205, 168, 72, 0.42);
  background:
    radial-gradient(circle at 88% 14%, rgba(20, 99, 227, 0.12), transparent 30%),
    linear-gradient(135deg, rgba(255, 249, 230, 0.96), rgba(248, 251, 255, 0.98) 54%, rgba(235, 245, 255, 0.96));
  box-shadow:
    0 24px 56px rgba(15, 31, 51, 0.1),
    inset 0 1px 0 rgba(255, 255, 255, 0.88);
}

.conversion-spotlight .pjb-title {
  padding: 22px 22px 0;
}

.conversion-spotlight .pjb-sub {
  margin-bottom: 18px;
  padding: 0 22px;
}

.pjb-trial-spotlight {
  display: grid;
  grid-template-columns: minmax(220px, 0.36fr) minmax(0, 1fr);
  gap: 0;
  max-width: 940px;
  margin: 0 auto 18px;
  overflow: hidden;
  border: 1px solid rgba(15, 31, 51, 0.12);
  border-radius: 12px;
  background: rgba(255, 255, 255, 0.78);
  text-align: left;
  box-shadow: 0 20px 46px rgba(15, 31, 51, 0.1);
}

.pjb-trial-price {
  display: grid;
  align-content: center;
  gap: 8px;
  min-height: 190px;
  padding: 24px;
  background:
    linear-gradient(145deg, #081827, #0f1f33 62%, #173253),
    var(--navy);
  color: #fff;
}

.pjb-trial-price span,
.pjb-trial-price em {
  color: rgba(226, 238, 255, 0.78);
  font-size: 11px;
  font-style: normal;
  font-weight: 950;
  letter-spacing: 0.1em;
  text-transform: uppercase;
}

.pjb-trial-price strong {
  color: #ffd76a;
  font-size: clamp(42px, 6vw, 66px);
  line-height: 0.95;
  letter-spacing: 0;
}

.pjb-trial-copy {
  display: grid;
  align-content: center;
  gap: 10px;
  padding: 22px;
}

.pjb-trial-copy .pjb-flash-badge {
  justify-self: start;
}

.pjb-trial-copy h3 {
  margin: 0;
  color: var(--navy);
  font-size: clamp(24px, 3vw, 34px);
  line-height: 1.05;
}

.pjb-trial-copy p {
  max-width: 680px;
  margin: 0;
  color: var(--muted);
  font-size: 14px;
  line-height: 1.6;
}

.pjb-trial-actions {
  display: flex;
  flex-wrap: wrap;
  gap: 10px;
  margin-top: 4px;
}

.conversion-spotlight .pjb-features {
  max-width: 940px;
  padding: 0 22px;
}

.conversion-spotlight .pjb-note {
  padding: 0 22px 20px;
}

.home-terminal-grid {
  display: grid;
  grid-template-columns: repeat(12, minmax(0, 1fr));
  gap: 16px;
  margin-bottom: 18px;
}

.home-terminal-grid > .pub-section {
  min-width: 0;
  height: 100%;
  margin-bottom: 0;
  border-color: rgba(196, 213, 234, 0.82);
  border-radius: 14px;
  background:
    linear-gradient(180deg, rgba(255, 255, 255, 0.96), rgba(248, 251, 255, 0.94)),
    var(--surface);
  box-shadow:
    0 18px 44px rgba(15, 31, 51, 0.08),
    inset 0 1px 0 rgba(255, 255, 255, 0.86);
}

.home-terminal-grid .pub-sec-title {
  margin-bottom: 10px;
}

.home-module-markets {
  grid-column: span 5;
}

.home-module-impact {
  grid-column: span 7;
}

.home-module-video {
  grid-column: span 8;
}

.home-module-brief {
  grid-column: span 4;
}

.home-module-charts {
  grid-column: span 7;
}

.home-module-update {
  grid-column: span 5;
}

.home-module-demand,
.home-module-macro,
.home-module-context {
  grid-column: span 4;
}

.home-module-markets .pub-markets-grid,
.home-module-demand .pub-co-grid,
.home-module-macro .pub-macro-grid,
.home-module-context .pub-india-grid {
  grid-template-columns: repeat(2, minmax(0, 1fr));
  gap: 10px;
}

.home-module-impact .pub-impact-grid,
.home-module-video .pub-video-grid,
.home-module-charts .pub-charts-grid {
  grid-template-columns: repeat(2, minmax(0, 1fr));
  gap: 12px;
}

.home-module-brief .pub-brief-box,
.home-module-update .pub-article-body {
  max-width: none;
}

.home-module-brief .pub-brief-footer {
  align-items: stretch;
  flex-direction: column;
}

.home-module-brief .pub-brief-cta,
.home-module-update .pub-read-more {
  width: 100%;
}

.home-terminal-grid .pub-market-card,
.home-terminal-grid .pub-co-card,
.home-terminal-grid .pub-macro-card,
.home-terminal-grid .pub-india-card,
.home-terminal-grid .pub-chart-wrap,
.home-terminal-grid .pub-impact-card,
.home-terminal-grid .pub-video-card,
.home-terminal-grid .pub-video-column {
  border-color: rgba(196, 213, 234, 0.74);
  box-shadow:
    0 10px 24px rgba(15, 31, 51, 0.06),
    inset 0 1px 0 rgba(255, 255, 255, 0.78);
}

.home-terminal-grid .pub-video-wall {
  grid-template-columns: repeat(2, minmax(0, 1fr));
}

.home-terminal-grid .pub-impact-disclaimer,
.home-terminal-grid .pub-video-disclaimer,
.home-terminal-grid .pub-co-note,
.home-terminal-grid .pub-macro-note {
  font-size: 11px;
}

@media (max-width: 1024px) {
  .pub-dash > .home-terminal-grid {
    order: 9;
  }

  .pjb-trial-spotlight {
    grid-template-columns: minmax(0, 1fr);
  }

  .pjb-trial-price {
    min-height: 150px;
  }

  .home-terminal-grid {
    display: flex;
    gap: 12px;
    margin-inline: -2px;
    overflow-x: auto;
    overscroll-behavior-inline: contain;
    padding: 0 2px 12px;
    scroll-snap-type: x proximity;
    scrollbar-width: none;
  }

  .home-terminal-grid::-webkit-scrollbar {
    display: none;
  }

  .home-terminal-grid > .pub-section {
    flex: 0 0 min(88vw, 430px);
    height: auto;
    scroll-snap-align: start;
  }

  .home-module-markets .pub-markets-grid,
  .home-module-impact .pub-impact-grid,
  .home-module-video .pub-video-grid,
  .home-module-charts .pub-charts-grid,
  .home-module-demand .pub-co-grid,
  .home-module-macro .pub-macro-grid,
  .home-module-context .pub-india-grid {
    grid-template-columns: minmax(0, 1fr);
  }
}

@media (min-width: 701px) and (max-width: 1024px) and (orientation: landscape) {
  .home-terminal-grid > .pub-section {
    flex-basis: min(54vw, 520px);
  }
}

@media (max-width: 700px) {
  .conversion-spotlight .pjb-title {
    padding: 18px 16px 0;
    font-size: 24px;
  }

  .conversion-spotlight .pjb-sub,
  .conversion-spotlight .pjb-features,
  .conversion-spotlight .pjb-note {
    padding-inline: 16px;
  }

  .pjb-trial-spotlight {
    margin-inline: 10px;
    border-radius: 10px;
  }

  .pjb-trial-price,
  .pjb-trial-copy {
    padding: 18px;
  }

  .pjb-trial-actions,
  .pjb-trial-actions .pjb-btn {
    width: 100%;
  }

  .home-terminal-grid {
    margin-bottom: 0;
  }

  .home-terminal-grid > .pub-section {
    flex-basis: min(86vw, 360px);
    padding: 14px;
  }

  .home-terminal-grid .pub-section-header {
    gap: 10px;
  }
}

/* Light dashboard contrast guard. Secondary buttons default to dark-panel styling,
   so light homepage modules need their own high-contrast treatment. */
.home-terminal-grid .button-secondary,
.pub-impact-section .button-secondary,
.pub-video-section .button-secondary,
.real-price-chart-panel .button-secondary {
  border: 1px solid rgba(20, 99, 227, 0.28);
  background:
    linear-gradient(180deg, #ffffff, #edf5ff);
  color: #0d4597;
  box-shadow:
    0 10px 22px rgba(15, 31, 51, 0.08),
    inset 0 1px 0 rgba(255, 255, 255, 0.88);
}

.home-terminal-grid .button-secondary:hover,
.pub-impact-section .button-secondary:hover,
.pub-video-section .button-secondary:hover,
.real-price-chart-panel .button-secondary:hover {
  border-color: rgba(20, 99, 227, 0.42);
  background:
    linear-gradient(180deg, #ffffff, #e3efff);
  color: #0a3678;
  box-shadow:
    0 12px 26px rgba(20, 99, 227, 0.12),
    inset 0 1px 0 rgba(255, 255, 255, 0.94);
}

.home-terminal-grid .button-secondary:focus-visible,
.pub-impact-section .button-secondary:focus-visible,
.pub-video-section .button-secondary:focus-visible,
.real-price-chart-panel .button-secondary:focus-visible {
  outline: 3px solid rgba(20, 99, 227, 0.28);
  outline-offset: 2px;
}

.home-terminal-grid .button-secondary:disabled,
.pub-impact-section .button-secondary:disabled,
.pub-video-section .button-secondary:disabled,
.real-price-chart-panel .button-secondary:disabled {
  border-color: rgba(196, 213, 234, 0.92);
  background: #eef3f9;
  color: #51657d;
  opacity: 1;
  box-shadow: none;
}

@media (max-width: 1024px) {
  .pub-dash > .global-arb-matrix {
    order: 5;
  }

  .pub-dash > .public-chart-sampler {
    order: 4;
  }

  .pub-dash > .home-growth-tools {
    order: 5;
  }

  .global-arb-head {
    grid-template-columns: minmax(0, 1fr);
  }

  .public-chart-sampler-head {
    flex-direction: column;
    align-items: stretch;
  }

  .home-growth-tools-head {
    flex-direction: column;
    align-items: stretch;
  }

  .public-chart-sampler-head .button {
    width: fit-content;
  }

  .home-growth-tools-head .button {
    width: fit-content;
  }

  .home-growth-tools-grid {
    grid-template-columns: repeat(6, minmax(210px, 1fr));
    overflow-x: auto;
    padding-bottom: 4px;
    scroll-snap-type: x proximity;
  }

  .home-growth-tools-grid a {
    scroll-snap-align: start;
  }

  .public-chart-teaser {
    grid-template-columns: minmax(0, 1fr);
  }

  .public-teaser-terminal {
    order: 1;
  }

  .public-teaser-copy {
    order: 2;
  }

  .public-chart-sampler-grid {
    grid-template-columns: repeat(4, minmax(210px, 1fr));
    overflow-x: auto;
    padding-bottom: 4px;
    scroll-snap-type: x proximity;
  }

  .global-arb-grid {
    grid-template-columns: repeat(3, minmax(180px, 1fr));
    overflow-x: auto;
    padding-bottom: 4px;
    scroll-snap-type: x proximity;
  }

  .global-arb-card {
    scroll-snap-align: start;
  }

  .public-sampler-card {
    scroll-snap-align: start;
  }
}

@media (max-width: 700px) {
  .public-chart-sampler {
    padding: 16px;
    border-radius: 14px;
  }

  .home-growth-tools {
    padding: 16px;
    border-radius: 14px;
  }

  .public-chart-sampler h2 {
    font-size: 27px;
  }

  .home-growth-tools h2 {
    font-size: 27px;
  }

  .public-chart-sampler-head .button {
    width: 100%;
  }

  .home-growth-tools-head .button {
    width: 100%;
  }

  .public-chart-teaser {
    gap: 12px;
    margin: 14px 0;
  }

  .public-teaser-copy {
    padding: 14px;
  }

  .public-teaser-copy strong {
    font-size: 24px;
  }

  .public-teaser-terminal-bar {
    grid-template-columns: minmax(0, 1fr);
    padding: 12px;
  }

  .public-teaser-terminal-bar em {
    width: fit-content;
  }

  .public-teaser-hud {
    flex-wrap: nowrap;
    overflow-x: auto;
    padding: 9px 12px 10px;
  }

  .public-teaser-hud span {
    flex: 0 0 auto;
  }

  .public-teaser-canvas {
    min-height: 282px;
  }

  .public-teaser-canvas svg {
    height: 282px;
  }

  .public-axis-label {
    right: 8px;
    max-width: 138px;
    font-size: 10px;
    padding: 5px 6px;
  }

  .public-teaser-lock {
    top: auto;
    right: 10px;
    bottom: 10px;
    left: 10px;
    width: auto;
    min-width: 0;
    padding: 12px;
  }

  .public-teaser-lock strong {
    font-size: 17px;
  }

  .public-teaser-lock .button {
    width: 100%;
  }

  .public-chart-sampler-grid {
    grid-template-columns: repeat(4, minmax(235px, 1fr));
    margin-inline: -4px;
    padding-inline: 4px;
  }

  .home-growth-tools-grid {
    grid-template-columns: repeat(6, minmax(235px, 1fr));
    margin-inline: -4px;
    padding-inline: 4px;
  }

  .global-arb-matrix {
    margin-inline: 0;
    padding: 16px;
    border-radius: 14px;
  }

  .global-arb-head h2 {
    font-size: 27px;
  }

  .global-arb-grid {
    grid-template-columns: repeat(6, minmax(210px, 1fr));
    margin-inline: -4px;
    padding-inline: 4px;
  }
}

/* PMDesk UX foundation v1: wider app shell, calmer surfaces, stronger scan rhythm. */
:root {
  --pmdesk-page-max: 1840px;
  --pmdesk-content-max: 1720px;
  --pmdesk-readable-max: 860px;
  --pmdesk-gutter: clamp(16px, 2.2vw, 40px);
  --pmdesk-section-gap: clamp(16px, 1.6vw, 28px);
  --pmdesk-radius: 14px;
  --pmdesk-radius-lg: 18px;
  --pmdesk-shadow-panel: 0 18px 46px rgba(15, 31, 51, 0.08);
  --pmdesk-shadow-float: 0 24px 70px rgba(15, 31, 51, 0.12);
  --pmdesk-line: rgba(184, 200, 220, 0.78);
  --pmdesk-card-bg: rgba(255, 255, 255, 0.92);
  --pmdesk-card-bg-strong: rgba(248, 251, 255, 0.96);
  --pmdesk-terminal: #071426;
  --pmdesk-terminal-2: #0b1d33;
  --pmdesk-gold: #d8b64c;
  --pmdesk-teal: #1aa98f;
  --pmdesk-cyan: #2687c9;
}

body {
  min-width: 320px;
  background:
    linear-gradient(180deg, #fbfdff 0%, #eef4fb 44%, #eaf1f8 100%);
  color: #0c1d2f;
  text-rendering: optimizeLegibility;
}

.site-shell {
  width: min(100%, var(--pmdesk-page-max));
  max-width: none;
  margin: 0 auto;
  padding: clamp(12px, 1.4vw, 24px) var(--pmdesk-gutter) clamp(72px, 6vw, 112px);
}

.topbar {
  width: 100%;
  margin: 0 auto var(--pmdesk-section-gap);
  padding: clamp(14px, 1.4vw, 20px);
  border-color: var(--pmdesk-line);
  border-radius: var(--pmdesk-radius-lg);
  background: rgba(255, 255, 255, 0.9);
  box-shadow: var(--pmdesk-shadow-panel);
}

.brand-name {
  color: #0a1a2c;
  font-weight: 900;
  letter-spacing: 0;
}

.brand-sub {
  max-width: 520px;
  color: #52667d;
}

.topnav {
  gap: 4px;
  border-color: rgba(184, 200, 220, 0.82);
  background: rgba(244, 248, 253, 0.86);
}

.topnav a,
.nav-logout,
.nav-user-label,
.site-search-toggle,
.topbar-status {
  min-height: 38px;
  font-size: 13px;
}

.topnav a {
  padding: 9px 13px;
}

.topnav a.is-active {
  background: #0c1f34;
  color: #ffffff;
  box-shadow: 0 10px 22px rgba(12, 31, 52, 0.18);
}

.pub-dash {
  width: min(100%, var(--pmdesk-content-max));
  max-width: none;
  margin: 0 auto;
  padding: 0;
}

.pub-hero,
.pub-section,
.pub-join-box,
.home-chart-lab,
.home-growth-tools,
.home-exec-architecture,
.public-chart-sampler,
.global-arb-matrix,
.panel,
.member-section,
.member-dashboard,
.member-form,
.member-status-panel {
  border-radius: var(--pmdesk-radius-lg);
  box-shadow: var(--pmdesk-shadow-panel);
}

.pub-hero,
.home-chart-lab,
.public-chart-sampler,
.global-arb-matrix,
.home-growth-tools,
.home-exec-architecture,
.home-terminal-grid {
  margin-bottom: var(--pmdesk-section-gap);
}

.pub-hero {
  min-height: clamp(500px, 54vh, 720px);
  padding: clamp(30px, 4.2vw, 72px);
  border-radius: var(--pmdesk-radius-lg);
  border-color: rgba(216, 182, 76, 0.4);
  background:
    linear-gradient(90deg, rgba(4, 14, 27, 0.98) 0%, rgba(6, 21, 39, 0.92) 42%, rgba(6, 21, 39, 0.52) 68%, rgba(6, 21, 39, 0.18) 100%),
    url("/site/assets/images/pmdesk-trading-desk-hero-20260618.webp") center right / cover no-repeat;
  box-shadow: 0 26px 76px rgba(7, 18, 35, 0.2);
}

.pub-hero h1 {
  max-width: 980px;
  font-size: clamp(42px, 5.8vw, 92px);
  line-height: 0.95;
  letter-spacing: 0;
}

.pub-hero-copy {
  max-width: 760px;
  font-size: clamp(16px, 1.08vw, 20px);
  line-height: 1.68;
}

.pub-hero-actions {
  border-radius: 18px;
  background: rgba(4, 14, 27, 0.58);
}

.button,
.pricing-btn,
.pjb-btn {
  border-radius: 12px;
  font-weight: 900;
}

.button-primary,
.hero-btn-primary {
  background: linear-gradient(180deg, #2878f0, #1157d8);
  box-shadow: 0 18px 36px rgba(17, 87, 216, 0.24);
}

.button-secondary {
  border-color: rgba(255, 255, 255, 0.28);
}

.home-chart-lab,
.home-exec-architecture {
  padding: clamp(22px, 2.2vw, 38px);
}

.home-chart-lab h2,
.home-growth-tools h2,
.public-chart-sampler h2,
.home-exec-copy h2 {
  letter-spacing: 0;
}

.home-chart-lab h2 {
  max-width: 980px;
  font-size: clamp(32px, 3.8vw, 64px);
}

.home-chart-lab-markets,
.home-exec-card-grid,
.home-growth-tools-grid,
.public-chart-sampler-grid {
  gap: clamp(12px, 1vw, 18px);
}

.home-market-card,
.home-exec-card,
.public-sampler-card,
.home-growth-tool-card,
.global-arb-card,
.pub-market-card,
.pub-impact-card,
.pub-video-card,
.pub-chart-wrap,
.feed-card,
.executive-card,
.pricing-card {
  border-radius: var(--pmdesk-radius);
}

.home-terminal-grid {
  gap: clamp(14px, 1.2vw, 22px);
}

.home-terminal-grid > .pub-section {
  border-radius: var(--pmdesk-radius-lg);
  background: var(--pmdesk-card-bg);
  box-shadow: var(--pmdesk-shadow-panel);
}

.home-module-impact,
.home-module-video {
  grid-column: span 7;
}

.home-module-markets,
.home-module-brief,
.home-module-charts,
.home-module-update {
  grid-column: span 5;
}

.pub-section-header,
.section-header {
  gap: 16px;
}

.pub-sec-title,
.pub-kicker,
.section-kicker,
.eyebrow {
  color: #0d4f9a;
  font-weight: 950;
  letter-spacing: 0.12em;
}

.pub-section p,
.home-terminal-grid p,
.section-summary,
.muted-copy,
.small-text {
  color: #41566e;
}

.site-footer {
  width: min(100%, var(--pmdesk-content-max));
  margin: var(--pmdesk-section-gap) auto 0;
  border-radius: var(--pmdesk-radius-lg);
  background: rgba(255, 255, 255, 0.88);
}

@media (min-width: 1440px) {
  .home-terminal-grid {
    grid-template-columns: repeat(16, minmax(0, 1fr));
  }

  .home-module-markets,
  .home-module-brief,
  .home-module-update {
    grid-column: span 5;
  }

  .home-module-impact,
  .home-module-video,
  .home-module-charts {
    grid-column: span 8;
  }

  .home-module-demand,
  .home-module-macro,
  .home-module-context {
    grid-column: span 4;
  }
}

@media (max-width: 1024px) {
  .site-shell {
    padding-inline: clamp(10px, 2.4vw, 22px);
  }

  .topbar {
    display: grid;
    grid-template-columns: minmax(0, 1fr) auto;
    align-items: start;
    gap: 12px;
  }

  .topbar-right {
    display: flex;
    flex-wrap: wrap;
    justify-content: flex-end;
  }

  .topbar-meta {
    order: 3;
    width: min(100%, 420px);
  }

  .pub-hero {
    min-height: 560px;
    grid-template-columns: minmax(0, 1fr);
    align-items: end;
  }

  .pub-hero-actions {
    justify-self: start;
  }
}

@media (max-width: 700px) {
  body {
    background: #f6f9fd;
  }

  .site-shell {
    width: 100%;
    padding: max(10px, env(safe-area-inset-top)) 8px max(80px, env(safe-area-inset-bottom));
  }

  .topbar {
    grid-template-columns: minmax(0, 1fr) auto;
    margin-bottom: 12px;
    padding: 14px;
    border-radius: 18px;
  }

  .brand-lockup {
    gap: 10px;
    min-width: 0;
  }

  .brand-mark {
    width: 46px;
    height: 46px;
    border-radius: 13px;
  }

  .brand-name {
    max-width: 220px;
    font-size: 20px;
    line-height: 1.08;
  }

  .brand-sub {
    max-width: 230px;
    font-size: 12px;
    line-height: 1.35;
  }

  .topbar-right {
    display: contents;
  }

  .mobile-menu-toggle {
    grid-column: 2;
    grid-row: 1;
    align-self: start;
    border-radius: 14px;
  }

  .topbar-meta {
    grid-column: 1 / -1;
    width: 100%;
    justify-content: space-between;
    margin-top: 8px;
  }

  .site-search-toggle,
  .topnav {
    display: none !important;
  }

  .pub-dash {
    width: 100%;
  }

  .pub-hero,
  .home-chart-lab,
  .public-chart-sampler,
  .global-arb-matrix,
  .home-growth-tools,
  .home-exec-architecture,
  .pub-join-box,
  .pub-section,
  .panel,
  .member-section {
    border-radius: 18px;
  }

  .pub-hero {
    min-height: min(620px, calc(100svh - 148px));
    padding: 24px;
    background:
      linear-gradient(180deg, rgba(4, 14, 27, 0.98) 0%, rgba(4, 14, 27, 0.88) 58%, rgba(4, 14, 27, 0.54) 100%),
      url("/site/assets/images/pmdesk-trading-desk-hero-20260618.webp") center / cover no-repeat;
  }

  .pub-hero h1 {
    font-size: clamp(40px, 12vw, 58px);
    line-height: 0.98;
  }

  .pub-hero-copy {
    font-size: 16px;
    line-height: 1.58;
  }

  .pub-hero-proof {
    display: grid;
    grid-auto-flow: column;
    grid-auto-columns: max-content;
    overflow-x: auto;
    padding-bottom: 4px;
    scrollbar-width: none;
  }

  .pub-hero-actions {
    width: 100%;
    padding: 8px;
    border-radius: 16px;
  }

  .pub-hero-actions .button {
    flex: 1 1 0;
    min-width: 0;
    min-height: 48px;
    padding-inline: 10px;
  }

  .home-chart-lab,
  .public-chart-sampler,
  .global-arb-matrix,
  .home-growth-tools,
  .home-exec-architecture {
    padding: 18px;
  }

  .home-chart-lab h2,
  .public-chart-sampler h2,
  .home-growth-tools h2 {
    font-size: clamp(28px, 8.2vw, 38px);
  }

  .home-chart-lab-head,
  .section-header {
    grid-template-columns: minmax(0, 1fr);
  }

  .home-chart-lab-actions,
  .home-chart-lab-actions .button {
    width: 100%;
  }

  .home-chart-lab-markets {
    display: grid;
    grid-auto-flow: column;
    grid-auto-columns: minmax(248px, 82vw);
    grid-template-columns: none;
    overflow-x: auto;
    padding-bottom: 6px;
    scroll-snap-type: x proximity;
  }

  .home-market-card {
    scroll-snap-align: start;
  }

  .home-terminal-grid {
    margin-inline: 0;
    padding-inline: 0;
  }

  .home-terminal-grid > .pub-section {
    flex-basis: min(92vw, 390px);
  }
}

@media (max-height: 560px) and (orientation: landscape) {
  .site-shell {
    padding-top: 8px;
  }

  .topbar {
    align-items: center;
  }

  .brand-sub,
  .topbar-meta {
    display: none;
  }

  .pub-hero {
    min-height: 420px;
    padding: 24px;
  }

  .pub-hero h1 {
    font-size: clamp(36px, 6vw, 54px);
  }
}

/* PMDesk brand system v1 */
.brand-mark,
.footer-brand-mark {
  position: relative;
  isolation: isolate;
  overflow: hidden;
  display: grid;
  place-items: center;
  border: 1px solid rgba(148, 197, 255, 0.58);
  background:
    radial-gradient(circle at 74% 24%, rgba(255, 210, 70, 0.34), transparent 25%),
    linear-gradient(145deg, #074fb8 0%, #1463e3 42%, #07182d 100%);
  color: #fff;
  box-shadow:
    0 18px 34px rgba(12, 55, 130, 0.24),
    inset 0 1px 0 rgba(255, 255, 255, 0.3);
}

.brand-mark {
  width: 52px;
  height: 52px;
  border-radius: 16px;
}

.footer-brand-mark {
  width: 46px;
  height: 46px;
  border-radius: 14px;
  flex: 0 0 auto;
}

.brand-mark::before,
.footer-brand-mark::before {
  content: "";
  position: absolute;
  inset: 8px;
  border-radius: 12px;
  border: 1px solid rgba(255, 255, 255, 0.16);
  z-index: -1;
}

.brand-mark::after,
.footer-brand-mark::after {
  content: "";
  position: absolute;
  right: 7px;
  bottom: 9px;
  width: 26px;
  height: 12px;
  border-right: 2px solid rgba(255, 214, 80, 0.95);
  border-top: 2px solid rgba(255, 214, 80, 0.95);
  transform: skewX(-18deg);
  opacity: 0.92;
}

.brand-mark-pm {
  position: relative;
  z-index: 1;
  font-size: 18px;
  font-weight: 900;
  letter-spacing: 0;
}

.footer-brand-mark .brand-mark-pm {
  font-size: 16px;
}

.brand-mark-signal {
  position: absolute;
  right: 8px;
  bottom: 8px;
  width: 7px;
  height: 7px;
  border-radius: 999px;
  background: #ffd447;
  box-shadow: 0 0 0 4px rgba(255, 212, 71, 0.16);
  z-index: 2;
}

.brand-name {
  letter-spacing: 0;
}

.topbar .brand-name {
  font-weight: 850;
}

.footer-brand-row strong {
  letter-spacing: 0;
}

@media (max-width: 720px) {
  .brand-mark {
    width: 48px;
    height: 48px;
  }

  .brand-mark-pm {
    font-size: 17px;
  }
}

/* Public sampler conversion polish v1 */
.public-chart-sampler-actions {
  display: flex;
  flex-wrap: wrap;
  gap: 10px;
  justify-content: flex-end;
}

.public-chart-sampler-actions .button {
  min-height: 46px;
  white-space: nowrap;
}

.public-chart-sampler-actions .button-secondary {
  border-color: rgba(20, 99, 227, 0.32);
  background:
    linear-gradient(180deg, rgba(255, 255, 255, 0.96), rgba(231, 241, 255, 0.94)),
    #edf5ff;
  color: #08203f;
  box-shadow:
    0 14px 28px rgba(20, 99, 227, 0.12),
    inset 0 1px 0 rgba(255, 255, 255, 0.92);
}

.public-chart-sampler-actions .button-secondary:hover {
  border-color: rgba(20, 99, 227, 0.52);
  background:
    linear-gradient(180deg, #ffffff, #dcecff),
    #e7f1ff;
  color: #061a34;
}

.public-teaser-unlock-grid {
  display: grid;
  grid-template-columns: repeat(3, minmax(0, 1fr));
  gap: 9px;
  margin-top: 16px;
}

.public-teaser-unlock-grid > div {
  min-width: 0;
  border: 1px solid rgba(20, 99, 227, 0.15);
  border-radius: 12px;
  background:
    linear-gradient(180deg, rgba(255, 255, 255, 0.96), rgba(238, 246, 255, 0.92)),
    #f8fbff;
  padding: 12px;
}

.public-teaser-unlock-grid span {
  display: block;
  color: #0d4597;
  font-size: 9px;
  font-weight: 950;
  letter-spacing: .1em;
  text-transform: uppercase;
}

.public-teaser-unlock-grid strong {
  display: block;
  margin-top: 6px;
  color: #07172a;
  font-size: 13px;
  line-height: 1.18;
}

.public-teaser-terminal {
  border-color: rgba(38, 135, 201, 0.36);
}

.public-teaser-lock {
  border-color: rgba(245, 197, 66, 0.34);
}

.public-chart-sampler-lock {
  align-items: center;
}

.public-chart-sampler-lock span {
  min-height: 30px;
  display: inline-flex;
  align-items: center;
}

@media (max-width: 1024px) {
  .public-chart-sampler-actions {
    justify-content: flex-start;
  }
}

@media (max-width: 700px) {
  .public-chart-sampler-actions {
    display: grid;
    grid-template-columns: minmax(0, 1fr);
    width: 100%;
  }

  .public-chart-sampler-actions .button {
    width: 100%;
  }

  .public-teaser-unlock-grid {
    grid-auto-flow: column;
    grid-auto-columns: minmax(185px, 72vw);
    grid-template-columns: none;
    overflow-x: auto;
    padding-bottom: 4px;
    scroll-snap-type: x proximity;
    scrollbar-width: none;
  }

  .public-teaser-unlock-grid > div {
    scroll-snap-align: start;
  }
}

/* Member mobile workspace v1 */
.member-dashboard,
.member-section,
.member-dashboard-section,
.member-chart-lab-section,
.chart-lab-shell,
.chart-lab-terminal {
  max-width: 100%;
  min-width: 0;
}

.member-section,
.member-dashboard-section {
  overflow: hidden;
}

.member-section h3,
.member-dashboard-section h3,
.member-section p,
.member-dashboard-section p,
.member-section strong,
.member-dashboard-section strong {
  overflow-wrap: anywhere;
}

.member-dashboard {
  border-radius: var(--pmdesk-radius-lg);
}

.member-dashboard > .member-section,
.member-dashboard > .member-dashboard-section {
  border-radius: var(--pmdesk-radius);
}

.member-actions .button,
.free-member-actions .button,
.member-video-actions .button {
  min-height: 42px;
}

@media (min-width: 1025px) {
  .member-dashboard {
    gap: clamp(16px, 1.4vw, 24px);
    padding: clamp(20px, 2vw, 34px);
  }

  .member-dashboard-header {
    border-radius: 16px;
  }
}

@media (min-width: 701px) and (max-width: 1024px) {
  .member-dashboard {
    padding: 16px;
    border-radius: 18px;
  }

  .member-dashboard-header,
  .section-header-row,
  .member-actions {
    align-items: flex-start;
    display: grid;
    grid-template-columns: minmax(0, 1fr);
  }

  .member-actions {
    grid-template-columns: repeat(2, minmax(0, 1fr));
  }

  .member-chart-lab-section {
    padding: 16px;
  }

  .chart-lab-control-layers,
  .chart-lab-control-group[aria-label="Candle timeframe"],
  .chart-lab-control-group[aria-label="Research range"] {
    flex-basis: min(100%, 720px);
  }
}

@media (max-width: 700px) {
  #section-login.member-mode .panel,
  #section-login.member-mode .auth-card,
  .member-dashboard {
    max-width: 100%;
    min-width: 0;
  }

  .member-dashboard {
    gap: 12px;
    margin-top: 10px;
    padding: 0;
    border: 0;
    border-radius: 0;
    background: transparent;
    box-shadow: none;
  }

  .member-dashboard-header,
  .member-actions,
  .member-section,
  .member-dashboard-section,
  .free-member-hero,
  .member-chart-lab-section {
    margin-inline: 0;
    width: 100%;
  }

  .member-dashboard-header {
    display: grid;
    grid-template-columns: minmax(0, 1fr);
    gap: 10px;
    padding: 14px;
    border: 1px solid rgba(196, 213, 234, 0.82);
    border-radius: 16px;
    background: rgba(255, 255, 255, 0.92);
    box-shadow: 0 12px 28px rgba(15, 31, 51, 0.07);
  }

  .member-dashboard-header h3 {
    font-size: clamp(22px, 6vw, 28px);
    line-height: 1.08;
  }

  .plan-badge {
    justify-content: center;
    min-height: 32px;
    width: fit-content;
    max-width: 100%;
    white-space: normal;
  }

  .member-actions {
    display: grid;
    grid-template-columns: repeat(2, minmax(0, 1fr));
    gap: 8px;
  }

  .member-actions .button {
    width: 100%;
    min-width: 0;
    padding-inline: 10px;
  }

  .member-section,
  .member-dashboard-section,
  .free-member-hero {
    padding: 14px;
    border-radius: 16px;
  }

  .section-header-row,
  .section-header,
  .member-video-actions {
    align-items: stretch;
    display: grid;
    grid-template-columns: minmax(0, 1fr);
    gap: 8px;
  }

  .section-header-row h3,
  .section-header h3 {
    font-size: 19px;
    line-height: 1.15;
  }

  .data-source-note {
    width: fit-content;
    max-width: 100%;
  }

  .free-member-actions,
  .member-video-actions {
    grid-template-columns: minmax(0, 1fr);
  }

  .free-member-actions .button,
  .member-video-actions .button {
    width: 100%;
  }

  .member-chart-lab-section {
    padding: 10px;
  }

  .chart-lab-terminal {
    margin-inline: 0;
    padding: 12px;
    border-radius: 16px;
  }

  .chart-lab-topline {
    display: grid;
    grid-template-columns: minmax(0, 1fr);
    gap: 10px;
  }

  .chart-lab-topline h4 {
    font-size: clamp(25px, 8vw, 34px);
  }

  .chart-lab-bias-pill {
    justify-self: stretch;
    min-width: 0;
    width: 100%;
    border-radius: 14px;
  }

  .chart-lab-controls {
    display: grid;
    grid-auto-flow: row;
    grid-template-columns: minmax(0, 1fr);
    gap: 8px;
  }

  .chart-lab-control-group,
  .chart-lab-control-group[aria-label="Candle timeframe"],
  .chart-lab-control-group[aria-label="Research range"],
  .chart-lab-control-group[aria-label="Chart layers"] {
    display: flex;
    flex-wrap: nowrap;
    max-width: 100%;
    overflow-x: auto;
    overscroll-behavior-inline: contain;
    padding: 6px;
    scroll-snap-type: x proximity;
    scrollbar-width: none;
  }

  .chart-lab-control-group::-webkit-scrollbar,
  .chart-lab-stat-grid::-webkit-scrollbar,
  .free-member-preview-grid::-webkit-scrollbar,
  .free-member-unlock-grid::-webkit-scrollbar,
  .member-chart-gallery::-webkit-scrollbar,
  .member-video-context-grid::-webkit-scrollbar,
  .global-markets-grid::-webkit-scrollbar,
  .macro-indicators-grid::-webkit-scrollbar,
  .context-cards-grid::-webkit-scrollbar,
  .watchlist-grid::-webkit-scrollbar {
    display: none;
  }

  .chart-lab-control-group span,
  .chart-lab-control-group button {
    flex: 0 0 auto;
    scroll-snap-align: start;
  }

  .chart-lab-control-group button {
    min-width: 54px;
    min-height: 36px;
    white-space: nowrap;
  }

  .chart-lab-control-layers button {
    min-width: max-content;
  }

  .chart-lab-control-action,
  .chart-lab-control-action button {
    width: 100%;
  }

  .chart-lab-stat-grid {
    display: grid;
    grid-auto-columns: minmax(138px, 42vw);
    grid-auto-flow: column;
    grid-template-columns: none;
    overflow-x: auto;
    padding-bottom: 4px;
    scroll-snap-type: x proximity;
    scrollbar-width: none;
  }

  .chart-lab-stat-grid div {
    scroll-snap-align: start;
  }

  .chart-lab-engine-grid,
  .chart-lab-confluence-grid,
  .chart-lab-vision-grid,
  .chart-lab-vjepa-fusion-grid,
  .chart-lab-direction-grid,
  .chart-lab-mtf-grid,
  .chart-lab-cross-grid {
    grid-template-columns: minmax(0, 1fr);
  }

  .chart-lab-mini-metrics,
  .chart-lab-record-stats,
  .chart-lab-sweep-radar-grid {
    display: grid;
    grid-auto-columns: minmax(128px, 40vw);
    grid-auto-flow: column;
    grid-template-columns: none;
    overflow-x: auto;
    padding-bottom: 4px;
    scroll-snap-type: x proximity;
    scrollbar-width: none;
  }

  .chart-lab-mini-metrics div,
  .chart-lab-record-stats article,
  .chart-lab-sweep-radar-grid div {
    scroll-snap-align: start;
  }

  .free-member-preview-grid,
  .free-member-unlock-grid,
  .member-chart-gallery,
  .member-video-context-grid,
  .global-markets-grid,
  .macro-indicators-grid,
  .context-cards-grid,
  .watchlist-grid {
    display: grid;
    grid-auto-columns: minmax(238px, 82vw);
    grid-auto-flow: column;
    grid-template-columns: none;
    overflow-x: auto;
    padding-bottom: 5px;
    scroll-snap-type: x proximity;
    scrollbar-width: none;
  }

  .free-member-preview-grid > *,
  .free-member-unlock-grid > *,
  .member-chart-gallery > *,
  .member-video-context-grid > *,
  .global-markets-grid > *,
  .macro-indicators-grid > *,
  .context-cards-grid > *,
  .watchlist-grid > * {
    scroll-snap-align: start;
  }
}

@media (max-height: 560px) and (orientation: landscape) {
  .member-dashboard {
    gap: 10px;
  }

  .member-section,
  .member-dashboard-section,
  .member-chart-lab-section {
    padding: 10px;
  }

  .chart-lab-terminal {
    padding: 10px;
  }
}

/* PMDesk modern visual system v1: richer fintech surfaces without heavy assets. */
:root {
  --pmdesk-ink-deep: #071526;
  --pmdesk-blue-glow: rgba(37, 99, 235, 0.18);
  --pmdesk-cyan-glow: rgba(14, 165, 233, 0.16);
  --pmdesk-gold-glow: rgba(216, 182, 76, 0.18);
  --pmdesk-rose-glow: rgba(244, 63, 94, 0.12);
  --pmdesk-green-glow: rgba(16, 185, 129, 0.14);
}

.pub-dash,
.member-dashboard {
  position: relative;
}

.home-chart-lab,
.public-chart-sampler,
.global-arb-matrix,
.home-growth-tools,
.home-exec-architecture,
.pub-section,
.member-section,
.member-dashboard-section,
.free-member-hero,
.member-chart-lab-section {
  position: relative;
  isolation: isolate;
}

.home-chart-lab::before,
.public-chart-sampler::before,
.global-arb-matrix::before,
.home-growth-tools::before,
.home-exec-architecture::before,
.member-section::before,
.member-dashboard-section::before,
.free-member-hero::before {
  content: "";
  position: absolute;
  inset: 0;
  pointer-events: none;
  z-index: -1;
  border-radius: inherit;
  background:
    linear-gradient(120deg, rgba(20, 99, 227, 0.08), transparent 28%),
    linear-gradient(300deg, rgba(216, 182, 76, 0.11), transparent 26%);
}

.home-chart-lab,
.public-chart-sampler,
.home-growth-tools,
.global-arb-matrix,
.home-exec-architecture {
  border-color: rgba(148, 197, 255, 0.42);
  box-shadow:
    0 24px 70px rgba(15, 31, 51, 0.1),
    inset 0 1px 0 rgba(255, 255, 255, 0.86);
}

.member-section,
.member-dashboard-section,
.free-member-hero {
  border-color: rgba(148, 197, 255, 0.34);
  background:
    linear-gradient(180deg, rgba(255, 255, 255, 0.98), rgba(244, 249, 255, 0.94)),
    #f8fbff;
  box-shadow:
    0 16px 38px rgba(15, 31, 51, 0.07),
    inset 0 1px 0 rgba(255, 255, 255, 0.82);
}

.home-growth-tools-grid a,
.home-market-card,
.home-exec-card,
.public-sampler-card,
.global-arb-card,
.market-card,
.context-card,
.free-preview-card,
.free-member-unlock-grid > div,
.member-chart-card,
.member-video-context-card,
.watchlist-card,
.macro-card,
.premium-card,
.nifty-card,
.seasonal-card,
.earnings-card,
.warehouse-card,
.options-card,
.etf-card {
  position: relative;
  overflow: hidden;
  border-color: rgba(148, 197, 255, 0.38);
  background:
    linear-gradient(180deg, rgba(255, 255, 255, 0.98), rgba(239, 247, 255, 0.94)),
    #f8fbff;
  box-shadow:
    0 12px 30px rgba(15, 31, 51, 0.07),
    inset 0 1px 0 rgba(255, 255, 255, 0.8);
}

.home-growth-tools-grid a::before,
.home-market-card::before,
.home-exec-card::before,
.public-sampler-card::before,
.global-arb-card::before,
.market-card::before,
.context-card::before,
.free-preview-card::before,
.free-member-unlock-grid > div::before,
.member-chart-card::before,
.member-video-context-card::before,
.watchlist-card::before,
.macro-card::before,
.premium-card::before,
.nifty-card::before,
.seasonal-card::before,
.earnings-card::before,
.warehouse-card::before,
.options-card::before,
.etf-card::before {
  content: "";
  position: absolute;
  inset: 0 auto 0 0;
  width: 4px;
  background: linear-gradient(180deg, #2563eb, #14b8a6);
}

.home-growth-tools-grid a:nth-child(3n + 1)::before,
.home-market-card:nth-child(3n + 1)::before,
.public-sampler-card:nth-child(3n + 1)::before,
.global-arb-card:nth-child(3n + 1)::before,
.market-card:nth-child(3n + 1)::before,
.context-card:nth-child(3n + 1)::before {
  background: linear-gradient(180deg, #2563eb, #7c3aed);
}

.home-growth-tools-grid a:nth-child(3n + 2)::before,
.home-market-card:nth-child(3n + 2)::before,
.public-sampler-card:nth-child(3n + 2)::before,
.global-arb-card:nth-child(3n + 2)::before,
.market-card:nth-child(3n + 2)::before,
.context-card:nth-child(3n + 2)::before {
  background: linear-gradient(180deg, #d8b64c, #f97316);
}

.home-growth-tools-grid a:nth-child(3n)::before,
.home-market-card:nth-child(3n)::before,
.public-sampler-card:nth-child(3n)::before,
.global-arb-card:nth-child(3n)::before,
.market-card:nth-child(3n)::before,
.context-card:nth-child(3n)::before {
  background: linear-gradient(180deg, #14b8a6, #22c55e);
}

.home-growth-tools-grid a::after,
.home-market-card::after,
.home-exec-card::after,
.public-sampler-card::after,
.global-arb-card::after,
.market-card::after,
.context-card::after,
.free-preview-card::after,
.free-member-unlock-grid > div::after {
  content: "";
  position: absolute;
  right: -34px;
  top: -34px;
  width: 120px;
  height: 120px;
  pointer-events: none;
  background:
    linear-gradient(135deg, transparent 38%, rgba(20, 99, 227, 0.1) 39%, rgba(20, 99, 227, 0.1) 41%, transparent 42%),
    linear-gradient(45deg, transparent 48%, rgba(216, 182, 76, 0.14) 49%, rgba(216, 182, 76, 0.14) 51%, transparent 52%);
  opacity: 0.75;
  transform: rotate(8deg);
}

.home-growth-tools-grid a strong,
.home-market-card h3,
.home-exec-card strong,
.public-sampler-card strong,
.global-arb-card strong,
.market-card strong,
.context-card .context-title,
.free-preview-card strong,
.free-member-unlock-grid strong {
  color: #071526;
}

.home-growth-tools-grid a span,
.home-market-card span,
.home-exec-card span,
.public-sampler-card span,
.global-arb-card span,
.market-card .market-label,
.context-card .context-icon,
.free-preview-card span,
.free-member-unlock-grid span {
  color: #0f5fb8;
}

.home-chart-lab .home-market-card,
.home-chart-lab .home-market-card.gold,
.home-chart-lab .home-market-card.silver,
.home-chart-lab .home-market-card.nifty {
  border-color: rgba(125, 211, 252, 0.24);
  background:
    linear-gradient(180deg, rgba(15, 35, 58, 0.96), rgba(8, 22, 40, 0.94)),
    #081827;
  box-shadow:
    0 16px 36px rgba(1, 10, 22, 0.22),
    inset 0 1px 0 rgba(255, 255, 255, 0.1);
}

.home-chart-lab .home-market-card.gold {
  border-top-color: rgba(245, 197, 66, 0.82);
}

.home-chart-lab .home-market-card.silver {
  border-top-color: rgba(203, 213, 225, 0.78);
}

.home-chart-lab .home-market-card.nifty {
  border-top-color: rgba(56, 189, 248, 0.84);
}

.home-chart-lab .home-market-card::after {
  opacity: 0.32;
}

.home-chart-lab .home-market-card span {
  color: #7dd3fc;
}

.home-chart-lab .home-market-card.gold span {
  color: #ffd76a;
}

.home-chart-lab .home-market-card strong,
.home-chart-lab .home-market-card h3 {
  color: #f8fbff;
}

.home-chart-lab .home-market-card p {
  color: rgba(226, 239, 255, 0.78);
}

@media (hover: hover) and (pointer: fine) {
  .home-growth-tools-grid a,
  .home-market-card,
  .home-exec-card,
  .public-sampler-card,
  .global-arb-card,
  .market-card,
  .context-card,
  .free-preview-card,
  .free-member-unlock-grid > div,
  .member-chart-card {
    transition:
      transform 180ms ease,
      box-shadow 180ms ease,
      border-color 180ms ease;
  }

  .home-growth-tools-grid a:hover,
  .home-market-card:hover,
  .home-exec-card:hover,
  .public-sampler-card:hover,
  .global-arb-card:hover,
  .market-card:hover,
  .context-card:hover,
  .free-preview-card:hover,
  .free-member-unlock-grid > div:hover,
  .member-chart-card:hover {
    border-color: rgba(20, 99, 227, 0.42);
    box-shadow:
      0 20px 46px rgba(15, 31, 51, 0.12),
      0 0 0 1px rgba(20, 99, 227, 0.08);
    transform: translateY(-2px);
  }
}

@media (prefers-reduced-motion: no-preference) {
  .pub-hero,
  .public-teaser-terminal,
  .chart-lab-terminal {
    animation: pmdesk-surface-in 420ms ease both;
  }

  @keyframes pmdesk-surface-in {
    from {
      opacity: 0.88;
      transform: translateY(8px);
    }

    to {
      opacity: 1;
      transform: translateY(0);
    }
  }
}

@media (max-width: 700px) {
  .member-section,
  .member-dashboard-section,
  .free-member-hero,
  .home-chart-lab,
  .public-chart-sampler,
  .home-growth-tools,
  .global-arb-matrix,
  .home-exec-architecture {
    border-radius: 18px;
  }

  .home-growth-tools-grid a,
  .home-market-card,
  .home-exec-card,
  .public-sampler-card,
  .global-arb-card,
  .market-card,
  .context-card,
  .free-preview-card,
  .free-member-unlock-grid > div {
    border-radius: 16px;
    min-height: 132px;
    padding-left: 16px;
  }

  .home-growth-tools-grid a::before,
  .home-market-card::before,
  .home-exec-card::before,
  .public-sampler-card::before,
  .global-arb-card::before,
  .market-card::before,
  .context-card::before,
  .free-preview-card::before,
  .free-member-unlock-grid > div::before {
    width: 5px;
  }
}

/* Mobile reading path v1: never hide whole homepage sections off-canvas. */
.home-terminal-grid {
  align-items: start;
}

.home-terminal-grid > .pub-section {
  align-self: start;
  height: auto;
}

@media (max-width: 1024px) {
  .home-terminal-grid {
    display: grid;
    grid-template-columns: minmax(0, 1fr);
    gap: 12px;
    margin-inline: 0;
    overflow: visible;
    padding: 0;
    scroll-snap-type: none;
  }

  .home-terminal-grid > .pub-section {
    flex: none;
    width: 100%;
    max-width: 100%;
    scroll-snap-align: none;
  }

  .home-module-markets .pub-markets-grid,
  .home-module-impact .pub-impact-grid,
  .home-module-video .pub-video-grid,
  .home-module-charts .pub-charts-grid,
  .home-module-demand .pub-co-grid,
  .home-module-macro .pub-macro-grid,
  .home-module-context .pub-india-grid {
    display: grid;
    grid-auto-flow: column;
    grid-auto-columns: minmax(238px, 78vw);
    grid-template-columns: none;
    overflow-x: auto;
    overscroll-behavior-inline: contain;
    padding-bottom: 6px;
    scroll-snap-type: x proximity;
    scrollbar-width: none;
  }

  .home-module-markets .pub-markets-grid > *,
  .home-module-impact .pub-impact-grid > *,
  .home-module-video .pub-video-grid > *,
  .home-module-charts .pub-charts-grid > *,
  .home-module-demand .pub-co-grid > *,
  .home-module-macro .pub-macro-grid > *,
  .home-module-context .pub-india-grid > * {
    scroll-snap-align: start;
  }

  .home-module-markets .pub-markets-grid::-webkit-scrollbar,
  .home-module-impact .pub-impact-grid::-webkit-scrollbar,
  .home-module-video .pub-video-grid::-webkit-scrollbar,
  .home-module-charts .pub-charts-grid::-webkit-scrollbar,
  .home-module-demand .pub-co-grid::-webkit-scrollbar,
  .home-module-macro .pub-macro-grid::-webkit-scrollbar,
  .home-module-context .pub-india-grid::-webkit-scrollbar {
    display: none;
  }
}

@media (min-width: 701px) and (max-width: 1024px) {
  .home-module-markets .pub-markets-grid,
  .home-module-impact .pub-impact-grid,
  .home-module-video .pub-video-grid,
  .home-module-charts .pub-charts-grid,
  .home-module-demand .pub-co-grid,
  .home-module-macro .pub-macro-grid,
  .home-module-context .pub-india-grid {
    grid-auto-columns: minmax(280px, 46vw);
  }
}

@media (max-width: 700px) {
  .home-terminal-grid {
    gap: 10px;
  }

  .home-terminal-grid > .pub-section {
    padding: 14px;
    border-radius: 18px;
  }
}

/* Premium contrast guard v2: dark product sections must keep dark, readable cards. */
::selection {
  background: rgba(245, 197, 66, 0.34);
  color: #071526;
}

.home-exec-architecture ::selection,
.home-chart-lab ::selection,
.public-teaser-terminal ::selection {
  background: rgba(125, 211, 252, 0.28);
  color: #f8fbff;
}

.home-exec-architecture .home-exec-card {
  border-color: rgba(125, 211, 252, 0.24);
  background:
    linear-gradient(180deg, rgba(13, 30, 52, 0.94), rgba(5, 15, 30, 0.96)),
    #071526;
  box-shadow:
    0 16px 34px rgba(1, 10, 22, 0.24),
    inset 0 1px 0 rgba(255, 255, 255, 0.08);
}

.home-exec-architecture .home-exec-card::before {
  width: 3px;
  background: linear-gradient(180deg, #5eead4, #60a5fa 48%, #facc15);
}

.home-exec-architecture .home-exec-card::after {
  opacity: 0.18;
}

.home-exec-architecture .home-exec-card span {
  border-color: rgba(250, 204, 21, 0.42);
  background: rgba(250, 204, 21, 0.1);
  color: #fde68a;
}

.home-exec-architecture .home-exec-card strong {
  color: #f8fbff;
}

.home-exec-architecture .home-exec-card p {
  color: rgba(226, 239, 255, 0.78);
}

.global-arb-matrix .global-arb-card,
.global-arb-matrix .global-arb-card.is-hot,
.global-arb-matrix .global-arb-card.is-cool,
.global-arb-matrix .global-arb-card.is-watch,
.global-arb-matrix .global-arb-card.is-flat,
.global-arb-matrix .global-arb-card.is-neutral {
  border-color: rgba(125, 211, 252, 0.24);
  background:
    linear-gradient(180deg, rgba(13, 30, 52, 0.9), rgba(5, 15, 30, 0.94)),
    #071526;
  box-shadow:
    0 16px 34px rgba(1, 10, 22, 0.2),
    inset 0 1px 0 rgba(255, 255, 255, 0.08);
}

.global-arb-matrix .global-arb-card.is-hot {
  border-color: rgba(250, 204, 21, 0.58);
  background:
    linear-gradient(135deg, rgba(250, 204, 21, 0.14), rgba(7, 21, 38, 0.96)),
    #071526;
}

.global-arb-matrix .global-arb-card.is-cool {
  border-color: rgba(56, 189, 248, 0.52);
}

.global-arb-matrix .global-arb-card::after {
  opacity: 0.18;
}

.global-arb-matrix .global-arb-card span {
  color: #7dd3fc;
}

.global-arb-matrix .global-arb-card strong {
  color: #f8fbff;
}

.global-arb-matrix .global-arb-card small {
  color: rgba(226, 239, 255, 0.78);
}

.global-arb-matrix .global-arb-card.is-flat strong,
.global-arb-matrix .global-arb-card.is-neutral strong {
  color: #dbeafe;
}

.home-terminal-grid {
  align-items: start !important;
}

.home-terminal-grid > .pub-section {
  align-self: start !important;
  height: max-content !important;
}

@media (hover: hover) and (pointer: fine) {
  .home-exec-architecture .home-exec-card:hover {
    border-color: rgba(94, 234, 212, 0.42);
    box-shadow:
      0 20px 46px rgba(1, 10, 22, 0.34),
      0 0 0 1px rgba(94, 234, 212, 0.08);
  }
}

/* Premium breathing UX v1: refined motion, compact command bar, guided homepage rhythm. */
:root {
  --pmdesk-royal-ink: #061423;
  --pmdesk-royal-blue: #1f6feb;
  --pmdesk-royal-cyan: #43d7c9;
  --pmdesk-royal-gold: #f5c542;
}

.topbar,
.pub-hero,
.home-chart-lab,
.public-chart-sampler,
.global-arb-matrix,
.home-exec-architecture,
.pub-join-box,
.home-terminal-grid > .pub-section {
  overflow: hidden;
}

.topbar {
  position: relative;
  min-height: 112px;
  display: grid;
  grid-template-columns: minmax(280px, 1fr) auto;
  align-items: center;
  gap: clamp(14px, 2vw, 30px);
  padding: clamp(12px, 1.1vw, 18px) clamp(14px, 1.4vw, 22px);
  border-color: rgba(176, 197, 224, 0.78);
  background:
    linear-gradient(135deg, rgba(255, 255, 255, 0.96), rgba(239, 247, 255, 0.9)),
    #f8fbff;
  box-shadow:
    0 18px 52px rgba(15, 31, 51, 0.1),
    inset 0 1px 0 rgba(255, 255, 255, 0.9);
}

.topbar::after,
.pub-hero::after,
.public-teaser-terminal::after,
.home-exec-preview::after {
  content: "";
  position: absolute;
  inset: 0;
  pointer-events: none;
  background: linear-gradient(112deg, transparent 0%, transparent 38%, rgba(255, 255, 255, 0.18) 48%, transparent 58%, transparent 100%);
  opacity: 0;
  transform: translateX(-45%);
}

.topbar > *,
.pub-hero > *,
.public-teaser-terminal > *,
.home-exec-preview > * {
  position: relative;
  z-index: 1;
}

.topbar-right {
  display: flex;
  flex-wrap: wrap;
  align-items: center;
  justify-content: flex-end;
  gap: 9px;
}

.topnav {
  border-color: rgba(176, 197, 224, 0.84);
  background:
    linear-gradient(180deg, rgba(255, 255, 255, 0.92), rgba(236, 244, 255, 0.88)),
    #f6faff;
  box-shadow:
    0 12px 30px rgba(15, 31, 51, 0.08),
    inset 0 1px 0 rgba(255, 255, 255, 0.9);
}

.topbar-meta,
.site-search-toggle,
.nav-user-label,
.nav-logout {
  min-height: 42px;
  box-shadow:
    0 8px 20px rgba(15, 31, 51, 0.06),
    inset 0 1px 0 rgba(255, 255, 255, 0.86);
}

.brand-mark {
  position: relative;
  overflow: hidden;
  border: 1px solid rgba(147, 197, 253, 0.42);
  background:
    linear-gradient(135deg, #0b5bd3, #1246a5 56%, #082758),
    #1246a5;
  box-shadow:
    0 18px 34px rgba(20, 99, 227, 0.26),
    inset 0 1px 0 rgba(255, 255, 255, 0.26);
}

.brand-mark::before {
  content: "";
  position: absolute;
  inset: -35% auto -35% -65%;
  width: 50%;
  background: linear-gradient(90deg, transparent, rgba(255, 255, 255, 0.42), transparent);
  transform: rotate(18deg);
}

.pub-hero {
  position: relative;
  isolation: isolate;
  display: grid;
  grid-template-columns: minmax(0, 1fr) auto;
  align-items: end;
  gap: clamp(20px, 3vw, 56px);
  min-height: clamp(560px, 60vh, 760px);
}

.pub-hero::before {
  content: "";
  position: absolute;
  inset: 0;
  z-index: 0;
  pointer-events: none;
  background:
    linear-gradient(180deg, transparent 0%, rgba(6, 20, 35, 0.18) 100%),
    linear-gradient(118deg, rgba(245, 197, 66, 0.16) 0%, transparent 22%, transparent 74%, rgba(67, 215, 201, 0.12) 100%);
  opacity: 0.74;
}

.pub-hero h1,
.home-chart-lab h2,
.public-chart-sampler h2,
.home-exec-copy h2 {
  text-wrap: balance;
}

.pub-hero-proof span,
.public-teaser-proof span,
.home-exec-preview-dock span,
.public-sampler-chips em {
  box-shadow:
    0 8px 18px rgba(3, 12, 24, 0.1),
    inset 0 1px 0 rgba(255, 255, 255, 0.12);
}

.button,
.pjb-btn,
.price-card-chart-btn,
.pub-unlock-btn,
.pub-read-more,
.mobile-menu-toggle {
  transition:
    transform 180ms ease,
    box-shadow 180ms ease,
    border-color 180ms ease,
    background-color 180ms ease,
    color 180ms ease;
}

@media (hover: hover) and (pointer: fine) {
  .button:hover,
  .pjb-btn:hover,
  .price-card-chart-btn:hover,
  .pub-unlock-btn:hover,
  .pub-read-more:hover,
  .mobile-menu-toggle:hover {
    transform: translateY(-2px);
  }

  .topnav a:hover,
  .site-search-toggle:hover,
  .nav-user-label:hover,
  .nav-logout:hover {
    transform: translateY(-1px);
  }
}

@media (min-width: 1025px) {
  .home-terminal-grid {
    display: grid;
    grid-template-columns: minmax(330px, 0.58fr) minmax(0, 1.42fr);
    grid-template-areas:
      "markets impact"
      "brief impact"
      "charts video"
      "update video"
      "demand macro"
      "context context";
    align-items: start !important;
    grid-auto-flow: dense;
  }

  .home-terminal-grid > .pub-section {
    grid-column: auto !important;
    min-height: 0;
  }

  .home-module-markets { grid-area: markets; }
  .home-module-impact { grid-area: impact; }
  .home-module-video { grid-area: video; }
  .home-module-brief { grid-area: brief; }
  .home-module-charts { grid-area: charts; }
  .home-module-update { grid-area: update; }
  .home-module-demand { grid-area: demand; }
  .home-module-macro { grid-area: macro; }
  .home-module-context { grid-area: context; }

  .home-module-markets,
  .home-module-brief,
  .home-module-update {
    background:
      linear-gradient(180deg, rgba(255, 255, 255, 0.98), rgba(242, 248, 255, 0.92)),
      #f8fbff;
  }

  .home-module-impact,
  .home-module-video {
    padding: clamp(18px, 1.5vw, 26px);
  }
}

@media (min-width: 1440px) {
  .home-terminal-grid {
    grid-template-columns: minmax(360px, 0.54fr) minmax(0, 1.46fr);
  }
}

@media (prefers-reduced-motion: no-preference) {
  .topbar::after,
  .pub-hero::after,
  .public-teaser-terminal::after,
  .home-exec-preview::after {
    animation: pmdesk-lux-sheen 9s ease-in-out infinite;
  }

  .brand-mark::before {
    animation: pmdesk-mark-shine 7s ease-in-out infinite;
  }

  .pub-hero {
    animation: pmdesk-panel-breathe 8s ease-in-out infinite;
  }

  .pub-hero-proof span,
  .home-market-card,
  .home-exec-card,
  .public-sampler-card,
  .global-arb-card,
  .pub-impact-card,
  .pub-video-card,
  .pub-market-card {
    animation: pmdesk-soft-rise 520ms ease both;
  }

  .pub-hero-proof span:nth-child(2),
  .home-market-card:nth-child(2),
  .home-exec-card:nth-child(2),
  .public-sampler-card:nth-child(2),
  .global-arb-card:nth-child(2) {
    animation-delay: 80ms;
  }

  .pub-hero-proof span:nth-child(3),
  .home-market-card:nth-child(3),
  .home-exec-card:nth-child(3),
  .public-sampler-card:nth-child(3),
  .global-arb-card:nth-child(3) {
    animation-delay: 150ms;
  }

  .exec-candle,
  .public-teaser-canvas svg rect,
  .public-teaser-canvas svg path {
    animation: pmdesk-chart-breathe 4.8s ease-in-out infinite;
    transform-box: fill-box;
    transform-origin: center bottom;
  }

  @keyframes pmdesk-lux-sheen {
    0%, 38%, 100% {
      opacity: 0;
      transform: translateX(-52%);
    }

    52% {
      opacity: 0.42;
      transform: translateX(52%);
    }
  }

  @keyframes pmdesk-mark-shine {
    0%, 54%, 100% {
      transform: translateX(0) rotate(18deg);
      opacity: 0;
    }

    68% {
      transform: translateX(270%) rotate(18deg);
      opacity: 1;
    }
  }

  @keyframes pmdesk-panel-breathe {
    0%, 100% {
      box-shadow: 0 26px 76px rgba(7, 18, 35, 0.2);
    }

    50% {
      box-shadow: 0 30px 86px rgba(7, 18, 35, 0.27);
    }
  }

  @keyframes pmdesk-soft-rise {
    from {
      opacity: 0;
      transform: translateY(10px);
    }

    to {
      opacity: 1;
      transform: translateY(0);
    }
  }

  @keyframes pmdesk-chart-breathe {
    0%, 100% {
      opacity: 0.92;
      transform: scaleY(1);
    }

    50% {
      opacity: 1;
      transform: scaleY(1.025);
    }
  }
}

@media (max-width: 1024px) {
  .topbar {
    min-height: 0;
  }

  .topbar-right {
    display: flex;
  }

  .pub-hero {
    grid-template-columns: minmax(0, 1fr);
    min-height: min(660px, calc(100svh - 128px));
  }
}

@media (max-width: 700px) {
  .topbar {
    display: grid;
    grid-template-columns: minmax(0, 1fr) auto;
    gap: 12px;
  }

  .brand-name,
  .brand-sub {
    white-space: normal;
  }

  .topbar-right {
    display: contents;
  }

  .pub-hero {
    gap: 18px;
  }
}

/* Premium homepage architecture v2: avoid dead columns; lead with a market tape, then story modules. */
@media (min-width: 1180px) {
  .topbar {
    min-height: 92px;
  }

  .brand-name,
  .brand-sub {
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
  }

  .brand-name {
    font-size: 19px;
  }

  .brand-sub {
    max-width: 330px;
    font-size: 12px;
  }

  .topbar-right {
    flex-wrap: nowrap;
  }

  .topnav a {
    padding-inline: 12px;
  }

  .topbar-meta {
    white-space: nowrap;
  }
}

@media (min-width: 1025px) {
  .home-terminal-grid {
    grid-template-columns: minmax(0, 0.92fr) minmax(0, 1.08fr);
    grid-template-areas:
      "markets markets"
      "impact impact"
      "video video"
      "charts brief"
      "update demand"
      "macro macro"
      "context context";
  }

  .home-module-markets .pub-markets-grid {
    grid-template-columns: repeat(4, minmax(0, 1fr));
  }

  .home-module-markets {
    padding: clamp(16px, 1.2vw, 22px);
    background:
      linear-gradient(135deg, rgba(255, 255, 255, 0.98), rgba(239, 247, 255, 0.92)),
      #f8fbff;
  }

  .home-module-markets .pub-market-card {
    min-height: 126px;
  }

  .home-module-impact .pub-impact-grid {
    grid-template-columns: repeat(2, minmax(0, 1fr));
  }

  .home-module-charts .pub-charts-grid {
    grid-template-columns: minmax(0, 1fr);
  }

  .home-terminal-grid > .home-module-markets,
  .home-terminal-grid > .home-module-impact,
  .home-terminal-grid > .home-module-video,
  .home-terminal-grid > .home-module-macro,
  .home-terminal-grid > .home-module-context {
    grid-column: 1 / -1 !important;
  }

  .home-module-video .pub-video-grid {
    grid-template-columns: repeat(2, minmax(0, 1fr));
  }
}

@media (min-width: 1360px) {
  .home-module-video .pub-video-grid {
    grid-template-columns: repeat(3, minmax(0, 1fr));
  }
}

/* Member/Research workspace UX v1: stop the archive-stack feeling and make tab changes feel intentional. */
.member-workspace-shell,
.research-workspace-shell {
  position: relative;
  display: grid;
  gap: clamp(14px, 1.3vw, 22px);
  margin-top: clamp(18px, 2vw, 28px);
  padding: clamp(12px, 1.3vw, 20px);
  border: 1px solid rgba(125, 181, 255, 0.28);
  border-radius: 26px;
  overflow: hidden;
  background:
    radial-gradient(circle at 12% 0%, rgba(38, 121, 255, 0.18), transparent 32%),
    radial-gradient(circle at 92% 8%, rgba(16, 185, 129, 0.14), transparent 30%),
    linear-gradient(145deg, rgba(5, 14, 27, 0.97), rgba(10, 31, 52, 0.95));
  box-shadow:
    0 24px 82px rgba(4, 16, 32, 0.18),
    inset 0 1px 0 rgba(255, 255, 255, 0.08);
}

.research-workspace-shell {
  background:
    radial-gradient(circle at 14% 0%, rgba(38, 121, 255, 0.12), transparent 30%),
    radial-gradient(circle at 92% 8%, rgba(216, 182, 76, 0.13), transparent 32%),
    linear-gradient(145deg, rgba(255, 255, 255, 0.99), rgba(239, 247, 255, 0.96));
  border-color: rgba(102, 156, 230, 0.3);
  box-shadow:
    0 24px 72px rgba(15, 31, 51, 0.1),
    inset 0 1px 0 rgba(255, 255, 255, 0.94);
}

.member-workspace-tabs,
.research-workspace-tabs {
  display: grid;
  grid-template-columns: repeat(5, minmax(0, 1fr));
  gap: 10px;
  padding: 10px;
  border: 1px solid rgba(148, 197, 255, 0.18);
  border-radius: 22px;
  background: rgba(3, 11, 23, 0.58);
  backdrop-filter: blur(14px);
}

.research-workspace-tabs {
  grid-template-columns: repeat(4, minmax(0, 1fr));
  background: rgba(238, 247, 255, 0.72);
  border-color: rgba(102, 156, 230, 0.24);
}

.member-workspace-tabs button,
.research-workspace-tab {
  display: grid;
  align-content: center;
  gap: 5px;
  min-height: 76px;
  padding: 13px 14px;
  border: 1px solid rgba(148, 197, 255, 0.24);
  border-radius: 17px;
  color: rgba(226, 238, 255, 0.72);
  text-align: left;
  background:
    linear-gradient(180deg, rgba(17, 31, 54, 0.86), rgba(9, 19, 35, 0.92));
  box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.08);
  cursor: pointer;
}

.research-workspace-tab {
  color: #42526d;
  background:
    linear-gradient(180deg, rgba(255, 255, 255, 0.96), rgba(241, 247, 255, 0.94));
  box-shadow:
    0 8px 22px rgba(15, 31, 51, 0.06),
    inset 0 1px 0 rgba(255, 255, 255, 0.88);
}

.member-workspace-tabs button span,
.research-workspace-tab span {
  color: inherit;
  font-size: 0.72rem;
  font-weight: 900;
  letter-spacing: 0.11em;
  text-transform: uppercase;
}

.member-workspace-tabs button small,
.research-workspace-tab strong {
  color: #f8fbff;
  font-size: clamp(0.9rem, 1vw, 1.02rem);
  font-weight: 900;
  line-height: 1.18;
}

.research-workspace-tab strong {
  color: #102033;
}

.member-workspace-tabs button.is-active,
.research-workspace-tab.is-active {
  color: #9bd8ff;
  border-color: rgba(255, 211, 76, 0.62);
  background:
    linear-gradient(135deg, rgba(255, 211, 76, 0.17), rgba(14, 165, 233, 0.14)),
    linear-gradient(180deg, rgba(18, 36, 62, 0.98), rgba(8, 18, 34, 0.97));
  box-shadow:
    0 14px 34px rgba(20, 99, 227, 0.18),
    inset 3px 0 0 rgba(255, 211, 76, 0.95),
    inset 0 1px 0 rgba(255, 255, 255, 0.1);
}

.research-workspace-tab.is-active {
  color: #115aa8;
  background:
    linear-gradient(135deg, rgba(255, 211, 76, 0.2), rgba(30, 144, 255, 0.13)),
    linear-gradient(180deg, #ffffff, #eef7ff);
  box-shadow:
    0 14px 36px rgba(20, 99, 227, 0.15),
    inset 3px 0 0 rgba(255, 211, 76, 0.95);
}

.member-workspace-tabs button:focus-visible,
.research-workspace-tab:focus-visible {
  outline: 3px solid rgba(110, 211, 255, 0.64);
  outline-offset: 3px;
}

.member-workspace-panel,
.research-workspace-panel {
  display: grid;
  gap: clamp(14px, 1.35vw, 22px);
  min-width: 0;
}

.member-workspace-panel[hidden],
.research-workspace-panel[hidden] {
  display: none !important;
}

#section-login.member-mode .member-workspace-shell .member-section,
#section-login.member-mode .member-workspace-shell .member-dashboard-section,
#section-login.member-mode .member-workspace-shell .free-member-hero {
  color: #f6fbff;
  border-color: rgba(125, 181, 255, 0.24);
  background:
    radial-gradient(circle at 0% 0%, rgba(33, 150, 243, 0.14), transparent 34%),
    linear-gradient(180deg, rgba(14, 28, 49, 0.92), rgba(7, 18, 33, 0.96));
  box-shadow:
    0 18px 48px rgba(0, 0, 0, 0.18),
    inset 0 1px 0 rgba(255, 255, 255, 0.08);
}

#section-login.member-mode .member-workspace-shell .member-section h3,
#section-login.member-mode .member-workspace-shell .member-dashboard-section h3,
#section-login.member-mode .member-workspace-shell .member-section strong,
#section-login.member-mode .member-workspace-shell .member-dashboard-section strong {
  color: #ffffff;
}

#section-login.member-mode .member-workspace-shell .muted-copy,
#section-login.member-mode .member-workspace-shell .small-text,
#section-login.member-mode .member-workspace-shell p {
  color: rgba(225, 238, 255, 0.78);
}

#section-login.member-mode .member-workspace-shell .section-kicker,
#section-login.member-mode .member-workspace-shell .data-source-note {
  color: #9bd8ff;
}

.member-market-panel {
  grid-template-columns: repeat(2, minmax(0, 1fr));
}

.member-market-panel > .member-section:first-child,
.member-market-panel > .member-section:last-child {
  grid-column: 1 / -1;
}

.research-evidence-panel {
  grid-template-columns: repeat(2, minmax(0, 1fr));
}

.research-workspace-panel .member-section {
  min-width: 0;
}

.chart-lab-evidence-archive {
  border: 1px solid rgba(125, 181, 255, 0.24);
  border-radius: 18px;
  overflow: hidden;
  background:
    linear-gradient(180deg, rgba(9, 22, 40, 0.92), rgba(5, 13, 26, 0.96));
}

.chart-lab-evidence-archive summary {
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: 12px;
  padding: 14px 16px;
  color: #f7fbff;
  cursor: pointer;
  list-style: none;
}

.chart-lab-evidence-archive summary::-webkit-details-marker {
  display: none;
}

.chart-lab-evidence-archive summary span {
  color: #9bd8ff;
  font-size: 0.72rem;
  font-weight: 900;
  letter-spacing: 0.12em;
  text-transform: uppercase;
}

.chart-lab-evidence-archive summary strong {
  color: #ffffff;
  font-size: 0.9rem;
  text-align: right;
}

.chart-lab-evidence-archive[open] summary {
  border-bottom: 1px solid rgba(125, 181, 255, 0.18);
}

@media (prefers-reduced-motion: no-preference) {
  .tab-section:not([hidden]) {
    animation: pmdesk-route-enter 460ms cubic-bezier(0.2, 0.8, 0.2, 1) both;
  }

  .member-workspace-panel.is-active,
  .research-workspace-panel.is-active {
    animation: pmdesk-panel-enter 380ms cubic-bezier(0.2, 0.8, 0.2, 1) both;
  }

  .member-workspace-tabs button,
  .research-workspace-tab {
    transition:
      transform 180ms ease,
      border-color 180ms ease,
      box-shadow 180ms ease,
      background 180ms ease,
      color 180ms ease;
  }

  .member-workspace-tabs button:hover,
  .research-workspace-tab:hover {
    transform: translateY(-2px);
    border-color: rgba(110, 211, 255, 0.54);
  }

  @keyframes pmdesk-route-enter {
    from {
      opacity: 0;
      transform: translateY(10px);
    }

    to {
      opacity: 1;
      transform: translateY(0);
    }
  }

  @keyframes pmdesk-panel-enter {
    from {
      opacity: 0;
      transform: translateY(12px) scale(0.992);
    }

    to {
      opacity: 1;
      transform: translateY(0) scale(1);
    }
  }
}

@media (max-width: 980px) {
  .member-market-panel,
  .research-evidence-panel {
    grid-template-columns: 1fr;
  }

  .member-market-panel > .member-section:first-child,
  .member-market-panel > .member-section:last-child {
    grid-column: auto;
  }
}

@media (max-width: 760px) {
  .member-workspace-shell,
  .research-workspace-shell {
    gap: 12px;
    margin-inline: -4px;
    padding: 10px;
    border-radius: 19px;
  }

  .member-workspace-tabs,
  .research-workspace-tabs {
    display: flex;
    gap: 9px;
    overflow-x: auto;
    overscroll-behavior-x: contain;
    scroll-snap-type: x mandatory;
    padding: 8px;
    -webkit-overflow-scrolling: touch;
  }

  .member-workspace-tabs::-webkit-scrollbar,
  .research-workspace-tabs::-webkit-scrollbar {
    display: none;
  }

  .member-workspace-tabs button,
  .research-workspace-tab {
    flex: 0 0 min(76vw, 280px);
    min-height: 74px;
    scroll-snap-align: start;
  }

  .member-workspace-panel,
  .research-workspace-panel {
    gap: 12px;
  }

  .chart-lab-evidence-archive summary {
    display: grid;
    align-items: start;
  }

  .chart-lab-evidence-archive summary strong {
    text-align: left;
  }
}

/* Chart Lab workspace priority v1: canvas first, intelligence docks below. */
.chart-lab-terminal {
  display: flex;
  flex-direction: column;
}

.chart-lab-terminal .chart-lab-stat-grid {
  order: 4;
}

.chart-lab-terminal .chart-lab-hit-banner {
  order: 5;
}

.chart-lab-terminal .chart-lab-trader-mode {
  order: 3;
}

.chart-lab-terminal .chart-lab-evidence-archive {
  order: 6;
}

.chart-lab-terminal > .chart-lab-disclaimer {
  order: 7;
}

.chart-lab-trader-mode:not(.chart-lab-trader-mode-chart-only) {
  display: flex;
  flex-direction: column;
}

.chart-lab-trader-mode:not(.chart-lab-trader-mode-chart-only) .chart-lab-trader-head {
  order: 1;
  margin-bottom: 8px;
}

.chart-lab-trader-mode:not(.chart-lab-trader-mode-chart-only) .chart-lab-trader-grid {
  display: contents;
}

.chart-lab-trader-mode:not(.chart-lab-trader-mode-chart-only) .chart-lab-trader-chart {
  order: 2;
  margin-bottom: 12px;
}

.chart-lab-trader-mode:not(.chart-lab-trader-mode-chart-only) .chart-lab-ai-brief {
  order: 3;
}

.chart-lab-trader-mode:not(.chart-lab-trader-mode-chart-only) .chart-lab-desk-now {
  order: 4;
}

.chart-lab-trader-mode:not(.chart-lab-trader-mode-chart-only) .chart-lab-trader-strip {
  order: 5;
}

.chart-lab-trader-mode:not(.chart-lab-trader-mode-chart-only) .chart-lab-technical-tape {
  order: 6;
}

.chart-lab-trader-mode:not(.chart-lab-trader-mode-chart-only) .chart-lab-trader-side {
  order: 7;
}

.chart-lab-trader-mode:not(.chart-lab-trader-mode-chart-only) > .chart-lab-disclaimer {
  order: 8;
}

.chart-lab-trader-mode-full .chart-lab-trader-chart {
  min-height: min(78dvh, 880px);
}

.chart-lab-full-head {
  position: relative;
  top: auto;
}

.chart-lab-trader-side {
  margin-top: 4px;
}

.chart-lab-panel-group {
  background:
    linear-gradient(180deg, rgba(10, 22, 40, 0.72), rgba(4, 12, 25, 0.86));
}

@media (min-width: 1100px) {
  .chart-lab-trader-side {
    grid-template-columns: repeat(3, minmax(0, 1fr));
  }

  .chart-lab-trader-mode-full .chart-lab-trader-side {
    grid-template-columns: repeat(3, minmax(0, 1fr));
  }
}

@media (max-width: 760px) {
  .chart-lab-terminal .chart-lab-stat-grid {
    margin-top: 10px;
  }

  .chart-lab-trader-mode:not(.chart-lab-trader-mode-chart-only) .chart-lab-trader-head {
    display: grid;
  }

  .chart-lab-trader-status {
    width: 100%;
    min-width: 0;
  }
}

.chart-lab-ai-brief {
  position: relative;
  display: grid;
  gap: 10px;
  min-width: 0;
  margin: 0 0 12px;
  padding: 12px;
  border: 1px solid rgba(148, 197, 255, 0.22);
  border-left: 3px solid #7dd3fc;
  border-radius: 10px;
  color: #eaf2ff;
  background:
    radial-gradient(circle at 0% 0%, rgba(38, 135, 201, 0.2), transparent 30%),
    linear-gradient(135deg, rgba(255, 255, 255, 0.07), rgba(255, 255, 255, 0.025)),
    rgba(4, 13, 25, 0.76);
  box-shadow:
    0 16px 42px rgba(0, 0, 0, 0.18),
    inset 0 1px 0 rgba(255, 255, 255, 0.08);
  backdrop-filter: blur(16px);
}

.chart-lab-ai-brief.bullish {
  border-left-color: #22c55e;
  border-color: rgba(34, 197, 94, 0.28);
}

.chart-lab-ai-brief.bearish {
  border-left-color: #ef4444;
  border-color: rgba(239, 68, 68, 0.3);
}

.chart-lab-ai-brief-head {
  align-items: start;
  display: grid;
  grid-template-columns: minmax(0, 1fr) auto;
  gap: 12px;
}

.chart-lab-ai-brief-head span,
.chart-lab-ai-brief-grid span,
.chart-lab-ai-brief-bottom span,
.chart-lab-ai-probabilities span,
.chart-lab-ai-scenario-drawer summary span {
  display: block;
  color: #9bd8ff;
  font-size: 9px;
  font-weight: 950;
  letter-spacing: 0.12em;
  text-transform: uppercase;
}

.chart-lab-ai-brief-head strong {
  display: block;
  margin-top: 3px;
  color: #ffffff;
  font-size: clamp(15px, 1.35vw, 21px);
  font-weight: 950;
  line-height: 1.1;
}

.chart-lab-ai-brief-head p,
.chart-lab-ai-brief-grid p,
.chart-lab-ai-brief-bottom p,
.chart-lab-ai-guardrail {
  color: rgba(226, 238, 255, 0.74);
  font-size: 11px;
  line-height: 1.45;
  margin: 5px 0 0;
}

.chart-lab-ai-brief-pill {
  min-width: min(220px, 28vw);
  border: 1px solid rgba(148, 197, 255, 0.22);
  border-radius: 9px;
  background: rgba(255, 255, 255, 0.06);
  padding: 9px 10px;
}

.chart-lab-ai-brief-pill strong {
  font-size: 12px;
}

.chart-lab-ai-brief-grid {
  display: grid;
  gap: 8px;
  grid-template-columns: 1.05fr 1.15fr 1.2fr;
}

.chart-lab-ai-brief-grid article,
.chart-lab-ai-brief-bottom div {
  min-width: 0;
  border: 1px solid rgba(148, 197, 255, 0.18);
  border-radius: 8px;
  background: rgba(255, 255, 255, 0.045);
  padding: 9px 10px;
}

.chart-lab-ai-brief-grid article.bullish,
.chart-lab-ai-brief-bottom .acceptance {
  border-color: rgba(34, 197, 94, 0.28);
}

.chart-lab-ai-brief-grid article.bearish,
.chart-lab-ai-brief-bottom .rejection {
  border-color: rgba(239, 68, 68, 0.3);
}

.chart-lab-ai-brief-grid strong {
  display: block;
  color: #ffffff;
  font-size: 12px;
  line-height: 1.35;
  margin-top: 4px;
  overflow-wrap: anywhere;
}

.chart-lab-ai-probabilities,
.chart-lab-ai-change-chips,
.chart-lab-ai-watchlist {
  display: flex;
  flex-wrap: wrap;
  gap: 7px;
}

.chart-lab-ai-probabilities div,
.chart-lab-ai-change-chips span,
.chart-lab-ai-watchlist span {
  align-items: center;
  display: inline-flex;
  gap: 6px;
  min-height: 26px;
  max-width: 100%;
  border: 1px solid rgba(148, 197, 255, 0.2);
  border-radius: 999px;
  background: rgba(6, 20, 36, 0.68);
  color: #dcecff;
  font-size: 10px;
  font-weight: 850;
  line-height: 1.2;
  padding: 5px 8px;
}

.chart-lab-ai-probabilities strong {
  color: #ffffff;
  font-size: 11px;
}

.chart-lab-ai-probabilities div.bullish,
.chart-lab-ai-change-chips span.bullish {
  border-color: rgba(34, 197, 94, 0.38);
  color: #bbf7d0;
}

.chart-lab-ai-probabilities div.bearish,
.chart-lab-ai-change-chips span.bearish {
  border-color: rgba(239, 68, 68, 0.4);
  color: #fecaca;
}

.chart-lab-ai-change-chips b {
  color: #9bd8ff;
  font-size: 9px;
  letter-spacing: 0.08em;
  text-transform: uppercase;
}

.chart-lab-ai-scenario-drawer {
  border: 1px solid rgba(148, 197, 255, 0.16);
  border-radius: 9px;
  background: rgba(6, 20, 36, 0.38);
  overflow: hidden;
}

.chart-lab-ai-scenario-drawer summary {
  align-items: center;
  cursor: pointer;
  display: flex;
  gap: 10px;
  justify-content: space-between;
  list-style: none;
  min-height: 34px;
  padding: 8px 10px;
}

.chart-lab-ai-scenario-drawer summary::-webkit-details-marker {
  display: none;
}

.chart-lab-ai-scenario-drawer summary strong {
  color: rgba(226, 238, 255, 0.62);
  font-size: 10px;
  font-weight: 900;
  letter-spacing: 0.04em;
}

.chart-lab-ai-brief-bottom {
  border-top: 1px solid rgba(148, 197, 255, 0.13);
  display: grid;
  gap: 8px;
  grid-template-columns: repeat(auto-fit, minmax(190px, 1fr));
  padding: 9px;
}

.chart-lab-ai-scenario-drawer .chart-lab-ai-watchlist {
  border-top: 1px solid rgba(148, 197, 255, 0.13);
  padding: 9px;
}

.chart-lab-ai-guardrail {
  margin: 0;
  font-style: italic;
}

@media (max-width: 900px) {
  .chart-lab-ai-brief-head,
  .chart-lab-ai-brief-grid {
    grid-template-columns: minmax(0, 1fr);
  }

  .chart-lab-ai-brief-pill {
    min-width: 0;
  }
}

@media (max-width: 700px) {
  .chart-lab-ai-brief {
    padding: 10px;
    border-radius: 12px;
  }

  .chart-lab-ai-brief-grid,
  .chart-lab-ai-brief-bottom {
    display: flex;
    gap: 8px;
    overflow-x: auto;
    padding-bottom: 2px;
    scroll-snap-type: x proximity;
    scrollbar-width: none;
  }

  .chart-lab-ai-brief-grid::-webkit-scrollbar,
  .chart-lab-ai-brief-bottom::-webkit-scrollbar {
    display: none;
  }

  .chart-lab-ai-brief-grid article,
  .chart-lab-ai-brief-bottom div {
    flex: 0 0 min(78vw, 300px);
    scroll-snap-align: start;
  }
}

/* PMDesk luxury workspace pass v1: app-width member desk, dark glass cards, no white-on-white leaks. */
body:has(#section-login.member-mode:not([hidden])) .site-shell {
  width: 100%;
  max-width: none;
  padding-inline: clamp(10px, 1.25vw, 24px);
}

body:has(#section-login.member-mode:not([hidden])) .topbar {
  width: min(100%, 1880px);
}

#section-login.member-mode,
#section-login.member-mode .login-section,
#section-login.member-mode .launch-band.page-section {
  width: 100%;
  max-width: none;
}

#section-login.member-mode .launch-band.page-section {
  padding: clamp(10px, 1.1vw, 18px);
  border: 0;
  background:
    radial-gradient(circle at 16% 0%, rgba(14, 165, 233, 0.09), transparent 34%),
    linear-gradient(180deg, rgba(245, 250, 255, 0.76), rgba(235, 243, 252, 0.56));
  box-shadow: none;
}

#section-login.member-mode .member-dashboard {
  width: min(100%, 1880px);
  margin: clamp(10px, 1.2vw, 18px) auto 0;
  gap: clamp(12px, 1.1vw, 18px);
  padding: clamp(10px, 1.25vw, 18px);
  border: 1px solid rgba(157, 181, 211, 0.42);
  border-radius: 20px;
  background:
    radial-gradient(circle at 90% 0%, rgba(216, 182, 76, 0.1), transparent 28%),
    linear-gradient(180deg, rgba(255, 255, 255, 0.66), rgba(239, 247, 255, 0.42));
  box-shadow: 0 18px 58px rgba(15, 31, 51, 0.08);
}

#section-login.member-mode .member-dashboard-header {
  margin: 0;
  padding: clamp(14px, 1.5vw, 24px);
  border: 1px solid rgba(157, 181, 211, 0.5);
  border-radius: 18px;
  background:
    linear-gradient(135deg, rgba(255, 255, 255, 0.92), rgba(243, 248, 255, 0.72));
  box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.92);
}

#section-login.member-mode .member-actions {
  margin: 0;
}

#section-login.member-mode .member-workspace-shell {
  margin-top: clamp(10px, 1.1vw, 18px);
  padding: clamp(10px, 1.2vw, 18px);
  border-radius: 24px;
  border-color: rgba(111, 176, 220, 0.24);
  background:
    radial-gradient(circle at 11% 0%, rgba(38, 135, 201, 0.24), transparent 32%),
    radial-gradient(circle at 96% 5%, rgba(216, 182, 76, 0.16), transparent 28%),
    linear-gradient(145deg, rgba(3, 13, 25, 0.98), rgba(8, 35, 52, 0.95));
  box-shadow:
    0 24px 72px rgba(3, 12, 24, 0.24),
    inset 0 1px 0 rgba(255, 255, 255, 0.08);
}

#section-login.member-mode .member-workspace-panel {
  gap: clamp(10px, 1vw, 16px);
}

#section-login.member-mode .member-workspace-shell .member-section,
#section-login.member-mode .member-workspace-shell .member-dashboard-section,
#section-login.member-mode .member-workspace-shell .free-member-hero {
  border-radius: 16px;
}

#section-login.member-mode .member-signal-panel {
  background:
    linear-gradient(180deg, rgba(6, 20, 36, 0.34), rgba(6, 20, 36, 0.1));
  border-color: transparent;
  box-shadow: none;
  padding: 0;
}

#section-login.member-mode .member-signal-panel > .section-header-row {
  padding: 4px 2px 10px;
  border-bottom: 1px solid rgba(148, 197, 255, 0.13);
}

#section-login.member-mode .member-signal-panel > .section-header-row h3 {
  color: #f8fbff;
}

#section-login.member-mode .member-composite-card,
#section-login.member-mode .behavioral-pressure-card {
  color: #eaf2ff;
  border: 1px solid rgba(183, 206, 238, 0.22);
  border-radius: 18px;
  background:
    radial-gradient(circle at 0% 0%, rgba(216, 182, 76, 0.14), transparent 34%),
    linear-gradient(135deg, rgba(255, 255, 255, 0.08), rgba(120, 180, 225, 0.06)),
    rgba(4, 13, 25, 0.72);
  box-shadow:
    0 18px 48px rgba(0, 0, 0, 0.2),
    inset 0 1px 0 rgba(255, 255, 255, 0.08);
  backdrop-filter: blur(18px);
}

#section-login.member-mode .member-composite-top,
#section-login.member-mode .behavioral-pressure-top {
  border-bottom-color: rgba(148, 197, 255, 0.18);
}

#section-login.member-mode .member-composite-top span,
#section-login.member-mode .member-composite-grid span,
#section-login.member-mode .member-composite-score span,
#section-login.member-mode .behavioral-pressure-top span,
#section-login.member-mode .behavioral-pressure-grid span,
#section-login.member-mode .behavioral-cohort-head span,
#section-login.member-mode .behavioral-pressure-score span {
  color: #9bd8ff;
}

#section-login.member-mode .member-composite-top strong,
#section-login.member-mode .member-composite-grid strong,
#section-login.member-mode .behavioral-pressure-top strong,
#section-login.member-mode .behavioral-pressure-grid strong,
#section-login.member-mode .behavioral-cohort-card strong {
  color: #ffffff;
  text-shadow: 0 1px 16px rgba(0, 0, 0, 0.24);
}

#section-login.member-mode .member-composite-top p,
#section-login.member-mode .member-composite-grid p,
#section-login.member-mode .member-composite-note,
#section-login.member-mode .behavioral-pressure-top p,
#section-login.member-mode .behavioral-pressure-grid p,
#section-login.member-mode .behavioral-cohort-card p,
#section-login.member-mode .behavioral-change-list li,
#section-login.member-mode .behavioral-methodology li,
#section-login.member-mode .behavioral-cohort-card li {
  color: rgba(226, 238, 255, 0.78);
}

#section-login.member-mode .member-composite-score,
#section-login.member-mode .member-composite-grid article,
#section-login.member-mode .behavioral-pressure-score,
#section-login.member-mode .behavioral-pressure-grid article,
#section-login.member-mode .behavioral-cohort-card,
#section-login.member-mode .member-signal-head,
#section-login.member-mode .signal-window-grid div,
#section-login.member-mode .signal-history-row {
  border-color: rgba(148, 197, 255, 0.2);
  background:
    linear-gradient(180deg, rgba(255, 255, 255, 0.08), rgba(255, 255, 255, 0.035));
  box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.08);
}

#section-login.member-mode .member-composite-grid article.is-primary {
  border-color: rgba(110, 169, 255, 0.5);
  background: linear-gradient(180deg, rgba(59, 130, 246, 0.16), rgba(255, 255, 255, 0.045));
}

#section-login.member-mode .member-composite-grid article.is-supports {
  border-color: rgba(46, 229, 157, 0.42);
  background: linear-gradient(180deg, rgba(46, 229, 157, 0.13), rgba(255, 255, 255, 0.04));
}

#section-login.member-mode .member-composite-grid article.is-contradicts {
  border-color: rgba(248, 113, 113, 0.46);
  background: linear-gradient(180deg, rgba(248, 113, 113, 0.13), rgba(255, 255, 255, 0.04));
}

#section-login.member-mode .member-composite-grid article.is-divergent {
  border-color: rgba(250, 204, 21, 0.45);
  background: linear-gradient(180deg, rgba(250, 204, 21, 0.13), rgba(255, 255, 255, 0.04));
}

#section-login.member-mode .member-evidence-status {
  border-color: rgba(255, 255, 255, 0.16);
  color: #ffe08a;
  background: rgba(255, 255, 255, 0.07);
}

#section-login.member-mode .member-composite-score strong,
#section-login.member-mode .behavioral-pressure-score strong,
#section-login.member-mode .signal-window-grid strong,
#section-login.member-mode .signal-history-row strong,
#section-login.member-mode .member-signal-head strong {
  color: #ffffff;
}

#section-login.member-mode .signal-window-grid span,
#section-login.member-mode .signal-history-row span,
#section-login.member-mode .signal-history-row small,
#section-login.member-mode .member-signal-head span {
  color: #9bd8ff;
}

#section-login.member-mode .member-chart-lab-section {
  padding: 0;
  border: 0;
  background: transparent;
  box-shadow: none;
}

#section-login.member-mode .member-chart-lab-section > .section-header-row {
  padding: 8px 2px 10px;
  border: 0;
  background: transparent;
}

#section-login.member-mode .member-chart-lab-section > .section-header-row h3 {
  color: #ffffff;
}

#section-login.member-mode .member-chart-lab-section .section-kicker,
#section-login.member-mode .member-chart-lab-section .data-source-note {
  color: #9bd8ff;
}

#section-login.member-mode .chart-lab-shell {
  margin-inline: 0;
}

#section-login.member-mode .chart-lab-terminal {
  border-radius: 18px;
  box-shadow:
    0 22px 58px rgba(0, 0, 0, 0.24),
    inset 0 1px 0 rgba(255, 255, 255, 0.07);
}

@media (min-width: 1200px) {
  #section-login.member-mode .member-composite-card,
  #section-login.member-mode .behavioral-pressure-card {
    padding: clamp(18px, 1.5vw, 28px);
  }

  #section-login.member-mode .member-composite-top strong,
  #section-login.member-mode .behavioral-pressure-top strong {
    font-size: clamp(30px, 2.4vw, 44px);
    letter-spacing: -0.01em;
  }
}

@media (max-width: 700px) {
  body:has(#section-login.member-mode:not([hidden])) .site-shell {
    padding-inline: 6px;
  }

  #section-login.member-mode .launch-band.page-section,
  #section-login.member-mode .member-dashboard,
  #section-login.member-mode .member-workspace-shell {
    padding-inline: 8px;
  }

  #section-login.member-mode .member-dashboard-header {
    padding: 12px;
  }

  #section-login.member-mode .member-composite-grid,
  #section-login.member-mode .behavioral-pressure-grid,
  #section-login.member-mode .behavioral-cohort-grid {
    grid-template-columns: minmax(0, 1fr);
  }
}

/* PMDesk member UX guardrails: dark market cards + mobile command deck. */
body:has(#section-login.member-mode:not([hidden])) .site-shell {
  max-width: none;
  width: 100%;
  padding-inline: clamp(6px, 0.8vw, 16px);
}

#section-login.member-mode .member-dashboard,
#section-login.member-mode .member-workspace-shell {
  width: 100%;
  max-width: none;
}

#section-login.member-mode .member-workspace-shell {
  overflow: hidden;
}

#section-login.member-mode #member-panel-market .member-section {
  color: #eaf2ff;
  border-color: rgba(125, 211, 252, 0.2);
  background:
    radial-gradient(circle at 8% 0%, rgba(14, 165, 233, 0.12), transparent 34%),
    linear-gradient(180deg, rgba(9, 28, 48, 0.92), rgba(4, 15, 29, 0.96));
  box-shadow:
    0 18px 46px rgba(1, 9, 20, 0.2),
    inset 0 1px 0 rgba(255, 255, 255, 0.08);
}

#section-login.member-mode #member-panel-market .market-card,
#section-login.member-mode #member-panel-market .macro-card,
#section-login.member-mode #member-panel-market .premium-card,
#section-login.member-mode #member-panel-market .nifty-card,
#section-login.member-mode #member-panel-market .seasonal-card,
#section-login.member-mode #member-panel-market .earnings-card,
#section-login.member-mode #member-panel-market .warehouse-card,
#section-login.member-mode #member-panel-market .options-card,
#section-login.member-mode #member-panel-market .etf-card,
#section-login.member-mode #member-panel-market .context-card {
  color: #eaf2ff;
  border-color: rgba(125, 211, 252, 0.25) !important;
  background:
    radial-gradient(circle at 92% 0%, rgba(216, 182, 76, 0.08), transparent 30%),
    linear-gradient(180deg, rgba(15, 35, 58, 0.95), rgba(7, 21, 39, 0.96)) !important;
  box-shadow:
    0 14px 36px rgba(1, 9, 20, 0.18),
    inset 0 1px 0 rgba(255, 255, 255, 0.08);
}

#section-login.member-mode #member-panel-market .market-card::after,
#section-login.member-mode #member-panel-market .macro-card::after,
#section-login.member-mode #member-panel-market .premium-card::after,
#section-login.member-mode #member-panel-market .nifty-card::after,
#section-login.member-mode #member-panel-market .seasonal-card::after,
#section-login.member-mode #member-panel-market .earnings-card::after,
#section-login.member-mode #member-panel-market .warehouse-card::after,
#section-login.member-mode #member-panel-market .options-card::after,
#section-login.member-mode #member-panel-market .etf-card::after {
  opacity: 0.18;
}

#section-login.member-mode #member-panel-market h3,
#section-login.member-mode #member-panel-market h4,
#section-login.member-mode #member-panel-market strong,
#section-login.member-mode #member-panel-market b,
#section-login.member-mode #member-panel-market .mv,
#section-login.member-mode #member-panel-market .macro-card strong {
  color: #f8fbff !important;
}

#section-login.member-mode #member-panel-market p,
#section-login.member-mode #member-panel-market li,
#section-login.member-mode #member-panel-market small,
#section-login.member-mode #member-panel-market span,
#section-login.member-mode #member-panel-market em,
#section-login.member-mode #member-panel-market .ml,
#section-login.member-mode #member-panel-market .market-note,
#section-login.member-mode #member-panel-market .macro-summary {
  color: rgba(226, 238, 255, 0.78) !important;
}

#section-login.member-mode #member-panel-market .section-header-row h3,
#section-login.member-mode #member-panel-market .section-kicker,
#section-login.member-mode #member-panel-market .data-source-note,
#section-login.member-mode #member-panel-market .market-name {
  color: #9bd8ff !important;
}

#section-login.member-mode #member-panel-market .gold-text {
  color: #ffe08a !important;
}

#section-login.member-mode #member-panel-market .silver-text {
  color: #d9e5f5 !important;
}

#section-login.member-mode #member-panel-market .positive,
#section-login.member-mode #member-panel-market .outlook-positive {
  color: #39e6a3 !important;
}

#section-login.member-mode #member-panel-market .negative,
#section-login.member-mode #member-panel-market .outlook-negative {
  color: #ff8a8a !important;
}

#section-login.member-mode .chart-lab-trader-status.bullish,
#section-login.member-mode .chart-lab-bias-pill.bullish {
  border-color: rgba(46, 229, 157, 0.5);
  background:
    radial-gradient(circle at 10% 0%, rgba(46, 229, 157, 0.18), transparent 34%),
    linear-gradient(135deg, rgba(10, 72, 48, 0.8), rgba(15, 23, 42, 0.88));
}

#section-login.member-mode .chart-lab-trader-status.bearish,
#section-login.member-mode .chart-lab-bias-pill.bearish {
  border-color: rgba(248, 113, 113, 0.5);
  background:
    radial-gradient(circle at 10% 0%, rgba(248, 113, 113, 0.18), transparent 34%),
    linear-gradient(135deg, rgba(96, 24, 38, 0.82), rgba(15, 23, 42, 0.88));
}

@media (min-width: 1180px) {
  #section-login.member-mode .chart-lab-trader-side {
    align-items: start;
    grid-template-columns: minmax(300px, 0.92fr) minmax(0, 1.08fr) minmax(260px, 0.78fr);
  }

  #section-login.member-mode .chart-lab-panel-group-body {
    max-height: min(54vh, 560px);
    overflow: auto;
    overscroll-behavior: contain;
  }
}

@media (max-width: 760px) {
  #section-login.member-mode .chart-lab-controls,
  #section-login.member-mode .chart-lab-full-controls .chart-lab-controls {
    display: grid !important;
    grid-template-columns: minmax(0, 1fr) !important;
    gap: 8px !important;
    margin-inline: 0 !important;
    overflow: visible !important;
    padding-inline: 0 !important;
    scroll-snap-type: none !important;
  }

  #section-login.member-mode .chart-lab-control-group,
  #section-login.member-mode .chart-lab-control-group[aria-label="Metal"],
  #section-login.member-mode .chart-lab-control-group[aria-label="Price basis"],
  #section-login.member-mode .chart-lab-control-group[aria-label="Research range"],
  #section-login.member-mode .chart-lab-control-group[aria-label="Candle timeframe"],
  #section-login.member-mode .chart-lab-control-group[aria-label="Marker density"],
  #section-login.member-mode .chart-lab-control-group[aria-label="Chart layers"],
  #section-login.member-mode .chart-lab-control-group[aria-label="Update current chart"] {
    display: grid !important;
    grid-template-columns: repeat(2, minmax(0, 1fr)) !important;
    gap: 6px !important;
    width: 100% !important;
    max-width: none !important;
    flex: none !important;
    flex-basis: auto !important;
    overflow: visible !important;
    padding: 8px !important;
    border-radius: 13px !important;
  }

  #section-login.member-mode .chart-lab-control-group span {
    grid-column: 1 / -1 !important;
    min-height: 18px !important;
    padding: 0 2px 2px !important;
  }

  #section-login.member-mode .chart-lab-control-group button {
    width: 100% !important;
    min-width: 0 !important;
    min-height: 38px !important;
    white-space: normal !important;
  }

  #section-login.member-mode .chart-lab-control-layers,
  #section-login.member-mode .chart-lab-control-action {
    grid-template-columns: repeat(2, minmax(0, 1fr)) !important;
  }
}

@media (max-width: 390px) {
  #section-login.member-mode .chart-lab-control-group,
  #section-login.member-mode .chart-lab-control-layers,
  #section-login.member-mode .chart-lab-control-action {
    grid-template-columns: minmax(0, 1fr) !important;
  }
}

/* PMDesk intelligence dock v2: chart stays primary, explanations stay readable. */
#section-login.member-mode .chart-lab-ai-brief {
  width: 100%;
  max-width: 100%;
}

@media (min-width: 1180px) {
  #section-login.member-mode .chart-lab-trader-side {
    grid-template-columns: repeat(3, minmax(0, 1fr));
    gap: 10px;
  }

  #section-login.member-mode .chart-lab-panel-group[open] {
    max-height: 430px;
  }

  #section-login.member-mode .chart-lab-panel-group-body {
    max-height: 376px;
    grid-template-columns: repeat(2, minmax(0, 1fr));
    overflow-y: auto;
    overflow-x: hidden;
    padding-right: 8px;
    scrollbar-color: rgba(125, 211, 252, 0.42) rgba(15, 23, 42, 0.42);
    scrollbar-width: thin;
  }

  #section-login.member-mode .chart-lab-panel-group-body::-webkit-scrollbar {
    width: 8px;
  }

  #section-login.member-mode .chart-lab-panel-group-body::-webkit-scrollbar-thumb {
    border-radius: 999px;
    background: rgba(125, 211, 252, 0.42);
  }

  #section-login.member-mode .chart-lab-trader-card {
    min-height: 0;
    padding: 10px;
  }

  #section-login.member-mode .chart-lab-trader-card p,
  #section-login.member-mode .chart-lab-trader-card li {
    font-size: 11px;
    line-height: 1.38;
  }
}

@media (max-width: 760px) {
  #section-login.member-mode .chart-lab-trader-mode:not(.chart-lab-trader-mode-chart-only) .chart-lab-ai-brief {
    order: 3;
    margin: 10px 0;
  }

  #section-login.member-mode .chart-lab-ai-brief-head,
  #section-login.member-mode .chart-lab-ai-brief-grid,
  #section-login.member-mode .chart-lab-ai-brief-bottom {
    display: grid !important;
    grid-template-columns: minmax(0, 1fr) !important;
    overflow: visible !important;
    padding-bottom: 0 !important;
    scroll-snap-type: none !important;
  }

  #section-login.member-mode .chart-lab-ai-brief-grid article,
  #section-login.member-mode .chart-lab-ai-brief-bottom div {
    flex: none !important;
    width: 100% !important;
  }

  #section-login.member-mode .chart-lab-panel-group-body {
    display: grid !important;
    grid-template-columns: minmax(0, 1fr) !important;
    max-height: min(52vh, 460px);
    overflow-y: auto !important;
    overflow-x: hidden !important;
    scroll-snap-type: none !important;
  }

  #section-login.member-mode .chart-lab-panel-group-body > * {
    flex: none !important;
    width: 100% !important;
  }
}

#section-login.member-mode .breaking-signals-section {
  color: #eaf2ff;
}

#section-login.member-mode .breaking-title-high,
#section-login.member-mode .breaking-summary.high-alert {
  color: #ff8a8a;
}

#section-login.member-mode .breaking-title-medium,
#section-login.member-mode .breaking-summary.med-alert {
  color: #ffd76a;
}

#section-login.member-mode .breaking-summary {
  color: rgba(226, 238, 255, 0.82);
  border-color: rgba(125, 211, 252, 0.18);
  background: rgba(9, 28, 48, 0.58);
}

#section-login.member-mode .breaking-summary.high-alert {
  border-color: rgba(248, 113, 113, 0.38);
  background: linear-gradient(135deg, rgba(127, 29, 29, 0.28), rgba(9, 28, 48, 0.74));
}

#section-login.member-mode .breaking-card {
  color: #eaf2ff;
  border-color: rgba(148, 197, 255, 0.2);
  background:
    radial-gradient(circle at 92% 0%, rgba(248, 113, 113, 0.1), transparent 30%),
    linear-gradient(180deg, rgba(15, 35, 58, 0.94), rgba(7, 21, 39, 0.96));
}

#section-login.member-mode .breaking-card.high {
  border-left-color: #ff4d5d;
}

#section-login.member-mode .breaking-card.medium {
  border-left-color: #f59e0b;
}

#section-login.member-mode .breaking-source,
#section-login.member-mode .breaking-meta,
#section-login.member-mode .breaking-india,
#section-login.member-mode .breaking-disclaimer {
  color: rgba(226, 238, 255, 0.68);
}

#section-login.member-mode .breaking-title-text,
#section-login.member-mode .breaking-news-detail {
  color: #f8fbff;
}

#section-login.member-mode .breaking-news-detail {
  border-color: rgba(216, 182, 76, 0.26);
  background: rgba(255, 255, 255, 0.07);
}

#section-login.member-mode .breaking-gold {
  color: #ffe08a;
}

#section-login.member-mode .breaking-source-link {
  color: #9bd8ff;
}

/* PMDesk market workspace contrast v2: no light-card leakage inside dark tabs. */
#section-login.member-mode #member-panel-market.member-workspace-panel {
  padding-inline: clamp(8px, 0.8vw, 14px);
  overflow: visible;
}

#section-login.member-mode #member-panel-market .member-section {
  overflow: hidden;
}

#section-login.member-mode #member-panel-market .section-header-row {
  padding-inline: 2px;
}

#section-login.member-mode #member-panel-market .premium-metal,
#section-login.member-mode #member-panel-market .warehouse-metal-card,
#section-login.member-mode #member-panel-market .seasonal-item,
#section-login.member-mode #member-panel-market .company-card,
#section-login.member-mode #member-panel-market .etf-summary,
#section-login.member-mode #member-panel-market .etf-detail-card,
#section-login.member-mode #member-panel-market .etf-unavailable,
#section-login.member-mode #member-panel-market .nifty-stat,
#section-login.member-mode #member-panel-market .fg-raw-note,
#section-login.member-mode #member-panel-market .earnings-summary {
  color: #eaf2ff !important;
  border-color: rgba(125, 211, 252, 0.24) !important;
  background:
    radial-gradient(circle at 100% 0%, rgba(125, 211, 252, 0.09), transparent 34%),
    linear-gradient(180deg, rgba(13, 35, 58, 0.94), rgba(6, 21, 39, 0.96)) !important;
  box-shadow:
    inset 0 1px 0 rgba(255, 255, 255, 0.08),
    0 12px 30px rgba(0, 0, 0, 0.16);
}

#section-login.member-mode #member-panel-market .premium-metal *,
#section-login.member-mode #member-panel-market .warehouse-metal-card *,
#section-login.member-mode #member-panel-market .seasonal-item *,
#section-login.member-mode #member-panel-market .company-card *,
#section-login.member-mode #member-panel-market .etf-summary *,
#section-login.member-mode #member-panel-market .etf-detail-card *,
#section-login.member-mode #member-panel-market .etf-unavailable *,
#section-login.member-mode #member-panel-market .nifty-stat *,
#section-login.member-mode #member-panel-market .fg-raw-note *,
#section-login.member-mode #member-panel-market .earnings-summary * {
  color: inherit;
}

#section-login.member-mode #member-panel-market .premium-title,
#section-login.member-mode #member-panel-market .warehouse-metal-name,
#section-login.member-mode #member-panel-market .seasonal-metal,
#section-login.member-mode #member-panel-market .company-ticker,
#section-login.member-mode #member-panel-market .etf-summary-title,
#section-login.member-mode #member-panel-market .etf-detail-name,
#section-login.member-mode #member-panel-market .nifty-label,
#section-login.member-mode #member-panel-market .options-label {
  color: #a9d7ff !important;
}

#section-login.member-mode #member-panel-market .premium-metal strong,
#section-login.member-mode #member-panel-market .warehouse-metric strong,
#section-login.member-mode #member-panel-market .company-price,
#section-login.member-mode #member-panel-market .etf-detail-price,
#section-login.member-mode #member-panel-market .nifty-val,
#section-login.member-mode #member-panel-market .options-ratio {
  color: #f8fbff !important;
}

#section-login.member-mode #member-panel-market .seasonal-month,
#section-login.member-mode #member-panel-market .event-name,
#section-login.member-mode #member-panel-market .etf-detail-name {
  color: #ffd76a !important;
}

#section-login.member-mode #member-panel-market .warehouse-source-note {
  color: #ffe7a3 !important;
  border-color: rgba(255, 215, 106, 0.26) !important;
  background: rgba(255, 215, 106, 0.08) !important;
}

#section-login.member-mode #member-panel-market .warehouse-summary,
#section-login.member-mode #member-panel-market .premium-explainer,
#section-login.member-mode #member-panel-market .seasonal-text,
#section-login.member-mode #member-panel-market .company-signal,
#section-login.member-mode #member-panel-market .etf-footer,
#section-login.member-mode #member-panel-market .fg-context,
#section-login.member-mode #member-panel-market .nifty-context,
#section-login.member-mode #member-panel-market .nifty-portfolio,
#section-login.member-mode #member-panel-market .event-days,
#section-login.member-mode #member-panel-market .event-impact {
  color: rgba(226, 238, 255, 0.78) !important;
}

/* PMDesk member workspace dark-surface enforcement v3: all tabs share one readable material system. */
#section-login.member-mode .member-workspace-shell {
  --member-surface-deep: rgba(5, 18, 34, 0.98);
  --member-surface: rgba(9, 28, 49, 0.96);
  --member-surface-soft: rgba(14, 39, 63, 0.92);
  --member-ink: #f8fbff;
  --member-muted: rgba(225, 238, 255, 0.78);
  --member-faint: rgba(183, 206, 231, 0.66);
  --member-border: rgba(125, 211, 252, 0.24);
  --member-gold: #ffd76a;
  --member-cyan: #8bdcff;
  --member-green: #33e6a0;
  --member-red: #ff6b7a;
}

#section-login.member-mode .member-workspace-shell .member-workspace-panel {
  min-width: 0;
}

#section-login.member-mode .member-workspace-shell :is(
  .market-card,
  .macro-card,
  .premium-card,
  .premium-metal,
  .nifty-card,
  .nifty-stat,
  .seasonal-card,
  .seasonal-item,
  .earnings-card,
  .earnings-summary,
  .company-card,
  .warehouse-card,
  .warehouse-metal-card,
  .options-card,
  .etf-card,
  .etf-summary,
  .etf-detail-card,
  .etf-unavailable,
  .context-card,
  .member-report-card,
  .report-card,
  .member-video-card,
  .member-video-context-card,
  .breaking-card,
  .breaking-news-detail,
  .referral-progress-card,
  .free-member-hero,
  .fg-raw-note
) {
  color: var(--member-ink) !important;
  border-color: var(--member-border) !important;
  background:
    radial-gradient(circle at 100% 0%, rgba(125, 211, 252, 0.11), transparent 34%),
    linear-gradient(180deg, var(--member-surface-soft), var(--member-surface-deep)) !important;
  box-shadow:
    inset 0 1px 0 rgba(255, 255, 255, 0.08),
    0 14px 34px rgba(0, 0, 0, 0.18) !important;
}

#section-login.member-mode .member-workspace-shell :is(
  .market-card,
  .macro-card,
  .premium-card,
  .premium-metal,
  .nifty-card,
  .nifty-stat,
  .seasonal-card,
  .seasonal-item,
  .earnings-card,
  .earnings-summary,
  .company-card,
  .warehouse-card,
  .warehouse-metal-card,
  .options-card,
  .etf-card,
  .etf-summary,
  .etf-detail-card,
  .etf-unavailable,
  .context-card,
  .member-report-card,
  .report-card,
  .member-video-card,
  .member-video-context-card,
  .breaking-card,
  .breaking-news-detail,
  .referral-progress-card,
  .free-member-hero,
  .fg-raw-note
) :is(h1, h2, h3, h4, h5, h6, strong, b, .mv, .market-value, .nifty-val, .options-ratio, .company-price, .etf-detail-price, .premium-metal strong, .warehouse-metric strong) {
  color: var(--member-ink) !important;
  text-shadow: none !important;
}

#section-login.member-mode .member-workspace-shell :is(
  .market-card,
  .macro-card,
  .premium-card,
  .premium-metal,
  .nifty-card,
  .nifty-stat,
  .seasonal-card,
  .seasonal-item,
  .earnings-card,
  .earnings-summary,
  .company-card,
  .warehouse-card,
  .warehouse-metal-card,
  .options-card,
  .etf-card,
  .etf-summary,
  .etf-detail-card,
  .etf-unavailable,
  .context-card,
  .member-report-card,
  .report-card,
  .member-video-card,
  .member-video-context-card,
  .breaking-card,
  .breaking-news-detail,
  .referral-progress-card,
  .free-member-hero,
  .fg-raw-note
) :is(p, span, small, li, em, dd, .ml, .market-note, .macro-summary, .muted-copy, .small-text, .premium-explainer, .warehouse-summary, .seasonal-text, .company-signal, .etf-footer, .fg-context, .nifty-context, .nifty-portfolio, .event-days, .event-impact) {
  color: var(--member-muted) !important;
  text-shadow: none !important;
}

#section-login.member-mode .member-workspace-shell :is(
  .market-name,
  .market-label,
  .premium-title,
  .warehouse-metal-name,
  .seasonal-metal,
  .company-ticker,
  .etf-summary-title,
  .etf-detail-name,
  .nifty-label,
  .options-label,
  .section-kicker,
  .data-source-note
) {
  color: #a9d7ff !important;
}

#section-login.member-mode .member-workspace-shell :is(.gold-text, .seasonal-month, .event-name, .member-tab-card[aria-selected="true"] strong) {
  color: var(--member-gold) !important;
}

#section-login.member-mode .member-workspace-shell :is(.silver-text) {
  color: #dce8ff !important;
}

#section-login.member-mode .member-workspace-shell :is(.positive, .outlook-positive, .company-change.positive) {
  color: var(--member-green) !important;
}

#section-login.member-mode .member-workspace-shell :is(.negative, .outlook-negative, .company-change.negative) {
  color: var(--member-red) !important;
}

#section-login.member-mode .member-workspace-shell :is(.fg-raw-note, .warehouse-source-note, .breaking-news-detail, .earnings-summary) {
  border-color: rgba(255, 215, 106, 0.28) !important;
  background:
    radial-gradient(circle at 0% 0%, rgba(255, 215, 106, 0.13), transparent 42%),
    linear-gradient(180deg, rgba(42, 35, 20, 0.86), rgba(9, 24, 41, 0.96)) !important;
}

#section-login.member-mode .member-workspace-shell :is(.free-member-preview-grid > *, .free-member-unlock-grid > *, .referral-two-sided-grid > *) {
  color: var(--member-ink) !important;
  border-color: var(--member-border) !important;
  background:
    radial-gradient(circle at 100% 0%, rgba(125, 211, 252, 0.11), transparent 34%),
    linear-gradient(180deg, var(--member-surface-soft), var(--member-surface-deep)) !important;
}

@media (max-width: 760px) {
  #section-login.member-mode .member-workspace-shell {
    padding-inline: 0;
  }

  #section-login.member-mode .member-workspace-shell .member-workspace-panel {
    padding-inline: 0;
  }
}

/* PMDesk report contrast + luxury chart HUD v4: dark report bands, ambient chart states, compact path map. */
#section-login.member-mode .member-workspace-shell .report-rendered {
  color: var(--member-muted) !important;
}

#section-login.member-mode .member-workspace-shell .report-rendered :is(h1, h2, h3, h4, strong, b) {
  color: var(--member-ink) !important;
}

#section-login.member-mode .member-workspace-shell .report-rendered :is(p, li, em, blockquote, td) {
  color: var(--member-muted) !important;
}

#section-login.member-mode .member-workspace-shell .report-rendered .report-sentiment-line {
  align-items: center;
  border: 1px solid rgba(125, 211, 252, 0.22) !important;
  border-left: 3px solid rgba(255, 215, 106, 0.7) !important;
  background:
    radial-gradient(circle at 0% 50%, rgba(255, 215, 106, 0.13), transparent 34%),
    linear-gradient(180deg, rgba(15, 36, 58, 0.94), rgba(7, 19, 35, 0.96)) !important;
  box-shadow:
    inset 0 1px 0 rgba(255, 255, 255, 0.08),
    0 14px 30px rgba(0, 0, 0, 0.22) !important;
}

#section-login.member-mode .member-workspace-shell .report-rendered .sentiment-copy {
  color: #dcecff !important;
}

#section-login.member-mode .member-workspace-shell .report-rendered .sentiment-badge {
  color: #07111f !important;
  border-color: transparent !important;
  box-shadow: 0 0 0 1px rgba(255, 255, 255, 0.1) inset;
}

#section-login.member-mode .member-workspace-shell .report-rendered .sentiment-badge.neutral {
  background: linear-gradient(135deg, #ffe08a, #c9961e) !important;
}

#section-login.member-mode .member-workspace-shell .report-rendered .sentiment-badge.bullish {
  background: linear-gradient(135deg, #8ff7c8, #1ca46e) !important;
}

#section-login.member-mode .member-workspace-shell .report-rendered .sentiment-badge.bearish {
  background: linear-gradient(135deg, #ff9da8, #cf3148) !important;
  color: #fff8fa !important;
}

#section-login.member-mode .member-workspace-shell :is(
  .member-workspace-panel,
  .member-section,
  .member-dashboard-section
) :is(
  .market-card,
  .macro-card,
  .premium-card,
  .premium-metal,
  .nifty-card,
  .nifty-stat,
  .seasonal-card,
  .seasonal-item,
  .seasonal-event,
  .seasonal-events,
  .company-card,
  .earnings-card,
  .earnings-summary,
  .warehouse-card,
  .warehouse-metal-card,
  .warehouse-metric,
  .warehouse-source-note,
  .options-card,
  .options-ratio-row,
  .etf-card,
  .etf-summary,
  .etf-detail-card,
  .etf-unavailable,
  .premium-grid > *,
  .warehouse-grid > *,
  .etf-summary-cards > *,
  .etf-detail-row > *,
  .report-sentiment-line,
  .member-report-actions
) {
  color: var(--member-ink) !important;
  border-color: rgba(125, 211, 252, 0.24) !important;
  background:
    radial-gradient(circle at 100% 0%, rgba(125, 211, 252, 0.1), transparent 38%),
    linear-gradient(180deg, rgba(12, 35, 57, 0.96), rgba(6, 18, 34, 0.98)) !important;
  box-shadow:
    inset 0 1px 0 rgba(255, 255, 255, 0.07),
    0 12px 30px rgba(0, 0, 0, 0.2) !important;
}

#section-login.member-mode .member-workspace-shell :is(
  .member-workspace-panel,
  .member-section,
  .member-dashboard-section
) :is(
  .market-card,
  .macro-card,
  .premium-card,
  .premium-metal,
  .nifty-card,
  .nifty-stat,
  .seasonal-card,
  .seasonal-item,
  .seasonal-event,
  .seasonal-events,
  .company-card,
  .earnings-card,
  .warehouse-card,
  .warehouse-metal-card,
  .options-card,
  .etf-card,
  .etf-summary,
  .etf-detail-card,
  .etf-unavailable
) :is(p, span, small, em, li, dd, div) {
  color: var(--member-muted) !important;
}

#section-login.member-mode .member-workspace-shell :is(
  .member-workspace-panel,
  .member-section,
  .member-dashboard-section
) :is(
  .market-card,
  .macro-card,
  .premium-card,
  .premium-metal,
  .nifty-card,
  .nifty-stat,
  .seasonal-card,
  .seasonal-item,
  .seasonal-event,
  .seasonal-events,
  .company-card,
  .earnings-card,
  .warehouse-card,
  .warehouse-metal-card,
  .options-card,
  .etf-card,
  .etf-summary,
  .etf-detail-card,
  .etf-unavailable
) :is(h1, h2, h3, h4, strong, b, .mv, .market-value, .nifty-val, .company-price, .options-ratio, .etf-detail-price) {
  color: var(--member-ink) !important;
}

.chart-lab-trader-mode {
  position: relative;
  isolation: isolate;
  overflow: hidden;
}

.chart-lab-trader-mode::before {
  content: "";
  position: absolute;
  inset: -24%;
  z-index: 0;
  pointer-events: none;
  opacity: 0.42;
  background:
    radial-gradient(circle at 22% 8%, var(--chart-ambient-a, rgba(10, 25, 47, 0.9)) 0%, transparent 31%),
    radial-gradient(circle at 84% 18%, var(--chart-ambient-b, rgba(8, 47, 73, 0.45)) 0%, transparent 28%),
    radial-gradient(circle at 50% 100%, rgba(2, 6, 23, 0.88), transparent 58%);
  filter: blur(18px);
  mix-blend-mode: screen;
  transition: opacity 1.6s ease, filter 1.6s ease;
  animation: pmdeskChartAmbientBreath 8s ease-in-out infinite;
}

.chart-lab-trader-mode > * {
  position: relative;
  z-index: 1;
}

.chart-lab-trader-mode.chart-tone-neutral {
  --chart-ambient-a: rgba(10, 25, 47, 0.92);
  --chart-ambient-b: rgba(12, 74, 110, 0.28);
}

.chart-lab-trader-mode.chart-tone-bullish {
  --chart-ambient-a: rgba(8, 83, 95, 0.72);
  --chart-ambient-b: rgba(34, 211, 238, 0.22);
}

.chart-lab-trader-mode.chart-tone-bearish {
  --chart-ambient-a: rgba(63, 0, 15, 0.68);
  --chart-ambient-b: rgba(239, 68, 68, 0.16);
}

.chart-lab-trader-mode.chart-tone-warning {
  --chart-ambient-a: rgba(69, 26, 3, 0.76);
  --chart-ambient-b: rgba(251, 146, 60, 0.2);
}

@keyframes pmdeskChartAmbientBreath {
  0%, 100% {
    opacity: 0.28;
    transform: scale(1);
  }
  50% {
    opacity: 0.52;
    transform: scale(1.025);
  }
}

.chart-lab-ai-brief {
  border-radius: 14px;
  background:
    radial-gradient(circle at 4% 0%, rgba(125, 211, 252, 0.13), transparent 42%),
    linear-gradient(180deg, rgba(12, 29, 50, 0.86), rgba(5, 13, 26, 0.92)) !important;
  box-shadow:
    0 24px 60px rgba(0, 0, 0, 0.3),
    inset 0 1px 0 rgba(255, 255, 255, 0.08) !important;
}

.chart-lab-ai-probabilities div,
.chart-lab-ai-change-chips span,
.chart-lab-ai-watchlist span {
  border-radius: 999px;
  background:
    linear-gradient(180deg, rgba(15, 23, 42, 0.82), rgba(2, 6, 23, 0.86)) !important;
}

.chart-lab-technical-tape {
  gap: 1px;
  border: 1px solid rgba(125, 211, 252, 0.13);
  border-radius: 12px;
  background:
    linear-gradient(90deg, rgba(125, 211, 252, 0.08), rgba(255, 215, 106, 0.05), rgba(125, 211, 252, 0.06));
  overflow: hidden;
}

.chart-lab-technical-tape div {
  position: relative;
  border: 0 !important;
  border-radius: 0;
  background:
    linear-gradient(180deg, rgba(10, 25, 47, 0.74), rgba(2, 6, 23, 0.72)) !important;
  box-shadow: none !important;
}

.chart-lab-technical-tape div::before {
  content: "";
  position: absolute;
  inset: 12px auto 12px 0;
  width: 1px;
  background: linear-gradient(180deg, transparent, rgba(125, 211, 252, 0.46), transparent);
}

.chart-lab-technical-tape div.bullish::before {
  background: linear-gradient(180deg, transparent, rgba(34, 197, 94, 0.68), transparent);
}

.chart-lab-technical-tape div.bearish::before {
  background: linear-gradient(180deg, transparent, rgba(239, 68, 68, 0.68), transparent);
}

.chart-lab-indicator-panes {
  border-top-color: rgba(125, 211, 252, 0.13);
  background:
    linear-gradient(90deg, rgba(125, 211, 252, 0.04), rgba(255, 215, 106, 0.025), transparent);
}

.chart-lab-indicator-panes article {
  border-color: rgba(125, 211, 252, 0.14) !important;
  background:
    radial-gradient(circle at 50% 0%, rgba(125, 211, 252, 0.1), transparent 38%),
    linear-gradient(180deg, rgba(8, 25, 43, 0.72), rgba(2, 6, 23, 0.86)) !important;
  box-shadow:
    inset 0 1px 0 rgba(255, 255, 255, 0.06),
    0 10px 26px rgba(0, 0, 0, 0.2);
}

.chart-lab-pane-bars i {
  width: 2px;
  justify-self: center;
  border-radius: 999px;
  background: rgba(125, 211, 252, 0.48);
  box-shadow: 0 0 7px rgba(125, 211, 252, 0.24);
}

.chart-lab-pane-bars i.bullish {
  background: rgba(45, 212, 191, 0.78);
  box-shadow: 0 0 8px rgba(45, 212, 191, 0.36);
}

.chart-lab-pane-bars i.bearish {
  background: rgba(248, 113, 113, 0.72);
  box-shadow: 0 0 8px rgba(248, 113, 113, 0.32);
}

.chart-lab-subway-playbook {
  border-top: 1px solid rgba(125, 211, 252, 0.14);
  display: grid;
  gap: 12px;
  padding: 12px;
  background:
    radial-gradient(circle at 15% 50%, rgba(125, 211, 252, 0.08), transparent 28%),
    linear-gradient(180deg, rgba(2, 6, 23, 0.28), rgba(2, 6, 23, 0.42));
}

.chart-lab-subway-head {
  align-items: end;
  display: flex;
  gap: 12px;
  justify-content: space-between;
  min-width: 0;
}

.chart-lab-subway-head span {
  color: #9bd8ff;
  display: block;
  font-size: 9px;
  font-weight: 950;
  letter-spacing: 0.12em;
  text-transform: uppercase;
}

.chart-lab-subway-head strong {
  color: #f8fbff;
  display: block;
  font-size: clamp(14px, 1.2vw, 18px);
  line-height: 1.1;
  margin-top: 4px;
}

.chart-lab-subway-head p {
  color: rgba(226, 238, 255, 0.62);
  font-size: 10px;
  font-weight: 800;
  margin: 0;
  max-width: min(54vw, 720px);
  text-align: right;
}

.chart-lab-subway-track {
  align-items: center;
  display: grid;
  gap: 10px;
  grid-template-columns: auto minmax(48px, 1fr) auto minmax(170px, 0.86fr);
  min-width: 0;
}

.chart-lab-subway-node {
  align-items: center;
  display: grid;
  gap: 3px 8px;
  grid-template-columns: 14px auto;
  min-width: 0;
}

.chart-lab-subway-node i {
  grid-row: span 2;
  height: 9px;
  width: 9px;
  border-radius: 999px;
  background: #f8fbff;
  box-shadow: 0 0 0 0 rgba(248, 251, 255, 0.5);
  animation: pmdeskSubwayPulse 1.9s ease-out infinite;
}

.chart-lab-subway-wall i {
  height: 26px;
  width: 2px;
  border-radius: 999px;
  background: #fbbf24;
  box-shadow: 0 0 12px rgba(251, 191, 36, 0.56);
  animation: none;
}

.chart-lab-subway-node span,
.chart-lab-subway-branch span {
  color: rgba(226, 238, 255, 0.62);
  font-size: 9px;
  font-weight: 900;
  letter-spacing: 0.08em;
  text-transform: uppercase;
}

.chart-lab-subway-node strong,
.chart-lab-subway-branch b {
  color: #ffffff;
  font-size: 12px;
  font-weight: 950;
  line-height: 1.1;
}

.chart-lab-subway-line {
  height: 2px;
  min-width: 46px;
  border-radius: 999px;
  background: linear-gradient(90deg, rgba(255, 255, 255, 0.12), rgba(125, 211, 252, 0.54), rgba(255, 215, 106, 0.48));
  box-shadow: 0 0 12px rgba(125, 211, 252, 0.16);
}

.chart-lab-subway-branches {
  display: grid;
  gap: 7px;
  min-width: 0;
}

.chart-lab-subway-branch {
  align-items: center;
  display: grid;
  gap: 8px;
  grid-template-columns: minmax(32px, 1fr) auto minmax(76px, auto);
  min-width: 0;
  transition: opacity 0.25s ease, filter 0.25s ease;
}

.chart-lab-subway-branch i {
  height: 2px;
  border-radius: 999px;
  background: linear-gradient(90deg, rgba(255, 255, 255, 0.1), currentColor);
}

.chart-lab-subway-break {
  color: #67e8f9;
}

.chart-lab-subway-reject {
  color: #fda4af;
}

.chart-lab-subway-branch.dimmed {
  opacity: 0.38;
  filter: saturate(0.7);
}

.chart-lab-subway-branch.active {
  opacity: 1;
  text-shadow: 0 0 12px currentColor;
}

@keyframes pmdeskSubwayPulse {
  0% {
    box-shadow: 0 0 0 0 rgba(248, 251, 255, 0.42), 0 0 12px rgba(125, 211, 252, 0.32);
  }
  70% {
    box-shadow: 0 0 0 9px rgba(248, 251, 255, 0), 0 0 12px rgba(125, 211, 252, 0.32);
  }
  100% {
    box-shadow: 0 0 0 0 rgba(248, 251, 255, 0), 0 0 12px rgba(125, 211, 252, 0.32);
  }
}

@media (max-width: 760px) {
  #section-login.member-mode .chart-lab-controls,
  #section-login.member-mode .chart-lab-full-controls .chart-lab-controls {
    display: grid !important;
    grid-template-columns: minmax(0, 1fr) !important;
    overflow: visible !important;
  }

  #section-login.member-mode .chart-lab-control-group,
  #section-login.member-mode .chart-lab-control-group[aria-label="Metal"],
  #section-login.member-mode .chart-lab-control-group[aria-label="Price basis"],
  #section-login.member-mode .chart-lab-control-group[aria-label="Research range"],
  #section-login.member-mode .chart-lab-control-group[aria-label="Candle timeframe"],
  #section-login.member-mode .chart-lab-control-group[aria-label="Marker density"],
  #section-login.member-mode .chart-lab-control-group[aria-label="Chart layers"],
  #section-login.member-mode .chart-lab-control-group[aria-label="Update current chart"] {
    display: flex !important;
    flex-wrap: wrap !important;
    width: 100% !important;
    min-width: 0 !important;
    overflow: visible !important;
  }

  #section-login.member-mode .chart-lab-control-group span {
    flex: 1 0 100% !important;
  }

  #section-login.member-mode .chart-lab-control-group button {
    flex: 1 1 calc(33.333% - 8px) !important;
    min-width: 74px !important;
  }

  .chart-lab-subway-head,
  .chart-lab-subway-track {
    display: grid;
    grid-template-columns: minmax(0, 1fr);
  }

  .chart-lab-subway-head p {
    max-width: none;
    text-align: left;
  }

  .chart-lab-subway-line {
    height: 34px;
    width: 2px;
    min-width: 0;
    margin-left: 6px;
    background: linear-gradient(180deg, rgba(255, 255, 255, 0.12), rgba(125, 211, 252, 0.54), rgba(255, 215, 106, 0.48));
  }

  .chart-lab-subway-branches {
    margin-left: 0;
  }
}

@media (prefers-reduced-motion: reduce) {
  .chart-lab-trader-mode::before,
  .chart-lab-subway-node i {
    animation: none;
  }
}

/* PMDesk member workspace readability v5: open evidence docks, dark cards everywhere, no clipped edges. */
body:has(#section-login.member-mode:not([hidden])) {
  overflow-x: hidden;
}

body:has(#section-login.member-mode:not([hidden])) .site-shell {
  overflow-x: clip;
  padding-inline: clamp(8px, 1vw, 18px) !important;
}

#section-login.member-mode .member-dashboard,
#section-login.member-mode .member-workspace-shell {
  box-sizing: border-box;
  overflow: visible !important;
}

#section-login.member-mode .member-workspace-panel {
  box-sizing: border-box;
  min-width: 0;
  overflow: visible !important;
  padding-inline: clamp(6px, 0.7vw, 12px);
}

#section-login.member-mode :is(
  #member-panel-market,
  #member-panel-library,
  #member-panel-reports,
  #member-panel-media
) > .member-section,
#section-login.member-mode :is(
  #member-panel-market,
  #member-panel-library,
  #member-panel-reports,
  #member-panel-media
) > .member-dashboard-section {
  box-sizing: border-box;
  min-width: 0;
  overflow: hidden;
  padding: clamp(14px, 1vw, 20px) !important;
}

#section-login.member-mode .member-workspace-shell :is(
  .market-card,
  .macro-card,
  .premium-card,
  .premium-metal,
  .nifty-card,
  .nifty-stat,
  .seasonal-card,
  .seasonal-item,
  .seasonal-event,
  .seasonal-events,
  .earnings-card,
  .earnings-summary,
  .company-card,
  .warehouse-card,
  .warehouse-metal-card,
  .warehouse-metric,
  .warehouse-source-note,
  .options-card,
  .options-ratio-row,
  .etf-card,
  .etf-summary,
  .etf-detail-card,
  .etf-unavailable,
  .context-card,
  .watchlist-item,
  .glossary-details summary,
  .glossary-grid,
  .glossary-item,
  .member-report-card,
  .report-card,
  .report-sentiment-line,
  .member-report-actions,
  .member-video-card,
  .member-video-context-card,
  .breaking-card,
  .breaking-news-detail,
  .referral-progress-card,
  .free-member-hero,
  .fg-raw-note,
  .premium-grid > *,
  .warehouse-grid > *,
  .etf-summary-cards > *,
  .etf-detail-row > *,
  .context-cards-grid > *,
  .watchlist-grid > *
) {
  box-sizing: border-box;
  color: var(--member-ink, #f8fbff) !important;
  border-color: rgba(125, 211, 252, 0.26) !important;
  background:
    radial-gradient(circle at 100% 0%, rgba(125, 211, 252, 0.11), transparent 38%),
    linear-gradient(180deg, rgba(12, 35, 57, 0.96), rgba(6, 18, 34, 0.98)) !important;
  box-shadow:
    inset 0 1px 0 rgba(255, 255, 255, 0.07),
    0 12px 30px rgba(0, 0, 0, 0.2) !important;
  min-width: 0;
}

#section-login.member-mode .member-workspace-shell :is(
  .market-card,
  .macro-card,
  .premium-card,
  .premium-metal,
  .nifty-card,
  .nifty-stat,
  .seasonal-card,
  .seasonal-item,
  .seasonal-event,
  .seasonal-events,
  .earnings-card,
  .earnings-summary,
  .company-card,
  .warehouse-card,
  .warehouse-metal-card,
  .options-card,
  .etf-card,
  .etf-summary,
  .etf-detail-card,
  .etf-unavailable,
  .context-card,
  .watchlist-item,
  .glossary-grid,
  .glossary-item,
  .report-sentiment-line
) :is(h1, h2, h3, h4, h5, h6, strong, b, .mv, .market-value, .nifty-val, .options-ratio, .company-price, .etf-detail-price, .premium-metal strong, .warehouse-metric strong, .context-title, .watchlist-metal) {
  color: var(--member-ink, #f8fbff) !important;
  text-shadow: none !important;
}

#section-login.member-mode .member-workspace-shell :is(
  .market-card,
  .macro-card,
  .premium-card,
  .premium-metal,
  .nifty-card,
  .nifty-stat,
  .seasonal-card,
  .seasonal-item,
  .seasonal-event,
  .seasonal-events,
  .earnings-card,
  .earnings-summary,
  .company-card,
  .warehouse-card,
  .warehouse-metal-card,
  .options-card,
  .etf-card,
  .etf-summary,
  .etf-detail-card,
  .etf-unavailable,
  .context-card,
  .watchlist-item,
  .glossary-grid,
  .glossary-item,
  .report-sentiment-line
) :is(p, span, small, em, li, dd, .ml, .market-note, .macro-summary, .muted-copy, .small-text, .premium-explainer, .warehouse-summary, .seasonal-text, .company-signal, .etf-footer, .fg-context, .nifty-context, .nifty-portfolio, .event-days, .event-impact, .context-body, .context-note, .watchlist-text, .watchlist-note) {
  color: var(--member-muted, rgba(225, 238, 255, 0.78)) !important;
  text-shadow: none !important;
}

#section-login.member-mode .member-workspace-shell :is(
  .market-name,
  .market-label,
  .premium-title,
  .warehouse-metal-name,
  .seasonal-metal,
  .company-ticker,
  .etf-summary-title,
  .etf-detail-name,
  .nifty-label,
  .options-label,
  .context-icon,
  .glossary-item strong,
  .section-kicker,
  .data-source-note
) {
  color: #a9d7ff !important;
}

#section-login.member-mode .member-workspace-shell :is(.gold-text, .seasonal-month, .event-name) {
  color: var(--member-gold, #ffd76a) !important;
}

#section-login.member-mode .member-workspace-shell :is(.silver-text) {
  color: #dce8ff !important;
}

#section-login.member-mode .member-workspace-shell :is(.positive, .outlook-positive, .company-change.positive) {
  color: var(--member-green, #33e6a0) !important;
}

#section-login.member-mode .member-workspace-shell :is(.negative, .outlook-negative, .company-change.negative) {
  color: var(--member-red, #ff6b7a) !important;
}

#section-login.member-mode .member-workspace-shell :is(.glossary-details summary, .context-icon) {
  border-radius: 999px;
}

#section-login.member-mode .chart-lab-subway-break {
  color: #22d3ee;
}

#section-login.member-mode .chart-lab-subway-reject {
  color: #ff4d5f;
}

#section-login.member-mode .chart-lab-subway-break i {
  background: linear-gradient(90deg, rgba(34, 211, 238, 0.08), rgba(34, 211, 238, 0.72));
  box-shadow: 0 0 12px rgba(34, 211, 238, 0.18);
}

#section-login.member-mode .chart-lab-subway-reject i {
  background: linear-gradient(90deg, rgba(255, 77, 95, 0.08), rgba(255, 77, 95, 0.78));
  box-shadow: 0 0 12px rgba(255, 77, 95, 0.22);
}

#section-login.member-mode .chart-lab-subway-break b {
  color: #67e8f9;
}

#section-login.member-mode .chart-lab-subway-reject b {
  color: #ff9aa6;
}

@media (max-width: 760px) {
  #section-login.member-mode .member-workspace-panel {
    padding-inline: 0;
  }

  #section-login.member-mode .member-workspace-tabs,
  #section-login.member-mode .research-workspace-tabs {
    display: grid;
    grid-template-columns: minmax(0, 1fr);
    overflow: visible;
  }

  #section-login.member-mode .member-workspace-tabs button,
  #section-login.member-mode .research-workspace-tab {
    flex: none;
    width: 100%;
  }

  #section-login.member-mode .chart-lab-controls,
  #section-login.member-mode .chart-lab-full-controls .chart-lab-controls {
    display: grid !important;
    grid-template-columns: minmax(0, 1fr) !important;
    gap: 8px !important;
    overflow: visible !important;
  }

  #section-login.member-mode .chart-lab-control-group,
  #section-login.member-mode .chart-lab-control-group[aria-label="Metal"],
  #section-login.member-mode .chart-lab-control-group[aria-label="Price basis"],
  #section-login.member-mode .chart-lab-control-group[aria-label="Research range"],
  #section-login.member-mode .chart-lab-control-group[aria-label="Candle timeframe"],
  #section-login.member-mode .chart-lab-control-group[aria-label="Marker density"],
  #section-login.member-mode .chart-lab-control-group[aria-label="Chart layers"],
  #section-login.member-mode .chart-lab-control-group[aria-label="Update current chart"] {
    display: grid !important;
    grid-template-columns: repeat(2, minmax(0, 1fr)) !important;
    width: 100% !important;
    min-width: 0 !important;
    gap: 7px !important;
    overflow: visible !important;
  }

  #section-login.member-mode .chart-lab-control-group span {
    grid-column: 1 / -1 !important;
  }

  #section-login.member-mode .chart-lab-control-group button {
    flex: none !important;
    min-width: 0 !important;
    width: 100% !important;
    white-space: normal !important;
  }
}

@media (max-width: 390px) {
  #section-login.member-mode .chart-lab-control-group,
  #section-login.member-mode .chart-lab-control-group[aria-label="Metal"],
  #section-login.member-mode .chart-lab-control-group[aria-label="Price basis"],
  #section-login.member-mode .chart-lab-control-group[aria-label="Research range"],
  #section-login.member-mode .chart-lab-control-group[aria-label="Candle timeframe"],
  #section-login.member-mode .chart-lab-control-group[aria-label="Marker density"],
  #section-login.member-mode .chart-lab-control-group[aria-label="Chart layers"],
  #section-login.member-mode .chart-lab-control-group[aria-label="Update current chart"] {
    grid-template-columns: minmax(0, 1fr) !important;
  }
}

/* PMDesk elite terminal interaction suite v6 */
:root {
  --pmdesk-spring: cubic-bezier(0.175, 0.885, 0.32, 1.275);
}

#cmd-palette-backdrop {
  position: fixed;
  inset: 0;
  z-index: 9999;
  display: flex;
  align-items: flex-start;
  justify-content: center;
  padding: 12vh 18px 18px;
  background:
    radial-gradient(circle at 50% 0%, rgba(6, 182, 212, 0.18), transparent 36%),
    rgba(0, 5, 14, 0.68);
  -webkit-backdrop-filter: blur(14px);
  backdrop-filter: blur(14px);
  opacity: 0;
  pointer-events: none;
  transition: opacity 220ms ease;
}

#cmd-palette-backdrop.palette-active {
  opacity: 1;
  pointer-events: auto;
}

.cmd-palette-modal {
  width: min(680px, 100%);
  max-height: min(76vh, 720px);
  overflow: hidden;
  border: 1px solid rgba(148, 220, 255, 0.22);
  border-radius: 16px;
  background:
    linear-gradient(145deg, rgba(10, 24, 43, 0.94), rgba(4, 12, 24, 0.92)),
    rgba(15, 23, 42, 0.86);
  box-shadow:
    0 34px 90px rgba(0, 0, 0, 0.62),
    inset 0 1px 0 rgba(255, 255, 255, 0.08);
  transform: translateY(-14px) scale(0.965);
  transition: transform 360ms var(--pmdesk-spring);
}

#cmd-palette-backdrop.palette-active .cmd-palette-modal {
  transform: translateY(0) scale(1);
}

.cmd-input-wrapper {
  display: grid;
  grid-template-columns: auto minmax(0, 1fr) auto;
  align-items: center;
  gap: 12px;
  padding: 15px 18px;
  border-bottom: 1px solid rgba(148, 163, 184, 0.14);
}

.cmd-icon {
  display: grid;
  width: 34px;
  height: 34px;
  place-items: center;
  border: 1px solid rgba(255, 215, 106, 0.44);
  border-radius: 999px;
  background: rgba(255, 215, 106, 0.12);
  color: #ffd76a;
  font-size: 0.72rem;
  font-weight: 900;
  letter-spacing: 0.08em;
}

#cmd-input {
  min-width: 0;
  border: 0;
  outline: 0;
  background: transparent;
  color: #f8fbff;
  font: 800 1.05rem/1.2 Inter, system-ui, sans-serif;
}

#cmd-input::placeholder {
  color: rgba(219, 234, 254, 0.42);
}

.cmd-shortcut-hint {
  border: 1px solid rgba(148, 220, 255, 0.26);
  border-radius: 999px;
  padding: 6px 9px;
  color: rgba(225, 238, 255, 0.72);
  font-size: 0.72rem;
  font-weight: 800;
  text-transform: uppercase;
}

.cmd-results {
  max-height: calc(min(76vh, 720px) - 68px);
  overflow: auto;
  padding: 8px;
}

.cmd-group-label {
  padding: 10px 10px 5px;
  color: #7dd3fc;
  font: 900 0.72rem/1.1 var(--font-mono, monospace);
  letter-spacing: 0.16em;
  text-transform: uppercase;
}

.cmd-item {
  display: grid;
  grid-template-columns: auto minmax(0, 1fr) auto;
  align-items: center;
  gap: 11px;
  width: 100%;
  border: 1px solid transparent;
  border-radius: 12px;
  padding: 10px 12px;
  background: transparent;
  color: rgba(225, 238, 255, 0.78);
  text-align: left;
  cursor: pointer;
  transition:
    background 160ms ease,
    border-color 160ms ease,
    transform 260ms var(--pmdesk-spring),
    color 160ms ease;
}

.cmd-item:hover,
.cmd-item.active {
  border-color: rgba(34, 211, 238, 0.35);
  background: linear-gradient(90deg, rgba(6, 182, 212, 0.16), rgba(255, 215, 106, 0.06));
  color: #fff;
  transform: translateX(3px);
}

.cmd-item-mark {
  display: grid;
  width: 28px;
  height: 28px;
  place-items: center;
  border-radius: 9px;
  background: rgba(125, 211, 252, 0.12);
  color: #bae6fd;
  font: 900 0.75rem/1 var(--font-mono, monospace);
}

.cmd-item strong {
  display: block;
  color: inherit;
  font-size: 0.94rem;
}

.cmd-item small {
  display: block;
  margin-top: 2px;
  color: rgba(203, 213, 225, 0.68);
  font-size: 0.78rem;
}

.cmd-item em {
  color: #ffd76a;
  font: 900 0.72rem/1 var(--font-mono, monospace);
  letter-spacing: 0.08em;
  text-transform: uppercase;
}

.cmd-empty {
  margin: 18px;
  border: 1px solid rgba(148, 163, 184, 0.16);
  border-radius: 12px;
  padding: 18px;
  color: rgba(225, 238, 255, 0.75);
}

.chart-lab-xray-lens {
  position: fixed;
  z-index: 9998;
  width: 250px;
  pointer-events: none;
  border: 1px solid rgba(148, 220, 255, 0.2);
  border-radius: 12px;
  padding: 12px;
  background:
    linear-gradient(145deg, rgba(15, 23, 42, 0.72), rgba(3, 10, 23, 0.7)),
    rgba(15, 23, 42, 0.62);
  -webkit-backdrop-filter: blur(13px);
  backdrop-filter: blur(13px);
  box-shadow:
    0 18px 46px rgba(0, 0, 0, 0.66),
    inset 0 1px 0 rgba(255, 255, 255, 0.08);
  opacity: 0;
  transform: scale(0.95);
  transition: opacity 150ms ease, transform 260ms var(--pmdesk-spring);
}

.chart-lab-xray-lens.is-active {
  opacity: 1;
  transform: scale(1);
}

.xray-header {
  display: flex;
  justify-content: space-between;
  gap: 10px;
  margin-bottom: 9px;
  border-bottom: 1px solid rgba(148, 163, 184, 0.12);
  padding-bottom: 8px;
}

.xray-time,
.xray-price,
.xray-value,
.xray-footer {
  font-family: var(--font-mono, monospace);
}

.xray-time {
  color: rgba(219, 234, 254, 0.7);
  font-size: 0.72rem;
}

.xray-price {
  color: #fff;
  font-size: 0.76rem;
  font-weight: 900;
}

.xray-data-grid {
  display: grid;
  gap: 6px;
}

.xray-metric {
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: 10px;
}

.xray-label {
  color: rgba(186, 230, 253, 0.6);
  font-size: 0.64rem;
  font-weight: 900;
  letter-spacing: 0.12em;
  text-transform: uppercase;
}

.xray-value {
  color: #f8fbff;
  font-size: 0.74rem;
  font-weight: 900;
  text-align: right;
}

.xray-value.pulse-high {
  color: #fb923c;
  text-shadow: 0 0 12px rgba(251, 146, 60, 0.42);
}

.xray-value.pulse-mid {
  color: #facc15;
}

.xray-value.pulse-low {
  color: #67e8f9;
}

.xray-value.warning-glow {
  color: #ff7a86;
  text-shadow: 0 0 10px rgba(255, 77, 95, 0.38);
}

.xray-footer {
  margin-top: 10px;
  border-top: 1px solid rgba(148, 163, 184, 0.1);
  padding-top: 8px;
  color: rgba(203, 213, 225, 0.56);
  font-size: 0.68rem;
  text-transform: uppercase;
  letter-spacing: 0.12em;
}

#section-login.member-mode .chart-lab-tv-chart {
  isolation: isolate;
}

.chart-lab-volume-aura {
  position: absolute;
  right: 0;
  bottom: 0;
  left: 0;
  height: 25%;
  z-index: 2;
  pointer-events: none;
  mix-blend-mode: screen;
  opacity: calc(0.08 + (var(--pulse-score, 30) * 0.0035));
  transition: opacity 900ms ease, background 900ms ease;
}

.chart-lab-volume-aura.pulse-cool {
  background: radial-gradient(ellipse at 70% 100%, rgba(14, 165, 233, 0.42), transparent 62%);
}

.chart-lab-volume-aura.pulse-warm {
  background: radial-gradient(ellipse at 70% 100%, rgba(245, 158, 11, 0.48), rgba(6, 182, 212, 0.12), transparent 64%);
}

.chart-lab-volume-aura.pulse-hot {
  background: radial-gradient(ellipse at 70% 100%, rgba(220, 38, 38, 0.5), rgba(245, 158, 11, 0.18), transparent 66%);
}

#section-login.member-mode .chart-lab-volume-pane {
  position: relative;
  overflow: hidden;
}

#section-login.member-mode .chart-lab-volume-pane::before {
  content: "";
  position: absolute;
  inset: auto -10% -16% -10%;
  height: 64%;
  pointer-events: none;
  opacity: calc(0.1 + (var(--pulse-score, 30) * 0.004));
  transition: opacity 900ms ease, background 900ms ease;
}

#section-login.member-mode .chart-lab-volume-pane.pulse-cool::before {
  background: radial-gradient(ellipse at 45% 100%, rgba(34, 211, 238, 0.34), transparent 68%);
}

#section-login.member-mode .chart-lab-volume-pane.pulse-warm::before {
  background: radial-gradient(ellipse at 45% 100%, rgba(245, 158, 11, 0.36), transparent 68%);
}

#section-login.member-mode .chart-lab-volume-pane.pulse-hot::before {
  background: radial-gradient(ellipse at 45% 100%, rgba(220, 38, 38, 0.4), transparent 70%);
}

#section-login.member-mode .chart-lab-volume-pane > * {
  position: relative;
  z-index: 1;
}

#section-login.member-mode .chart-lab-pane-bars {
  align-items: end;
  background:
    linear-gradient(180deg, transparent, rgba(15, 23, 42, 0.24)),
    rgba(2, 8, 23, 0.16);
}

#section-login.member-mode .chart-lab-pane-bars i {
  justify-self: center;
  width: 2px;
  min-width: 2px;
  border-radius: 999px;
  opacity: 0.9;
  transition:
    height 420ms var(--pmdesk-spring),
    opacity 240ms ease,
    filter 240ms ease;
}

#section-login.member-mode .chart-lab-pane-bars i.bullish {
  background: linear-gradient(180deg, #67e8f9, rgba(6, 182, 212, 0.34));
  box-shadow: 0 0 6px rgba(6, 182, 212, 0.72);
}

#section-login.member-mode .chart-lab-pane-bars i.bearish {
  background: linear-gradient(180deg, #fb7185, rgba(220, 38, 38, 0.34));
  box-shadow: 0 0 6px rgba(220, 38, 38, 0.72);
}

#section-login.member-mode .chart-lab-subway-node i,
#section-login.member-mode .chart-lab-subway-branch i,
#section-login.member-mode .chart-lab-subway-branch,
#section-login.member-mode .chart-lab-subway-line,
#section-login.member-mode .chart-lab-right-price-label,
#section-login.member-mode .chart-lab-marker-chip {
  transition:
    transform 520ms var(--pmdesk-spring),
    opacity 220ms ease,
    background 420ms ease,
    border-color 420ms ease,
    box-shadow 420ms ease;
}

@media (max-width: 760px) {
  #cmd-palette-backdrop {
    padding-top: 9vh;
  }

  .cmd-palette-modal {
    border-radius: 14px;
  }

  .cmd-input-wrapper {
    grid-template-columns: minmax(0, 1fr) auto;
  }

  .cmd-icon {
    display: none;
  }

  #cmd-input {
    font-size: 0.95rem;
  }

  .chart-lab-xray-lens {
    display: none;
  }
}

/* PMDesk Total Eclipse shell v8: make the signed-in desk one coherent dark terminal. */
body:has(#section-login.member-mode:not([hidden])) {
  color: #e8f2ff;
  background:
    radial-gradient(circle at 16% -8%, rgba(14, 165, 233, 0.16), transparent 34%),
    radial-gradient(circle at 82% 0%, rgba(255, 211, 76, 0.08), transparent 30%),
    linear-gradient(180deg, #020617 0%, #050b15 48%, #020617 100%) !important;
}

body:has(#section-login.member-mode:not([hidden])) .site-shell {
  width: 100%;
  max-width: none;
  padding-inline: clamp(8px, 1.15vw, 22px) !important;
  background: transparent !important;
  overflow-x: clip;
}

body:has(#section-login.member-mode:not([hidden])) .topbar {
  width: min(100%, 1900px);
  color: #e8f2ff;
  border-color: rgba(125, 211, 252, 0.22);
  background:
    radial-gradient(circle at 0% 0%, rgba(14, 165, 233, 0.14), transparent 38%),
    linear-gradient(135deg, rgba(8, 18, 34, 0.86), rgba(15, 23, 42, 0.72)) !important;
  box-shadow:
    0 18px 60px rgba(0, 0, 0, 0.28),
    inset 0 1px 0 rgba(255, 255, 255, 0.08);
  backdrop-filter: blur(18px);
}

body:has(#section-login.member-mode:not([hidden])) .topbar :is(.brand-name, .topbar-meta-value) {
  color: #f8fbff;
}

body:has(#section-login.member-mode:not([hidden])) .topbar :is(.brand-tagline, .topbar-meta-label) {
  color: rgba(210, 228, 255, 0.72);
}

#section-login.member-mode,
#section-login.member-mode .login-section,
#section-login.member-mode .launch-band.page-section {
  color: #e8f2ff;
  background: transparent !important;
}

#section-login.member-mode .launch-band.page-section {
  padding: clamp(10px, 1.2vw, 20px) !important;
  box-shadow: none !important;
}

#section-login.member-mode .member-dashboard {
  width: min(100%, 1900px);
  margin-inline: auto;
  color: #e8f2ff;
  border-color: rgba(125, 211, 252, 0.22) !important;
  background:
    radial-gradient(circle at 12% 0%, rgba(14, 165, 233, 0.1), transparent 32%),
    radial-gradient(circle at 92% 4%, rgba(255, 211, 76, 0.06), transparent 30%),
    linear-gradient(180deg, rgba(7, 16, 31, 0.72), rgba(3, 9, 20, 0.92)) !important;
  box-shadow:
    0 28px 90px rgba(0, 0, 0, 0.32),
    inset 0 1px 0 rgba(255, 255, 255, 0.06) !important;
}

#section-login.member-mode .member-dashboard-header {
  color: #f8fbff;
  border-color: rgba(148, 197, 255, 0.2) !important;
  background:
    linear-gradient(135deg, rgba(15, 23, 42, 0.68), rgba(8, 18, 34, 0.5)) !important;
  box-shadow:
    0 16px 44px rgba(0, 0, 0, 0.18),
    inset 0 1px 0 rgba(255, 255, 255, 0.08) !important;
  backdrop-filter: blur(16px);
}

#section-login.member-mode .member-dashboard-header :is(h3, strong) {
  color: #f8fbff;
}

#section-login.member-mode .member-actions .button,
#section-login.member-mode .member-dashboard .button-secondary {
  color: #dff2ff !important;
  border-color: rgba(125, 211, 252, 0.32) !important;
  background: rgba(8, 18, 34, 0.72) !important;
  box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.08), 0 12px 28px rgba(0, 0, 0, 0.18) !important;
}

#section-login.member-mode .member-actions .button:hover,
#section-login.member-mode .member-dashboard .button-secondary:hover {
  color: #ffffff !important;
  border-color: rgba(103, 232, 249, 0.58) !important;
  box-shadow: 0 0 0 1px rgba(103, 232, 249, 0.18), 0 16px 34px rgba(0, 0, 0, 0.24) !important;
}

#section-login.member-mode .member-workspace-shell {
  width: 100%;
  margin-top: clamp(14px, 1.5vw, 24px);
  padding: clamp(10px, 1.2vw, 18px) !important;
  border-color: rgba(45, 212, 191, 0.24) !important;
  background:
    radial-gradient(circle at 10% 0%, rgba(14, 165, 233, 0.16), transparent 34%),
    radial-gradient(circle at 92% 10%, rgba(255, 211, 76, 0.08), transparent 32%),
    linear-gradient(145deg, rgba(2, 8, 23, 0.98), rgba(5, 23, 36, 0.96)) !important;
  box-shadow:
    0 26px 76px rgba(0, 0, 0, 0.34),
    inset 0 1px 0 rgba(255, 255, 255, 0.08) !important;
}

#section-login.member-mode .member-workspace-tabs {
  border-color: rgba(148, 197, 255, 0.14) !important;
  background: rgba(2, 8, 23, 0.42) !important;
  box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.06);
}

#section-login.member-mode .member-workspace-tabs button {
  border-color: rgba(148, 197, 255, 0.18) !important;
  color: rgba(226, 238, 255, 0.74);
  background:
    linear-gradient(180deg, rgba(15, 23, 42, 0.72), rgba(8, 17, 31, 0.82)) !important;
  box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.05) !important;
  transition:
    transform 280ms var(--pmdesk-spring),
    border-color 280ms ease,
    background 320ms ease,
    box-shadow 320ms ease;
}

#section-login.member-mode .member-workspace-tabs button:hover {
  transform: translateY(-1px);
  border-color: rgba(103, 232, 249, 0.36) !important;
}

#section-login.member-mode .member-workspace-tabs button.is-active {
  color: #9ff6ff;
  border-color: rgba(103, 232, 249, 0.72) !important;
  background:
    radial-gradient(circle at 0% 0%, rgba(34, 211, 238, 0.18), transparent 58%),
    linear-gradient(180deg, rgba(13, 40, 57, 0.95), rgba(5, 18, 31, 0.94)) !important;
  box-shadow:
    0 0 0 1px rgba(103, 232, 249, 0.16),
    0 14px 36px rgba(6, 182, 212, 0.12),
    inset 3px 0 0 rgba(103, 232, 249, 0.94),
    inset 0 1px 0 rgba(255, 255, 255, 0.08) !important;
}

#section-login.member-mode .member-workspace-panel {
  padding-inline: clamp(10px, 1vw, 18px);
  overflow: visible !important;
}

#section-login.member-mode .member-workspace-shell :is(
  .member-section,
  .member-dashboard-section,
  .member-signal-panel,
  .premium-card,
  .premium-metal,
  .market-card,
  .macro-card,
  .nifty-card,
  .nifty-stat,
  .seasonal-card,
  .seasonal-item,
  .seasonal-event,
  .seasonal-events,
  .earnings-card,
  .earnings-summary,
  .company-card,
  .warehouse-card,
  .warehouse-metal-card,
  .warehouse-metric,
  .warehouse-source-note,
  .options-card,
  .options-ratio-row,
  .etf-card,
  .etf-summary,
  .etf-detail-card,
  .etf-unavailable,
  .context-card,
  .watchlist-item,
  .glossary-details summary,
  .glossary-grid,
  .glossary-item,
  .member-report-card,
  .report-card,
  .report-rendered,
  .report-sentiment-line,
  .member-report-actions,
  .member-video-card,
  .member-video-context-card,
  .breaking-card,
  .breaking-news-detail,
  .referral-progress-card,
  .free-member-hero,
  .fg-raw-note,
  .premium-grid > *,
  .warehouse-grid > *,
  .etf-summary-cards > *,
  .etf-detail-row > *,
  .context-cards-grid > *,
  .watchlist-grid > *
) {
  color: #f4f9ff !important;
  border-color: rgba(125, 211, 252, 0.22) !important;
  background:
    radial-gradient(circle at 100% 0%, rgba(125, 211, 252, 0.1), transparent 38%),
    linear-gradient(180deg, rgba(12, 35, 57, 0.94), rgba(4, 14, 27, 0.98)) !important;
  box-shadow:
    inset 0 1px 0 rgba(255, 255, 255, 0.07),
    0 14px 34px rgba(0, 0, 0, 0.22) !important;
}

#section-login.member-mode .member-workspace-shell :is(
  .member-section,
  .member-dashboard-section,
  .premium-card,
  .premium-metal,
  .market-card,
  .macro-card,
  .nifty-card,
  .nifty-stat,
  .seasonal-card,
  .company-card,
  .warehouse-card,
  .warehouse-metal-card,
  .options-card,
  .etf-card,
  .etf-summary,
  .etf-detail-card,
  .context-card,
  .watchlist-item,
  .glossary-item,
  .report-card,
  .report-rendered,
  .member-video-card,
  .breaking-card
) :is(h1, h2, h3, h4, h5, h6, strong, b) {
  color: #f8fbff !important;
  text-shadow: none !important;
}

#section-login.member-mode .member-workspace-shell :is(
  .member-section,
  .member-dashboard-section,
  .premium-card,
  .premium-metal,
  .market-card,
  .macro-card,
  .nifty-card,
  .nifty-stat,
  .seasonal-card,
  .company-card,
  .warehouse-card,
  .warehouse-metal-card,
  .options-card,
  .etf-card,
  .etf-summary,
  .etf-detail-card,
  .context-card,
  .watchlist-item,
  .glossary-item,
  .report-card,
  .report-rendered,
  .member-video-card,
  .breaking-card
) :is(p, span, small, li, em, dd) {
  color: rgba(225, 238, 255, 0.78) !important;
  text-shadow: none !important;
}

#section-login.member-mode .member-workspace-shell :is(.mv, .market-value, .nifty-val, .options-ratio, .company-price, .etf-detail-price, .warehouse-metric strong, .premium-metal strong) {
  color: #f8fbff !important;
}

#section-login.member-mode .member-workspace-shell :is(.section-kicker, .data-source-note, .market-name, .market-label, .premium-title, .warehouse-metal-name, .seasonal-metal, .company-ticker, .etf-summary-title, .etf-detail-name, .nifty-label, .options-label) {
  color: #9bd8ff !important;
}

#section-login.member-mode .member-workspace-shell :is(.gold-text, .seasonal-month, .event-name) {
  color: #ffd76a !important;
}

#section-login.member-mode .member-workspace-shell :is(.positive, .outlook-positive, .company-change.positive) {
  color: #33e6a0 !important;
}

#section-login.member-mode .member-workspace-shell :is(.negative, .outlook-negative, .company-change.negative) {
  color: #ff6b7a !important;
}

#section-login.member-mode .member-workspace-shell .report-sentiment-line {
  padding: 12px 14px;
}

@media (max-width: 760px) {
  body:has(#section-login.member-mode:not([hidden])) .site-shell {
    padding-inline: max(6px, env(safe-area-inset-left)) max(6px, env(safe-area-inset-right)) !important;
  }

  #section-login.member-mode .launch-band.page-section,
  #section-login.member-mode .member-dashboard,
  #section-login.member-mode .member-workspace-shell {
    border-radius: 16px;
  }

  #section-login.member-mode .member-dashboard {
    padding: 8px !important;
  }

  #section-login.member-mode .member-dashboard-header {
    padding: 12px !important;
  }

  #section-login.member-mode .member-actions {
    display: grid;
    grid-template-columns: minmax(0, 1fr);
    gap: 8px;
  }

  #section-login.member-mode .member-workspace-tabs {
    padding: 7px;
    gap: 7px;
  }

  #section-login.member-mode .member-workspace-tabs button {
    min-height: 62px;
    padding: 11px 12px;
  }

  #section-login.member-mode .member-workspace-panel {
    padding-inline: 4px;
  }
}

/* PMDesk chart route sync v10: My Desk, full chart, and focus mode share one terminal contract. */
#section-chart-lab,
.chart-lab-focus-layer {
  background:
    radial-gradient(circle at 18% 0%, rgba(14, 116, 144, 0.16), transparent 34%),
    radial-gradient(circle at 84% 8%, rgba(255, 215, 106, 0.08), transparent 28%),
    linear-gradient(180deg, #020617 0%, #06111f 48%, #020617 100%) !important;
  color: #e8f3ff !important;
}

#section-chart-lab .chart-lab-fullscreen,
.chart-lab-focus-layer .chart-lab-focus-body {
  box-sizing: border-box;
}

#section-chart-lab .chart-lab-full-head,
.chart-lab-focus-layer .chart-lab-focus-head,
#section-chart-lab .chart-lab-full-controls,
#section-chart-lab .chart-lab-trader-mode,
.chart-lab-focus-layer .chart-lab-trader-mode {
  border-color: rgba(125, 211, 252, 0.2) !important;
  background:
    radial-gradient(circle at 4% 0%, rgba(56, 189, 248, 0.11), transparent 44%),
    linear-gradient(180deg, rgba(8, 18, 33, 0.9), rgba(2, 8, 18, 0.92)) !important;
  box-shadow:
    0 22px 70px rgba(0, 0, 0, 0.34),
    inset 0 1px 0 rgba(255, 255, 255, 0.05) !important;
}

#section-chart-lab .chart-lab-full-head,
.chart-lab-focus-layer .chart-lab-focus-head {
  position: relative !important;
  top: auto !important;
  z-index: 3;
}

#section-chart-lab .chart-lab-full-head h2,
.chart-lab-focus-layer .chart-lab-focus-head h2,
#section-chart-lab .chart-lab-trader-head h5,
.chart-lab-focus-layer .chart-lab-trader-head h5 {
  color: #f8fbff !important;
  letter-spacing: 0;
}

#section-chart-lab .chart-lab-full-head p,
.chart-lab-focus-layer .chart-lab-focus-head p,
#section-chart-lab .chart-lab-trader-head p,
.chart-lab-focus-layer .chart-lab-trader-head p {
  color: rgba(225, 238, 255, 0.72) !important;
}

#section-chart-lab .chart-lab-full-controls .chart-lab-controls,
#section-chart-lab .chart-lab-controls,
.chart-lab-focus-layer .chart-lab-controls {
  display: grid !important;
  grid-template-columns: repeat(12, minmax(0, 1fr));
  gap: 8px !important;
  overflow: visible !important;
}

#section-chart-lab .chart-lab-control-group,
.chart-lab-focus-layer .chart-lab-control-group {
  align-items: center;
  display: flex !important;
  flex-wrap: wrap !important;
  gap: 5px !important;
  min-width: 0 !important;
  overflow: visible !important;
}

#section-chart-lab .chart-lab-control-group[aria-label="Metal"],
.chart-lab-focus-layer .chart-lab-control-group[aria-label="Metal"],
#section-chart-lab .chart-lab-control-group[aria-label="Price basis"],
.chart-lab-focus-layer .chart-lab-control-group[aria-label="Price basis"] {
  grid-column: span 2;
}

#section-chart-lab .chart-lab-control-group[aria-label="Research range"],
.chart-lab-focus-layer .chart-lab-control-group[aria-label="Research range"],
#section-chart-lab .chart-lab-control-group[aria-label="Candle timeframe"],
.chart-lab-focus-layer .chart-lab-control-group[aria-label="Candle timeframe"] {
  grid-column: span 3;
}

#section-chart-lab .chart-lab-control-group[aria-label="Marker density"],
.chart-lab-focus-layer .chart-lab-control-group[aria-label="Marker density"],
#section-chart-lab .chart-lab-control-group[aria-label="Update current chart"],
.chart-lab-focus-layer .chart-lab-control-group[aria-label="Update current chart"] {
  grid-column: span 2;
}

#section-chart-lab .chart-lab-control-group[aria-label="Chart layers"],
.chart-lab-focus-layer .chart-lab-control-group[aria-label="Chart layers"] {
  grid-column: 1 / -1;
}

#section-chart-lab .chart-lab-control-group span,
.chart-lab-focus-layer .chart-lab-control-group span {
  color: #9fb7d6 !important;
  flex: 0 0 auto;
}

#section-chart-lab .chart-lab-control-group button,
.chart-lab-focus-layer .chart-lab-control-group button,
#section-chart-lab .chart-lab-full-close,
.chart-lab-focus-layer .chart-lab-full-close {
  border-color: rgba(125, 211, 252, 0.32) !important;
  background:
    linear-gradient(180deg, rgba(15, 31, 53, 0.96), rgba(6, 17, 31, 0.98)) !important;
  color: #f8fbff !important;
  box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.08);
}

#section-chart-lab .chart-lab-control-group button.is-active,
.chart-lab-focus-layer .chart-lab-control-group button.is-active {
  border-color: rgba(255, 215, 106, 0.78) !important;
  background: linear-gradient(180deg, #ffd76a, #eab308) !important;
  color: #03111f !important;
}

#section-chart-lab .chart-lab-trader-status,
.chart-lab-focus-layer .chart-lab-trader-status {
  border-color: rgba(125, 211, 252, 0.2) !important;
  background:
    radial-gradient(circle at 18% 0%, rgba(125, 211, 252, 0.12), transparent 42%),
    linear-gradient(180deg, rgba(30, 41, 59, 0.88), rgba(15, 23, 42, 0.92)) !important;
  color: #f8fbff;
}

#section-chart-lab .chart-lab-trader-status.bullish,
.chart-lab-focus-layer .chart-lab-trader-status.bullish {
  border-color: rgba(46, 229, 157, 0.52) !important;
  background:
    radial-gradient(circle at 16% 0%, rgba(46, 229, 157, 0.22), transparent 42%),
    linear-gradient(135deg, rgba(6, 78, 59, 0.82), rgba(8, 24, 42, 0.9)) !important;
  box-shadow:
    0 18px 48px rgba(16, 185, 129, 0.12),
    inset 0 1px 0 rgba(255, 255, 255, 0.08) !important;
}

#section-chart-lab .chart-lab-trader-status.bearish,
.chart-lab-focus-layer .chart-lab-trader-status.bearish {
  border-color: rgba(248, 113, 113, 0.58) !important;
  background:
    radial-gradient(circle at 16% 0%, rgba(248, 113, 113, 0.24), transparent 42%),
    linear-gradient(135deg, rgba(96, 24, 38, 0.86), rgba(15, 23, 42, 0.92)) !important;
  box-shadow:
    0 18px 48px rgba(248, 113, 113, 0.13),
    inset 0 1px 0 rgba(255, 255, 255, 0.08) !important;
}

#section-chart-lab .chart-lab-trader-mode.chart-tone-warning .chart-lab-trader-status:not(.bullish):not(.bearish),
.chart-lab-focus-layer .chart-lab-trader-mode.chart-tone-warning .chart-lab-trader-status:not(.bullish):not(.bearish) {
  border-color: rgba(251, 146, 60, 0.58) !important;
  background:
    radial-gradient(circle at 16% 0%, rgba(251, 146, 60, 0.22), transparent 42%),
    linear-gradient(135deg, rgba(69, 26, 3, 0.86), rgba(15, 23, 42, 0.92)) !important;
  box-shadow:
    0 18px 48px rgba(251, 146, 60, 0.11),
    inset 0 1px 0 rgba(255, 255, 255, 0.08) !important;
}

#section-chart-lab .chart-lab-trader-chart,
.chart-lab-focus-layer .chart-lab-trader-chart,
#section-chart-lab .chart-lab-full-diagnostics article,
.chart-lab-focus-layer .chart-lab-full-diagnostics article {
  border-color: rgba(125, 211, 252, 0.17) !important;
  background:
    linear-gradient(180deg, rgba(7, 18, 33, 0.86), rgba(2, 8, 18, 0.92)) !important;
}

#section-chart-lab .chart-lab-full-diagnostics {
  align-items: stretch;
}

@media (max-width: 1160px) {
  #section-chart-lab .chart-lab-full-controls .chart-lab-controls,
  #section-chart-lab .chart-lab-controls,
  .chart-lab-focus-layer .chart-lab-controls {
    grid-template-columns: repeat(6, minmax(0, 1fr));
  }

  #section-chart-lab .chart-lab-control-group[aria-label="Metal"],
  .chart-lab-focus-layer .chart-lab-control-group[aria-label="Metal"],
  #section-chart-lab .chart-lab-control-group[aria-label="Price basis"],
  .chart-lab-focus-layer .chart-lab-control-group[aria-label="Price basis"],
  #section-chart-lab .chart-lab-control-group[aria-label="Research range"],
  .chart-lab-focus-layer .chart-lab-control-group[aria-label="Research range"],
  #section-chart-lab .chart-lab-control-group[aria-label="Candle timeframe"],
  .chart-lab-focus-layer .chart-lab-control-group[aria-label="Candle timeframe"],
  #section-chart-lab .chart-lab-control-group[aria-label="Marker density"],
  .chart-lab-focus-layer .chart-lab-control-group[aria-label="Marker density"],
  #section-chart-lab .chart-lab-control-group[aria-label="Update current chart"],
  .chart-lab-focus-layer .chart-lab-control-group[aria-label="Update current chart"] {
    grid-column: span 3;
  }
}

@media (max-width: 760px) {
  #section-chart-lab .chart-lab-fullscreen {
    padding: max(6px, env(safe-area-inset-top)) max(6px, env(safe-area-inset-right)) max(10px, env(safe-area-inset-bottom)) max(6px, env(safe-area-inset-left));
  }

  #section-chart-lab .chart-lab-full-head,
  .chart-lab-focus-layer .chart-lab-focus-head {
    align-items: start;
    display: grid !important;
    grid-template-columns: minmax(0, 1fr) auto;
    gap: 8px;
    border-radius: 14px;
  }

  #section-chart-lab .chart-lab-full-head h2,
  .chart-lab-focus-layer .chart-lab-focus-head h2 {
    font-size: clamp(24px, 8vw, 36px);
  }

  #section-chart-lab .chart-lab-full-actions,
  .chart-lab-focus-layer .chart-lab-focus-actions {
    display: grid;
    gap: 6px;
  }

  #section-chart-lab .chart-lab-full-controls .chart-lab-controls,
  #section-chart-lab .chart-lab-controls,
  .chart-lab-focus-layer .chart-lab-controls {
    grid-template-columns: minmax(0, 1fr) !important;
  }

  #section-chart-lab .chart-lab-control-group,
  .chart-lab-focus-layer .chart-lab-control-group,
  #section-chart-lab .chart-lab-control-group[aria-label],
  .chart-lab-focus-layer .chart-lab-control-group[aria-label] {
    grid-column: 1 / -1 !important;
    width: 100% !important;
  }

  #section-chart-lab .chart-lab-control-group span,
  .chart-lab-focus-layer .chart-lab-control-group span {
    flex: 1 0 100% !important;
  }

  #section-chart-lab .chart-lab-control-group button,
  .chart-lab-focus-layer .chart-lab-control-group button {
    flex: 1 1 calc(33.333% - 8px) !important;
    min-width: 74px !important;
  }

  #section-chart-lab .chart-lab-full-diagnostics {
    display: grid !important;
    grid-template-columns: minmax(0, 1fr) !important;
    overflow: visible !important;
  }

  #section-chart-lab .chart-lab-full-diagnostics article {
    flex: initial !important;
  }
}

/* Home + Research premium access pass v12: terminal teaser cards and dark research cockpit. */
#section-home .pub-hero {
  --mouse-x: 62%;
  --mouse-y: 42%;
  grid-template-columns: minmax(0, 0.92fr) minmax(360px, 0.58fr) !important;
  align-items: center !important;
}

#section-home .pub-hero::after {
  opacity: 1 !important;
  transform: none !important;
  background:
    radial-gradient(circle at var(--mouse-x) var(--mouse-y), rgba(67, 215, 201, 0.18), transparent 28%),
    radial-gradient(circle at 78% 46%, rgba(245, 197, 66, 0.12), transparent 24%);
  mix-blend-mode: screen;
}

.pmdesk-home-terminal-teasers {
  position: relative;
  z-index: 2;
  display: grid;
  gap: 12px;
  min-width: 0;
  padding: 14px;
  border: 1px solid rgba(125, 211, 252, 0.2);
  border-radius: 24px;
  background:
    radial-gradient(circle at 0% 0%, rgba(6, 182, 212, 0.15), transparent 36%),
    linear-gradient(180deg, rgba(2, 6, 23, 0.76), rgba(2, 8, 23, 0.92));
  box-shadow:
    0 28px 80px rgba(0, 0, 0, 0.36),
    inset 0 1px 0 rgba(255, 255, 255, 0.07);
  backdrop-filter: blur(14px);
}

.pmdesk-terminal-teaser-head {
  display: flex;
  align-items: end;
  justify-content: space-between;
  gap: 12px;
  color: rgba(226, 238, 255, 0.78);
}

.pmdesk-terminal-teaser-head span {
  color: #7dd3fc;
  font-size: 0.72rem;
  font-weight: 900;
  letter-spacing: 0.14em;
  text-transform: uppercase;
}

.pmdesk-terminal-teaser-head strong {
  color: #f8fbff;
  font-size: 0.92rem;
}

.pmdesk-home-trap-grid {
  display: grid;
  gap: 10px;
}

.pmdesk-home-trap-card {
  position: relative;
  overflow: hidden;
  min-width: 0;
  padding: 16px 18px;
  border: 1px solid rgba(148, 163, 184, 0.22);
  border-radius: 14px;
  background:
    linear-gradient(135deg, rgba(15, 23, 42, 0.96), rgba(3, 7, 18, 0.98));
  box-shadow:
    0 18px 42px rgba(0, 0, 0, 0.22),
    inset 0 1px 0 rgba(255, 255, 255, 0.05);
  transition:
    transform 280ms cubic-bezier(0.175, 0.885, 0.32, 1.275),
    border-color 220ms ease,
    box-shadow 220ms ease;
}

.pmdesk-home-trap-card::before {
  content: "";
  position: absolute;
  inset: -30% auto -30% -45%;
  width: 44%;
  background: linear-gradient(90deg, transparent, rgba(255, 255, 255, 0.12), transparent);
  transform: rotate(16deg);
  opacity: 0;
  pointer-events: none;
  transition: opacity 220ms ease, transform 520ms ease;
}

.pmdesk-home-trap-card::after {
  content: "Unlock terminal to inspect real-time break probability";
  position: absolute;
  right: 12px;
  bottom: 12px;
  max-width: min(230px, calc(100% - 24px));
  padding: 8px 10px;
  border: 1px solid rgba(34, 211, 238, 0.34);
  border-radius: 999px;
  background: rgba(2, 8, 23, 0.92);
  color: #cffafe;
  font-size: 0.68rem;
  font-weight: 900;
  letter-spacing: 0.03em;
  opacity: 0;
  transform: translateY(8px);
  pointer-events: none;
  transition: opacity 180ms ease, transform 180ms ease;
}

.pmdesk-home-trap-card:hover,
.pmdesk-home-trap-card:focus-visible {
  border-color: rgba(34, 211, 238, 0.5);
  box-shadow:
    0 24px 64px rgba(6, 182, 212, 0.15),
    inset 0 1px 0 rgba(255, 255, 255, 0.08);
  transform: translateY(-3px);
}

.pmdesk-home-trap-card:hover::before,
.pmdesk-home-trap-card:focus-visible::before {
  opacity: 1;
  transform: translateX(340%) rotate(16deg);
}

.pmdesk-home-trap-card:hover::after,
.pmdesk-home-trap-card:focus-visible::after {
  opacity: 1;
  transform: translateY(0);
}

.pmdesk-home-trap-card-head {
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: 10px;
}

.pmdesk-home-trap-card-head strong {
  color: #e5eefb;
  font-size: 0.95rem;
}

.pmdesk-home-trap-card-head span {
  display: inline-flex;
  align-items: center;
  gap: 6px;
  color: #34d399;
  font-size: 0.72rem;
  font-weight: 900;
  letter-spacing: 0.08em;
  text-transform: uppercase;
}

.pmdesk-home-trap-card-head i {
  width: 7px;
  height: 7px;
  border-radius: 999px;
  background: #34d399;
  box-shadow: 0 0 14px rgba(52, 211, 153, 0.9);
  animation: pmdesk-live-pulse 1.7s ease-in-out infinite;
}

.pmdesk-home-trap-card dl {
  display: grid;
  gap: 9px;
  margin: 18px 0 12px;
}

.pmdesk-home-trap-card dl > div {
  display: grid;
  grid-template-columns: minmax(0, 1fr) auto;
  align-items: baseline;
  gap: 16px;
}

.pmdesk-home-trap-card dt {
  color: rgba(226, 238, 255, 0.52);
  font-size: 0.72rem;
  font-weight: 900;
  letter-spacing: 0.09em;
  text-transform: uppercase;
}

.pmdesk-home-trap-card dd {
  margin: 0;
  color: #f8fbff;
  font-family: ui-monospace, SFMono-Regular, Consolas, "Liberation Mono", monospace;
  font-size: clamp(1.05rem, 1.6vw, 1.32rem);
  font-weight: 900;
  text-align: right;
}

.pmdesk-home-trap-card dd.risk-hot {
  color: #ff5b65;
  text-shadow: 0 0 18px rgba(248, 113, 113, 0.35);
}

.pmdesk-home-trap-card dd.risk-watch {
  color: #ffd76a;
  text-shadow: 0 0 18px rgba(245, 197, 66, 0.28);
}

.pmdesk-home-trap-card dd.risk-cool {
  color: #67e8f9;
  text-shadow: 0 0 18px rgba(34, 211, 238, 0.24);
}

.pmdesk-home-trap-lock {
  margin: 0 0 10px;
  color: rgba(226, 238, 255, 0.68);
  font-size: 0.78rem;
  line-height: 1.45;
}

.pmdesk-card-unlock {
  width: 100%;
  min-height: 38px;
  border: 1px solid rgba(34, 211, 238, 0.54);
  border-radius: 10px;
  background: linear-gradient(180deg, rgba(8, 47, 73, 0.6), rgba(2, 8, 23, 0.7));
  color: #e0faff;
  cursor: pointer;
  font-weight: 900;
  letter-spacing: 0.01em;
  box-shadow: 0 0 24px rgba(6, 182, 212, 0.12);
}

.pmdesk-card-unlock:hover,
.pmdesk-card-unlock:focus-visible {
  background: linear-gradient(180deg, rgba(8, 145, 178, 0.82), rgba(8, 47, 73, 0.86));
  color: #ffffff;
}

.pmdesk-home-terminal-actions {
  display: grid !important;
  grid-template-columns: repeat(2, minmax(0, 1fr));
  gap: 10px !important;
}

.cinematic-reveal {
  opacity: 0;
  transform: translateY(22px);
  transition:
    opacity 700ms ease,
    transform 700ms cubic-bezier(0.175, 0.885, 0.32, 1.12);
}

.cinematic-reveal.in-view {
  opacity: 1;
  transform: translateY(0);
}

@keyframes pmdesk-live-pulse {
  0%, 100% {
    opacity: 0.72;
    transform: scale(0.86);
  }
  50% {
    opacity: 1;
    transform: scale(1.18);
  }
}

#section-research {
  background:
    radial-gradient(circle at 18% 0%, rgba(6, 182, 212, 0.16), transparent 32%),
    radial-gradient(circle at 90% 12%, rgba(245, 197, 66, 0.08), transparent 24%),
    linear-gradient(180deg, #020617 0%, #06111f 50%, #020617 100%) !important;
  color: #e8f3ff !important;
}

#section-research .launch-band,
#section-research .research-workspace-shell,
#section-research .member-lock-panel,
#section-research .member-section,
#section-research .research-workspace-panel,
#section-research .research-workspace-tabs,
#section-research .member-report-grid > *,
#section-research .member-chart-gallery > *,
#section-research [class*="card"],
#section-research [class*="panel"],
#section-research [class*="container"] {
  border-color: rgba(125, 211, 252, 0.18) !important;
  background:
    radial-gradient(circle at 6% 0%, rgba(56, 189, 248, 0.12), transparent 42%),
    linear-gradient(180deg, rgba(8, 18, 33, 0.9), rgba(2, 8, 18, 0.92)) !important;
  color: #e8f3ff !important;
  box-shadow:
    0 20px 58px rgba(0, 0, 0, 0.24),
    inset 0 1px 0 rgba(255, 255, 255, 0.04) !important;
}

#section-research .research-workspace-tabs {
  padding: 8px !important;
  border-radius: 22px !important;
}

#section-research .research-workspace-tab {
  border-color: rgba(148, 163, 184, 0.24) !important;
  background: linear-gradient(180deg, rgba(15, 23, 42, 0.76), rgba(3, 7, 18, 0.9)) !important;
  color: rgba(226, 238, 255, 0.74) !important;
}

#section-research .research-workspace-tab strong,
#section-research .research-workspace-tab span {
  color: inherit !important;
}

#section-research .research-workspace-tab.is-active {
  border-color: rgba(34, 211, 238, 0.62) !important;
  background:
    radial-gradient(circle at 0% 0%, rgba(34, 211, 238, 0.18), transparent 42%),
    linear-gradient(180deg, rgba(8, 47, 73, 0.66), rgba(2, 8, 23, 0.88)) !important;
  color: #f8fbff !important;
  box-shadow:
    0 18px 48px rgba(6, 182, 212, 0.13),
    inset 0 -2px 0 rgba(34, 211, 238, 0.82) !important;
}

#section-research .section-header h2,
#section-research .section-header-row h3,
#section-research h2,
#section-research h3,
#section-research h4,
#section-research strong {
  color: #f8fbff !important;
}

#section-research p,
#section-research li,
#section-research small,
#section-research .section-summary,
#section-research .data-source-note,
#section-research .loading-text {
  color: rgba(226, 238, 255, 0.76) !important;
}

#section-research a {
  color: #7dd3fc !important;
}

#section-research .breaking-signals-section {
  border-left: 3px solid rgba(251, 146, 60, 0.88) !important;
}

#section-research .breaking-signals-section .data-source-note::before {
  content: "";
  display: inline-block;
  width: 7px;
  height: 7px;
  margin-right: 7px;
  border-radius: 999px;
  background: #fb923c;
  box-shadow: 0 0 14px rgba(251, 146, 60, 0.8);
  vertical-align: 1px;
  animation: pmdesk-live-pulse 1.9s ease-in-out infinite;
}

@media (max-width: 980px) {
  #section-home .pub-hero {
    grid-template-columns: minmax(0, 1fr) !important;
    min-height: auto;
  }

  .pmdesk-home-terminal-teasers {
    width: 100%;
  }

  .pmdesk-home-trap-grid {
    grid-template-columns: repeat(3, minmax(220px, 1fr));
    overflow-x: auto;
    padding-bottom: 2px;
    scroll-snap-type: x proximity;
  }

  .pmdesk-home-trap-card {
    scroll-snap-align: start;
  }
}

@media (max-width: 700px) {
  .pmdesk-home-terminal-teasers {
    padding: 12px;
    border-radius: 18px;
  }

  .pmdesk-home-trap-grid {
    grid-template-columns: minmax(0, 1fr);
    overflow: visible;
  }

  .pmdesk-home-terminal-actions {
    grid-template-columns: minmax(0, 1fr);
  }

  .pmdesk-home-trap-card::after {
    position: static;
    display: block;
    max-width: none;
    margin-top: 8px;
    opacity: 1;
    transform: none;
  }

  #section-research .research-workspace-tabs {
    display: grid !important;
    grid-template-columns: minmax(0, 1fr) !important;
    overflow: visible !important;
  }

  #section-research .research-workspace-tab {
    min-width: 0 !important;
  }
}

@media (prefers-reduced-motion: reduce) {
  .cinematic-reveal,
  .pmdesk-home-trap-card,
  .pmdesk-home-trap-card::before,
  .pmdesk-home-trap-card::after,
  .pmdesk-home-trap-card-head i,
  #section-research .breaking-signals-section .data-source-note::before {
    animation: none !important;
    transition: none !important;
  }
}

/* PMDesk Orbit Cockpit UX foundation v14 */
:root {
  --pmdesk-void: #020617;
  --pmdesk-ink: #06111f;
  --pmdesk-panel: rgba(7, 18, 33, 0.86);
  --pmdesk-panel-strong: rgba(8, 24, 42, 0.94);
  --pmdesk-glass: rgba(8, 18, 33, 0.74);
  --pmdesk-line: rgba(125, 211, 252, 0.22);
  --pmdesk-line-soft: rgba(148, 197, 255, 0.14);
  --pmdesk-cyan: #22d3ee;
  --pmdesk-blue: #38bdf8;
  --pmdesk-gold: #f5c542;
  --pmdesk-ember: #fb923c;
  --pmdesk-red: #ef4444;
  --pmdesk-green: #34d399;
  --pmdesk-text: #eaf4ff;
  --pmdesk-muted: #9fb3c8;
  --pmdesk-spring: cubic-bezier(0.175, 0.885, 0.32, 1.12);
}

/* PMDesk Home cockpit contrast repair v15 */
#section-home {
  color: var(--pmdesk-text) !important;
  background:
    radial-gradient(circle at 50% -12%, rgba(34, 211, 238, 0.12), transparent 38%),
    linear-gradient(180deg, #020617 0%, #03111f 48%, #020617 100%) !important;
}

#section-home :is(
  .public-chart-sampler,
  .public-chart-sampler-head,
  .public-chart-teaser,
  .public-teaser-copy,
  .public-teaser-unlock-grid > div,
  .home-growth-tools,
  .home-growth-tools-head,
  .home-growth-tools-grid a,
  .pub-join-box,
  .pjb-trial-spotlight,
  .pjb-trial-copy,
  .pjb-feat,
  .pub-section,
  .pub-signal-box,
  .pub-signal-left,
  .pub-fg-top-card,
  .pub-signal-detail,
  .pub-brief-box,
  .pub-chart-wrap,
  .pub-india-card,
  .pub-market-card,
  .home-market-card,
  .market-card,
  .macro-card,
  .premium-card,
  .nifty-card,
  .seasonal-card,
  .company-card,
  .context-card,
  .global-arb-card,
  .market-impact-card,
  .video-card,
  .daily-brief-card,
  .brief-card,
  .whatsapp-share-bar,
  .footer-shell,
  .site-footer
) {
  color: #eaf4ff !important;
  border-color: rgba(125, 211, 252, 0.26) !important;
  background:
    radial-gradient(circle at 100% 0%, rgba(34, 211, 238, 0.10), transparent 34%),
    linear-gradient(180deg, rgba(8, 24, 42, 0.96), rgba(3, 10, 22, 0.96)) !important;
  box-shadow:
    0 18px 44px rgba(0, 0, 0, 0.28),
    inset 0 1px 0 rgba(255, 255, 255, 0.06) !important;
}

#section-home :is(
  #pub-markets-grid,
  #pub-impact-grid,
  #pub-video-grid,
  #pub-co-grid,
  #pub-macro-grid
) > * {
  color: #eaf4ff !important;
  border-color: rgba(125, 211, 252, 0.24) !important;
  background:
    linear-gradient(180deg, rgba(9, 30, 52, 0.96), rgba(3, 10, 22, 0.94)) !important;
  box-shadow:
    inset 0 1px 0 rgba(255, 255, 255, 0.05),
    0 12px 30px rgba(0, 0, 0, 0.22) !important;
}

#section-home :is(
  .pub-kicker,
  .pub-sec-title,
  .pic-title,
  .pjb-title,
  .pub-article-title,
  .pub-chart-label,
  .home-growth-tools-grid a span,
  .public-teaser-copy > span,
  .public-teaser-unlock-grid span,
  .public-sampler-card span,
  .home-market-card span,
  .global-arb-card span
) {
  color: #7dd3fc !important;
}

#section-home :is(
  h1,
  h2,
  h3,
  h4,
  h5,
  h6,
  strong,
  b,
  .pjb-title,
  .pub-signal-bias,
  .pub-fg-score,
  .pub-article-title,
  .pub-brief-text,
  .pic-total,
  .home-growth-tools-grid a strong,
  .public-teaser-copy strong,
  .public-teaser-unlock-grid strong,
  .public-sampler-card strong,
  .home-market-card h3,
  .home-market-card strong,
  .global-arb-card strong
) {
  color: #f8fbff !important;
}

#section-home :is(
  p,
  li,
  small,
  em,
  dd,
  dt,
  .pjb-sub,
  .pjb-note,
  .pub-sec-sub,
  .pub-impact-status,
  .pub-impact-disclaimer,
  .pub-video-status,
  .pub-video-disclaimer,
  .pub-brief-footer,
  .pub-co-note,
  .pub-macro-note,
  .pic-body,
  .pub-article-body,
  .home-growth-tools-grid a em,
  .public-teaser-copy p,
  .public-teaser-unlock-grid div,
  .public-sampler-card p,
  .home-market-card p,
  .global-arb-card p
) {
  color: rgba(226, 238, 255, 0.78) !important;
}

#section-home :is(
  .public-teaser-proof span,
  .public-chart-sampler-lock span,
  .pub-signal-more,
  .pub-brief-cta,
  .pub-read-more,
  .public-sampler-card .pill,
  .home-market-card .pill
) {
  color: #dff7ff !important;
  border-color: rgba(125, 211, 252, 0.28) !important;
  background: rgba(7, 18, 32, 0.72) !important;
}

#section-home .button-secondary {
  color: #dff7ff !important;
  border-color: rgba(125, 211, 252, 0.42) !important;
  background: rgba(9, 24, 41, 0.88) !important;
}

#section-home .button-primary,
#section-home .pjb-btn-hot,
#section-home .wsb-btn {
  color: #04111f !important;
  background: linear-gradient(135deg, #38bdf8, #2dd4bf) !important;
  border-color: rgba(125, 211, 252, 0.55) !important;
  box-shadow: 0 16px 40px rgba(34, 211, 238, 0.20) !important;
}

#section-home .pjb-trial-price {
  color: #f8fbff !important;
  background:
    radial-gradient(circle at 50% 0%, rgba(250, 204, 21, 0.16), transparent 55%),
    linear-gradient(180deg, rgba(10, 28, 48, 0.98), rgba(4, 12, 24, 0.98)) !important;
}

#section-home .pjb-trial-copy,
#section-home .public-teaser-copy {
  min-width: 0;
}

#section-home :is(.pub-section, .home-growth-tools, .public-chart-sampler, .pub-join-box) * {
  text-shadow: none;
}

@media (max-width: 760px) {
  #section-home :is(.public-chart-sampler-head, .home-growth-tools-head, .pub-section-header, .pjb-trial-spotlight) {
    display: grid !important;
    grid-template-columns: 1fr !important;
  }

  #section-home .home-terminal-grid {
    grid-template-columns: 1fr !important;
  }
}

html {
  background: var(--pmdesk-void);
  color-scheme: dark;
  overflow-x: clip;
}

body {
  color: var(--pmdesk-text);
  background:
    radial-gradient(circle at 18% -6%, rgba(34, 211, 238, 0.18), transparent 34%),
    radial-gradient(circle at 92% 8%, rgba(245, 197, 66, 0.1), transparent 28%),
    radial-gradient(circle at 48% 115%, rgba(14, 165, 233, 0.1), transparent 32%),
    linear-gradient(180deg, #020617 0%, #06111f 48%, #020617 100%) !important;
  overflow-x: clip;
}

body::before {
  content: "";
  position: fixed;
  inset: -18vh -14vw auto -14vw;
  z-index: 0;
  height: 76vh;
  pointer-events: none;
  opacity: 0.55;
  background:
    radial-gradient(circle at 30% 24%, rgba(34, 211, 238, 0.24), transparent 30%),
    radial-gradient(circle at 74% 12%, rgba(59, 130, 246, 0.14), transparent 28%),
    radial-gradient(circle at 58% 64%, rgba(52, 211, 153, 0.1), transparent 34%);
  filter: blur(20px);
  animation: pmdesk-orbit-breathe 11s ease-in-out infinite;
}

@keyframes pmdesk-orbit-breathe {
  0%,
  100% {
    opacity: 0.42;
    transform: translate3d(0, 0, 0) scale(1);
  }

  50% {
    opacity: 0.68;
    transform: translate3d(0, 10px, 0) scale(1.03);
  }
}

.site-shell {
  position: relative;
  z-index: 1;
  width: 100% !important;
  max-width: none !important;
  margin: 0 !important;
  padding: clamp(10px, 1.4vw, 24px) !important;
  background: transparent !important;
  overflow-x: clip;
}

.site-shell > main,
.tab-section {
  width: 100%;
  max-width: none !important;
  min-width: 0;
  background: transparent !important;
  color: var(--pmdesk-text) !important;
}

.topbar {
  position: static !important;
  top: auto !important;
  width: 100% !important;
  max-width: none !important;
  margin: 0 0 clamp(14px, 1.4vw, 24px) !important;
  color: var(--pmdesk-text) !important;
  border: 1px solid rgba(125, 211, 252, 0.22) !important;
  border-radius: clamp(18px, 1.8vw, 28px) !important;
  background:
    radial-gradient(circle at 4% 0%, rgba(34, 211, 238, 0.13), transparent 34%),
    radial-gradient(circle at 100% 0%, rgba(245, 197, 66, 0.07), transparent 28%),
    linear-gradient(135deg, rgba(8, 18, 34, 0.86), rgba(15, 23, 42, 0.68)) !important;
  box-shadow:
    0 24px 80px rgba(0, 0, 0, 0.34),
    inset 0 1px 0 rgba(255, 255, 255, 0.08) !important;
  backdrop-filter: blur(18px);
}

.topbar :is(.brand-name, .topbar-meta-value, .nav-link, .account-button) {
  color: #f8fbff !important;
}

.topbar :is(.brand-tagline, .topbar-meta-label) {
  color: rgba(226, 238, 255, 0.68) !important;
}

.topbar-status,
.topbar-meta,
.nav-links,
.auth-actions {
  border-color: rgba(125, 211, 252, 0.18) !important;
  background: rgba(2, 8, 23, 0.48) !important;
  box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.06);
}

.nav-link,
.auth-actions .button,
.topbar .button,
.member-actions .button,
.button-secondary {
  border-color: rgba(125, 211, 252, 0.24) !important;
  color: #dff2ff !important;
  background: rgba(8, 18, 34, 0.68) !important;
  box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.06);
  transition:
    transform 280ms var(--pmdesk-spring),
    border-color 260ms ease,
    background 260ms ease,
    box-shadow 260ms ease;
}

.nav-link.active,
.nav-link[aria-current="page"],
.auth-actions .button-primary,
.button-primary,
.button.is-primary,
.member-workspace-tabs button.is-active,
.research-workspace-tab.is-active {
  color: #03111f !important;
  border-color: rgba(34, 211, 238, 0.84) !important;
  background: linear-gradient(180deg, #67e8f9, #0891b2) !important;
  box-shadow:
    0 16px 44px rgba(34, 211, 238, 0.2),
    inset 0 1px 0 rgba(255, 255, 255, 0.28) !important;
}

.auth-actions .button-join,
.nav-link[href="#join"],
.nav-link[data-route="join"] {
  color: #03111f !important;
  border-color: rgba(245, 197, 66, 0.86) !important;
  background: linear-gradient(180deg, #ffd76a, #eab308) !important;
  box-shadow: 0 18px 48px rgba(245, 197, 66, 0.2) !important;
}

.nav-link:hover,
.auth-actions .button:hover,
.topbar .button:hover,
.member-actions .button:hover,
.button-secondary:hover {
  transform: translateY(-1px);
  border-color: rgba(34, 211, 238, 0.54) !important;
  box-shadow:
    0 0 0 1px rgba(34, 211, 238, 0.12),
    0 16px 42px rgba(6, 182, 212, 0.14) !important;
}

:is(#section-home, #section-research, #section-login, #section-join, #section-account, #section-health, #section-admin, #section-chart-lab) {
  color: var(--pmdesk-text) !important;
  background: transparent !important;
}

:is(#section-home, #section-research, #section-login, #section-join, #section-account, #section-health, #section-admin, #section-chart-lab) :is(
  .page-section,
  .launch-band,
  .pub-dash,
  .pub-hero,
  .public-chart-sampler,
  .global-arb-matrix,
  .member-dashboard,
  .member-dashboard-header,
  .member-workspace-shell,
  .research-workspace-shell,
  .research-workspace-panel,
  .member-lock-panel,
  .card,
  .metric-card,
  .pub-card,
  .pub-market-card,
  .home-market-card,
  .market-card,
  .macro-card,
  .premium-card,
  .premium-metal,
  .global-arb-card,
  .public-chart-teaser,
  .public-chart-sampler-grid > *,
  .market-impact-card,
  .video-card,
  .brief-card,
  .daily-brief-card,
  .member-section,
  .report-card,
  .report-rendered,
  .library-card,
  .context-card,
  .watchlist-item,
  .glossary-item,
  .glossary-details summary,
  .warehouse-card,
  .warehouse-metal-card,
  .warehouse-metric,
  .options-card,
  .etf-card,
  .etf-summary,
  .etf-detail-card,
  .nifty-card,
  .nifty-stat,
  .seasonal-card,
  .seasonal-item,
  .seasonal-event,
  .company-card,
  .breaking-card,
  .breaking-news-detail,
  .referral-progress-card,
  .free-member-hero
) {
  color: var(--pmdesk-text) !important;
  border-color: var(--pmdesk-line) !important;
  background:
    radial-gradient(circle at 100% 0%, rgba(34, 211, 238, 0.1), transparent 36%),
    linear-gradient(180deg, rgba(8, 24, 42, 0.9), rgba(3, 10, 22, 0.94)) !important;
  box-shadow:
    0 20px 58px rgba(0, 0, 0, 0.28),
    inset 0 1px 0 rgba(255, 255, 255, 0.055) !important;
  text-shadow: none !important;
}

:is(#section-home, #section-research, #section-login, #section-join, #section-account, #section-health, #section-admin, #section-chart-lab) :is(h1, h2, h3, h4, h5, h6, strong, b, .brand-name, .section-title) {
  color: #f8fbff !important;
  text-shadow: none !important;
}

:is(#section-home, #section-research, #section-login, #section-join, #section-account, #section-health, #section-admin, #section-chart-lab) :is(p, li, small, dd, em, .muted-copy, .small-text, .section-summary, .loading-text) {
  color: rgba(226, 238, 255, 0.76) !important;
  text-shadow: none !important;
}

:is(#section-home, #section-research, #section-login, #section-join, #section-account, #section-health, #section-admin, #section-chart-lab) :is(.section-kicker, .data-source-note, .market-name, .market-label, .premium-title, .warehouse-metal-name, .seasonal-metal, .company-ticker, .etf-summary-title, .etf-detail-name, .nifty-label, .options-label) {
  color: #9bd8ff !important;
}

:is(#section-home, #section-research, #section-login, #section-join, #section-account, #section-health, #section-admin, #section-chart-lab) a {
  color: #7dd3fc !important;
}

:is(#section-home, #section-research, #section-login.member-mode) :is(.member-workspace-shell, .research-workspace-shell, .global-arb-matrix, .public-chart-sampler) {
  width: 100% !important;
  max-width: none !important;
  margin-inline: 0 !important;
}

#section-home .pub-hero {
  min-height: min(720px, calc(100svh - 150px));
  overflow: hidden;
}

#section-home .pub-hero,
#section-home .public-chart-sampler,
#section-home .global-arb-matrix {
  border-radius: clamp(18px, 2vw, 28px) !important;
}

.member-workspace-tabs,
.research-workspace-tabs {
  display: grid !important;
  grid-template-columns: repeat(auto-fit, minmax(190px, 1fr));
  gap: 10px !important;
  overflow: visible !important;
}

.member-workspace-panel,
.research-workspace-panel {
  animation: pmdesk-panel-rise 420ms var(--pmdesk-spring);
}

@keyframes pmdesk-panel-rise {
  from {
    opacity: 0;
    transform: translateY(12px);
  }

  to {
    opacity: 1;
    transform: translateY(0);
  }
}

.chart-lab-controls,
.chart-lab-full-controls .chart-lab-controls {
  max-width: 100%;
  overflow: visible !important;
}

.chart-lab-control-group {
  min-width: 0 !important;
  max-width: 100%;
}

@media (max-width: 980px) {
  .site-shell {
    padding:
      max(8px, env(safe-area-inset-top))
      max(8px, env(safe-area-inset-right))
      max(14px, env(safe-area-inset-bottom))
      max(8px, env(safe-area-inset-left)) !important;
  }

  .topbar {
    gap: 14px !important;
    padding: 14px !important;
  }

  .topbar-right,
  .nav-links,
  .auth-actions {
    width: 100%;
  }

  .member-workspace-tabs,
  .research-workspace-tabs {
    grid-template-columns: minmax(0, 1fr) !important;
  }

  .chart-lab-controls,
  .chart-lab-full-controls .chart-lab-controls {
    display: grid !important;
    grid-template-columns: minmax(0, 1fr) !important;
    gap: 8px !important;
  }

  .chart-lab-control-group,
  .chart-lab-control-group[aria-label] {
    display: flex !important;
    grid-column: 1 / -1 !important;
    width: 100% !important;
    flex-wrap: wrap !important;
    align-items: center !important;
    gap: 7px !important;
    overflow: visible !important;
  }

  .chart-lab-control-group > span {
    flex: 1 0 100% !important;
  }

  .chart-lab-control-group button {
    flex: 1 1 calc(33.333% - 8px) !important;
    min-width: 74px !important;
  }

  .chart-lab-control-layers button {
    flex-basis: calc(50% - 8px) !important;
  }
}

@media (max-width: 640px) {
  body::before {
    inset: -12vh -40vw auto -40vw;
    height: 62vh;
    opacity: 0.42;
  }

  .site-shell {
    padding-inline:
      max(6px, env(safe-area-inset-left))
      max(6px, env(safe-area-inset-right)) !important;
  }

  .topbar,
  .pub-hero,
  .public-chart-sampler,
  .global-arb-matrix,
  .member-dashboard,
  .member-workspace-shell,
  .research-workspace-shell,
  .chart-lab-fullscreen {
    border-radius: 16px !important;
  }

  .pub-hero,
  .public-chart-sampler,
  .global-arb-matrix,
  .member-dashboard,
  .member-workspace-shell,
  .research-workspace-shell {
    padding-inline: 12px !important;
  }

  #section-home .pub-hero h1 {
    font-size: clamp(2.55rem, 15vw, 4.4rem) !important;
  }

  .chart-lab-control-group button {
    flex-basis: calc(50% - 8px) !important;
  }
}

@media (prefers-reduced-motion: reduce) {
  body::before,
  .member-workspace-panel,
  .research-workspace-panel {
    animation: none !important;
  }

  .nav-link,
  .auth-actions .button,
  .topbar .button,
  .member-actions .button,
  .button-secondary {
    transition: none !important;
  }
}

/* PMDesk Home final contrast sweep v16 */
#section-home.active,
body:has(#section-home.active) {
  background:
    radial-gradient(circle at 50% -18%, rgba(34, 211, 238, 0.14), transparent 42%),
    linear-gradient(180deg, #020617 0%, #04111f 46%, #020617 100%) !important;
  color: #eaf4ff !important;
}

#section-home :is(
  .home-terminal-grid,
  .pub-dash,
  .home-module,
  .public-chart-sampler,
  .home-growth-tools,
  .pub-join-box,
  .conversion-spotlight,
  .global-arb-matrix,
  .home-exec-architecture,
  .pub-section
) {
  background:
    radial-gradient(circle at 100% 0%, rgba(34, 211, 238, 0.11), transparent 38%),
    linear-gradient(180deg, rgba(8, 24, 42, 0.98), rgba(3, 10, 22, 0.97)) !important;
  border-color: rgba(125, 211, 252, 0.24) !important;
  box-shadow:
    0 22px 55px rgba(0, 0, 0, 0.34),
    inset 0 1px 0 rgba(255, 255, 255, 0.06) !important;
  color: #eaf4ff !important;
}

#section-home :is(
  .pub-market-card,
  .pub-co-card,
  .pub-macro-card,
  .pub-india-card,
  .pub-impact-card,
  .pub-video-card,
  .pub-video-column,
  .pub-video-wall,
  .pub-chart-wrap,
  .public-sampler-card,
  .public-teaser-copy,
  .public-teaser-unlock-grid > div,
  .home-growth-tools-grid > a,
  .pub-brief-box,
  .pub-signal-box,
  .pub-signal-left,
  .pub-signal-detail,
  .pub-fg-top-card,
  .pjb-trial-copy,
  .pjb-feat,
  .daily-brief-card,
  .brief-card,
  .market-card,
  .macro-card,
  .premium-card,
  .nifty-card,
  .seasonal-card,
  .company-card,
  .context-card,
  .public-tool-card,
  .home-tool-card,
  .impact-card,
  .video-context-card
) {
  background:
    linear-gradient(180deg, rgba(11, 34, 58, 0.98), rgba(3, 10, 22, 0.96)) !important;
  border-color: rgba(125, 211, 252, 0.28) !important;
  box-shadow:
    inset 0 1px 0 rgba(255, 255, 255, 0.06),
    0 14px 34px rgba(0, 0, 0, 0.26) !important;
  color: #eaf4ff !important;
}

#section-home :is(
  .pub-market-card,
  .pub-co-card,
  .pub-macro-card,
  .pub-india-card,
  .pub-impact-card,
  .pub-video-card,
  .pub-video-column,
  .pub-chart-wrap,
  .public-sampler-card,
  .public-teaser-copy,
  .public-teaser-unlock-grid > div,
  .home-growth-tools-grid > a,
  .pub-brief-box,
  .pub-signal-box,
  .pub-signal-left,
  .pub-signal-detail,
  .pjb-trial-copy,
  .pjb-feat,
  .daily-brief-card,
  .brief-card,
  .market-card,
  .macro-card,
  .premium-card,
  .nifty-card,
  .seasonal-card,
  .company-card,
  .context-card,
  .public-tool-card,
  .home-tool-card,
  .impact-card,
  .video-context-card
) :is(h1, h2, h3, h4, h5, h6, strong, b, p, span, small, em, li, dd, dt, div) {
  color: inherit;
}

#section-home :is(
  h1,
  h2,
  h3,
  h4,
  h5,
  h6,
  strong,
  b,
  .pub-sec-title,
  .pub-article-title,
  .pub-video-title,
  .pub-market-value,
  .pub-co-value,
  .pub-macro-value,
  .pub-brief-title,
  .pjb-title,
  .public-teaser-title
) {
  color: #f8fbff !important;
}

#section-home :is(
  p,
  li,
  small,
  em,
  dd,
  dt,
  .pub-article-body,
  .pub-video-copy,
  .pub-impact-status,
  .pub-video-status,
  .pub-brief-footer,
  .pub-co-note,
  .pub-macro-note,
  .public-teaser-body
) {
  color: rgba(226, 238, 255, 0.8) !important;
}

#section-home :is(
  .pub-kicker,
  .pub-sec-title,
  .pub-market-label,
  .pub-co-label,
  .pub-macro-label,
  .pub-video-source,
  .pub-article-source,
  .public-sampler-card .label
) {
  color: #7dd3fc !important;
}

#section-home :is(
  .button-secondary,
  .pub-read-more,
  .pub-brief-cta,
  .public-chart-sampler-actions .button-secondary
) {
  background: rgba(9, 24, 41, 0.9) !important;
  border-color: rgba(125, 211, 252, 0.42) !important;
  color: #dff7ff !important;
}

#section-home :is(
  .button-primary,
  .pjb-btn-hot,
  .wsb-btn
) {
  background: linear-gradient(135deg, #38bdf8, #2dd4bf) !important;
  border-color: rgba(125, 211, 252, 0.55) !important;
  color: #04111f !important;
}

#section-home :is(.pub-chip, .teaser-pill, .pub-signal-chip, .public-chart-pill) {
  background: rgba(8, 24, 42, 0.82) !important;
  border-color: rgba(125, 211, 252, 0.34) !important;
  color: #dff7ff !important;
}

@media (max-width: 760px) {
  #section-home :is(
    .home-terminal-grid,
    .public-chart-sampler,
    .home-growth-tools,
    .pub-join-box,
    .pub-section,
    .global-arb-matrix
  ) {
    border-radius: 18px !important;
    padding: 16px !important;
  }

  #section-home :is(
    #pub-markets-grid,
    #pub-impact-grid,
    #pub-video-grid,
    #pub-co-grid,
    #pub-macro-grid,
    .public-teaser-unlock-grid,
    .home-growth-tools-grid
  ) {
    display: grid !important;
    grid-template-columns: minmax(0, 1fr) !important;
    gap: 12px !important;
    overflow: visible !important;
  }
}

/* PMDesk Brief/Join/Account contrast sweep v25 */
#section-brief :is(
  .launch-band,
  .snapshot-section,
  .brief-teaser,
  .price-board-card,
  .market-card,
  .brief-teaser-card,
  .report-content,
  .report-rendered,
  .brief-paywall
),
#section-join :is(
  .pricing-card,
  .pricing-trust,
  .join-feature,
  .founder-form-section,
  .founder-form-card,
  .founding-urgency-mini,
  .quarterly-explainer,
  .referral-two-sided-grid > *,
  .referral-code-entry
),
#section-account :is(
  .account-empty-card,
  .account-status-card,
  .account-management-card,
  .referral-progress-card
) {
  background:
    radial-gradient(circle at 100% 0%, rgba(34, 211, 238, 0.1), transparent 42%),
    linear-gradient(180deg, rgba(11, 34, 58, 0.98), rgba(3, 10, 22, 0.97)) !important;
  border-color: rgba(125, 211, 252, 0.28) !important;
  color: #eaf4ff !important;
  box-shadow:
    inset 0 1px 0 rgba(255, 255, 255, 0.06),
    0 16px 40px rgba(0, 0, 0, 0.24) !important;
}

#section-brief :is(
  h1, h2, h3, h4, h5, h6,
  strong, b,
  .section-title,
  .section-header h2,
  .market-name,
  .price-board-card strong,
  .report-title,
  .report-sentiment-line,
  .brief-teaser-card h3
),
#section-join :is(
  h1, h2, h3, h4, h5, h6,
  strong, b,
  .pricing-card h3,
  .pricing-price,
  .plan-name,
  .join-feature strong,
  .quarterly-explainer strong
),
#section-account :is(h1, h2, h3, h4, strong, b) {
  color: #f8fbff !important;
}

#section-brief :is(
  p, li, span, small, em, div,
  .section-summary,
  .market-detail,
  .price-board-card p,
  .brief-disclaimer,
  .report-content p,
  .report-rendered p
),
#section-join :is(
  p, li, span, small, em, div,
  .pricing-card li,
  .pricing-card p,
  .pricing-trust,
  .founder-disclaimer,
  .referral-code-note,
  .quarterly-explainer,
  .founding-urgency-mini
),
#section-account :is(p, li, span, small, em, div, .muted-copy, .small-text) {
  color: rgba(226, 238, 255, 0.78) !important;
}

#section-brief :is(
  .section-kicker,
  .market-region,
  .price-label,
  .mv,
  a
),
#section-join :is(
  .section-kicker,
  .pricing-kicker,
  .plan-badge,
  .referral-terms-link,
  a
),
#section-account :is(a, .section-kicker) {
  color: #7dd3fc !important;
}

#section-brief :is(
  .price-move,
  .sentiment-badge,
  .report-sentiment-line,
  .plan-badge,
  .status-badge
),
#section-join :is(
  .pricing-badge,
  .plan-badge,
  .pjb-flash-badge,
  .referral-two-sided-grid span
) {
  background: rgba(8, 24, 42, 0.88) !important;
  border-color: rgba(125, 211, 252, 0.34) !important;
  color: #dff7ff !important;
}

#section-brief :is(
  .button-secondary,
  .pub-read-more,
  .brief-paywall button
),
#section-join :is(
  .pricing-btn,
  .free-btn,
  .button-secondary,
  .founder-submit
),
#section-account :is(.button-secondary, .button-primary) {
  background: rgba(9, 24, 41, 0.94) !important;
  border-color: rgba(125, 211, 252, 0.42) !important;
  color: #f8fbff !important;
}

#section-brief .button-primary,
#section-join :is(.button-primary, .pricing-btn.featured, .pricing-btn.member-btn),
#section-account .button-primary {
  background: linear-gradient(135deg, #38bdf8, #2dd4bf) !important;
  border-color: rgba(125, 211, 252, 0.56) !important;
  color: #04111f !important;
}

#section-join :is(input, textarea, select, .founder-input, .referral-code-field),
#section-account :is(input, textarea, select) {
  background: rgba(2, 8, 23, 0.72) !important;
  border-color: rgba(125, 211, 252, 0.32) !important;
  color: #f8fbff !important;
}

/* Market-world research status v52 */
.vision-world-research {
  margin: 12px 0 2px;
  padding: 14px;
  border: 1px solid #31566d;
  border-left: 3px solid #f2c94c;
  border-radius: 6px;
  background: #071827;
  color: #dce9f3;
}
.vision-world-research[hidden] { display: none !important; }
.vision-world-head,
.vision-world-progress-copy,
.vision-world-foot { display: flex; align-items: center; justify-content: space-between; gap: 12px; }
.vision-world-head > div { min-width: 0; }
.vision-world-kicker,
.vision-world-progress-copy > span,
.vision-world-metrics span {
  display: block;
  color: #91a9ba;
  font-size: 10px;
  font-weight: 800;
  text-transform: uppercase;
}
.vision-world-head strong { display: block; margin-top: 3px; color: #f8fbff; font-size: 18px; }
.vision-world-influence {
  flex: 0 0 auto;
  padding: 5px 8px;
  border: 1px solid #735f24;
  border-radius: 999px;
  color: #ffe58d;
  font-size: 11px;
  font-weight: 800;
}
.vision-world-research > p { margin: 9px 0 12px; color: #b8c9d6; line-height: 1.5; }
.vision-world-progress-copy strong { color: #eef7fd; font-size: 12px; text-align: right; }
.vision-world-progress { height: 7px; margin: 7px 0 13px; overflow: hidden; border-radius: 4px; background: #142b3d; }
.vision-world-progress > span { display: block; height: 100%; min-width: 2px; background: #4fd2df; }
.vision-world-metrics { display: grid; grid-template-columns: repeat(4, minmax(0, 1fr)); border: 1px solid #203f54; border-radius: 5px; overflow: hidden; }
.vision-world-metrics > div { min-width: 0; padding: 10px; border-right: 1px solid #203f54; }
.vision-world-metrics > div:last-child { border-right: 0; }
.vision-world-metrics strong { display: block; margin-top: 5px; color: #f5f9fc; overflow-wrap: anywhere; }
.vision-world-metrics strong.is-positive { color: #53dfa9; }
.vision-world-metrics strong.is-negative { color: #ff8a98; }
.vision-world-diagnostic { display: flex; flex-wrap: wrap; justify-content: space-between; gap: 6px 12px; margin-top: 10px; padding: 9px 10px; border: 1px solid #29475d; border-radius: 5px; background: #091c2c; }
.vision-world-diagnostic span { color: #91a9ba; font-size: 10px; font-weight: 800; text-transform: uppercase; }
.vision-world-diagnostic strong { color: #dce9f3; text-align: right; }
.vision-world-diagnostic small { flex-basis: 100%; color: #7f9aae; font-size: 10px; }
.vision-world-foot { margin-top: 10px; color: #8fa8ba; font-size: 11px; }
.vision-world-foot strong { color: #ffe58d; }

@media (max-width: 760px) {
  .vision-world-research { margin-inline: var(--mobile-page-pad); }
  .vision-world-head,
  .vision-world-progress-copy { align-items: flex-start; flex-direction: column; }
  .vision-world-progress-copy strong { text-align: left; }
  .vision-world-metrics { grid-template-columns: repeat(2, minmax(0, 1fr)); }
  .vision-world-metrics > div:nth-child(2) { border-right: 0; }
  .vision-world-metrics > div:nth-child(-n + 2) { border-bottom: 1px solid #203f54; }
  .vision-world-foot { align-items: flex-start; flex-direction: column; }
  .vision-world-diagnostic { align-items: flex-start; flex-direction: column; }
  .vision-world-diagnostic strong { text-align: left; }
}

#section-join :is(input, textarea, select, .founder-input, .referral-code-field)::placeholder,
#section-account :is(input, textarea, select)::placeholder {
  color: rgba(226, 238, 255, 0.52) !important;
}

@media (max-width: 760px) {
  #section-brief :is(
    .live-price-board,
    .global-markets-grid
  ),
  #section-join :is(
    .pricing-grid,
    .join-features-grid,
    .referral-two-sided-grid
  ) {
    grid-template-columns: minmax(0, 1fr) !important;
    grid-auto-flow: row !important;
    grid-auto-columns: unset !important;
    overflow: visible !important;
  }

  #section-brief :is(.price-board-card, .market-card),
  #section-join :is(.pricing-card, .join-feature, .founder-form-section, .founder-form-card) {
    width: 100% !important;
    max-width: 100% !important;
    min-width: 0 !important;
  }
}

/* PMDesk Home final contrast sweep v17 */
body:has(#section-home.active) :is(
  .topbar,
  .site-footer
) {
  background:
    radial-gradient(circle at 100% 0%, rgba(34, 211, 238, 0.12), transparent 42%),
    linear-gradient(180deg, rgba(8, 24, 42, 0.98), rgba(3, 10, 22, 0.97)) !important;
  border-color: rgba(125, 211, 252, 0.24) !important;
  color: #eaf4ff !important;
  box-shadow:
    0 18px 45px rgba(0, 0, 0, 0.28),
    inset 0 1px 0 rgba(255, 255, 255, 0.06) !important;
}

body:has(#section-home.active) :is(
  .topnav a,
  .site-search-toggle,
  .mobile-menu-toggle,
  .topbar-meta,
  .nav-logout,
  .site-footer-links a,
  .footer-brand-row,
  .footer-brand-row strong,
  .footer-brand-row span,
  .footer-disclaimer
) {
  color: #eaf4ff !important;
}

body:has(#section-home.active) :is(
  .topnav a,
  .site-search-toggle,
  .mobile-menu-toggle,
  .topbar-meta,
  .nav-logout,
  .site-footer-links a
) {
  background: rgba(9, 24, 41, 0.82) !important;
  border-color: rgba(125, 211, 252, 0.3) !important;
}

#section-home :is(
  .pub-impact-level,
  .pub-impact-level-high,
  .pub-impact-level-medium,
  .pub-impact-level-low,
  .plan-badge,
  .plan-badge-sm,
  .status-badge,
  .department-badge,
  .brief-live-badge,
  .sentiment-badge,
  .outlook-badge,
  .breaking-level-badge,
  .deep-sources-badge,
  .catalyst-impact,
  .notif-badge,
  .silver-join-badge,
  .silver-popup-badge,
  .pjb-flash-badge,
  .pub-locked-items span,
  .pub-footer-links a
) {
  background: rgba(8, 24, 42, 0.88) !important;
  border-color: rgba(125, 211, 252, 0.34) !important;
  color: #dff7ff !important;
  box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.06) !important;
}

#section-home .pub-impact-level-high,
#section-home .impact-high,
#section-home .breaking-level-badge {
  background: rgba(127, 29, 29, 0.58) !important;
  border-color: rgba(248, 113, 113, 0.42) !important;
  color: #ffd7dc !important;
}

#section-home .pub-impact-level-medium,
#section-home .impact-medium,
#section-home .pjb-flash-badge {
  background: rgba(92, 64, 12, 0.58) !important;
  border-color: rgba(245, 197, 66, 0.42) !important;
  color: #ffe8a3 !important;
}

#section-home .pub-impact-level-low,
#section-home .impact-low {
  background: rgba(6, 78, 59, 0.58) !important;
  border-color: rgba(45, 212, 191, 0.38) !important;
  color: #bffbef !important;
}

#section-home :is(
  .pub-impact-category,
  .pub-impact-label,
  .pub-impact-source,
  .pub-impact-actions a,
  .pub-video-footer a,
  .pub-footer-links a
) {
  color: #7dd3fc !important;
}

#section-home :is(
  .pub-impact-actions,
  .pub-impact-actions span,
  .pub-impact-path p,
  .pub-impact-empty,
  .pub-locked-label,
  .legal-footer
) {
  color: rgba(226, 238, 255, 0.78) !important;
}

/* PMDesk Home final contrast sweep v18 */
.topbar,
.site-footer {
  background:
    radial-gradient(circle at 100% 0%, rgba(34, 211, 238, 0.12), transparent 42%),
    linear-gradient(180deg, rgba(8, 24, 42, 0.98), rgba(3, 10, 22, 0.97)) !important;
  border-color: rgba(125, 211, 252, 0.24) !important;
  color: #eaf4ff !important;
  box-shadow:
    0 18px 45px rgba(0, 0, 0, 0.28),
    inset 0 1px 0 rgba(255, 255, 255, 0.06) !important;
}

.topnav {
  background: rgba(4, 13, 28, 0.9) !important;
  border-color: rgba(125, 211, 252, 0.28) !important;
  box-shadow:
    inset 0 1px 0 rgba(255, 255, 255, 0.06),
    0 14px 30px rgba(0, 0, 0, 0.22) !important;
}

.topnav a,
.site-search-toggle,
.mobile-menu-toggle,
.topbar-meta,
.nav-logout,
.site-footer-links a {
  background: rgba(9, 24, 41, 0.82) !important;
  border-color: rgba(125, 211, 252, 0.3) !important;
  color: #dff7ff !important;
}

.topnav a:hover,
.site-search-toggle:hover,
.mobile-menu-toggle:hover,
.nav-logout:hover,
.site-footer-links a:hover {
  background: rgba(14, 39, 66, 0.96) !important;
  color: #f8fbff !important;
}

.topnav a.is-active,
.topnav a[aria-current="page"] {
  background: #f5c542 !important;
  color: #061526 !important;
  box-shadow: 0 0 0 3px rgba(245, 197, 66, 0.18) !important;
}

.brand-name,
.footer-brand-row strong,
.footer-brand-row span,
.footer-disclaimer,
.legal-footer,
.site-footer {
  color: #eaf4ff !important;
}

.brand-sub,
.topbar-meta-label,
.topbar-status,
.site-footer .footer-disclaimer,
.site-footer :is(p, span, small, div) {
  color: rgba(226, 238, 255, 0.74) !important;
}

#section-home :is(
  .pub-price-card,
  .pub-signal-right,
  .pub-locked-items,
  .pub-video-share-input,
  .pub-video-copy,
  .public-sampler-chips em,
  .public-teaser-proof span,
  .public-teaser-hud span,
  .public-teaser-unlock-grid > div,
  .public-chart-sampler-lock,
  .pub-footer-links a
) {
  background: rgba(8, 24, 42, 0.9) !important;
  border-color: rgba(125, 211, 252, 0.34) !important;
  color: #dff7ff !important;
  box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.06) !important;
}

#section-home .pub-price-card {
  background:
    linear-gradient(180deg, rgba(11, 34, 58, 0.98), rgba(3, 10, 22, 0.96)) !important;
  border-top-color: rgba(125, 211, 252, 0.58) !important;
  box-shadow:
    inset 0 1px 0 rgba(255, 255, 255, 0.06),
    0 14px 34px rgba(0, 0, 0, 0.26) !important;
}

#section-home .pub-price-card.gold-card {
  border-top-color: rgba(245, 197, 66, 0.86) !important;
}

#section-home .pub-price-card.silver-card {
  border-top-color: rgba(203, 213, 225, 0.86) !important;
}

#section-home .pub-price-card.nifty-price-card {
  border-top-color: rgba(56, 189, 248, 0.86) !important;
}

#section-home .pub-price-card.prem-card {
  border-top-color: rgba(45, 212, 191, 0.82) !important;
}

#section-home .pub-price-card.ratio-card {
  border-top-color: rgba(59, 130, 246, 0.82) !important;
}

#section-home :is(
  .ppc-flag,
  .pub-impact-category,
  .pub-impact-label,
  .pub-video-source,
  .pub-article-source,
  .public-sampler-card span,
  .public-teaser-copy > span,
  .public-teaser-unlock-grid span
) {
  color: #7dd3fc !important;
}

#section-home :is(
  .ppc-name,
  .ppc-usd,
  .ppc-inr,
  .pub-locked-label,
  .pub-video-copy,
  .pub-video-share-input,
  .public-sampler-chips em,
  .public-teaser-proof span,
  .public-teaser-hud span
) {
  color: #eaf4ff !important;
}

#section-home :is(
  .ppc-chg,
  .pub-video-footer span,
  .pub-video-note,
  .public-teaser-unlock-grid > div,
  .pub-impact-actions span
) {
  color: rgba(226, 238, 255, 0.78) !important;
}

#section-home :is(
  .price-card-chart-btn,
  .pub-video-copy,
  .pub-signal-pay-btn,
  .pub-signal-pay-btn.secondary
) {
  background: rgba(9, 24, 41, 0.92) !important;
  border-color: rgba(125, 211, 252, 0.42) !important;
  color: #dff7ff !important;
}

#section-home .pub-video-share-input {
  width: 100%;
  border-radius: 8px !important;
}

/* PMDesk responsive contrast sweep v19 */
.mobile-nav-panel {
  background:
    radial-gradient(circle at 100% 0%, rgba(34, 211, 238, 0.13), transparent 42%),
    linear-gradient(180deg, rgba(8, 24, 42, 0.99), rgba(3, 10, 22, 0.98)) !important;
  border-color: rgba(125, 211, 252, 0.28) !important;
  color: #eaf4ff !important;
  box-shadow:
    -22px 0 55px rgba(0, 0, 0, 0.42),
    inset 1px 0 0 rgba(255, 255, 255, 0.06) !important;
}

.mobile-nav-head,
.mobile-nav-note {
  border-color: rgba(125, 211, 252, 0.2) !important;
}

.mobile-nav-title,
.mobile-nav-panel :is(strong, b) {
  color: #f8fbff !important;
}

.mobile-nav-subtitle,
.mobile-nav-note {
  color: rgba(226, 238, 255, 0.72) !important;
}

.mobile-nav-close,
.mobile-nav-links a,
.mobile-nav-search,
.mobile-nav-logout {
  background: rgba(9, 24, 41, 0.9) !important;
  border-color: rgba(125, 211, 252, 0.34) !important;
  color: #dff7ff !important;
  box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.06) !important;
}

.mobile-nav-links a::after {
  color: rgba(125, 211, 252, 0.8) !important;
}

.mobile-nav-links a.is-active,
.mobile-nav-links a:hover,
.mobile-nav-search:hover,
.mobile-nav-close:hover,
.mobile-nav-logout:hover {
  background: rgba(14, 39, 66, 0.98) !important;
  border-color: rgba(245, 197, 66, 0.42) !important;
  color: #f8fbff !important;
}

#section-home :is(
  .pjb-btn-secondary,
  #join-box-secondary-cta,
  .pub-unlock-btn,
  .pub-brief-cta,
  .pub-read-more
) {
  background: rgba(9, 24, 41, 0.94) !important;
  border-color: rgba(125, 211, 252, 0.42) !important;
  color: #f8fbff !important;
}

#section-home :is(
  .pub-unlock-btn,
  .pjb-btn-hot,
  .button-primary
) {
  background: linear-gradient(135deg, #38bdf8, #2dd4bf) !important;
  border-color: rgba(125, 211, 252, 0.56) !important;
  color: #04111f !important;
}

#section-home .pub-video-play {
  background: #e11d48 !important;
  color: #ffffff !important;
  text-shadow: 0 1px 2px rgba(0, 0, 0, 0.45) !important;
}

#section-home .pub-video-play::before {
  border-left-color: #ffffff !important;
}

/* PMDesk mobile impact layout repair v20 */
@media (max-width: 760px) {
  #section-home .home-module-impact,
  #section-home .pub-impact-section {
    overflow: visible !important;
    height: auto !important;
    min-width: 0 !important;
  }

  #section-home .home-module-impact .pub-impact-grid,
  #section-home #pub-impact-grid {
    display: grid !important;
    grid-template-columns: minmax(0, 1fr) !important;
    grid-auto-flow: row !important;
    grid-auto-columns: unset !important;
    gap: 12px !important;
    width: 100% !important;
    max-width: 100% !important;
    min-width: 0 !important;
    overflow: visible !important;
  }

  #section-home .home-module-impact .pub-impact-grid > *,
  #section-home #pub-impact-grid > *,
  #section-home .pub-impact-card {
    width: 100% !important;
    max-width: 100% !important;
    min-width: 0 !important;
    height: auto !important;
    grid-column: 1 / -1 !important;
    overflow-wrap: anywhere !important;
  }

  #section-home .pub-impact-top,
  #section-home .pub-impact-actions {
    display: grid !important;
    grid-template-columns: minmax(0, 1fr) !important;
    align-items: start !important;
    justify-items: start !important;
  }

  #section-home .pub-impact-level {
    width: fit-content !important;
    max-width: 100% !important;
  }

  #section-home .pub-impact-paths,
  #section-home .pub-impact-path,
  #section-home .pub-impact-headline,
  #section-home .pub-impact-take,
  #section-home .pub-impact-source {
    min-width: 0 !important;
    max-width: 100% !important;
    overflow-wrap: anywhere !important;
  }
}

/* PMDesk login/access contrast repair v21 */
#section-login .login-section,
#reset-password.login-section {
  color: #eaf4ff !important;
}

#section-login :is(
  .lead-form,
  .member-form,
  .login-panel,
  .member-status-panel,
  .login-help-panel,
  .auth-card,
  .account-empty-card
),
#reset-password .auth-card {
  background:
    radial-gradient(circle at 100% 0%, rgba(34, 211, 238, 0.1), transparent 42%),
    linear-gradient(180deg, rgba(11, 34, 58, 0.98), rgba(3, 10, 22, 0.97)) !important;
  border-color: rgba(125, 211, 252, 0.28) !important;
  color: #eaf4ff !important;
  box-shadow:
    inset 0 1px 0 rgba(255, 255, 255, 0.06),
    0 18px 44px rgba(0, 0, 0, 0.26) !important;
}

#section-login .login-panel {
  background: transparent !important;
  border-color: transparent !important;
  box-shadow: none !important;
}

#section-login :is(
  h1,
  h2,
  h3,
  h4,
  label,
  strong,
  .section-header h2,
  .member-form h3,
  .login-help-panel h3,
  .auth-field label
),
#reset-password :is(h1, h2, h3, label, strong, .auth-field label) {
  color: #f8fbff !important;
}

#section-login :is(
  p,
  span,
  small,
  .small-text,
  .muted-copy,
  .section-summary,
  .lead-status,
  .auth-message,
  .login-help-panel p
),
#reset-password :is(p, span, small, .muted-copy, .section-summary, .auth-message) {
  color: rgba(226, 238, 255, 0.78) !important;
}

#section-login :is(
  .section-kicker,
  .link-button,
  .small-text a,
  .auth-links a
),
#reset-password :is(.section-kicker, .auth-links a) {
  color: #7dd3fc !important;
}

#section-login :is(input, textarea, select),
#reset-password :is(input, textarea, select) {
  background: rgba(2, 8, 23, 0.72) !important;
  border-color: rgba(125, 211, 252, 0.32) !important;
  color: #f8fbff !important;
  box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.05) !important;
}

#section-login :is(input, textarea, select)::placeholder,
#reset-password :is(input, textarea, select)::placeholder {
  color: rgba(226, 238, 255, 0.52) !important;
}

#section-login :is(input, textarea, select):focus,
#reset-password :is(input, textarea, select):focus {
  border-color: rgba(56, 189, 248, 0.72) !important;
  outline: 3px solid rgba(56, 189, 248, 0.18) !important;
}

#section-login :is(.btn-google, .btn-twitter),
#section-login :is(.button-secondary, .link-button),
#reset-password .button-secondary {
  background: rgba(9, 24, 41, 0.92) !important;
  border-color: rgba(125, 211, 252, 0.38) !important;
  color: #f8fbff !important;
}

#section-login .btn-google svg {
  background: #ffffff;
  border-radius: 999px;
}

#section-login .auth-divider {
  color: rgba(226, 238, 255, 0.7) !important;
}

#section-login .auth-divider span {
  color: rgba(226, 238, 255, 0.78) !important;
}

#section-login .auth-divider::before,
#section-login .auth-divider::after {
  background: rgba(125, 211, 252, 0.24) !important;
}

#section-login .button-primary,
#reset-password .button-primary {
  background: linear-gradient(135deg, #38bdf8, #2dd4bf) !important;
  border-color: rgba(125, 211, 252, 0.56) !important;
  color: #04111f !important;
}

#section-login #member-register-form .button-secondary,
#section-login .login-help-panel .button-secondary {
  background: rgba(9, 24, 41, 0.94) !important;
  border-color: rgba(125, 211, 252, 0.42) !important;
  color: #f8fbff !important;
}

@media (max-width: 760px) {
  #section-login #member-access-grid {
    grid-template-columns: minmax(0, 1fr) !important;
    gap: 12px !important;
  }

  #section-login :is(
    .lead-form,
    .member-form,
    .member-status-panel,
    .login-help-panel
  ) {
    min-width: 0 !important;
    width: 100% !important;
    max-width: 100% !important;
  }
}

/* PMDesk Home mobile layout hardening v22 */
@media (max-width: 760px) {
  #section-home :is(
    .public-chart-sampler,
    .public-chart-teaser,
    .public-teaser-copy,
    .public-teaser-terminal,
    .home-terminal-grid,
    .home-module,
    .home-chart-lab,
    .home-exec-architecture
  ) {
    min-width: 0 !important;
    max-width: 100% !important;
    overflow-x: hidden !important;
  }

  #section-home .public-chart-teaser,
  #section-home .public-teaser-unlock-grid,
  #section-home .home-terminal-grid,
  #section-home .home-module-markets .pub-markets-grid,
  #section-home .home-module-video .pub-video-grid,
  #section-home .home-module-charts .pub-charts-grid,
  #section-home .home-module-demand .pub-co-grid,
  #section-home .home-module-macro .pub-macro-grid,
  #section-home .home-chart-lab-markets,
  #section-home .public-chart-sampler-grid,
  #section-home .home-exec-card-grid {
    display: grid !important;
    grid-template-columns: minmax(0, 1fr) !important;
    grid-auto-flow: row !important;
    grid-auto-columns: unset !important;
    grid-template-areas: none !important;
    gap: 12px !important;
    width: 100% !important;
    max-width: 100% !important;
    min-width: 0 !important;
    overflow: visible !important;
  }

  #section-home .home-terminal-grid > *,
  #section-home .public-teaser-unlock-grid > *,
  #section-home .home-module-markets .pub-markets-grid > *,
  #section-home .home-module-video .pub-video-grid > *,
  #section-home .home-module-charts .pub-charts-grid > *,
  #section-home .home-module-demand .pub-co-grid > *,
  #section-home .home-module-macro .pub-macro-grid > *,
  #section-home .home-chart-lab-markets > *,
  #section-home .public-chart-sampler-grid > *,
  #section-home .home-exec-card-grid > * {
    grid-column: 1 / -1 !important;
    grid-area: auto !important;
    width: 100% !important;
    max-width: 100% !important;
    min-width: 0 !important;
    height: auto !important;
    transform: none !important;
  }

  #section-home .public-teaser-copy {
    order: 1 !important;
  }

  #section-home .public-teaser-terminal {
    order: 2 !important;
  }

  #section-home .public-teaser-hud,
  #section-home .home-chart-lab-tools,
  #section-home .home-exec-preview-dock,
  #section-home .pub-price-bar {
    display: flex !important;
    flex-wrap: wrap !important;
    gap: 8px !important;
    overflow: visible !important;
    width: 100% !important;
    max-width: 100% !important;
  }

  #section-home .public-teaser-hud span,
  #section-home .home-chart-lab-tools span,
  #section-home .home-exec-preview-dock span {
    flex: 1 1 min(100%, 150px) !important;
    min-width: 0 !important;
    max-width: 100% !important;
    overflow-wrap: anywhere !important;
  }

  #section-home .pub-price-card {
    flex: 1 1 100% !important;
    width: 100% !important;
    max-width: 100% !important;
    min-width: 0 !important;
  }

  #section-home :is(
    .home-market-card,
    .home-exec-card,
    .public-sampler-card,
    .home-growth-tools-grid a
  ) {
    overflow: visible !important;
  }

  #section-home :is(
    .public-teaser-copy,
    .public-teaser-unlock-grid > div,
    .public-sampler-card,
    .home-market-card,
    .home-exec-card,
    .pub-price-card,
    .home-growth-tools-grid a
  ) :is(h1, h2, h3, h4, strong, p, span, em, small, div) {
    min-width: 0 !important;
    max-width: 100% !important;
    overflow-wrap: anywhere !important;
  }
}

/* PMDesk Home mobile containment polish v23 */
@media (max-width: 760px) {
  #section-home,
  #section-home * {
    box-sizing: border-box !important;
  }

  #section-home :is(
    .home-market-card,
    .home-exec-card,
    .public-sampler-card,
    .home-growth-tools-grid a,
    .global-arb-card,
    .pub-market-card,
    .pub-impact-card,
    .pub-video-card,
    .pub-video-column,
    .pub-price-card
  ) {
    overflow: hidden !important;
  }

  #section-home :is(
    .home-chart-lab-markets,
    .public-chart-sampler-grid,
    .home-exec-card-grid,
    .home-growth-tools-grid,
    .global-arb-grid,
    .pub-video-wall,
    .pub-price-bar
  ) {
    max-width: 100% !important;
    padding-inline: 0 !important;
  }

  #section-home :is(
    .home-chart-lab-markets > *,
    .public-chart-sampler-grid > *,
    .home-exec-card-grid > *,
    .home-growth-tools-grid > *,
    .pub-price-bar > *
  ) {
    margin-inline: 0 !important;
  }

  #section-home .public-chart-teaser {
    grid-template-columns: minmax(0, 1fr) !important;
  }

  #section-home .public-teaser-terminal {
    min-height: 0 !important;
  }

  #section-home .public-teaser-canvas {
    min-height: 260px !important;
  }

  #section-home .public-teaser-canvas svg {
    height: 260px !important;
  }

  #section-home .public-teaser-lock {
    position: relative !important;
    inset: auto !important;
    margin: 10px !important;
    width: calc(100% - 20px) !important;
    max-width: calc(100% - 20px) !important;
  }

  #section-home #hero-headline {
    max-width: 100% !important;
    overflow-wrap: anywhere !important;
  }
}

/* PMDesk Home mobile final grid containment v24 */
@media (max-width: 760px) {
  #section-home :is(
    .global-arb-grid,
    .pub-video-wall,
    .pub-video-grid
  ) {
    display: grid !important;
    grid-template-columns: minmax(0, 1fr) !important;
    grid-auto-flow: row !important;
    grid-auto-columns: unset !important;
    gap: 12px !important;
    width: 100% !important;
    max-width: 100% !important;
    min-width: 0 !important;
    overflow: visible !important;
  }

  #section-home :is(
    .global-arb-grid,
    .pub-video-wall,
    .pub-video-grid
  ) > * {
    grid-column: 1 / -1 !important;
    width: 100% !important;
    max-width: 100% !important;
    min-width: 0 !important;
    height: auto !important;
    transform: none !important;
  }

  #section-home :is(
    .global-arb-card,
    .pub-video-column,
    .pub-video-card,
    .pub-video-body,
    .pub-video-frame,
    .pub-video-thumb-link,
    .pub-video-thumb-link img
  ) {
    width: 100% !important;
    max-width: 100% !important;
    min-width: 0 !important;
  }

  #section-home .pub-video-thumb-link img {
    object-fit: cover !important;
  }
}

/* PMDesk My Desk/member workspace contrast guard v27 */
#section-login :is(
  .member-dashboard,
  .member-dashboard-header,
  .member-workspace-shell,
  .member-workspace-panel,
  .member-section,
  .member-dashboard-section,
  .free-member-dashboard,
  .free-member-hero,
  .member-signal-panel,
  .referral-section,
  .referral-progress-card,
  .account-status-card,
  .member-video-context-section,
  .member-market-panel,
  .premium-card,
  .market-card,
  .macro-card,
  .nifty-card,
  .company-card,
  .seasonal-card,
  .warehouse-card,
  .etf-card,
  .report-card,
  .report-rendered,
  .member-report-grid > *,
  .member-video-card,
  .member-video-column,
  .breaking-summary,
  .breaking-item,
  .deep-analysis-card,
  .outlook-card,
  .context-card,
  .watchlist-card,
  .glossary-item
) {
  background: linear-gradient(145deg, rgba(4, 17, 31, 0.98), rgba(7, 31, 46, 0.95)) !important;
  border-color: rgba(125, 211, 252, 0.28) !important;
  color: #f8fbff !important;
  box-shadow: 0 18px 44px rgba(0, 0, 0, 0.3) !important;
}

#section-login :is(
  .member-dashboard,
  .member-workspace-shell,
  .member-workspace-panel,
  .member-section,
  .member-dashboard-section,
  .free-member-dashboard
) :is(h1, h2, h3, h4, h5, strong, b, label, dt, th) {
  color: #f8fbff !important;
}

#section-login :is(
  .member-dashboard,
  .member-workspace-shell,
  .member-workspace-panel,
  .member-section,
  .member-dashboard-section,
  .free-member-dashboard
) :is(p, span, small, li, dd, em, div, td, figcaption, blockquote, .muted-copy, .small-text, .data-source-note, .member-note) {
  color: rgba(226, 238, 255, 0.82) !important;
}

#section-login :is(
  .member-dashboard,
  .member-workspace-shell,
  .member-workspace-panel,
  .member-section,
  .member-dashboard-section
) :is(.section-kicker, .market-name, .market-label, .premium-title, .warehouse-metal-name, .seasonal-metal, .company-ticker, .etf-summary-title, .etf-detail-name, .nifty-label, .options-label, .member-tab-label) {
  color: #7dd3fc !important;
}

#section-login :is(
  .member-workspace-tabs,
  .member-actions,
  .member-workspace-shell :is(.button, .button-secondary, button, a.button)
) {
  background: rgba(2, 10, 22, 0.9) !important;
  border-color: rgba(125, 211, 252, 0.24) !important;
}

#section-login :is(.member-workspace-tabs button, .member-actions .button, .member-dashboard .button-secondary, .member-workspace-shell :is(button, a.button)) {
  color: #eaf6ff !important;
  background: rgba(11, 31, 50, 0.94) !important;
  border-color: rgba(125, 211, 252, 0.28) !important;
}

#section-login :is(
  .member-workspace-tabs button.is-active,
  .member-workspace-shell :is(button.is-active, .button.is-active, a.button.is-active, .member-tab-card.is-active),
  .member-actions .button-primary
) {
  color: #02111f !important;
  background: linear-gradient(135deg, #67e8f9, #facc15) !important;
  border-color: rgba(250, 204, 21, 0.75) !important;
}

#section-login :is(
  .member-workspace-tabs button.is-active,
  .member-workspace-shell :is(button.is-active, .button.is-active, a.button.is-active, .member-tab-card.is-active)
) :is(span, small, strong, b) {
  color: #02111f !important;
}

#section-login :is(
  .member-workspace-shell,
  .member-dashboard
) :is(input, textarea, select, table, thead, tbody, tr, td, th, pre, code) {
  background: rgba(2, 10, 22, 0.92) !important;
  border-color: rgba(125, 211, 252, 0.24) !important;
  color: #f8fbff !important;
}

#section-login .member-workspace-shell :is(.report-sentiment-line, .sentiment-badge, .status-badge, .plan-badge, .pill, .chip, .tag) {
  background: rgba(6, 27, 45, 0.95) !important;
  border: 1px solid rgba(125, 211, 252, 0.28) !important;
  color: #eff8ff !important;
}

#section-login .member-workspace-shell :is(.gold-text, .seasonal-month, .event-name) {
  color: #facc15 !important;
}

#section-login .member-workspace-shell :is(.positive, .outlook-positive, .company-change.positive) {
  color: #34d399 !important;
}

#section-login .member-workspace-shell :is(.negative, .outlook-negative, .company-change.negative) {
  color: #fca5a5 !important;
}

@media (max-width: 760px) {
  #section-login :is(.member-dashboard, .member-workspace-shell, .member-workspace-panel, .member-dashboard-section, .member-section) {
    width: 100% !important;
    max-width: 100% !important;
    min-width: 0 !important;
    overflow: hidden !important;
    box-sizing: border-box !important;
  }

  #section-login .member-workspace-tabs,
  #section-login .member-workspace-shell :is(
    .global-markets-grid,
    .member-video-context-grid,
    .member-report-grid,
    .summary-grid,
    .metric-grid,
    .health-stat-grid,
    .pub-video-grid,
    .pub-markets-grid,
    .referral-two-sided-grid,
    .free-member-preview-grid,
    .free-member-unlock-grid
  ) {
    display: grid !important;
    grid-template-columns: minmax(0, 1fr) !important;
    grid-auto-flow: row !important;
    grid-auto-columns: unset !important;
    gap: 12px !important;
    width: 100% !important;
    max-width: 100% !important;
    min-width: 0 !important;
  }

  #section-login .member-workspace-shell :is(
    .global-markets-grid,
    .member-video-context-grid,
    .member-report-grid,
    .summary-grid,
    .metric-grid,
    .health-stat-grid,
    .pub-video-grid,
    .pub-markets-grid,
    .referral-two-sided-grid,
    .free-member-preview-grid,
    .free-member-unlock-grid
  ) > * {
    grid-column: 1 / -1 !important;
    width: 100% !important;
    max-width: 100% !important;
    min-width: 0 !important;
  }
}

/* PMDesk logged-in reports/library/research contrast sweep v28 */
#section-login .member-workspace-tabs {
  background: rgba(2, 8, 18, 0.82) !important;
  border-color: rgba(125, 211, 252, 0.26) !important;
}

#section-login .member-workspace-tabs button {
  background:
    linear-gradient(180deg, rgba(11, 31, 50, 0.96), rgba(4, 17, 31, 0.98)) !important;
  border-color: rgba(125, 211, 252, 0.3) !important;
  color: rgba(226, 238, 255, 0.82) !important;
  box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.08) !important;
}

#section-login .member-workspace-tabs button :is(span, small, strong, b) {
  color: inherit !important;
}

#section-login .member-workspace-tabs button small {
  color: #f4f9ff !important;
}

#section-login .member-workspace-tabs button:is(.is-active, [aria-selected="true"]) {
  background:
    linear-gradient(180deg, rgba(8, 35, 52, 0.98), rgba(2, 15, 28, 0.98)) !important;
  border-color: rgba(103, 232, 249, 0.88) !important;
  color: #9beafe !important;
  box-shadow:
    0 0 0 2px rgba(103, 232, 249, 0.16),
    inset 0 0 0 1px rgba(255, 255, 255, 0.08),
    inset 4px 0 0 #67e8f9 !important;
}

#section-login .member-workspace-tabs button:is(.is-active, [aria-selected="true"]) small {
  color: #f8fbff !important;
}

#section-login .member-workspace-tabs button:is(.is-active, [aria-selected="true"]) span::after {
  content: "";
  display: inline-block;
  width: 0.48rem;
  height: 0.48rem;
  margin-left: 0.42rem;
  border-radius: 999px;
  background: #facc15;
  box-shadow: 0 0 14px rgba(250, 204, 21, 0.75);
  vertical-align: 0.02em;
}

#section-login :is(
  .member-report-actions,
  .member-report-card,
  .research-pro-report,
  .report-card,
  .report-content,
  .report-rendered,
  .report-video-pending,
  .inline-charts-row,
  .watchlist-item,
  .watchlist-grid > *,
  .glossary-details,
  .glossary-details summary,
  .glossary-grid,
  .glossary-item,
  .library-card,
  .context-card
),
#section-research :is(
  .member-report-actions,
  .member-report-card,
  .research-pro-report,
  .report-card,
  .report-content,
  .report-rendered,
  .report-video-pending,
  .inline-charts-row
) {
  background: linear-gradient(145deg, rgba(4, 17, 31, 0.98), rgba(7, 31, 46, 0.95)) !important;
  border-color: rgba(125, 211, 252, 0.28) !important;
  color: #f8fbff !important;
  box-shadow: 0 16px 42px rgba(0, 0, 0, 0.26) !important;
}

#section-login :is(
  .member-report-actions,
  .member-report-card,
  .research-pro-report,
  .report-card,
  .report-content,
  .report-rendered,
  .report-video-pending,
  .watchlist-item,
  .glossary-details,
  .glossary-item,
  .library-card,
  .context-card
) :is(h1, h2, h3, h4, h5, h6, strong, b, label),
#section-research :is(
  .member-report-actions,
  .member-report-card,
  .research-pro-report,
  .report-card,
  .report-content,
  .report-rendered,
  .report-video-pending
) :is(h1, h2, h3, h4, h5, h6, strong, b, label) {
  color: #f8fbff !important;
}

#section-login :is(
  .member-report-actions,
  .member-report-card,
  .research-pro-report,
  .report-card,
  .report-content,
  .report-rendered,
  .report-video-pending,
  .watchlist-item,
  .glossary-details,
  .glossary-item,
  .library-card,
  .context-card
) :is(p, span, small, li, em, div, td, blockquote, .export-note, .report-date, .watchlist-text, .watchlist-note),
#section-research :is(
  .member-report-actions,
  .member-report-card,
  .research-pro-report,
  .report-card,
  .report-content,
  .report-rendered,
  .report-video-pending
) :is(p, span, small, li, em, div, td, blockquote, .export-note, .report-date) {
  color: rgba(226, 238, 255, 0.84) !important;
}

#section-login :is(.member-report-actions, .member-report-card, .report-card, .report-content, .report-rendered) .report-sentiment-line,
#section-research :is(.member-report-actions, .member-report-card, .report-card, .report-content, .report-rendered) .report-sentiment-line,
#section-research .report-sentiment-line {
  background: rgba(7, 31, 46, 0.96) !important;
  border: 1px solid rgba(125, 211, 252, 0.3) !important;
  color: #f8fbff !important;
}

#section-login :is(.member-report-actions, .member-report-card, .report-card, .report-content, .report-rendered) .sentiment-badge,
#section-research :is(.member-report-actions, .member-report-card, .report-card, .report-content, .report-rendered) .sentiment-badge {
  background: rgba(250, 204, 21, 0.16) !important;
  border-color: rgba(250, 204, 21, 0.45) !important;
  color: #fde68a !important;
}

#section-login :is(.member-report-actions, .member-report-card, .report-card, .report-content, .report-rendered) :is(table, th, td),
#section-research :is(.member-report-actions, .member-report-card, .report-card, .report-content, .report-rendered) :is(table, th, td) {
  background: rgba(2, 10, 22, 0.88) !important;
  border-color: rgba(125, 211, 252, 0.24) !important;
  color: #edf7ff !important;
}

#section-login :is(.member-report-actions, .member-report-card, .report-card, .report-content, .report-rendered) :is(img, canvas, svg),
#section-research :is(.member-report-actions, .member-report-card, .report-card, .report-content, .report-rendered) :is(img, canvas, svg) {
  background: #0b0b17 !important;
  border-color: rgba(125, 211, 252, 0.25) !important;
}

#section-research .member-report-actions .button,
#section-login .member-report-actions .button {
  background: rgba(11, 31, 50, 0.95) !important;
  border-color: rgba(125, 211, 252, 0.34) !important;
  color: #f8fbff !important;
}

#section-login .member-workspace-shell .member-workspace-tabs > button:is(.is-active, [aria-selected="true"]) {
  background:
    linear-gradient(180deg, rgba(8, 35, 52, 0.98), rgba(2, 15, 28, 0.98)) !important;
  border-color: rgba(103, 232, 249, 0.9) !important;
  color: #9beafe !important;
  box-shadow:
    0 0 0 2px rgba(103, 232, 249, 0.16),
    inset 0 0 0 1px rgba(255, 255, 255, 0.08),
    inset 4px 0 0 #67e8f9 !important;
}

#section-login .member-workspace-shell .member-workspace-tabs > button:is(.is-active, [aria-selected="true"]) :is(span, small, strong, b) {
  color: #f8fbff !important;
}

#section-login .member-workspace-shell .member-workspace-tabs > button:is(.is-active, [aria-selected="true"]) span {
  color: #9beafe !important;
}

/* PMDesk Library context badge contrast v29 */
#section-login .member-workspace-shell #member-panel-library .context-card .context-icon,
#section-login .member-workspace-shell .context-card .context-icon {
  display: inline-flex !important;
  align-items: center !important;
  justify-content: center !important;
  width: fit-content !important;
  min-width: 0 !important;
  max-width: 100% !important;
  padding: 0.28rem 0.62rem !important;
  border: 1px solid rgba(103, 232, 249, 0.62) !important;
  border-radius: 999px !important;
  background: linear-gradient(135deg, rgba(7, 31, 46, 0.98), rgba(11, 45, 68, 0.96)) !important;
  color: #f8fbff !important;
  box-shadow:
    0 0 0 1px rgba(103, 232, 249, 0.12),
    0 10px 24px rgba(0, 0, 0, 0.22) !important;
  font-size: 0.72rem !important;
  font-weight: 900 !important;
  letter-spacing: 0.06em !important;
  line-height: 1 !important;
  text-transform: uppercase !important;
}

#section-login .member-workspace-shell #member-panel-library .context-card .context-icon::after,
#section-login .member-workspace-shell .context-card .context-icon::after {
  content: "" !important;
  width: 0.34rem !important;
  height: 0.34rem !important;
  margin-left: 0.38rem !important;
  border-radius: 999px !important;
  background: #facc15 !important;
  box-shadow: 0 0 12px rgba(250, 204, 21, 0.7) !important;
}

/* PMDesk Chart Lab full-page isolation v30 */
body:has(#section-chart-lab:not([hidden])),
body:has(#chart-lab-full-root .chart-lab-fullscreen) {
  background: #020617 !important;
  overflow-x: hidden !important;
}

body:has(#section-chart-lab:not([hidden])) .site-shell,
body:has(#chart-lab-full-root .chart-lab-fullscreen) .site-shell {
  max-width: none !important;
  width: 100% !important;
  margin: 0 !important;
  padding: 0 !important;
  background: #020617 !important;
}

body:has(#section-chart-lab:not([hidden])) :is(.topbar, .site-footer),
body:has(#chart-lab-full-root .chart-lab-fullscreen) :is(.topbar, .site-footer) {
  display: none !important;
}

#section-chart-lab:not([hidden]),
#section-chart-lab:has(#chart-lab-full-root .chart-lab-fullscreen) {
  position: relative !important;
  z-index: 50 !important;
  isolation: isolate !important;
  display: block !important;
  min-height: 100vh !important;
  margin: 0 !important;
  padding: 0 !important;
  overflow: hidden !important;
  background: #020617 !important;
  color: #e8f3ff !important;
}

#section-chart-lab:not([hidden])::before,
#section-chart-lab:has(#chart-lab-full-root .chart-lab-fullscreen)::before {
  content: "" !important;
  position: fixed !important;
  inset: 0 !important;
  z-index: -1 !important;
  pointer-events: none !important;
  background:
    radial-gradient(circle at 18% 0%, rgba(14, 116, 144, 0.18), transparent 34%),
    radial-gradient(circle at 84% 8%, rgba(255, 215, 106, 0.08), transparent 28%),
    linear-gradient(180deg, #020617 0%, #06111f 48%, #020617 100%) !important;
}

#chart-lab-full-root {
  position: relative !important;
  z-index: 1 !important;
  min-height: 100vh !important;
  background: #020617 !important;
}

#section-chart-lab .chart-lab-fullscreen {
  position: relative !important;
  z-index: 2 !important;
  min-height: 100vh !important;
  margin: 0 !important;
  background:
    radial-gradient(circle at 18% 0%, rgba(14, 116, 144, 0.16), transparent 34%),
    radial-gradient(circle at 84% 8%, rgba(255, 215, 106, 0.08), transparent 28%),
    linear-gradient(180deg, #020617 0%, #06111f 48%, #020617 100%) !important;
  box-shadow: none !important;
}

#section-chart-lab .chart-lab-fullscreen::before {
  content: "" !important;
  position: fixed !important;
  inset: 0 !important;
  z-index: -1 !important;
  pointer-events: none !important;
  background:
    radial-gradient(circle at 18% 0%, rgba(14, 116, 144, 0.18), transparent 34%),
    radial-gradient(circle at 84% 8%, rgba(255, 215, 106, 0.08), transparent 28%),
    linear-gradient(180deg, #020617 0%, #06111f 48%, #020617 100%) !important;
}

#section-chart-lab .chart-lab-full-head,
#section-chart-lab .chart-lab-full-controls,
#section-chart-lab .chart-lab-trader-mode,
#section-chart-lab .chart-lab-full-diagnostics article {
  background-color: #06111f !important;
}

/* PMDesk mission-control mobile/landscape containment v31 */
.chart-lab-desk-now,
#section-chart-lab .chart-lab-desk-now,
#section-login .chart-lab-desk-now {
  box-sizing: border-box !important;
  align-items: stretch !important;
  width: 100% !important;
  max-width: 100% !important;
  min-width: 0 !important;
  overflow: hidden !important;
}

.chart-lab-desk-now > *,
#section-chart-lab .chart-lab-desk-now > *,
#section-login .chart-lab-desk-now > * {
  min-width: 0 !important;
  max-width: 100% !important;
  overflow-wrap: anywhere !important;
}

.chart-lab-desk-now-grid,
#section-chart-lab .chart-lab-desk-now-grid,
#section-login .chart-lab-desk-now-grid {
  box-sizing: border-box !important;
  display: grid !important;
  grid-auto-flow: row !important;
  grid-auto-columns: unset !important;
  flex-wrap: initial !important;
  gap: 8px !important;
  width: 100% !important;
  max-width: 100% !important;
  min-width: 0 !important;
  margin-inline: 0 !important;
  padding: 0 !important;
  overflow: visible !important;
  scroll-snap-type: none !important;
}

.chart-lab-desk-now-grid > *,
#section-chart-lab .chart-lab-desk-now-grid > *,
#section-login .chart-lab-desk-now-grid > * {
  flex: initial !important;
  width: auto !important;
  max-width: 100% !important;
  min-width: 0 !important;
  scroll-snap-align: none !important;
}

@media (max-width: 760px) {
  .chart-lab-desk-now,
  #section-chart-lab .chart-lab-desk-now,
  #section-login .chart-lab-desk-now {
    display: grid !important;
    grid-template-columns: minmax(0, 1fr) !important;
    gap: 10px !important;
    padding: 10px !important;
  }

  .chart-lab-desk-now-grid,
  #section-chart-lab .chart-lab-desk-now-grid,
  #section-login .chart-lab-desk-now-grid {
    grid-template-columns: minmax(0, 1fr) !important;
  }
}

@media (min-width: 761px) and (max-width: 1024px), (max-width: 1024px) and (max-height: 560px) and (orientation: landscape) {
  .chart-lab-desk-now,
  #section-chart-lab .chart-lab-desk-now,
  #section-login .chart-lab-desk-now {
    display: grid !important;
    grid-template-columns: repeat(2, minmax(0, 1fr)) !important;
    gap: 8px !important;
    padding: 10px !important;
  }

  .chart-lab-desk-now-grid,
  #section-chart-lab .chart-lab-desk-now-grid,
  #section-login .chart-lab-desk-now-grid {
    grid-template-columns: repeat(2, minmax(0, 1fr)) !important;
  }

  .chart-lab-desk-now-main,
  .chart-lab-desk-now-grid,
  .chart-lab-mission-action,
  .chart-lab-change-now {
    align-self: stretch !important;
  }
}

@media (min-width: 761px) and (max-width: 900px) and (orientation: landscape) {
  .chart-lab-desk-now,
  #section-chart-lab .chart-lab-desk-now,
  #section-login .chart-lab-desk-now {
    grid-template-columns: repeat(2, minmax(0, 1fr)) !important;
  }
}

#section-chart-lab :is(
  .chart-lab-full-head,
  .chart-lab-full-controls,
  .chart-lab-trader-mode,
  .chart-lab-full-diagnostics,
  .chart-lab-full-diagnostics article,
  .chart-lab-visual-conviction,
  .chart-lab-panel-group
) {
  backdrop-filter: none !important;
}

/* JEPA Vision Lab and in-chart audit surface v34 */
.member-workspace-tabs {
  grid-template-columns: repeat(6, minmax(0, 1fr)) !important;
}

.chart-lab-vjepa-strip {
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: 16px;
  min-width: 0;
  margin-top: 10px;
  padding: 10px 12px;
  border: 1px solid #28536d;
  border-left: 3px solid #55d8e8;
  border-radius: 6px;
  background: #071421;
  color: #c8d7e6;
}

.chart-lab-vjepa-summary {
  display: flex;
  align-items: center;
  flex-wrap: wrap;
  gap: 6px 12px;
  min-width: 0;
}

.chart-lab-vjepa-kicker,
.vision-lab-header .section-kicker {
  color: #79dfff;
  font-size: 11px;
  font-weight: 800;
  text-transform: uppercase;
}

.chart-lab-vjepa-summary strong { color: #f5f8fc; }
.chart-lab-vjepa-summary small { color: #8fa6bb; }
.chart-lab-vjepa-state { font-weight: 800; }
.is-positive { color: #53dfa9 !important; }
.is-negative { color: #ff7788 !important; }
.is-neutral { color: #f2c94c !important; }

.chart-lab-vjepa-open {
  flex: 0 0 auto;
  min-height: 36px;
  padding: 0 12px;
  border: 1px solid #4fc7df;
  border-radius: 5px;
  background: #0b2637;
  color: #eafaff;
  font-weight: 800;
  cursor: pointer;
}

.has-vjepa-overlay { position: relative !important; }
.chart-lab-vjepa-overlay {
  position: absolute;
  z-index: 8;
  top: 10px;
  right: 10px;
  display: grid;
  gap: 1px;
  max-width: min(230px, calc(100% - 20px));
  padding: 7px 9px;
  border: 1px solid #48657b;
  border-left: 3px solid currentColor;
  border-radius: 5px;
  background: rgba(3, 12, 24, 0.92);
  color: #f2c94c;
  pointer-events: none;
}
.chart-lab-vjepa-overlay > span { font-size: 9px; font-weight: 900; letter-spacing: 0; }
.chart-lab-vjepa-overlay > strong { color: currentColor; font-size: 12px; }
.chart-lab-vjepa-overlay > small { color: #9fb1c2; font-size: 10px; }

/* Retire the original floating visual-memory badge; the read now lives in the playbook evidence row. */
.chart-lab-vjepa-overlay { display: none !important; }
.chart-lab-playbook-canvas-chips .chart-lab-visual-memory-chip {
  border-color: #3f849c;
  color: #c9edf7;
  max-width: 250px;
}
.chart-lab-playbook-canvas-chips .chart-lab-visual-memory-chip.is-positive { border-color: #2fb982; }
.chart-lab-playbook-canvas-chips .chart-lab-visual-memory-chip.is-negative { border-color: #df6072; }

.chart-lab-visual-projection {
  position: absolute;
  z-index: 3;
  inset: 0;
  width: 100%;
  height: 100%;
  overflow: visible;
  pointer-events: none;
}
.chart-lab-visual-projection-line {
  fill: none;
  stroke-width: 2;
  stroke-dasharray: 7 5;
}
.chart-lab-visual-projection-anchor { stroke: #07111f; stroke-width: 2; }
.chart-lab-visual-projection-target { stroke: #f8fafc; stroke-width: 2; }
.chart-lab-visual-projection-label-leader {
  fill: none;
  opacity: 0.74;
  stroke-dasharray: 3 3;
  stroke-width: 1;
}
.chart-lab-visual-projection-label rect {
  fill: rgba(4, 13, 25, 0.94);
  stroke: #49758c;
  stroke-width: 1;
}
.chart-lab-visual-projection-label text {
  font-family: Inter, system-ui, sans-serif;
  letter-spacing: 0;
}
.chart-lab-visual-projection-label .title { fill: #f5f9fc; font-size: 10px; font-weight: 900; }
.chart-lab-visual-projection-label .detail { fill: #aac2d2; font-size: 9px; font-weight: 700; }

@media (max-width: 760px) {
  .chart-lab-visual-projection-label .detail { display: none; }
  .chart-lab-visual-projection-label rect { height: 23px; }
}

.member-vision-panel,
.vision-lab-workspace {
  width: 100%;
  min-width: 0;
}

.vision-lab-workspace {
  padding: 18px 0 6px;
  background: #020817;
  color: #eaf3fb;
}

.vision-lab-header {
  display: flex;
  align-items: flex-end;
  justify-content: space-between;
  gap: 20px;
  padding: 0 4px 14px;
}
.vision-lab-header h3 { margin: 2px 0 4px; color: #f6f9fc; font-size: 22px; }

.vision-lab-segments {
  display: flex;
  flex-wrap: wrap;
  gap: 5px;
}
.vision-lab-segments button {
  min-height: 34px;
  padding: 0 10px;
  border: 1px solid #31536b;
  border-radius: 5px;
  background: #091a29;
  color: #aebfd0;
  font-weight: 800;
  cursor: pointer;
}
.vision-lab-segments button.is-active {
  border-color: #63dcea;
  background: #113548;
  color: #ffffff;
  box-shadow: inset 0 -3px 0 #f2c94c;
}

.vision-lab-control-stack {
  display: grid;
  gap: 8px;
  justify-items: end;
  min-width: 0;
  max-width: min(100%, 720px);
}

.vision-lab-control-stack .vision-lab-segments {
  max-width: 100%;
}

@media (max-width: 820px) {
  .vision-lab-control-stack {
    width: 100%;
    max-width: 100%;
    justify-items: stretch;
  }
}

.vision-lab-stage-wrap {
  position: relative;
  width: 100%;
  min-width: 0;
  border-block: 1px solid #24465c;
  background: #020817;
  overflow: hidden;
}
.vision-lab-stage {
  width: 100%;
  height: clamp(360px, 50vh, 620px);
  min-height: 360px;
  touch-action: none;
}
.vision-lab-stage canvas { display: block; width: 100% !important; height: 100% !important; }
.vision-stage-unavailable { display: grid; place-items: center; height: 100%; margin: 0; color: #a9bac9; }
.vision-lab-stage-key {
  position: absolute;
  left: 12px;
  bottom: 12px;
  display: flex;
  flex-wrap: wrap;
  gap: 8px 14px;
  padding: 7px 9px;
  border: 1px solid #29485e;
  border-radius: 5px;
  background: rgba(2, 8, 23, 0.9);
  color: #aebfd0;
  font-size: 10px;
  font-weight: 700;
  pointer-events: none;
}
.vision-lab-stage-key span::before { content: ""; display: inline-block; width: 7px; height: 7px; margin-right: 5px; border-radius: 50%; background: currentColor; }
.vision-lab-stage-key .positive { color: #53dfa9; }
.vision-lab-stage-key .negative { color: #ff7788; }
.vision-lab-stage-key .current { color: #f2c94c; }

.vision-lab-readout {
  display: grid;
  grid-template-columns: repeat(4, minmax(0, 1fr));
  border-bottom: 1px solid #24465c;
}
.vision-lab-readout > div { min-width: 0; padding: 12px; border-right: 1px solid #203b4e; }
.vision-lab-readout > div:last-child { border-right: 0; }
.vision-lab-readout span { display: block; color: #8399ad; font-size: 10px; font-weight: 800; text-transform: uppercase; }
.vision-lab-readout strong { display: block; margin-top: 4px; color: #f6f9fc; overflow-wrap: anywhere; }

.vision-lab-audit-grid {
  display: grid;
  grid-template-columns: repeat(3, minmax(0, 1fr));
  gap: 10px;
  padding: 14px 0;
}
.vision-audit-card {
  min-width: 0;
  padding: 12px;
  border: 1px solid #29475d;
  border-radius: 6px;
  background: #081522;
}
.vision-audit-card.is-qualified { border-top: 3px solid #53dfa9; }
.vision-audit-card > div:first-child { display: flex; justify-content: space-between; gap: 8px; }
.vision-audit-card span { color: #f6f9fc; font-weight: 900; }
.vision-audit-card em { color: #8298aa; font-size: 10px; font-style: normal; font-weight: 800; }
.vision-audit-card > strong { display: block; margin: 10px 0; }
.vision-audit-card dl { display: grid; grid-template-columns: repeat(2, minmax(0, 1fr)); gap: 7px; margin: 0; }
.vision-audit-card dl div { min-width: 0; padding-top: 6px; border-top: 1px solid #1b3447; }
.vision-audit-card dt { color: #8298aa; font-size: 10px; }
.vision-audit-card dd { margin: 2px 0 0; color: #e9f2fa; font-weight: 800; }

.vision-lab-list { border: 1px solid #29475d; border-radius: 6px; overflow: hidden; }
.vision-memory-table-head,
.vision-memory-row { display: grid; grid-template-columns: minmax(0, 1fr) auto; gap: 10px; padding: 9px 11px; }
.vision-memory-table-head { background: #102235; color: #a9bdce; font-size: 11px; }
.vision-memory-row { border-top: 1px solid #1d384b; color: #b7c6d4; }
.vision-memory-row.is-current { background: #102538; box-shadow: inset 3px 0 #f2c94c; }
.vision-memory-row .is-positive { color: #53dfa9; }
.vision-memory-row .is-negative { color: #ff7788; }
.vision-memory-row .is-unresolved { color: #f2c94c; }

@media (max-width: 1100px) {
  .member-workspace-tabs { grid-template-columns: repeat(3, minmax(0, 1fr)) !important; }
  .vision-lab-header { align-items: flex-start; flex-direction: column; }
}

@media (max-width: 760px) {
  .member-workspace-tabs {
    display: flex !important;
    width: 100%;
    overflow-x: auto;
    scroll-snap-type: x proximity;
  }
  .member-workspace-tabs > button { flex: 0 0 min(70vw, 230px); scroll-snap-align: start; }
  .chart-lab-vjepa-strip { align-items: stretch; flex-direction: column; }
  .chart-lab-vjepa-open { width: 100%; }
  .chart-lab-vjepa-overlay { top: 6px; right: 6px; }
  .vision-lab-workspace { padding-top: 12px; }
  .vision-lab-stage { height: 310px; min-height: 310px; }
  .vision-lab-stage-key { right: 8px; left: 8px; bottom: 8px; }
  .vision-lab-readout { grid-template-columns: repeat(2, minmax(0, 1fr)); }
  .vision-lab-readout > div:nth-child(2) { border-right: 0; }
  .vision-lab-readout > div:nth-child(-n + 2) { border-bottom: 1px solid #203b4e; }
  .vision-lab-audit-grid { grid-template-columns: minmax(0, 1fr); }
}

@media (max-width: 900px) and (orientation: landscape) {
  .vision-lab-header { display: grid; grid-template-columns: minmax(0, 1fr) minmax(0, 1fr); }
  .vision-lab-stage { height: 300px; min-height: 300px; }
  .vision-lab-audit-grid { grid-template-columns: repeat(3, minmax(0, 1fr)); }
}

/* Vision Lab contextual explanations v37 */
.vision-info {
  position: relative;
  display: inline-grid;
  place-items: center;
  width: 17px;
  height: 17px;
  margin-left: 4px;
  padding: 0;
  border: 1px solid #54748b;
  border-radius: 50%;
  background: #102638;
  color: #bdefff;
  font: 800 11px/1 system-ui, sans-serif;
  vertical-align: middle;
  cursor: help;
}

.vision-info::after { content: none; }

.vision-info-tooltip-portal {
  position: fixed;
  z-index: 10000;
  width: min(320px, calc(100vw - 20px));
  padding: 10px 11px;
  border: 1px solid #5a829b;
  border-radius: 5px;
  background: #0b1b29;
  color: #eef7fd;
  box-shadow: 0 14px 34px rgba(0, 0, 0, 0.52);
  font-size: 12px;
  font-weight: 600;
  line-height: 1.5;
  letter-spacing: 0;
  text-align: left;
  text-transform: none;
  pointer-events: none;
}

.vision-info-tooltip-portal[hidden] { display: none !important; }

.vision-point-tooltip {
  position: absolute;
  z-index: 12;
  display: grid;
  gap: 2px;
  min-width: 145px;
  max-width: 190px;
  padding: 8px 9px;
  border: 1px solid #5b8299;
  border-radius: 5px;
  background: rgba(5, 17, 29, 0.96);
  color: #eef8ff;
  box-shadow: 0 8px 24px rgba(0, 0, 0, 0.42);
  pointer-events: none;
}
.vision-point-tooltip[hidden] { display: none; }
.vision-point-tooltip strong { color: #ffffff; font-size: 11px; }
.vision-point-tooltip span { color: #a9c1d2; font-size: 10px; }

.vision-current-label {
  position: absolute;
  z-index: 11;
  display: grid;
  gap: 1px;
  min-width: 92px;
  padding: 5px 7px;
  border: 1px solid #f2c94c;
  border-radius: 4px;
  background: rgba(8, 18, 29, 0.94);
  color: #ffffff;
  box-shadow: 0 5px 18px rgba(0, 0, 0, 0.38);
  pointer-events: none;
}
.vision-current-label[hidden] { display: none; }
.vision-current-label strong { color: #f2c94c; font-size: 9px; }
.vision-current-label span { color: #d7e3ec; font-size: 10px; font-weight: 700; }
.vision-lab-stage-key > .vision-info { flex: 0 0 auto; margin-left: 0; }

@media (max-width: 760px) {
  .vision-info::after {
    position: fixed;
    right: 14px;
    bottom: 18px;
    left: 14px;
    width: auto;
    transform: translateY(4px);
  }
  .vision-info:hover::after,
  .vision-info:focus-visible::after { transform: translateY(0); }
}

/* PMDesk full-site mobile application shell v43 */
.mobile-app-nav { display: none; }

@media (max-width: 760px), (max-width: 900px) and (orientation: landscape) and (max-height: 560px) {
  :root {
    --mobile-header-h: 58px;
    --mobile-nav-h: 66px;
    --mobile-page-pad: 12px;
  }

  html, body {
    width: 100%;
    max-width: 100%;
    overflow-x: clip !important;
    overscroll-behavior-x: none;
  }

  body {
    padding: 0 0 calc(var(--mobile-nav-h) + env(safe-area-inset-bottom, 0px)) !important;
    background: #020817 !important;
  }

  .site-shell {
    width: 100% !important;
    max-width: none !important;
    min-width: 0 !important;
    margin: 0 !important;
    padding: 0 !important;
  }

  .topbar {
    position: sticky !important;
    z-index: 80 !important;
    top: 0 !important;
    display: flex !important;
    min-height: var(--mobile-header-h) !important;
    margin: 0 !important;
    padding: 8px 10px !important;
    border-width: 0 0 1px !important;
    border-radius: 0 !important;
    background: rgba(4, 15, 27, 0.97) !important;
    backdrop-filter: blur(14px);
  }

  .brand-lockup { min-width: 0 !important; gap: 8px !important; }
  .brand-mark { width: 36px !important; height: 36px !important; min-width: 36px !important; border-radius: 7px !important; }
  .brand-name { max-width: 210px; font-size: 14px !important; line-height: 1.15 !important; white-space: nowrap; overflow: hidden; text-overflow: ellipsis; }
  .brand-sub { display: none !important; }
  .topnav, .topbar-meta, .site-search-toggle { display: none !important; }
  .topbar-right { margin-left: auto !important; gap: 6px !important; }
  .mobile-menu-toggle {
    display: inline-grid !important;
    place-items: center !important;
    width: 42px !important;
    height: 42px !important;
    min-width: 42px !important;
    padding: 0 !important;
    border-radius: 7px !important;
    color: #eaf4fc !important;
  }
  .mobile-menu-toggle > span:last-child { display: none !important; }

  main, .tab-section, .page-section, .launch-band {
    box-sizing: border-box !important;
    width: 100% !important;
    max-width: 100% !important;
    min-width: 0 !important;
  }
  main { padding: 0 !important; }
  .tab-section { margin: 0 !important; padding: 0 !important; }
  .launch-band, .page-section {
    margin: 0 !important;
    padding: 14px var(--mobile-page-pad) !important;
    border-right: 0 !important;
    border-left: 0 !important;
    border-radius: 0 !important;
    box-shadow: none !important;
  }

  .section-header, .section-header-row, .public-chart-sampler-head, .home-chart-lab-head,
  .pricing-header, .silver-join-content, .footer-brand-row {
    align-items: flex-start !important;
    flex-direction: column !important;
    gap: 8px !important;
  }
  .section-header h2, .pricing-header h2 { font-size: 23px !important; line-height: 1.15 !important; }
  .section-summary { max-width: none !important; font-size: 13px !important; }

  :is(button, .button, .pricing-btn, .pjb-btn, input, select, textarea) { min-height: 44px; }
  .form-actions, .pub-hero-actions, .home-chart-lab-actions, .free-member-actions { width: 100%; }
  .form-actions > *, .pub-hero-actions > *, .home-chart-lab-actions > *, .free-member-actions > * { flex: 1 1 auto; }

  /* Home becomes a mobile product feed rather than a compressed desktop landing page. */
  #public-dashboard, .pub-dash {
    width: 100% !important;
    margin: 0 !important;
    padding: 0 !important;
    border: 0 !important;
    border-radius: 0 !important;
  }
  .pub-hero {
    display: grid !important;
    grid-template-columns: minmax(0, 1fr) !important;
    min-height: auto !important;
    padding: 18px var(--mobile-page-pad) 14px !important;
    gap: 16px !important;
  }
  .pub-hero h1 { max-width: none !important; font-size: 28px !important; line-height: 1.06 !important; }
  .pub-hero-copy { font-size: 14px !important; line-height: 1.5 !important; }
  .pub-hero-proof { display: flex !important; overflow-x: auto !important; flex-wrap: nowrap !important; padding-bottom: 4px; }
  .pub-hero-proof span { flex: 0 0 auto; }
  .pmdesk-home-terminal-teasers { width: 100% !important; padding: 0 !important; border: 0 !important; background: transparent !important; }
  .pmdesk-home-trap-grid, .home-chart-lab-markets, .pub-markets-grid, .pub-charts-grid,
  .pub-co-grid, .pub-macro-grid, .public-price-grid, .join-features-grid {
    grid-template-columns: minmax(0, 1fr) !important;
  }
  .home-chart-lab, .public-chart-sampler, .pub-join-box, .pub-section {
    margin: 0 !important;
    padding: 16px var(--mobile-page-pad) !important;
    border-right: 0 !important;
    border-left: 0 !important;
    border-radius: 0 !important;
    box-shadow: none !important;
  }
  .public-chart-teaser { grid-template-columns: minmax(0, 1fr) !important; }
  .home-chart-lab-tools { flex-wrap: nowrap !important; overflow-x: auto !important; }
  .home-chart-lab-tools span { flex: 0 0 auto; }

  /* Brief, research, reports and media use an editorial mobile stream. */
  .live-price-board, .research-grid, .research-chart-grid, .member-report-grid,
  .member-chart-gallery, .member-video-context-grid, .global-market-grid,
  .macro-grid, .brief-price-grid {
    grid-template-columns: minmax(0, 1fr) !important;
  }
  .research-workspace-tabs, .member-workspace-tabs {
    display: flex !important;
    width: 100% !important;
    gap: 6px !important;
    padding: 6px !important;
    overflow-x: auto !important;
    border-radius: 0 !important;
    scroll-snap-type: x proximity;
  }
  .research-workspace-tabs > button, .member-workspace-tabs > button {
    flex: 0 0 auto !important;
    width: auto !important;
    min-width: 132px !important;
    min-height: 52px !important;
    padding: 7px 10px !important;
    border-radius: 6px !important;
    scroll-snap-align: start;
  }
  .member-workspace-tabs > button small { display: none !important; }
  .research-workspace-panel, .member-workspace-panel { width: 100% !important; min-width: 0 !important; }
  .research-article, .research-report, .member-report-card { padding: 12px !important; border-radius: 6px !important; }
  .brief-snapshot { width: 100% !important; height: auto !important; }

  /* Join and account flows become single-task screens. */
  .pricing-section { padding: 8px 0 !important; }
  .pricing-grid, .member-auth-grid, .account-management-grid, .join-features-grid,
  .free-member-unlock-grid {
    grid-template-columns: minmax(0, 1fr) !important;
  }
  .pricing-card, .login-panel, .member-status-panel, .auth-card, .account-billing-panel {
    width: 100% !important;
    max-width: none !important;
    margin: 0 !important;
    padding: 16px !important;
    border-radius: 7px !important;
  }
  .featured-card { transform: none !important; }
  .silver-join-hero { padding: 14px !important; border-radius: 0 !important; }
  .login-section .section-header { margin-bottom: 10px !important; }
  .member-form, .lead-form { width: 100% !important; }
  .member-form input, .lead-form input { width: 100% !important; font-size: 16px !important; }

  /* Paid workspace is an app screen. */
  #section-login > .launch-band, #section-account > .launch-band { padding-inline: 0 !important; }
  .member-dashboard, .member-dashboard-shell, .member-desk-shell, .member-workspace {
    width: 100% !important;
    max-width: 100% !important;
    margin: 0 !important;
    padding: 0 !important;
    border-right: 0 !important;
    border-left: 0 !important;
    border-radius: 0 !important;
  }
  .member-header, .member-status-header, .member-toolbar { padding-inline: var(--mobile-page-pad) !important; }
  .member-section { margin: 0 !important; padding: 14px var(--mobile-page-pad) !important; border-radius: 0 !important; }
  .member-chart-lab-section { padding: 0 !important; }
  .member-chart-lab-section > .section-header-row { padding: 12px !important; }
  .member-chart-lab-section > .section-header-row h3 { font-size: 18px !important; }
  .chart-lab-shell, .chart-lab-terminal, .chart-lab-trader-mode {
    width: 100% !important;
    max-width: 100% !important;
    margin: 0 !important;
    border-right: 0 !important;
    border-left: 0 !important;
    border-radius: 0 !important;
  }
  .chart-lab-terminal { padding: 0 !important; }
  .chart-lab-topline { padding: 12px !important; }
  .chart-lab-stat-grid { display: flex !important; overflow-x: auto !important; padding: 8px !important; }
  .chart-lab-stat-grid > div { flex: 0 0 145px !important; }
  .chart-lab-controls { padding-inline: 8px !important; }
  .chart-lab-control-row { display: flex !important; flex-wrap: nowrap !important; overflow-x: auto !important; }
  .chart-lab-control-row > * { flex: 0 0 auto; }
  .chart-lab-trader-head, .chart-lab-trader-readout { padding-inline: 10px !important; }
  .chart-lab-tv-chart, #chart-lab-tv-chart, #chart-lab-full-tv-chart, #chart-lab-focus-tv-chart {
    width: 100% !important;
    height: 62svh !important;
    min-height: 470px !important;
  }
  .chart-lab-playbook-canvas-overlay {
    right: 0 !important;
    left: 0 !important;
    max-width: none !important;
    border-radius: 0 !important;
    box-shadow: none !important;
  }
  .chart-lab-playbook-canvas-chips { flex-wrap: nowrap !important; overflow: hidden !important; }
  .chart-lab-playbook-canvas-chips span:nth-child(n+4) { display: none !important; }
  .chart-lab-trader-diagnostics, .chart-lab-full-diagnostics, .chart-lab-mini-metrics,
  .chart-lab-engine-grid, .chart-lab-fusion-grid {
    grid-template-columns: minmax(0, 1fr) !important;
  }
  .chart-lab-vjepa-strip { margin: 0 !important; border-radius: 0 !important; }

  /* Vision is full-width and touch-first. */
  .vision-lab-workspace { padding: 10px 0 0 !important; }
  .vision-lab-header { padding-inline: var(--mobile-page-pad) !important; }
  .vision-lab-segments { flex-wrap: nowrap !important; width: 100% !important; overflow-x: auto !important; }
  .vision-lab-segments button { flex: 0 0 auto; min-height: 44px; }
  .vision-lab-stage { height: 52svh !important; min-height: 340px !important; }
  .vision-lab-readout, .vision-lab-audit-grid, .vision-lab-list { margin-inline: var(--mobile-page-pad) !important; }

  .site-footer {
    margin: 0 !important;
    padding: 20px 14px calc(18px + env(safe-area-inset-bottom, 0px)) !important;
    border-radius: 0 !important;
  }
  .site-footer-links { display: flex !important; overflow-x: auto !important; flex-wrap: nowrap !important; }
  .site-footer-links a { flex: 0 0 auto; }

  .mobile-app-nav {
    position: fixed;
    z-index: 90;
    right: 0;
    bottom: 0;
    left: 0;
    display: grid;
    grid-template-columns: repeat(5, minmax(0, 1fr));
    height: calc(var(--mobile-nav-h) + env(safe-area-inset-bottom, 0px));
    padding: 5px 6px env(safe-area-inset-bottom, 0px);
    border-top: 1px solid #27465b;
    background: rgba(4, 15, 27, 0.98);
    backdrop-filter: blur(16px);
  }
  .mobile-app-nav :is(a, button) {
    display: grid;
    place-items: center;
    align-content: center;
    gap: 3px;
    min-width: 0;
    min-height: 52px;
    padding: 3px;
    border: 0;
    border-radius: 6px;
    background: transparent;
    color: #849caf;
    text-decoration: none;
  }
  .mobile-app-nav span {
    display: grid;
    place-items: center;
    width: 24px;
    height: 24px;
    border: 1px solid #426178;
    border-radius: 50%;
    font-size: 10px;
    font-weight: 900;
  }
  .mobile-app-nav strong { font-size: 10px; line-height: 1; }
  .mobile-app-nav .is-active { color: #ffffff; background: #10283a; }
  .mobile-app-nav .is-active span { border-color: #65dcea; color: #f2c94c; }

  body:has(#section-chart-lab:not([hidden])) .mobile-app-nav { display: none !important; }
  body:has(#section-chart-lab:not([hidden])) { padding-bottom: 0 !important; }
}

@media (max-width: 900px) and (orientation: landscape) and (max-height: 560px) {
  :root { --mobile-header-h: 48px; --mobile-nav-h: 0px; }
  body { padding-bottom: 0 !important; }
  .topbar { min-height: 48px !important; padding-block: 5px !important; }
  .mobile-app-nav { display: none !important; }
  .member-workspace-tabs { min-height: 48px !important; }
  .chart-lab-tv-chart, #chart-lab-tv-chart, #chart-lab-full-tv-chart, #chart-lab-focus-tv-chart {
    height: calc(100svh - 118px) !important;
    min-height: 300px !important;
  }
  .chart-lab-topline, .chart-lab-stat-grid { display: none !important; }
  .chart-lab-trader-mode { display: grid !important; grid-template-columns: minmax(0, 1fr) !important; }
  .vision-lab-stage { height: calc(100svh - 106px) !important; min-height: 270px !important; }
  .vision-lab-readout { grid-template-columns: repeat(4, minmax(0, 1fr)) !important; }
}

@media (max-width: 430px), (max-height: 760px) {
  .silver-popup-overlay {
    padding-top: max(10px, env(safe-area-inset-top));
  }

  .silver-popup-card {
    max-height: calc(100dvh - 20px - env(safe-area-inset-top) - env(safe-area-inset-bottom));
  }

  .silver-popup-disclaimer {
    font-size: 11px;
  }
}

/* Chart decision hierarchy v55. */
.chart-lab-strategy-gate {
  display: grid;
  grid-column: 1 / -1;
  grid-template-columns: minmax(220px, .72fr) minmax(280px, 1.5fr) minmax(230px, .9fr);
  align-items: center;
  gap: 14px;
  min-width: 0;
  min-height: 68px;
  padding: 10px 12px;
  border-bottom: 1px solid rgba(125, 211, 252, 0.18);
  background: #071522;
}

.chart-lab-strategy-state {
  display: grid;
  grid-template-columns: 11px minmax(0, 1fr);
  gap: 2px 9px;
  align-items: center;
  min-width: 0;
}

.chart-lab-strategy-state i {
  grid-row: 1 / 3;
  width: 11px;
  height: 11px;
  border-radius: 50%;
  background: #f2c94c;
  box-shadow: 0 0 0 4px rgba(242, 201, 76, 0.1);
}

.chart-lab-strategy-state span,
.chart-lab-trap-validator span {
  color: #8fb1c5;
  font-size: 9px;
  font-weight: 950;
  letter-spacing: .08em;
  text-transform: uppercase;
}

.chart-lab-strategy-state strong {
  color: #fff2b3;
  font-size: 17px;
  font-weight: 950;
  line-height: 1.15;
  overflow-wrap: anywhere;
}

.chart-lab-strategy-gate > p {
  margin: 0;
  color: #cad9e5;
  font-size: 11px;
  font-weight: 650;
  line-height: 1.45;
}

.chart-lab-trap-validator {
  display: grid;
  gap: 3px;
  min-width: 0;
  padding-left: 12px;
  border-left: 1px solid #29485c;
}

.chart-lab-trap-validator strong {
  color: #f8fbff;
  font-size: 13px;
  overflow-wrap: anywhere;
}

.chart-lab-trap-validator small {
  color: #8fa8ba;
  font-size: 9px;
  line-height: 1.3;
}

.chart-lab-strategy-gate.is-avoid {
  border-top: 1px solid rgba(251, 113, 133, 0.42);
  background: #21101a;
}
.chart-lab-strategy-gate.is-avoid .chart-lab-strategy-state i { background: #fb7185; box-shadow: 0 0 0 4px rgba(251, 113, 133, 0.12); }
.chart-lab-strategy-gate.is-avoid .chart-lab-strategy-state strong { color: #ffb1bd; }

.chart-lab-strategy-gate.is-engage {
  border-top: 1px solid rgba(52, 211, 153, 0.38);
  background: #092019;
}
.chart-lab-strategy-gate.is-engage .chart-lab-strategy-state i { background: #34d399; box-shadow: 0 0 0 4px rgba(52, 211, 153, 0.12); }
.chart-lab-strategy-gate.is-engage .chart-lab-strategy-state strong { color: #9ff4d1; }

.chart-lab-strategy-gate.is-conditional {
  border-top: 1px solid rgba(96, 165, 250, 0.4);
  background: #0a1b2b;
}
.chart-lab-strategy-gate.is-conditional .chart-lab-strategy-state i { background: #60a5fa; box-shadow: 0 0 0 4px rgba(96, 165, 250, 0.12); }
.chart-lab-strategy-gate.is-conditional .chart-lab-strategy-state strong { color: #b9d9ff; }

.chart-lab-chart-stage {
  position: relative;
  isolation: isolate;
}

.chart-lab-chart-stage::before {
  content: "";
  position: absolute;
  z-index: 3;
  inset: 0 224px 0 0;
  border: 1px solid transparent;
  pointer-events: none;
}

.chart-lab-chart-stage.gate-avoid::before {
  border-color: rgba(251, 113, 133, 0.38);
  background: linear-gradient(180deg, rgba(127, 29, 50, 0.16), transparent 30%);
}

.chart-lab-chart-stage.gate-wait::before {
  border-color: rgba(242, 201, 76, 0.22);
  background: linear-gradient(180deg, rgba(113, 88, 18, 0.09), transparent 24%);
}

.chart-lab-chart-stage.gate-engage::before {
  border-color: rgba(52, 211, 153, 0.32);
  background: linear-gradient(180deg, rgba(5, 94, 70, 0.13), transparent 27%);
}

.chart-lab-chart-stage.gate-conditional::before {
  border-color: rgba(96, 165, 250, 0.27);
  background: linear-gradient(180deg, rgba(30, 64, 175, 0.1), transparent 25%);
}

@container (max-width: 1050px) {
  .chart-lab-chart-stage::before { inset: 0; }
}

@media (max-width: 760px), (max-width: 900px) and (orientation: landscape) and (max-height: 600px) {
  .chart-lab-strategy-gate {
    grid-template-columns: minmax(0, 1fr) !important;
    gap: 8px !important;
    padding: 10px !important;
  }
  .chart-lab-strategy-gate > p { font-size: 10px !important; }
  .chart-lab-trap-validator {
    padding: 8px 0 0 !important;
    border-top: 1px solid #29485c !important;
    border-left: 0 !important;
  }
  .chart-lab-environment-strip {
    grid-template-columns: minmax(170px, 1fr) repeat(4, minmax(145px, 1fr)) !important;
    overflow-x: auto !important;
  }
}

/* PMDesk mobile visual QA corrections v44 */
.brand-name-mobile { display: none; }

@media (max-width: 760px), (max-width: 900px) and (orientation: landscape) and (max-height: 560px) {
  #cmd-palette-backdrop.palette-hidden {
    visibility: hidden !important;
    pointer-events: none !important;
  }

  .topbar .brand-lockup {
    flex: 1 1 auto !important;
    width: auto !important;
    max-width: calc(100% - 52px) !important;
  }

  .topbar .brand-lockup > div:last-child {
    min-width: 0 !important;
  }

  .topbar .brand-name {
    max-width: none !important;
    overflow: visible !important;
    text-overflow: clip !important;
  }

  .brand-name-desktop { display: none !important; }
  .brand-name-mobile { display: inline !important; }

  .topbar .topbar-right {
    flex: 0 0 42px !important;
  }

  #public-dashboard .pub-breaking {
    margin: 0 !important;
    padding: 10px 12px !important;
    border-color: #7b3340 !important;
    border-radius: 0 !important;
    background: #28131c !important;
    color: #ffd8dc !important;
    font-size: 12px !important;
    line-height: 1.45 !important;
  }

  #public-dashboard > .pub-footer-links {
    display: none !important;
  }

  body #public-dashboard .pub-hero {
    min-height: 0 !important;
    padding: 18px 13px 16px !important;
  }

  body #public-dashboard .pub-hero h1 {
    max-width: 100% !important;
    margin: 8px 0 10px !important;
    font-size: 36px !important;
    line-height: 1.08 !important;
    overflow-wrap: anywhere;
  }

  body #public-dashboard .pub-hero > div {
    min-height: 0 !important;
  }

  body #public-dashboard .pmdesk-home-terminal-teasers {
    min-height: 0 !important;
  }

  .site-footer .site-footer-links {
    display: flex !important;
    flex-wrap: wrap !important;
    justify-content: center !important;
    gap: 7px !important;
    overflow: visible !important;
    padding: 0 !important;
  }

  .site-footer .site-footer-links a {
    flex: 0 1 auto !important;
    min-height: 40px !important;
  }
}

/* PMDesk authenticated Account contrast repair v48 */
#section-account :is(
  .account-section,
  .account-empty-card,
  .account-status-panel,
  .account-billing-panel,
  .change-password-panel,
  .change-password-panel form,
  .billing-card,
  .billing-item
) {
  border-color: rgba(125, 211, 252, 0.3) !important;
  background: #071827 !important;
  color: #eaf4ff !important;
  box-shadow: none !important;
}

#section-account :is(
  .account-status-panel,
  .account-billing-panel,
  .account-empty-card,
  .change-password-panel
) {
  border: 1px solid rgba(125, 211, 252, 0.3) !important;
}

#section-account :is(h1, h2, h3, h4, strong, b, label, .billing-value) {
  color: #f8fbff !important;
}

#section-account :is(
  p,
  small,
  .muted-copy,
  .data-source-note,
  .loading-text,
  .billing-label,
  .rate-locked,
  .covers-note,
  .billing-terms-link
) {
  color: #aec2d2 !important;
}

#section-account :is(.founding-badge-banner, .starter-badge-banner) {
  border-color: #796324 !important;
  background: #29230f !important;
  color: #ffe89a !important;
}

#section-account .pro-free-banner,
#section-account .auto-renew-banner.active,
#section-account .billing-savings {
  border-color: #257f61 !important;
  background: #0b2a24 !important;
  color: #9ff4d1 !important;
}

#section-account .auto-renew-banner {
  border-color: #34647d !important;
  background: #0b2435 !important;
  color: #d9efff !important;
}

#section-account .auto-renew-banner.pending {
  border-color: #806b2e !important;
  background: #2b2512 !important;
  color: #ffe9a8 !important;
}

#section-account :is(.auto-renew-banner, .billing-savings, .founding-badge-banner, .starter-badge-banner, .pro-free-banner) strong {
  color: inherit !important;
}

#section-account .billing-terms-link a {
  color: #7dd3fc !important;
}

#section-account :is(input, textarea, select) {
  border-color: #31566d !important;
  background: #020b16 !important;
  color: #f8fbff !important;
}

@media (max-width: 760px), (max-width: 900px) and (orientation: landscape) and (max-height: 560px) {
  #section-account .account-management-grid,
  #section-account .billing-grid {
    grid-template-columns: minmax(0, 1fr) !important;
  }

  #section-account :is(.account-status-panel, .account-billing-panel, .account-empty-card, .change-password-panel) {
    width: 100% !important;
    min-width: 0 !important;
    padding: 15px !important;
    border-right: 0 !important;
    border-left: 0 !important;
    border-radius: 0 !important;
  }
}