@import url("https://fonts.googleapis.com/css2?family=Cormorant+Garamond:wght@500;600;700&family=Inter:wght@300;400;500;600;700;800&family=Josefin+Sans:wght@300;400;500;600;700&family=Libre+Baskerville:wght@400;700&family=Limelight&family=Share+Tech+Mono&family=Special+Elite&family=Stardos+Stencil:wght@400;700&display=swap");

/* ── JupiterSpec shared design system ─────────────────────────────────────── */

/* Tokens */
:root {
  --bg:         #05080f;
  --surface:    #0a1020;
  --surface-hi: #0f1830;
  --plasma:     #0f7669;
  --plasma-dim: rgba(15, 118, 105,0.10);
  --green:      #00e87a;
  --red:        #f0304a;
  --gold:       #f7fbf2;
  --text:       #d4e4f4;
  --text-2:     #7090b0;
  --text-3:     #405070;
  --border:     rgba(15, 118, 105,0.08);
  --border-hi:  rgba(15, 118, 105,0.20);
  --shadow-sm:  0 2px 8px rgba(0,0,0,0.4);
  --shadow-md:  0 4px 24px rgba(0,0,0,0.6);
  /* legacy aliases so older inline vars still work */
  --void:       var(--bg);
  --text-dim:   var(--text-2);
  --card-bg:    var(--surface);
}

/* Reset */
*, *::before, *::after { margin: 0; padding: 0; box-sizing: border-box; }

html, body {
  width: 100%; min-height: 100%;
  background: var(--bg);
  color: var(--text);
  font-family: 'Inter', sans-serif;
  overflow-x: hidden;
}

/* Background */
body::before {
  content: '';
  position: fixed; inset: 0;
  background:
    linear-gradient(180deg, rgba(8,12,20,0.98), rgba(2,4,8,0.99)),
    linear-gradient(rgba(180,205,230,0.026) 1px, transparent 1px) 0 0 / 60px 60px,
    linear-gradient(90deg, rgba(180,205,230,0.022) 1px, transparent 1px) 0 0 / 60px 60px;
  background-color: var(--bg);
  z-index: 0; pointer-events: none;
}

/* Hide scan-line div if present */
.scan-line { display: none; }

/* App container */
#app {
  position: relative; z-index: 1;
  width: 100%; max-width: 1400px;
  margin: 0 auto;
  padding: 0 24px 60px;
}

/* ── Header ── */
header {
  padding: 20px 0 16px;
  border-bottom: 1px solid var(--border);
  margin-bottom: 20px;
  display: flex; align-items: center;
  justify-content: space-between; flex-wrap: wrap; gap: 12px;
}

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

.brand-icon {
  width: 44px; height: 44px;
  background: url("/jupiterspec-logo.png?v=artdeco-mobile-polish-20260608") center / contain no-repeat !important;
  border-radius: 14px;
  box-shadow:
    0 0 0 1px rgba(15, 118, 105,0.18),
    0 10px 24px rgba(0,0,0,0.50),
    0 0 24px rgba(15, 118, 105,0.10);
  flex-shrink: 0;
}

.brand:hover .brand-icon {
  box-shadow:
    0 0 0 1px rgba(15, 118, 105,0.34),
    0 12px 30px rgba(0,0,0,0.58),
    0 0 28px rgba(15, 118, 105,0.18);
}

.brand-name {
  font-family: 'Limelight', monospace;
  font-size: 20px; font-weight: 900; color: #fff;
}

.brand-sub {
  font-family: 'Inter', sans-serif;
  font-size: 9px; color: var(--plasma);
  letter-spacing: 0.2em; text-transform: uppercase;
  font-weight: 500;
}

.status-bar { display: flex; gap: 16px; align-items: center; flex-wrap: wrap; }

.status-item {
  font-family: 'Inter', sans-serif;
  font-size: 11px; color: var(--text-2);
  display: flex; align-items: center; gap: 6px;
  font-weight: 500;
}

.status-dot {
  width: 6px; height: 6px; border-radius: 50%;
  background: var(--green);
  animation: pulse 2s infinite;
}

@keyframes pulse { 0%,100%{opacity:1} 50%{opacity:0.3} }

/* ── Nav — pill-style active ── */
.page-nav {
  display: flex; gap: 4px; flex-wrap: wrap;
  margin-bottom: 24px; padding-bottom: 16px;
  border-bottom: 1px solid var(--border);
}

.nav-tab {
  font-family: 'Inter', sans-serif;
  font-size: 11px; font-weight: 500;
  letter-spacing: 0.10em;
  color: var(--text-2); text-decoration: none;
  padding: 5px 13px; border-radius: 20px;
  border: 1px solid transparent;
  transition: all 0.15s; text-transform: uppercase;
  white-space: nowrap;
}

.nav-tab:hover {
  color: var(--text);
  background: var(--plasma-dim);
}

.nav-tab.active {
  color: var(--plasma);
  background: var(--plasma-dim);
  border-color: var(--border-hi);
}

.nav-tab.coming {
  opacity: 0.3; cursor: default; pointer-events: none;
}

.strategy-jump {
  display: inline-flex;
  align-items: center;
  gap: 6px;
  margin-left: auto;
  color: var(--text-2);
  font-family: 'Josefin Sans', monospace;
  font-size: 10px;
  letter-spacing: 0.12em;
  text-transform: uppercase;
}

.strategy-jump select {
  min-width: 138px;
  max-width: 190px;
  color: var(--plasma);
  background: rgba(5, 15, 30, 0.84);
  border: 1px solid var(--border-hi);
  border-radius: 4px;
  padding: 6px 28px 6px 9px;
  font-family: 'Josefin Sans', monospace;
  font-size: 10px;
  letter-spacing: 0.08em;
  text-transform: uppercase;
}

/* ── Cards ── */
.card {
  background: var(--surface);
  border: 1px solid var(--border);
  border-radius: 10px;
  box-shadow: var(--shadow-sm);
  overflow: hidden;
  transition: background 0.15s, box-shadow 0.15s;
}

.card:hover {
  background: var(--surface-hi);
  box-shadow: var(--shadow-md);
}

/* ── Section headers ── */
.section-header {
  display: flex; align-items: center;
  justify-content: space-between;
  margin-bottom: 12px; flex-wrap: wrap; gap: 10px;
}

.section-title {
  font-family: 'Inter', sans-serif;
  font-size: 10px; font-weight: 600;
  color: var(--text-2);
  letter-spacing: 0.18em;
  text-transform: uppercase;
  padding-bottom: 6px;
  border-bottom: 1px solid var(--border);
}

/* Remove old ::before bar */
.section-title::before { display: none; }

/* ── Badges ── */
.badge {
  display: inline-block;
  background: var(--plasma-dim);
  border: 1px solid var(--border-hi);
  color: var(--plasma);
  font-family: 'Inter', sans-serif;
  font-size: 10px; font-weight: 600;
  padding: 2px 8px; border-radius: 3px;
  letter-spacing: 0.08em; text-transform: uppercase;
}

.badge.critical { background: rgba(240,48,74,0.15); border-color: rgba(240,48,74,0.30); color: var(--red); }
.badge.high     { background: rgba(247,251,242,0.15); border-color: rgba(247,251,242,0.30); color: var(--gold); }
.badge.medium   { background: var(--plasma-dim);    border-color: var(--border-hi);     color: var(--plasma); }
.badge.low      { background: rgba(255,255,255,0.05); border-color: var(--border);       color: var(--text-2); }
.badge.static   { background: rgba(112,144,176,0.12); border-color: rgba(112,144,176,0.25); color: var(--text-2); }

.ticker-link {
  color: inherit;
  text-decoration: none;
  border-bottom: 1px solid rgba(15, 118, 105,0.28);
  transition: color 0.15s, border-color 0.15s;
}

.ticker-link:hover {
  color: var(--plasma);
  border-color: var(--plasma);
}

.broker-review {
  margin-top: 10px;
  display: flex;
  align-items: center;
  gap: 8px;
  flex-wrap: wrap;
  border-top: 1px solid var(--border);
  padding-top: 10px;
}

.broker-review-btn {
  background: rgba(15, 118, 105,0.10);
  border: 1px solid var(--border-hi);
  color: var(--plasma);
  border-radius: 4px;
  padding: 6px 11px;
  font-family: 'Josefin Sans', monospace;
  font-size: 10px;
  letter-spacing: 0.10em;
  cursor: pointer;
  text-transform: uppercase;
}

.broker-review-btn:hover {
  background: rgba(15, 118, 105,0.18);
}

.broker-review-note {
  color: var(--text-2);
  font-family: 'Josefin Sans', monospace;
  font-size: 10px;
  letter-spacing: 0.04em;
}

.execution-notice {
  margin-top: 10px;
  padding: 9px 10px;
  border: 1px solid rgba(15, 118, 105, 0.24);
  border-radius: 6px;
  background: rgba(15, 118, 105, 0.07);
  font-family: 'Josefin Sans', monospace;
  font-size: 10px;
  line-height: 1.45;
}

.execution-notice.watch {
  border-color: rgba(247,251,242, 0.26);
  background: rgba(247,251,242, 0.06);
}

.execution-notice.caution,
.execution-notice.verify_first {
  border-color: rgba(215,255,106, 0.3);
  background: rgba(215,255,106, 0.07);
}

.execution-notice-title {
  color: var(--green);
  text-transform: uppercase;
  letter-spacing: 0.12em;
  margin-bottom: 3px;
}

.execution-notice.watch .execution-notice-title,
.execution-notice.caution .execution-notice-title,
.execution-notice.verify_first .execution-notice-title {
  color: var(--gold);
}

.institutional-panel {
  margin-top: 12px;
  padding: 11px;
  border: 1px solid rgba(232, 220, 192, 0.18);
  border-radius: 7px;
  background:
    linear-gradient(135deg, rgba(232, 220, 192, 0.055), rgba(15, 118, 105, 0.035)),
    rgba(255,255,255,0.018);
}

.institutional-head {
  color: #f1e7cb;
  font-family: 'Josefin Sans', monospace;
  font-size: 10px;
  letter-spacing: 0.16em;
  text-transform: uppercase;
  margin-bottom: 9px;
}

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

.institutional-cell {
  min-width: 0;
  border: 1px solid rgba(255,255,255,0.07);
  border-radius: 5px;
  background: rgba(0,0,0,0.18);
  padding: 7px 8px;
}

.institutional-label {
  display: block;
  color: var(--text-2);
  font-family: 'Josefin Sans', monospace;
  font-size: 8px;
  letter-spacing: 0.14em;
  text-transform: uppercase;
  margin-bottom: 3px;
}

.institutional-value {
  display: block;
  color: var(--text);
  font-family: 'Josefin Sans', monospace;
  font-size: 10px;
  line-height: 1.35;
  overflow-wrap: anywhere;
}

.institutional-reason {
  margin-top: 9px;
  color: var(--text-2);
  font-family: 'Josefin Sans', monospace;
  font-size: 10px;
  line-height: 1.5;
}

.trade-ticket-backdrop {
  position: fixed;
  inset: 0;
  z-index: 1000;
  display: none;
  align-items: center;
  justify-content: center;
  padding: 20px;
  background: rgba(0,0,0,0.78);
  backdrop-filter: blur(10px);
}

.trade-ticket-backdrop.open {
  display: flex;
}

.trade-ticket-modal {
  width: min(680px, 100%);
  max-height: min(760px, 92vh);
  overflow: auto;
  background: #070707;
  border: 1px solid var(--border-hi);
  border-radius: 8px;
  box-shadow: 0 24px 90px rgba(0,0,0,0.72);
}

.trade-ticket-head {
  display: flex;
  align-items: flex-start;
  justify-content: space-between;
  gap: 14px;
  padding: 16px 18px;
  border-bottom: 1px solid var(--border);
}

.trade-ticket-title {
  font-family: 'Limelight', monospace;
  font-size: 13px;
  letter-spacing: 0.12em;
  color: #fff;
}

.trade-ticket-close {
  border: 1px solid var(--border);
  background: transparent;
  color: var(--text-2);
  border-radius: 4px;
  padding: 4px 8px;
  cursor: pointer;
  font-family: 'Josefin Sans', monospace;
}

.trade-ticket-body {
  padding: 18px;
  display: grid;
  gap: 14px;
}

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

.trade-ticket-field {
  border: 1px solid var(--border);
  background: rgba(255,255,255,0.025);
  border-radius: 6px;
  padding: 9px 10px;
}

.trade-ticket-label {
  font-family: 'Josefin Sans', monospace;
  font-size: 9px;
  color: var(--text-2);
  letter-spacing: 0.14em;
  text-transform: uppercase;
  margin-bottom: 4px;
}

.trade-ticket-value {
  font-family: 'Josefin Sans', monospace;
  color: var(--text);
  font-size: 12px;
  overflow-wrap: anywhere;
}

.trade-ticket-copy {
  width: 100%;
  min-height: 150px;
  background: rgba(255,255,255,0.035);
  color: var(--text);
  border: 1px solid var(--border);
  border-radius: 6px;
  padding: 12px;
  font: 11px/1.55 'Josefin Sans', monospace;
  resize: vertical;
}

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

.trade-ticket-action {
  background: rgba(215,231,247,0.10);
  border: 1px solid var(--border-hi);
  color: var(--text);
  border-radius: 4px;
  padding: 8px 12px;
  cursor: pointer;
  font-family: 'Josefin Sans', monospace;
  font-size: 10px;
  letter-spacing: 0.10em;
  text-transform: uppercase;
}

.trade-ticket-action.broker-brand {
  display: inline-flex;
  align-items: center;
  gap: 8px;
  padding: 7px 11px 7px 8px;
}

.trade-ticket-action.schwab {
  border-color: rgba(101,183,255,0.45);
  color: #d9efff;
}

.trade-ticket-action.thinkorswim {
  border-color: rgba(77,242,199,0.45);
  color: #d8fff6;
}

.trade-ticket-action.tradier {
  border-color: rgba(46,211,255,0.48);
  color: #e3f9ff;
}

.broker-brand-logo {
  width: 22px;
  height: 22px;
  border-radius: 5px;
  flex: 0 0 22px;
  box-shadow: 0 0 0 1px rgba(255,255,255,0.12);
}

.trade-ticket-action.primary {
  color: var(--plasma);
}

.trade-ticket-qty {
  display: inline-flex;
  align-items: center;
  gap: 7px;
  color: var(--text-2);
  font-family: 'Josefin Sans', monospace;
  font-size: 10px;
  letter-spacing: 0.10em;
  text-transform: uppercase;
}

.trade-ticket-qty input {
  width: 66px;
  background: rgba(255,255,255,0.045);
  border: 1px solid var(--border);
  border-radius: 4px;
  color: var(--text);
  padding: 7px 8px;
  font: 11px 'Josefin Sans', monospace;
}

.tradier-preview-result {
  color: var(--text-2);
  font-family: 'Josefin Sans', monospace;
  font-size: 10px;
  line-height: 1.65;
  border: 1px solid rgba(46,211,255,0.20);
  border-radius: 6px;
  background: rgba(46,211,255,0.055);
  padding: 10px 11px;
}

.tradier-preview-result.ok {
  color: var(--text);
  border-color: rgba(15, 118, 105,0.28);
  background: rgba(15, 118, 105,0.06);
}

.trade-ticket-warning {
  color: var(--text-2);
  font-family: 'Josefin Sans', monospace;
  font-size: 10px;
  line-height: 1.65;
  border-top: 1px solid var(--border);
  padding-top: 12px;
}

.profit-timeline-modal {
  width: min(980px, 100%);
}

.profit-timeline-body {
  gap: 16px;
}

.profit-scenario-bar {
  display: flex;
  gap: 8px;
  flex-wrap: wrap;
}

.profit-scenario-btn {
  border: 1px solid var(--border);
  border-radius: 999px;
  background: rgba(255,255,255,0.035);
  color: var(--text-2);
  padding: 7px 11px;
  font-family: 'Josefin Sans', monospace;
  font-size: 10px;
  letter-spacing: 0.08em;
  text-transform: uppercase;
  cursor: pointer;
}

.profit-scenario-btn:hover,
.profit-scenario-btn.active {
  border-color: rgba(232,220,192,0.52);
  background: rgba(232,220,192,0.10);
  color: #f4f0e8;
}

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

.profit-summary-card {
  border: 1px solid var(--border);
  border-radius: 6px;
  padding: 11px 12px;
  background: rgba(255,255,255,0.026);
  min-width: 0;
}

.profit-summary-label {
  color: var(--text-2);
  font-family: 'Josefin Sans', monospace;
  font-size: 9px;
  letter-spacing: 0.16em;
  text-transform: uppercase;
  margin-bottom: 5px;
}

.profit-summary-value {
  color: #fff;
  font-family: 'Limelight', monospace;
  font-size: 18px;
  letter-spacing: 0.04em;
  overflow-wrap: anywhere;
}

.profit-summary-value.up,
.profit-timeline-table .up {
  color: #0f7669;
}

.profit-summary-value.down,
.profit-timeline-table .down {
  color: #ff9ca9;
}

.profit-summary-note {
  margin-top: 5px;
  color: var(--text-2);
  font-family: 'Josefin Sans', monospace;
  font-size: 10px;
  line-height: 1.35;
}

.profit-chart-wrap {
  width: 100%;
  min-height: 260px;
  border: 1px solid var(--border);
  border-radius: 6px;
  background: #04070b;
  overflow: hidden;
}

#profit-timeline-chart {
  display: block;
  width: 100%;
  height: 330px;
}

.profit-timeline-table {
  width: 100%;
  border-collapse: collapse;
  overflow: hidden;
  border: 1px solid var(--border);
  border-radius: 6px;
  font-family: 'Josefin Sans', monospace;
  font-size: 10px;
}

.profit-timeline-table th,
.profit-timeline-table td {
  border-bottom: 1px solid rgba(255,255,255,0.055);
  padding: 8px 9px;
  text-align: right;
  white-space: nowrap;
}

.profit-timeline-table th:first-child,
.profit-timeline-table td:first-child {
  text-align: left;
}

.profit-timeline-table th {
  color: var(--text-2);
  font-size: 9px;
  letter-spacing: 0.12em;
  text-transform: uppercase;
  background: rgba(255,255,255,0.035);
}

.profit-timeline-table td {
  color: var(--text);
}

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

.profit-assumption-grid div {
  border: 1px solid var(--border);
  border-radius: 6px;
  background: rgba(255,255,255,0.024);
  padding: 9px 10px;
  min-width: 0;
}

.profit-assumption-grid span,
.profit-assumption-grid strong {
  display: block;
  font-family: 'Josefin Sans', monospace;
}

.profit-assumption-grid span {
  color: var(--text-2);
  font-size: 9px;
  letter-spacing: 0.14em;
  text-transform: uppercase;
  margin-bottom: 4px;
}

.profit-assumption-grid strong {
  color: var(--text);
  font-size: 11px;
  font-weight: 400;
  overflow-wrap: anywhere;
}

.profit-warning {
  margin-top: 10px;
  border: 1px solid rgba(247,251,242,0.34);
  border-radius: 6px;
  background: rgba(247,251,242,0.07);
  color: var(--text);
  font-family: 'Josefin Sans', monospace;
  font-size: 10px;
  line-height: 1.6;
  padding: 10px 11px;
}

.profit-warning.ready {
  border-color: rgba(15, 118, 105,0.28);
  background: rgba(15, 118, 105,0.06);
}

.profit-warning.estimate {
  border-color: rgba(232,220,192,0.38);
  background: rgba(232,220,192,0.075);
}

.profit-timeline-btn {
  border-color: rgba(127,240,179,0.36);
  color: #0f7669;
}

@media (max-width: 560px) {
  .trade-ticket-grid {
    grid-template-columns: 1fr;
  }

  .profit-summary-grid,
  .profit-assumption-grid {
    grid-template-columns: 1fr;
  }

  .profit-chart-wrap {
    min-height: 230px;
  }

  #profit-timeline-chart {
    height: 250px;
  }

  .profit-timeline-table {
    display: block;
    overflow-x: auto;
  }
}

.disclosure-link {
  color: var(--gold);
  font-family: 'Josefin Sans', monospace;
  font-size: 10px;
  letter-spacing: 0.08em;
  text-decoration: none;
  border-bottom: 1px solid rgba(247,251,242,0.28);
}

.disclosure-link:hover {
  border-color: var(--gold);
}

/* Launch visual system: pop-market editorial, still built for fast scanning. */
:root {
  --bg: #050506;
  --surface: rgba(13, 14, 18, 0.90);
  --surface-hi: rgba(24, 25, 31, 0.94);
  --surface-pop: rgba(255, 255, 255, 0.045);
  --ink: #f7f1e8;
  --cream: #f4ead7;
  --cyan: #23d8ff;
  --magenta: #ff386f;
  --lemon: #ffd84d;
  --mint: #4dff9a;
  --violet: #8f5dff;
  --plasma: var(--cyan);
  --plasma-dim: rgba(35, 216, 255, 0.105);
  --green: var(--mint);
  --red: var(--magenta);
  --gold: var(--lemon);
  --purple: var(--violet);
  --text: #e8eef2;
  --text-2: #9ba8b5;
  --text-3: #5d6975;
  --border: rgba(247, 241, 232, 0.105);
  --border-hi: rgba(35, 216, 255, 0.36);
  --shadow-sm: 0 10px 26px rgba(0, 0, 0, 0.36);
  --shadow-md: 0 18px 44px rgba(0, 0, 0, 0.46);
  --void: var(--bg);
  --text-dim: var(--text-2);
  --card-bg: var(--surface);
}

html {
  background: var(--bg);
}

body {
  background:
    repeating-linear-gradient(135deg, rgba(255, 216, 77, 0.025) 0 1px, transparent 1px 18px),
    linear-gradient(180deg, #070708 0%, #020303 100%) !important;
}

body::before {
  background:
    linear-gradient(90deg, rgba(255, 56, 111, 0.10) 0 3px, transparent 3px 26px),
    linear-gradient(rgba(247, 241, 232, 0.045) 1px, transparent 1px) 0 0 / 48px 48px,
    linear-gradient(90deg, rgba(247, 241, 232, 0.035) 1px, transparent 1px) 0 0 / 48px 48px,
    linear-gradient(180deg, rgba(7, 7, 8, 0.70), rgba(2, 3, 3, 0.94)) !important;
  opacity: 1 !important;
}

body::after {
  content: "";
  position: fixed;
  inset: 0;
  pointer-events: none;
  z-index: 1;
  background:
    linear-gradient(90deg, transparent 0 70%, rgba(35, 216, 255, 0.085) 70% 70.45%, transparent 70.45%),
    linear-gradient(180deg, rgba(255, 216, 77, 0.045), transparent 28%, rgba(255, 56, 111, 0.035));
  mix-blend-mode: screen;
  opacity: 0.74;
}

#app {
  max-width: 1480px;
  padding-top: 0;
}

body.market-backdrop-ready #app,
body.market-backdrop-ready .login-shell {
  position: relative;
  z-index: 3;
}

header {
  position: sticky;
  top: 0;
  z-index: 30;
  margin: 0 -24px 18px;
  padding: 16px 24px 14px;
  background:
    linear-gradient(90deg, rgba(35, 216, 255, 0.16), transparent 30%),
    linear-gradient(180deg, rgba(5, 5, 6, 0.96), rgba(5, 5, 6, 0.84));
  border-bottom: 1px solid rgba(247, 241, 232, 0.14);
  backdrop-filter: none;
}

header::after {
  content: "";
  position: absolute;
  left: 24px;
  right: 24px;
  bottom: -1px;
  height: 2px;
  background: linear-gradient(90deg, var(--magenta), var(--lemon) 28%, var(--cyan) 62%, transparent);
}

.brand {
  min-width: 0;
}

.brand-icon {
  width: 48px !important;
  height: 48px !important;
  border-radius: 8px !important;
  background-color: #070708 !important;
  box-shadow:
    -5px 5px 0 rgba(255, 56, 111, 0.70),
    5px -5px 0 rgba(35, 216, 255, 0.58),
    0 0 0 1px rgba(247, 241, 232, 0.22),
    0 16px 34px rgba(0, 0, 0, 0.58) !important;
}

.brand-name {
  color: var(--ink) !important;
  font-size: clamp(18px, 2.2vw, 25px) !important;
  line-height: 1;
  letter-spacing: 0.18em !important;
  text-shadow:
    2px 0 rgba(35, 216, 255, 0.35),
    -2px 0 rgba(255, 56, 111, 0.28) !important;
}

.brand-sub {
  margin-top: 6px;
  color: var(--cream) !important;
  letter-spacing: 0.32em !important;
  opacity: 0.76;
}

.status-bar {
  gap: 8px !important;
}

.status-item {
  min-height: 28px;
  padding: 6px 9px;
  border: 1px solid rgba(247, 241, 232, 0.10);
  border-radius: 4px;
  background: rgba(255, 255, 255, 0.035);
  color: var(--text-2) !important;
  font-family: 'Josefin Sans', monospace !important;
  letter-spacing: 0.09em;
}

.status-dot {
  box-shadow: 0 0 0 3px rgba(77, 255, 154, 0.10), 0 0 14px rgba(77, 255, 154, 0.70) !important;
}

.page-nav {
  position: relative;
  gap: 7px !important;
  margin-bottom: 22px !important;
  padding: 10px 0 18px !important;
  border-bottom: 1px solid rgba(247, 241, 232, 0.12) !important;
  overflow-x: auto;
  scrollbar-width: thin;
}

.page-nav::before {
  content: "";
  position: absolute;
  left: 0;
  right: 0;
  bottom: 0;
  height: 1px;
  background: linear-gradient(90deg, transparent, rgba(255, 216, 77, 0.70), transparent);
}

.nav-tab {
  min-height: 34px;
  border-radius: 4px !important;
  border: 1px solid rgba(247, 241, 232, 0.105) !important;
  background: rgba(255, 255, 255, 0.025) !important;
  color: var(--text-2) !important;
  font-family: 'Josefin Sans', monospace !important;
  font-size: 10px !important;
  letter-spacing: 0.16em !important;
  display: inline-flex !important;
  align-items: center;
  justify-content: center;
  box-shadow: none !important;
}

.nav-tab:hover {
  color: var(--ink) !important;
  border-color: rgba(35, 216, 255, 0.38) !important;
  background: rgba(35, 216, 255, 0.10) !important;
}

.nav-tab.active {
  color: #050506 !important;
  border-color: transparent !important;
  background: linear-gradient(135deg, var(--lemon), var(--cyan)) !important;
  box-shadow: 0 10px 24px rgba(35, 216, 255, 0.16) !important;
}

.page-header,
.filter-panel,
.chart-container,
.table-wrap,
.alerts-grid,
.picks-grid,
.settings-panel {
  position: relative;
}

.page-header {
  padding: 16px 18px;
  border: 1px solid rgba(247, 241, 232, 0.12);
  border-left: 4px solid var(--lemon);
  border-radius: 8px;
  background:
    linear-gradient(90deg, rgba(255, 216, 77, 0.10), transparent 36%),
    rgba(13, 14, 18, 0.70);
  box-shadow: var(--shadow-sm);
}

.page-title {
  color: var(--ink) !important;
  font-size: clamp(18px, 2.4vw, 28px) !important;
  letter-spacing: 0.12em !important;
}

.page-subtitle,
.refresh-info {
  color: var(--text-2) !important;
}

.stat-card,
.trade-card,
.alert-card,
.pick-card,
.series-card,
.disclosure-card,
.login-card,
.key-gate,
.key-bar,
.trade-rec,
.filter-panel,
.chart-container,
.table-wrap,
.modal,
.trade-ticket-modal,
.profit-summary-card,
.profit-chart-wrap,
.profit-assumption-grid div {
  border-radius: 8px !important;
  background:
    linear-gradient(180deg, rgba(255, 255, 255, 0.055), rgba(255, 255, 255, 0.018)),
    var(--surface) !important;
  border-color: rgba(247, 241, 232, 0.13) !important;
  box-shadow: var(--shadow-sm);
  backdrop-filter: none;
}

.stat-card,
.alert-card,
.pick-card,
.trade-card,
.series-card,
.disclosure-card {
  position: relative;
  overflow: hidden;
}

.stat-card::before,
.alert-card::before,
.pick-card::before,
.trade-card::before,
.series-card::before,
.disclosure-card::before {
  content: "";
  position: absolute;
  left: 0;
  right: 0;
  top: 0;
  height: 3px;
  background: linear-gradient(90deg, var(--magenta), var(--lemon), var(--cyan));
  opacity: 0.78;
}

.alert-card.critical::before,
.pick-card.critical::before {
  background: linear-gradient(90deg, var(--magenta), #ff7a9f);
}

.alert-card.high::before,
.pick-card.high::before {
  background: linear-gradient(90deg, var(--lemon), #fff1a1);
}

.alert-card.medium::before,
.pick-card.medium::before {
  background: linear-gradient(90deg, var(--cyan), #96f3ff);
}

.stat-card:hover,
.trade-card:hover,
.alert-card:hover,
.pick-card:hover,
.series-card:hover,
.chart-container:hover,
.table-wrap:hover {
  border-color: rgba(35, 216, 255, 0.30) !important;
  background:
    linear-gradient(180deg, rgba(35, 216, 255, 0.060), rgba(255, 255, 255, 0.022)),
    var(--surface-hi) !important;
  box-shadow: var(--shadow-md);
}

.stat-label,
.section-label,
.field-key,
.card-field-label,
.profit-summary-label,
.trade-ticket-label,
.filter-label,
.range-label,
.sort-label {
  color: var(--text-2) !important;
  letter-spacing: 0.18em !important;
}

.stat-value,
.ticker-sym,
.card-ticker,
.profit-summary-value,
.trade-ticket-title {
  color: var(--ink) !important;
}

.ticker-sym,
.card-ticker {
  text-shadow: 2px 0 rgba(35, 216, 255, 0.18), -2px 0 rgba(255, 56, 111, 0.16);
}

.strength-badge,
.badge,
.sev-badge,
.type-badge,
.cluster-tag,
.score-part {
  border-radius: 4px !important;
}

.strength-badge.CRITICAL,
.badge.critical,
.sev-CRITICAL {
  background: rgba(255, 56, 111, 0.15) !important;
  color: #ff9bb5 !important;
  border-color: rgba(255, 56, 111, 0.42) !important;
}

.strength-badge.HIGH,
.badge.high,
.sev-HIGH {
  background: rgba(255, 216, 77, 0.14) !important;
  color: #ffe68c !important;
  border-color: rgba(255, 216, 77, 0.40) !important;
}

.strength-badge.MEDIUM,
.badge.medium,
.sev-MEDIUM {
  background: rgba(35, 216, 255, 0.13) !important;
  color: #9df3ff !important;
  border-color: rgba(35, 216, 255, 0.38) !important;
}

.type-BUY,
.field-val.green,
.stat-val.green,
.profit-summary-value.up,
.profit-timeline-table .up {
  color: var(--mint) !important;
}

.type-SALE,
.field-val.red,
.stat-val.red,
.profit-summary-value.down,
.profit-timeline-table .down {
  color: #ff8aa7 !important;
}

.trade-rec,
.execution-notice,
.sell-window,
.narrative,
.tradier-preview-result,
.trade-ticket-warning {
  border-color: rgba(247, 241, 232, 0.12) !important;
  background:
    linear-gradient(90deg, rgba(35, 216, 255, 0.07), transparent 38%),
    rgba(0, 0, 0, 0.22) !important;
}

button,
.btn-search,
.key-btn,
.sort-btn,
.range-btn,
.ticker-chip,
.broker-review-btn,
.trade-ticket-action,
.profit-scenario-btn,
.narrative-toggle,
.info-btn,
.key-change {
  border-radius: 4px !important;
}

.btn-search,
.key-btn,
.trade-ticket-action.primary,
.broker-review-btn:hover,
.profit-scenario-btn.active {
  background: linear-gradient(135deg, var(--cyan), var(--lemon)) !important;
  border-color: transparent !important;
  color: #050506 !important;
  box-shadow: 0 10px 22px rgba(35, 216, 255, 0.15);
}

.sort-btn:hover,
.range-btn:hover,
.ticker-chip:hover,
.ticker-chip.active,
.narrative-toggle:hover,
.info-btn:hover {
  color: var(--ink) !important;
  border-color: rgba(35, 216, 255, 0.40) !important;
  background: rgba(35, 216, 255, 0.10) !important;
}

input,
select,
textarea,
.key-input,
.trade-ticket-qty input {
  border-radius: 4px !important;
  background: rgba(0, 0, 0, 0.38) !important;
  border-color: rgba(247, 241, 232, 0.16) !important;
  color: var(--ink) !important;
}

input:focus,
select:focus,
textarea:focus,
.key-input:focus {
  border-color: rgba(35, 216, 255, 0.68) !important;
  box-shadow: 0 0 0 2px rgba(35, 216, 255, 0.16) !important;
}

th,
.data-table thead th {
  color: var(--cream) !important;
  background: rgba(255, 255, 255, 0.035);
}

tbody tr:hover,
.data-table tbody tr:hover {
  background: rgba(35, 216, 255, 0.055) !important;
}

td,
.data-table tbody td {
  border-color: rgba(247, 241, 232, 0.08) !important;
}

.chart-title,
.trade-rec-head,
.modal-title,
.section-title,
.disclosure-card h2 {
  color: var(--lemon) !important;
}

.profit-chart-wrap {
  background:
    repeating-linear-gradient(90deg, rgba(247, 241, 232, 0.035) 0 1px, transparent 1px 54px),
    #040405 !important;
}

.trade-ticket-backdrop {
  background: rgba(0, 0, 0, 0.82) !important;
}

.trade-ticket-modal,
.modal {
  border-color: rgba(35, 216, 255, 0.36) !important;
}

.footer {
  border-top-color: rgba(247, 241, 232, 0.12) !important;
}

@media (max-width: 768px) {
  header {
    position: relative;
    margin-left: -12px;
    margin-right: -12px;
    padding-left: 12px;
    padding-right: 12px;
  }

  header::after {
    left: 12px;
    right: 12px;
  }

  .page-nav {
    flex-wrap: nowrap !important;
    padding-bottom: 12px !important;
  }

  .nav-tab {
    flex: 0 0 auto;
  }

  .page-header {
    padding: 14px;
  }
}

/* ── Skeleton shimmer ── */
.skeleton {
  background: linear-gradient(90deg,
    var(--surface) 25%,
    var(--surface-hi) 50%,
    var(--surface) 75%
  );
  background-size: 200%;
  animation: shimmer 1.5s infinite;
  border-radius: 4px;
  color: transparent;
  pointer-events: none;
}

@keyframes shimmer {
  0%   { background-position: 200% center; }
  100% { background-position: -200% center; }
}

/* ── Tables ── */
.data-table {
  width: 100%; border-collapse: collapse;
}

.data-table thead th {
  font-family: 'Inter', sans-serif;
  font-size: 10px; font-weight: 600;
  color: var(--text-2);
  letter-spacing: 0.12em; text-transform: uppercase;
  padding: 8px 12px;
  border-bottom: 1px solid var(--border);
  text-align: left;
}

.data-table tbody tr {
  border-bottom: 1px solid var(--border);
  transition: background 0.1s;
}

.data-table tbody tr:last-child { border-bottom: none; }
.data-table tbody tr:hover { background: var(--surface-hi); }

.data-table tbody td {
  font-family: 'Inter', sans-serif;
  font-size: 12px;
  color: var(--text);
  padding: 10px 12px;
  vertical-align: middle;
  /* Remove cell borders — rows only */
  border: none;
}

/* ── Inputs ── */
input[type="text"], input[type="password"], input[type="date"], select {
  background: var(--surface);
  border: 1px solid var(--border);
  border-radius: 6px;
  padding: 9px 14px;
  color: var(--text);
  font-family: 'Inter', sans-serif;
  font-size: 13px;
  outline: none;
  transition: border-color 0.15s, box-shadow 0.15s;
}

input[type="text"]:focus,
input[type="password"]:focus,
input[type="date"]:focus,
select:focus {
  border-color: var(--border-hi);
  box-shadow: 0 0 0 2px var(--plasma-dim);
}

/* ── Buttons ── */
.btn {
  background: var(--plasma-dim);
  border: 1px solid var(--border-hi);
  color: var(--plasma);
  font-family: 'Inter', sans-serif;
  font-size: 11px; font-weight: 600;
  letter-spacing: 0.12em; padding: 8px 16px;
  border-radius: 6px; cursor: pointer;
  transition: all 0.15s; text-transform: uppercase;
}

.btn:hover {
  background: rgba(15, 118, 105,0.18);
  box-shadow: var(--shadow-sm);
}

.btn.active {
  background: rgba(15, 118, 105,0.22);
  border-color: var(--plasma);
  color: var(--plasma);
}

/* ── Range/pill buttons ── */
.range-btn, .sort-btn, .filter-btn, .pill-btn {
  background: transparent;
  border: 1px solid var(--border);
  color: var(--text-2);
  font-family: 'Inter', sans-serif;
  font-size: 11px; font-weight: 500;
  padding: 5px 12px; border-radius: 20px;
  cursor: pointer; transition: all 0.15s;
  letter-spacing: 0.04em;
}

.range-btn:hover, .sort-btn:hover, .filter-btn:hover, .pill-btn:hover {
  border-color: var(--border-hi); color: var(--text);
}

.range-btn.active, .sort-btn.active, .filter-btn.active, .pill-btn.active {
  background: var(--plasma-dim);
  border-color: var(--border-hi);
  color: var(--plasma);
}

/* ── Stat cards ── */
.stat-card {
  background: var(--surface);
  border: 1px solid var(--border);
  border-radius: 8px;
  padding: 12px 16px;
  box-shadow: var(--shadow-sm);
}

.stat-label {
  font-family: 'Inter', sans-serif;
  font-size: 9px; font-weight: 600;
  letter-spacing: 0.18em;
  color: var(--text-2); text-transform: uppercase;
  margin-bottom: 5px;
}

.stat-value {
  font-family: 'Limelight', monospace;
  font-size: 16px; font-weight: 700; color: #fff;
  line-height: 1.2;
}

.stat-value.plasma { color: var(--plasma); }
.stat-value.gold   { color: var(--gold); }
.stat-value.green  { color: var(--green); }
.stat-value.red    { color: var(--red); }
.stat-value.sm     { font-size: 12px; }

/* Trend arrow */
.trend { font-size: 11px; font-family: 'Inter', sans-serif; font-weight: 600; }
.trend.up   { color: var(--green); }
.trend.down { color: var(--red); }

/* ── Chart containers ── */
.chart-container {
  width: 100%; border-radius: 10px;
  border: 1px solid var(--border);
  margin-bottom: 20px;
  background: var(--surface);
  box-shadow: var(--shadow-sm);
  overflow: hidden;
}

.chart-header {
  padding: 12px 18px;
  border-bottom: 1px solid var(--border);
  display: flex; align-items: center;
  justify-content: space-between; flex-wrap: wrap; gap: 8px;
}

.chart-title {
  font-family: 'Inter', sans-serif;
  font-size: 11px; font-weight: 600;
  color: var(--text-2); letter-spacing: 0.14em;
  text-transform: uppercase;
}

.chart-meta {
  font-family: 'Inter', sans-serif;
  font-size: 10px; color: var(--text-3);
}

/* ── Page header ── */
.page-header {
  display: flex; align-items: flex-start;
  justify-content: space-between; flex-wrap: wrap;
  gap: 12px; margin-bottom: 24px;
}

.page-title {
  font-family: 'Limelight', monospace;
  font-size: 22px; font-weight: 700; color: #fff;
  letter-spacing: 0.08em;
}

.page-subtitle {
  font-family: 'Inter', sans-serif;
  font-size: 11px; color: var(--text-2);
  margin-top: 4px;
}

.refresh-info {
  font-family: 'Inter', sans-serif;
  font-size: 10px; color: var(--text-2);
  padding-top: 4px;
}

/* ── Key gate ── */
.key-gate {
  max-width: 480px; margin: 40px auto; padding: 32px;
  background: var(--surface);
  border: 1px solid var(--border);
  border-radius: 12px;
  box-shadow: var(--shadow-md);
  text-align: center;
}

.key-gate-title {
  font-family: 'Limelight', monospace;
  font-size: 16px; font-weight: 700; color: #fff;
  margin-bottom: 8px;
}

.key-gate-sub {
  font-family: 'Inter', sans-serif;
  font-size: 11px; color: var(--text-2);
  margin-bottom: 24px; line-height: 1.6;
}

/* ── Model warming up banner ── */
.model-warming-banner {
  background: rgba(247,251,242,0.10);
  border: 1px solid rgba(247,251,242,0.25);
  border-radius: 8px;
  padding: 12px 16px;
  margin-bottom: 16px;
  display: flex; align-items: center; gap: 10px;
}

.model-warming-banner .banner-icon { font-size: 14px; }
.model-warming-banner .banner-text {
  font-family: 'Inter', sans-serif;
  font-size: 12px; color: var(--gold); font-weight: 500;
}

/* ── Empty state ── */
.empty-state {
  text-align: center; padding: 48px 24px;
  font-family: 'Inter', sans-serif;
  color: var(--text-2); font-size: 13px; line-height: 1.6;
}

.empty-state-icon { font-size: 32px; margin-bottom: 12px; opacity: 0.4; }
.empty-state-title { font-weight: 600; color: var(--text); margin-bottom: 6px; font-size: 14px; }

/* ── Footer ── */
footer, .footer {
  margin-top: 60px; padding: 16px 0;
  border-top: 1px solid var(--border);
  font-family: 'Inter', sans-serif;
  font-size: 10px; color: var(--text-3);
  letter-spacing: 0.1em; text-align: center;
  text-transform: uppercase;
}

/* ── Responsive ── */
@media (max-width: 768px) {
  #app { padding: 0 14px 40px; }
  .stats-row { grid-template-columns: repeat(3, 1fr); }
  .page-title { font-size: 16px; }
  .brand-name { font-size: 16px; }
}

@media (max-width: 480px) {
  .stats-row { grid-template-columns: repeat(2, 1fr); }
}

/* ── JupiterSpec Atelier theme: Bugatti-inspired, not Bugatti-copied ──────── */
:root {
  --bg: #000;
  --void: #000;
  --surface: #070707;
  --surface-hi: #101010;
  --card-bg: rgba(8, 8, 8, 0.92);
  --plasma: #d7e7f7;
  --plasma-dim: rgba(215, 231, 247, 0.08);
  --green: #d8f2df;
  --red: #f2d6d8;
  --gold: #e8dcc0;
  --yellow: #e8dcc0;
  --purple: #d8d2ee;
  --text: #f4f4f0;
  --text-2: #9b9b96;
  --text-3: #5f5f5a;
  --text-dim: var(--text-2);
  --border: rgba(255, 255, 255, 0.12);
  --border-hi: rgba(255, 255, 255, 0.34);
  --shadow-sm: none;
  --shadow-md: 0 20px 70px rgba(0, 0, 0, 0.65);
}

html,
body {
  background: #000 !important;
  color: var(--text) !important;
  font-family: "Inter", system-ui, -apple-system, BlinkMacSystemFont, "Segoe UI", sans-serif !important;
}

body::before {
  content: "" !important;
  position: fixed !important;
  inset: 0 !important;
  z-index: 0 !important;
  pointer-events: none !important;
  opacity: 1 !important;
  background:
    linear-gradient(180deg, rgba(255,255,255,0.055) 0, rgba(255,255,255,0.012) 22%, rgba(0,0,0,0) 44%),
    linear-gradient(90deg, rgba(255,255,255,0.032) 0 1px, transparent 1px 100%) 0 0 / 120px 120px,
    linear-gradient(180deg, rgba(255,255,255,0.024) 0 1px, transparent 1px 100%) 0 0 / 120px 120px,
    #000 !important;
}

body::after {
  content: "" !important;
  position: fixed !important;
  inset: auto 0 0 0 !important;
  height: 36vh !important;
  z-index: 0 !important;
  pointer-events: none !important;
  background: linear-gradient(180deg, transparent, rgba(255,255,255,0.045)) !important;
  opacity: 0.35 !important;
}

.scan-line {
  display: none !important;
}

.brand-icon {
  display: block !important;
  width: 44px !important;
  height: 44px !important;
  background: url("/jupiterspec-logo.png?v=artdeco-mobile-polish-20260608") center / contain no-repeat !important;
  border-radius: 14px !important;
  box-shadow:
    0 0 0 1px rgba(255,255,255,0.18),
    0 12px 30px rgba(0,0,0,0.58),
    0 0 28px rgba(215,231,247,0.10) !important;
  flex-shrink: 0 !important;
}

#app {
  max-width: 1520px !important;
  padding: 0 clamp(18px, 3.2vw, 56px) 72px !important;
}

header {
  min-height: 78px !important;
  padding: 26px 0 22px !important;
  margin-bottom: 28px !important;
  border-bottom: 1px solid rgba(255,255,255,0.22) !important;
  background: transparent !important;
}

.brand {
  gap: 14px !important;
}

.brand-name {
  color: #fff !important;
  font-family: "Limelight", "Inter", sans-serif !important;
  font-size: clamp(15px, 1.3vw, 21px) !important;
  font-weight: 600 !important;
  letter-spacing: 0.42em !important;
  text-transform: uppercase !important;
  text-shadow: none !important;
}

.brand-sub {
  margin-top: 8px !important;
  color: var(--text-2) !important;
  font-family: "Josefin Sans", ui-monospace, monospace !important;
  font-size: 10px !important;
  letter-spacing: 0.28em !important;
}

.status-bar {
  gap: 22px !important;
}

.status-item,
.refresh-info,
.page-subtitle,
.range-label,
.section-label,
.field-key,
.stat-lbl,
.source-tag,
.key-bar-label,
.key-bar-val,
.key-hint,
.trade-date,
.insider-title,
.company-name {
  color: var(--text-2) !important;
  font-family: "Josefin Sans", ui-monospace, monospace !important;
  letter-spacing: 0.12em !important;
  text-transform: uppercase !important;
}

.status-dot {
  width: 5px !important;
  height: 5px !important;
  background: #fff !important;
  box-shadow: none !important;
}

.page-nav {
  gap: 0 !important;
  margin: 0 0 42px !important;
  padding: 0 !important;
  border: 1px solid rgba(255,255,255,0.16) !important;
  border-left: none !important;
  border-right: none !important;
  justify-content: center !important;
}

.nav-tab {
  border: none !important;
  border-radius: 0 !important;
  background: transparent !important;
  color: var(--text-2) !important;
  font-family: "Josefin Sans", ui-monospace, monospace !important;
  font-size: 10px !important;
  letter-spacing: 0.20em !important;
  padding: 16px clamp(10px, 1.2vw, 24px) !important;
  box-shadow: none !important;
}

.nav-tab:hover,
.nav-tab.active {
  color: #fff !important;
  background: rgba(255,255,255,0.055) !important;
  border-color: transparent !important;
  box-shadow: inset 0 -1px 0 #fff !important;
}

.page-header {
  margin-bottom: 34px !important;
  padding-bottom: 22px !important;
  border-bottom: 1px solid rgba(255,255,255,0.13) !important;
}

.page-title {
  color: #fff !important;
  font-family: "Limelight", "Inter", sans-serif !important;
  font-size: clamp(25px, 3.8vw, 58px) !important;
  font-weight: 500 !important;
  letter-spacing: 0.12em !important;
  line-height: 0.98 !important;
  text-transform: uppercase !important;
}

.page-subtitle {
  max-width: 760px !important;
  margin-top: 14px !important;
  line-height: 1.7 !important;
}

.card,
.pick-card,
.alert-card,
.metric-card,
.chart-card,
.table-card,
.filter-panel,
.trade-rec,
.key-gate,
.key-bar,
.modal-content,
.stats-row,
.stat-card,
.watch-card,
.leaderboard-card {
  background: rgba(8, 8, 8, 0.92) !important;
  border: 1px solid rgba(255,255,255,0.14) !important;
  border-radius: 2px !important;
  box-shadow: none !important;
  backdrop-filter: none !important;
}

.card:hover,
.pick-card:hover,
.alert-card:hover,
.metric-card:hover,
.chart-card:hover,
.table-card:hover,
.watch-card:hover {
  background: rgba(16, 16, 16, 0.96) !important;
  border-color: rgba(255,255,255,0.36) !important;
  box-shadow: none !important;
}

.pick-card.critical,
.alert-card.critical,
.pick-card.high,
.alert-card.high,
.pick-card.medium,
.alert-card.medium {
  border-left: 1px solid rgba(255,255,255,0.14) !important;
}

.ticker-sym,
.stat-val,
.trade-value,
.field-val,
.insider-name,
.section-title,
.card-title,
.key-gate-title,
.trade-rec-head {
  color: #fff !important;
  text-shadow: none !important;
}

.ticker-sym {
  font-family: "Limelight", "Inter", sans-serif !important;
  letter-spacing: 0.18em !important;
  font-weight: 500 !important;
}

.strength-badge,
.badge,
.cluster-tag {
  background: transparent !important;
  border: 1px solid rgba(255,255,255,0.28) !important;
  border-radius: 1px !important;
  color: #fff !important;
  box-shadow: none !important;
}

.strength-badge.CRITICAL,
.badge.critical,
.field-val.red,
.stat-val.down {
  color: #f2d6d8 !important;
  border-color: rgba(242,214,216,0.38) !important;
}

.strength-badge.HIGH,
.badge.high,
.field-val.accent,
.field-val.green,
.stat-val.green,
.stat-val.gold,
.stat-val.plasma,
.trade-value,
.nav-tab.active {
  color: #fff !important;
}

button,
.btn-search,
.key-btn,
.range-btn,
.ticker-chip,
.qd-btn,
.sort-btn,
.narrative-toggle,
.key-change,
input[type="button"],
input[type="submit"] {
  background: transparent !important;
  color: #fff !important;
  border: 1px solid rgba(255,255,255,0.34) !important;
  border-radius: 1px !important;
  box-shadow: none !important;
  font-family: "Josefin Sans", ui-monospace, monospace !important;
  letter-spacing: 0.16em !important;
  text-transform: uppercase !important;
}

button:hover,
.btn-search:hover,
.key-btn:hover,
.range-btn:hover,
.ticker-chip:hover,
.ticker-chip.active,
.qd-btn:hover,
.qd-btn.active,
.sort-btn:hover,
.sort-btn.active,
.narrative-toggle:hover {
  background: #fff !important;
  color: #000 !important;
  border-color: #fff !important;
}

input[type="text"],
input[type="password"],
input[type="date"],
input[type="number"],
select,
textarea,
.key-input {
  background: #050505 !important;
  border: 1px solid rgba(255,255,255,0.22) !important;
  border-radius: 1px !important;
  color: #fff !important;
  box-shadow: none !important;
}

input:focus,
select:focus,
textarea:focus,
.key-input:focus {
  border-color: #fff !important;
  box-shadow: 0 0 0 1px #fff !important;
}

.data-table thead th,
table thead th {
  color: var(--text-2) !important;
  border-bottom: 1px solid rgba(255,255,255,0.20) !important;
  font-family: "Josefin Sans", ui-monospace, monospace !important;
  letter-spacing: 0.16em !important;
}

.data-table tbody tr,
table tbody tr {
  border-bottom: 1px solid rgba(255,255,255,0.09) !important;
}

.data-table tbody tr:hover,
table tbody tr:hover {
  background: rgba(255,255,255,0.045) !important;
}

.sell-window,
.model-warming-banner,
.empty-state,
.state-msg {
  background: rgba(255,255,255,0.035) !important;
  border: 1px solid rgba(255,255,255,0.14) !important;
  border-radius: 1px !important;
  color: var(--text-2) !important;
}

.greeks-row {
  border-top: 1px solid rgba(255,255,255,0.12) !important;
}

.source-tag {
  color: var(--text-3) !important;
}

::selection {
  background: #fff;
  color: #000;
}

/* ── Market presentation layer ───────────────────────────────────────────── */
.market-backdrop {
  position: fixed;
  inset: 0;
  width: 100vw;
  height: 100vh;
  z-index: 0;
  pointer-events: none;
  opacity: 0.92;
  background:
    url("/jupiter-resistance-backdrop.png?v=artdeco-mobile-polish-20260608") right -11vw top 7vh / min(1180px, 88vw) auto no-repeat,
    radial-gradient(circle at 78% 38%, rgba(232,204,156,0.18), transparent 31%),
    #000;
}

body.market-backdrop-ready::before {
  background:
    radial-gradient(circle at 72% 35%, rgba(232, 204, 156, 0.20), transparent 29%),
    linear-gradient(90deg, rgba(0,0,0,0.98) 0%, rgba(0,0,0,0.70) 34%, rgba(0,0,0,0.26) 58%, rgba(0,0,0,0.66) 100%),
    linear-gradient(180deg, rgba(0,0,0,0.18) 0%, rgba(0,0,0,0.62) 58%, rgba(0,0,0,0.94) 100%) !important;
  z-index: 1;
}

body.market-backdrop-ready::after {
  inset: 0 !important;
  height: auto !important;
  background:
    linear-gradient(rgba(255,255,255,0.030) 1px, transparent 1px) 0 0 / 96px 96px,
    linear-gradient(90deg, rgba(255,255,255,0.024) 1px, transparent 1px) 0 0 / 96px 96px,
    radial-gradient(circle at 12% 16%, rgba(123, 188, 255, 0.12), transparent 22%) !important;
  opacity: 0.62 !important;
  z-index: 2;
}

body.market-backdrop-ready #app {
  position: relative;
  z-index: 2;
}

body.market-backdrop-ready header {
  position: sticky;
  top: 0;
  z-index: 20;
  background: linear-gradient(180deg, rgba(5,7,11,0.94), rgba(5,7,11,0.72)) !important;
  backdrop-filter: none !important;
  margin-inline: calc(clamp(18px, 3.2vw, 56px) * -1) !important;
  padding-inline: clamp(18px, 3.2vw, 56px) !important;
}

body.market-backdrop-ready .page-nav {
  position: sticky;
  top: 79px;
  z-index: 19;
  background: rgba(5, 7, 11, 0.78) !important;
  backdrop-filter: none !important;
  margin-inline: calc(clamp(18px, 3.2vw, 56px) * -1) !important;
  padding-inline: clamp(18px, 3.2vw, 56px) !important;
  flex-wrap: nowrap !important;
  justify-content: flex-start !important;
  overflow-x: auto !important;
  overflow-y: hidden !important;
  scrollbar-width: none;
}

body.market-backdrop-ready .page-nav::-webkit-scrollbar {
  display: none;
}

body.market-backdrop-ready .nav-tab {
  flex: 0 0 auto !important;
}

body.market-backdrop-ready .page-header {
  min-height: 112px;
  align-items: flex-end !important;
}

body.market-backdrop-ready .page-title {
  max-width: 980px;
}

body.market-backdrop-ready .card,
body.market-backdrop-ready .pick-card,
body.market-backdrop-ready .alert-card,
body.market-backdrop-ready .metric-card,
body.market-backdrop-ready .chart-card,
body.market-backdrop-ready .table-card,
body.market-backdrop-ready .filter-panel,
body.market-backdrop-ready .trade-rec,
body.market-backdrop-ready .key-gate,
body.market-backdrop-ready .key-bar,
body.market-backdrop-ready .modal-content,
body.market-backdrop-ready .stats-row,
body.market-backdrop-ready .stat-card,
body.market-backdrop-ready .watch-card,
body.market-backdrop-ready .leaderboard-card,
body.market-backdrop-ready .chart-container,
body.market-backdrop-ready .login-card {
  background:
    linear-gradient(180deg, rgba(18, 22, 28, 0.88), rgba(8, 10, 14, 0.90)) !important;
  border-color: rgba(210, 225, 240, 0.16) !important;
  box-shadow:
    0 1px 0 rgba(255,255,255,0.06) inset,
    0 18px 70px rgba(0,0,0,0.30) !important;
  backdrop-filter: none !important;
}

body.market-backdrop-ready .pick-card,
body.market-backdrop-ready .alert-card,
body.market-backdrop-ready .watch-card,
body.market-backdrop-ready .filter-panel,
body.market-backdrop-ready .chart-container {
  border-radius: 6px !important;
}

body.market-backdrop-ready .card:hover,
body.market-backdrop-ready .pick-card:hover,
body.market-backdrop-ready .alert-card:hover,
body.market-backdrop-ready .metric-card:hover,
body.market-backdrop-ready .chart-card:hover,
body.market-backdrop-ready .table-card:hover,
body.market-backdrop-ready .watch-card:hover,
body.market-backdrop-ready .filter-panel:hover {
  background:
    linear-gradient(180deg, rgba(25, 30, 38, 0.92), rgba(10, 13, 18, 0.94)) !important;
  border-color: rgba(230, 238, 248, 0.34) !important;
}

body.market-backdrop-ready .pick-card.critical,
body.market-backdrop-ready .alert-card.critical {
  box-shadow:
    inset 3px 0 0 rgba(255,79,104,0.72),
    0 18px 70px rgba(0,0,0,0.30) !important;
}

body.market-backdrop-ready .pick-card.high,
body.market-backdrop-ready .alert-card.high {
  box-shadow:
    inset 3px 0 0 rgba(232,220,192,0.72),
    0 18px 70px rgba(0,0,0,0.30) !important;
}

body.market-backdrop-ready .pick-card.medium,
body.market-backdrop-ready .alert-card.medium {
  box-shadow:
    inset 3px 0 0 rgba(36,214,139,0.58),
    0 18px 70px rgba(0,0,0,0.30) !important;
}

body.market-backdrop-ready .stat-card {
  min-height: 74px;
}

body.market-backdrop-ready .stat-value.green,
body.market-backdrop-ready .field-val.green,
body.market-backdrop-ready .trade-value,
body.market-backdrop-ready .price-delta.up,
body.market-backdrop-ready .trend.up {
  color: #0f7669 !important;
}

body.market-backdrop-ready .stat-value.red,
body.market-backdrop-ready .field-val.red,
body.market-backdrop-ready .price-delta.down,
body.market-backdrop-ready .trend.down {
  color: #ff9ca9 !important;
}

body.market-backdrop-ready .stat-value.gold,
body.market-backdrop-ready .field-val.accent,
body.market-backdrop-ready .chart-title,
body.market-backdrop-ready .trade-rec-head,
body.market-backdrop-ready .execution-notice-title {
  color: #e8dcc0 !important;
}

body.market-backdrop-ready .badge,
body.market-backdrop-ready .strength-badge,
body.market-backdrop-ready .cluster-tag,
body.market-backdrop-ready .source-tag {
  background: rgba(255,255,255,0.045) !important;
  border-color: rgba(255,255,255,0.20) !important;
}

body.market-backdrop-ready .broker-review-btn,
body.market-backdrop-ready .trade-ticket-action.primary,
body.market-backdrop-ready .btn-search,
body.market-backdrop-ready .key-btn,
body.market-backdrop-ready .btn {
  background: rgba(232,220,192,0.08) !important;
  border-color: rgba(232,220,192,0.44) !important;
  color: #f4f0e8 !important;
}

body.market-backdrop-ready .broker-review-btn:hover,
body.market-backdrop-ready .trade-ticket-action.primary:hover,
body.market-backdrop-ready .btn-search:hover,
body.market-backdrop-ready .key-btn:hover,
body.market-backdrop-ready .btn:hover {
  background: #f4f0e8 !important;
  color: #05070d !important;
}

body.market-backdrop-ready .nav-tab.active {
  box-shadow:
    inset 0 -1px 0 #f4f0e8,
    inset 0 1px 0 rgba(255,255,255,0.10) !important;
}

.strategy-guide {
  position: relative;
  z-index: 2;
  display: grid;
  grid-template-columns: minmax(240px, 0.95fr) minmax(360px, 1.45fr);
  gap: 18px;
  margin: -22px 0 34px;
  padding: 18px;
  background:
    linear-gradient(135deg, rgba(232,220,192,0.075), rgba(15,19,26,0.72) 36%, rgba(6,8,12,0.88));
  border: 1px solid rgba(232,220,192,0.18);
  border-radius: 6px;
  box-shadow:
    0 1px 0 rgba(255,255,255,0.06) inset,
    0 18px 70px rgba(0,0,0,0.28);
  backdrop-filter: none;
}

.strategy-guide-main {
  min-width: 0;
  display: flex;
  flex-direction: column;
  justify-content: center;
  gap: 8px;
}

.strategy-kicker,
.strategy-cell-label {
  font-family: "Josefin Sans", ui-monospace, monospace;
  color: var(--text-2);
  font-size: 9px;
  letter-spacing: 0.18em;
  text-transform: uppercase;
}

.strategy-headline {
  color: #fff;
  font-family: "Limelight", "Inter", sans-serif;
  font-size: clamp(17px, 1.65vw, 26px);
  letter-spacing: 0.12em;
  text-transform: uppercase;
}

.strategy-copy {
  color: var(--text-2);
  font-size: 12px;
  line-height: 1.65;
  max-width: 700px;
}

.strategy-grid {
  display: grid;
  grid-template-columns: repeat(3, minmax(0, 1fr));
  gap: 10px;
  min-width: 0;
}

.strategy-cell {
  min-width: 0;
  padding: 12px 12px 11px;
  border: 1px solid rgba(255,255,255,0.12);
  background: rgba(0,0,0,0.22);
  border-radius: 4px;
  color: var(--text);
  font-size: 11px;
  line-height: 1.55;
}

.strategy-cell.reward {
  border-color: rgba(127,240,179,0.24);
}

.strategy-cell.risk {
  border-color: rgba(255,156,169,0.24);
}

.strategy-cell.together {
  border-color: rgba(232,220,192,0.24);
}

.strategy-cell-label {
  margin-bottom: 6px;
}

.strategy-cell.reward .strategy-cell-label {
  color: #0f7669;
}

.strategy-cell.risk .strategy-cell-label {
  color: #ff9ca9;
}

.strategy-cell.together .strategy-cell-label {
  color: #e8dcc0;
}

.strategy-flow {
  grid-column: 1 / -1;
  display: flex;
  flex-wrap: wrap;
  gap: 6px;
  padding-top: 2px;
}

.strategy-backtest {
  grid-column: 1 / -1;
  border: 1px solid rgba(127,240,179,0.22);
  background:
    linear-gradient(135deg, rgba(0,232,122,0.08), rgba(0,0,0,0.20) 42%, rgba(15, 118, 105,0.045));
  border-radius: 6px;
  padding: 13px;
}

.strategy-backtest-head {
  display: flex;
  justify-content: space-between;
  align-items: flex-start;
  gap: 12px;
  margin-bottom: 10px;
}

.strategy-backtest-title {
  color: #fff;
  font-family: "Limelight", "Inter", sans-serif;
  font-size: 13px;
  letter-spacing: 0.10em;
  text-transform: uppercase;
  margin-top: 4px;
}

.strategy-backtest-asof {
  color: var(--text-2);
  font-family: "Josefin Sans", ui-monospace, monospace;
  font-size: 9px;
  letter-spacing: 0.08em;
  text-transform: uppercase;
  text-align: right;
  white-space: nowrap;
}

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

.strategy-backtest-grid div {
  min-width: 0;
  border: 1px solid rgba(255,255,255,0.09);
  background: rgba(0,0,0,0.20);
  border-radius: 5px;
  padding: 8px 9px;
}

.strategy-backtest-grid span {
  display: block;
  color: var(--text-2);
  font-family: "Josefin Sans", ui-monospace, monospace;
  font-size: 8px;
  letter-spacing: 0.12em;
  text-transform: uppercase;
  margin-bottom: 4px;
}

.strategy-backtest-grid strong {
  display: block;
  color: #0f7669;
  font-family: "Limelight", "Inter", sans-serif;
  font-size: 14px;
  letter-spacing: 0.05em;
  overflow-wrap: anywhere;
}

.strategy-backtest-note {
  color: var(--text-2);
  font-size: 10px;
  line-height: 1.55;
  margin-top: 9px;
  max-width: 980px;
}

.strategy-flow span {
  display: inline-flex;
  align-items: center;
  min-height: 24px;
  padding: 4px 9px;
  border: 1px solid rgba(255,255,255,0.14);
  background: rgba(255,255,255,0.035);
  color: var(--text-2);
  border-radius: 999px;
  font-family: "Josefin Sans", ui-monospace, monospace;
  font-size: 9px;
  letter-spacing: 0.10em;
  text-transform: uppercase;
}

@media (max-width: 760px) {
  .market-backdrop {
    background:
      url("/jupiter-resistance-backdrop.png?v=artdeco-mobile-polish-20260608") center top 72px / 138vh auto no-repeat,
      radial-gradient(circle at 50% 26%, rgba(232,204,156,0.18), transparent 36%),
      #000;
    opacity: 0.86;
  }

  body.market-backdrop-ready::before {
    background:
      linear-gradient(180deg, rgba(0,0,0,0.35) 0%, rgba(0,0,0,0.70) 44%, rgba(0,0,0,0.96) 100%),
      linear-gradient(90deg, rgba(0,0,0,0.90), rgba(0,0,0,0.34), rgba(0,0,0,0.90)) !important;
  }

  body.market-backdrop-ready header,
  body.market-backdrop-ready .page-nav {
    position: relative;
    top: auto;
  }

  body.market-backdrop-ready .page-header {
    min-height: auto;
  }

  body.market-backdrop-ready .page-title {
    font-size: clamp(22px, 8vw, 36px) !important;
    line-height: 1.08 !important;
    letter-spacing: 0.08em !important;
  }

  .strategy-guide {
    grid-template-columns: 1fr;
    margin: -20px 0 24px;
    padding: 14px;
  }

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

  .strategy-backtest-grid {
    grid-template-columns: 1fr 1fr;
  }
}

@media (max-width: 768px) {
  #app {
    padding: 0 16px 48px !important;
  }

  header {
    align-items: flex-start !important;
  }

  .page-nav {
    justify-content: flex-start !important;
    overflow-x: auto !important;
    flex-wrap: nowrap !important;
  }

  .nav-tab {
    flex: 0 0 auto !important;
  }

  .page-title {
    font-size: clamp(24px, 10vw, 42px) !important;
  }
}

/* ── Launch visual override: make the Jupiter identity unmistakable ───────── */
:root {
  --launch-ink: #03050a;
  --launch-panel: rgba(7, 10, 16, 0.84);
  --launch-panel-hi: rgba(14, 18, 27, 0.90);
  --launch-line: rgba(236, 221, 189, 0.22);
  --launch-line-hi: rgba(247, 235, 210, 0.46);
  --launch-jupiter: #e8dcc0;
  --launch-orbit: rgba(106, 196, 255, 0.56);
}

html,
body {
  background: var(--launch-ink) !important;
}

body::before {
  content: "" !important;
  position: fixed !important;
  inset: 0 !important;
  z-index: 0 !important;
  pointer-events: none !important;
  opacity: 1 !important;
  background:
    linear-gradient(90deg, rgba(0,0,0,0.97) 0%, rgba(2,5,10,0.83) 29%, rgba(2,5,10,0.18) 58%, rgba(0,0,0,0.80) 100%),
    linear-gradient(180deg, rgba(0,0,0,0.22) 0%, rgba(0,0,0,0.48) 55%, rgba(0,0,0,0.97) 100%),
    url("/jupiter-resistance-backdrop.png?v=artdeco-mobile-polish-20260608") right -8vw top 62px / min(1180px, 92vw) auto no-repeat,
    radial-gradient(circle at 78% 35%, rgba(232, 204, 156, 0.34), transparent 30%),
    radial-gradient(circle at 15% 18%, rgba(90, 169, 255, 0.18), transparent 26%),
    #010309 !important;
}

body::after {
  content: "" !important;
  position: fixed !important;
  inset: 0 !important;
  height: auto !important;
  z-index: 1 !important;
  pointer-events: none !important;
  opacity: 0.74 !important;
  background:
    linear-gradient(rgba(255,255,255,0.035) 1px, transparent 1px) 0 0 / 92px 92px,
    linear-gradient(90deg, rgba(255,255,255,0.027) 1px, transparent 1px) 0 0 / 92px 92px,
    radial-gradient(ellipse at 70% 16%, rgba(255,255,255,0.12), transparent 34%) !important;
}

#app {
  position: relative !important;
  z-index: 2 !important;
}

header,
body.market-backdrop-ready header {
  position: sticky !important;
  top: 0 !important;
  z-index: 30 !important;
  background:
    linear-gradient(180deg, rgba(3,5,10,0.96), rgba(3,5,10,0.74)) !important;
  border-bottom: 1px solid var(--launch-line-hi) !important;
}

.brand-icon {
  border-radius: 12px !important;
  box-shadow:
    0 0 0 1px rgba(247,235,210,0.34),
    0 16px 38px rgba(0,0,0,0.62),
    0 0 42px rgba(106,196,255,0.20) !important;
}

.brand-name {
  color: #fff !important;
  letter-spacing: 0.46em !important;
  text-shadow:
    0 0 28px rgba(106,196,255,0.20),
    0 0 1px rgba(255,255,255,0.88) !important;
}

.brand-sub {
  color: rgba(247,235,210,0.72) !important;
}

.page-nav,
body.market-backdrop-ready .page-nav {
  position: sticky !important;
  top: 79px !important;
  z-index: 29 !important;
  background:
    linear-gradient(180deg, rgba(3,5,10,0.86), rgba(3,5,10,0.62)) !important;
  border-color: var(--launch-line) !important;
}

.nav-tab.active,
.nav-tab:hover,
body.market-backdrop-ready .nav-tab.active {
  color: var(--launch-jupiter) !important;
  background: rgba(247,235,210,0.075) !important;
  box-shadow:
    inset 0 -1px 0 var(--launch-jupiter),
    0 0 34px rgba(106,196,255,0.08) !important;
}

.page-header {
  min-height: 132px !important;
  display: flex !important;
  align-items: flex-end !important;
  gap: 18px !important;
  padding: 18px 0 30px !important;
}

.page-title {
  color: #fff !important;
  text-shadow:
    0 0 38px rgba(106,196,255,0.18),
    0 0 1px rgba(255,255,255,0.9) !important;
}

.page-title::after {
  content: "" !important;
  display: block !important;
  width: min(220px, 54vw) !important;
  height: 1px !important;
  margin-top: 16px !important;
  background: linear-gradient(90deg, var(--launch-jupiter), var(--launch-orbit), transparent) !important;
}

.page-subtitle,
.refresh-info,
.status-item {
  color: rgba(236, 226, 205, 0.68) !important;
}

.card,
.pick-card,
.alert-card,
.metric-card,
.chart-card,
.table-card,
.filter-panel,
.trade-rec,
.key-gate,
.key-bar,
.modal-content,
.stats-row,
.stat-card,
.watch-card,
.leaderboard-card,
.series-card,
.disclosure-card,
.login-card,
.chart-container,
body.market-backdrop-ready .card,
body.market-backdrop-ready .pick-card,
body.market-backdrop-ready .alert-card,
body.market-backdrop-ready .metric-card,
body.market-backdrop-ready .chart-card,
body.market-backdrop-ready .table-card,
body.market-backdrop-ready .filter-panel,
body.market-backdrop-ready .trade-rec,
body.market-backdrop-ready .key-gate,
body.market-backdrop-ready .key-bar,
body.market-backdrop-ready .modal-content,
body.market-backdrop-ready .stats-row,
body.market-backdrop-ready .stat-card,
body.market-backdrop-ready .watch-card,
body.market-backdrop-ready .leaderboard-card,
body.market-backdrop-ready .chart-container,
body.market-backdrop-ready .login-card {
  background:
    linear-gradient(180deg, rgba(18, 23, 32, 0.82), rgba(5, 8, 13, 0.88)) !important;
  border: 1px solid var(--launch-line) !important;
  border-radius: 8px !important;
  box-shadow:
    0 1px 0 rgba(255,255,255,0.055) inset,
    0 20px 80px rgba(0,0,0,0.38),
    0 0 0 1px rgba(106,196,255,0.035) !important;
}

.card:hover,
.pick-card:hover,
.alert-card:hover,
.metric-card:hover,
.chart-card:hover,
.table-card:hover,
.watch-card:hover,
.series-card:hover,
body.market-backdrop-ready .card:hover,
body.market-backdrop-ready .pick-card:hover,
body.market-backdrop-ready .alert-card:hover,
body.market-backdrop-ready .metric-card:hover,
body.market-backdrop-ready .chart-card:hover,
body.market-backdrop-ready .table-card:hover,
body.market-backdrop-ready .watch-card:hover {
  background:
    linear-gradient(180deg, rgba(28, 34, 45, 0.88), rgba(8, 12, 18, 0.92)) !important;
  border-color: var(--launch-line-hi) !important;
  transform: translateY(-1px);
}

.pick-card.critical,
.alert-card.critical,
.pick-card.high,
.alert-card.high,
.pick-card.medium,
.alert-card.medium {
  border-left: 1px solid var(--launch-line) !important;
}

.pick-card.critical,
.alert-card.critical {
  box-shadow:
    inset 4px 0 0 rgba(255, 104, 124, 0.82),
    0 20px 80px rgba(0,0,0,0.38) !important;
}

.pick-card.high,
.alert-card.high {
  box-shadow:
    inset 4px 0 0 rgba(232, 220, 192, 0.88),
    0 20px 80px rgba(0,0,0,0.38) !important;
}

.pick-card.medium,
.alert-card.medium {
  box-shadow:
    inset 4px 0 0 rgba(106, 196, 255, 0.72),
    0 20px 80px rgba(0,0,0,0.38) !important;
}

.ticker-sym,
.card-ticker,
.stat-value,
.stat-val,
.trade-value,
.field-val,
.trade-rec-head,
.section-title {
  color: #fff !important;
}

.institutional-panel {
  border-color: rgba(247,235,210,0.34) !important;
  background:
    linear-gradient(135deg, rgba(232,220,192,0.12), rgba(106,196,255,0.055)),
    rgba(0,0,0,0.30) !important;
  box-shadow: inset 0 0 0 1px rgba(255,255,255,0.035) !important;
}

.institutional-head,
.trade-rec-head,
.stat-label,
.field-key,
.card-field-label,
.source-tag,
.broker-review-note {
  color: rgba(247,235,210,0.72) !important;
}

.broker-review-btn,
.trade-ticket-action.primary,
.btn-search,
.key-btn,
.btn,
button {
  border-color: rgba(247,235,210,0.45) !important;
}

.broker-review-btn:hover,
.trade-ticket-action.primary:hover,
.btn-search:hover,
.key-btn:hover,
.btn:hover,
button:hover {
  background: var(--launch-jupiter) !important;
  color: #03050a !important;
}

@media (max-width: 760px) {
  body::before {
    background:
      linear-gradient(180deg, rgba(0,0,0,0.12) 0%, rgba(0,0,0,0.64) 42%, rgba(0,0,0,0.98) 100%),
      linear-gradient(90deg, rgba(0,0,0,0.84), rgba(0,0,0,0.20), rgba(0,0,0,0.84)),
      url("/jupiter-resistance-backdrop.png?v=artdeco-mobile-polish-20260608") center top 78px / 138vh auto no-repeat,
      radial-gradient(circle at 50% 28%, rgba(232,204,156,0.32), transparent 39%),
      #010309 !important;
  }

  header,
  body.market-backdrop-ready header,
  .page-nav,
  body.market-backdrop-ready .page-nav {
    position: relative !important;
    top: auto !important;
  }

  .page-header {
    min-height: 116px !important;
    padding-top: 10px !important;
  }

  .institutional-grid,
  .trade-ticket-grid,
  .profit-summary-grid {
    grid-template-columns: 1fr !important;
  }
}

/* ── Street mural launch refresh: original JupiterSpec resistance skin ───── */
:root {
  --mural-void: #030305;
  --mural-ink: #08090b;
  --mural-panel: rgba(8, 10, 13, 0.86);
  --mural-panel-hi: rgba(17, 20, 26, 0.92);
  --mural-paper: #f4ead7;
  --mural-paper-dim: rgba(244, 234, 215, 0.68);
  --mural-cyan: #23d8ff;
  --mural-yellow: #ffd84d;
  --mural-red: #ff386f;
  --mural-green: #4dff9a;
  --mural-line: rgba(244, 234, 215, 0.18);
  --mural-line-hi: rgba(244, 234, 215, 0.36);
  --mural-shadow: 0 22px 70px rgba(0, 0, 0, 0.52);
  --plasma: var(--mural-cyan);
  --green: var(--mural-green);
  --red: var(--mural-red);
  --gold: var(--mural-yellow);
  --text: #f0f4f7;
  --text-2: #b2aaa0;
  --text-3: #746d65;
  --border: var(--mural-line);
  --border-hi: rgba(35, 216, 255, 0.42);
}

html,
body {
  background: var(--mural-void) !important;
}

body::before,
body.market-backdrop-ready::before {
  content: "" !important;
  position: fixed !important;
  inset: 0 !important;
  z-index: 0 !important;
  pointer-events: none !important;
  opacity: 1 !important;
  background:
    linear-gradient(90deg, rgba(0,0,0,0.97) 0%, rgba(0,0,0,0.76) 33%, rgba(0,0,0,0.35) 63%, rgba(0,0,0,0.78) 100%),
    linear-gradient(180deg, rgba(0,0,0,0.22) 0%, rgba(0,0,0,0.42) 38%, rgba(0,0,0,0.98) 100%),
    url("/jupiter-resistance-backdrop.png?v=artdeco-mobile-polish-20260608") center top / cover no-repeat,
    #010309 !important;
}

.market-backdrop {
  position: fixed !important;
  inset: 0 !important;
  width: 100vw !important;
  height: 100vh !important;
  z-index: 0 !important;
  pointer-events: none !important;
  opacity: 0.98 !important;
  background:
    url("/jupiter-resistance-backdrop.png?v=artdeco-mobile-polish-20260608") center top / cover no-repeat,
    radial-gradient(circle at 74% 33%, rgba(232,204,156,0.24), transparent 33%),
    #010309 !important;
}

body::after,
body.market-backdrop-ready::after {
  content: "" !important;
  position: fixed !important;
  inset: 0 !important;
  height: auto !important;
  z-index: 1 !important;
  pointer-events: none !important;
  opacity: 0.70 !important;
  background:
    radial-gradient(circle, rgba(244,234,215,0.115) 0 1px, transparent 1px 7px) 0 0 / 22px 22px,
    linear-gradient(rgba(244,234,215,0.035) 1px, transparent 1px) 0 0 / 84px 84px,
    linear-gradient(90deg, rgba(244,234,215,0.026) 1px, transparent 1px) 0 0 / 84px 84px,
    linear-gradient(90deg, rgba(255,56,111,0.13) 0 2px, transparent 2px 24px) !important;
  mix-blend-mode: screen;
}

#app,
body.market-backdrop-ready #app,
.login-shell,
body.market-backdrop-ready .login-shell {
  position: relative !important;
  z-index: 2 !important;
}

header,
body.market-backdrop-ready header {
  background:
    linear-gradient(90deg, rgba(255,56,111,0.16), transparent 26%),
    linear-gradient(180deg, rgba(3,3,5,0.98), rgba(3,3,5,0.82)) !important;
  border-bottom: 1px solid var(--mural-line-hi) !important;
  box-shadow: 0 18px 48px rgba(0,0,0,0.34) !important;
}

header::after {
  height: 3px !important;
  background: linear-gradient(90deg, var(--mural-red), var(--mural-yellow) 32%, var(--mural-cyan) 67%, transparent) !important;
}

.brand {
  gap: 16px !important;
}

.brand-icon {
  width: 54px !important;
  height: 54px !important;
  border-radius: 14px !important;
  background: #050506 url("/jupiterspec-logo.png?v=artdeco-mobile-polish-20260608") center / contain no-repeat !important;
  box-shadow:
    -4px 4px 0 rgba(255,56,111,0.78),
    4px -4px 0 rgba(35,216,255,0.60),
    0 0 0 1px rgba(244,234,215,0.34),
    0 16px 40px rgba(0,0,0,0.66) !important;
}

.brand-name {
  font-family: "Limelight", monospace !important;
  color: #fff !important;
  letter-spacing: clamp(0.16em, 1.5vw, 0.42em) !important;
  text-shadow:
    2px 0 rgba(35,216,255,0.24),
    -2px 0 rgba(255,56,111,0.22),
    0 0 1px rgba(255,255,255,0.92) !important;
}

.brand-sub {
  color: var(--mural-paper-dim) !important;
  letter-spacing: clamp(0.16em, 1.0vw, 0.30em) !important;
}

.status-item {
  border-color: rgba(244,234,215,0.16) !important;
  background:
    linear-gradient(135deg, rgba(244,234,215,0.065), rgba(35,216,255,0.030)) !important;
  color: var(--mural-paper-dim) !important;
}

.page-nav,
body.market-backdrop-ready .page-nav {
  background:
    linear-gradient(90deg, rgba(244,234,215,0.07), rgba(3,3,5,0.72) 22%, rgba(3,3,5,0.78)) !important;
  border-bottom-color: var(--mural-line) !important;
  box-shadow: 0 16px 34px rgba(0,0,0,0.28) !important;
}

.nav-tab {
  min-height: 36px !important;
  border-radius: 3px !important;
  border: 1px solid rgba(244,234,215,0.16) !important;
  background:
    linear-gradient(180deg, rgba(255,255,255,0.045), rgba(255,255,255,0.010)) !important;
  color: rgba(244,234,215,0.66) !important;
}

.nav-tab:hover,
.nav-tab.active,
body.market-backdrop-ready .nav-tab.active {
  color: #050506 !important;
  border-color: transparent !important;
  background: linear-gradient(135deg, var(--mural-paper), var(--mural-yellow) 48%, var(--mural-cyan)) !important;
  box-shadow:
    0 9px 24px rgba(35,216,255,0.16),
    inset 0 -2px 0 rgba(0,0,0,0.18) !important;
}

.page-header {
  border-left: 0 !important;
  border-radius: 0 !important;
  background: transparent !important;
  box-shadow: none !important;
}

.page-title {
  color: #fff !important;
  line-height: 1.04 !important;
  letter-spacing: clamp(0.08em, 1.1vw, 0.20em) !important;
}

.page-title::after {
  height: 3px !important;
  margin-top: 14px !important;
  background:
    linear-gradient(90deg, var(--mural-paper), var(--mural-yellow) 28%, var(--mural-cyan) 62%, transparent) !important;
}

.page-subtitle {
  color: rgba(244,234,215,0.72) !important;
  max-width: 960px !important;
}

.card,
.pick-card,
.alert-card,
.trade-card,
.series-card,
.stat-card,
.watch-card,
.leaderboard-card,
.chart-container,
.table-wrap,
.filter-panel,
.settings-panel,
.disclosure-card,
.login-card,
.key-gate,
.key-bar,
.trade-rec,
.modal,
.modal-content,
.trade-ticket-modal,
.ticket-modal,
.profit-summary-card,
.profit-chart-wrap,
.profit-assumption-grid div,
.strategy-guide,
.strategy-box,
.strategy-backtest-card,
.model-stat,
.model-note,
.income-card,
.income-state,
.session-cell,
.day-card,
.otm-card,
.setup,
.metric,
.income-thesis,
.income-metric,
.leg-table,
.security-model-strip,
.quote-strip span,
.score-parts span,
.preview-status,
.ticket-field,
.ticket-result,
.state {
  border-radius: 8px !important;
  border: 1px solid var(--mural-line) !important;
  background:
    linear-gradient(180deg, rgba(244,234,215,0.060), rgba(244,234,215,0.018)),
    linear-gradient(135deg, rgba(35,216,255,0.032), rgba(255,56,111,0.022)),
    var(--mural-panel) !important;
  box-shadow:
    inset 0 1px 0 rgba(255,255,255,0.055),
    var(--mural-shadow) !important;
}

.pick-card:hover,
.alert-card:hover,
.trade-card:hover,
.series-card:hover,
.stat-card:hover,
.watch-card:hover,
.leaderboard-card:hover,
.chart-container:hover,
.table-wrap:hover,
.income-card:hover,
.day-card:hover,
.otm-card:hover {
  border-color: var(--mural-line-hi) !important;
  background:
    linear-gradient(180deg, rgba(244,234,215,0.082), rgba(244,234,215,0.024)),
    linear-gradient(135deg, rgba(35,216,255,0.055), rgba(255,56,111,0.030)),
    var(--mural-panel-hi) !important;
}

.pick-card::before,
.alert-card::before,
.trade-card::before,
.series-card::before,
.disclosure-card::before,
.income-card::before,
.day-card::before,
.otm-card::before {
  background: linear-gradient(90deg, var(--mural-red), var(--mural-yellow), var(--mural-cyan)) !important;
}

.income-card.prime,
.day-card.alert,
.day-card.ready {
  box-shadow:
    inset 4px 0 0 rgba(77,255,154,0.82),
    var(--mural-shadow) !important;
}

.income-card.watch,
.day-card.watch,
.day-card.research,
.day-card.revalidate {
  box-shadow:
    inset 4px 0 0 rgba(255,216,77,0.82),
    var(--mural-shadow) !important;
}

.income-card.strict,
.day-card.blocked,
.day-card.expired {
  box-shadow:
    inset 4px 0 0 rgba(255,56,111,0.82),
    var(--mural-shadow) !important;
}

.ticker-sym,
.card-ticker,
.income-ticker,
.ticker,
.stat-value,
.session-value,
.model-stat-value,
.trade-ticket-title,
.ticket-title,
.profit-summary-value {
  color: #fff !important;
  text-shadow:
    2px 0 rgba(35,216,255,0.18),
    -2px 0 rgba(255,56,111,0.14) !important;
}

.stat-label,
.model-stat-label,
.income-metric-label,
.metric-label,
.ticket-label,
.trade-ticket-label,
.field-key,
.card-field-label,
.section-title,
.strategy-label,
.institutional-head,
.trade-rec-head {
  color: rgba(244,234,215,0.70) !important;
}

.badge,
.strength-badge,
.status-pill,
.score-parts span,
.quote-strip span,
.security-model-strip span,
.broker-review-btn,
.trade-ticket-action,
.income-btn,
.income-control,
.control-btn,
.action-link,
.btn,
.btn-search,
.key-btn,
.sort-btn,
.range-btn,
.ticker-chip,
button {
  border-radius: 4px !important;
  border-color: rgba(244,234,215,0.26) !important;
}

.broker-review-btn:hover,
.trade-ticket-action.primary,
.trade-ticket-action:hover,
.income-btn:hover,
.income-control:hover,
.control-btn:hover,
.action-link:hover,
.btn:hover,
.btn-search,
.key-btn:hover,
.profit-scenario-btn.active {
  background: linear-gradient(135deg, var(--mural-paper), var(--mural-yellow) 48%, var(--mural-cyan)) !important;
  border-color: transparent !important;
  color: #030305 !important;
  box-shadow: 0 10px 28px rgba(35,216,255,0.15) !important;
}

input,
select,
textarea,
.ticket-copy,
.trade-ticket-copy {
  background: rgba(0,0,0,0.50) !important;
  border-color: rgba(244,234,215,0.22) !important;
  color: #fff !important;
}

.tradier-preview-result.ok,
.preview-status.ok,
.execution-notice {
  border-color: rgba(77,255,154,0.34) !important;
  background:
    linear-gradient(90deg, rgba(77,255,154,0.075), transparent 42%),
    rgba(0,0,0,0.30) !important;
}

.execution-notice.watch,
.execution-notice.caution,
.execution-notice.verify_first,
.preview-status.warn,
.warning-list div {
  border-color: rgba(255,216,77,0.34) !important;
  background:
    linear-gradient(90deg, rgba(255,216,77,0.075), transparent 42%),
    rgba(0,0,0,0.30) !important;
}

th,
.data-table thead th,
.leg-head {
  color: var(--mural-paper) !important;
  background:
    linear-gradient(90deg, rgba(244,234,215,0.075), rgba(35,216,255,0.030)) !important;
}

tbody tr:hover,
.data-table tbody tr:hover {
  background: rgba(244,234,215,0.045) !important;
}

.profit-chart-wrap {
  background:
    repeating-linear-gradient(90deg, rgba(244,234,215,0.040) 0 1px, transparent 1px 54px),
    repeating-linear-gradient(0deg, rgba(35,216,255,0.026) 0 1px, transparent 1px 42px),
    rgba(0,0,0,0.56) !important;
}

@media (max-width: 760px) {
  body::before,
  body.market-backdrop-ready::before,
  .market-backdrop {
    background:
      linear-gradient(180deg, rgba(0,0,0,0.14) 0%, rgba(0,0,0,0.60) 38%, rgba(0,0,0,0.98) 100%),
      linear-gradient(90deg, rgba(0,0,0,0.86), rgba(0,0,0,0.24), rgba(0,0,0,0.84)),
      url("/jupiter-resistance-backdrop.png?v=artdeco-mobile-polish-20260608") center top 66px / auto 102vh no-repeat,
      #010309 !important;
  }

  header,
  body.market-backdrop-ready header,
  .page-nav,
  body.market-backdrop-ready .page-nav {
    position: relative !important;
    top: auto !important;
  }

  .brand-icon {
    width: 46px !important;
    height: 46px !important;
  }

  .brand-name {
    font-size: 18px !important;
    letter-spacing: 0.18em !important;
  }

  .brand-sub {
    font-size: 8px !important;
    letter-spacing: 0.17em !important;
  }

  .page-title {
    font-size: clamp(22px, 8vw, 36px) !important;
  }
}

/* ── Planetary stencil refresh: page-family murals and poster typography ─── */
:root {
  --headline-font: "Limelight", "Limelight", "Josefin Sans", monospace;
  --label-font: "Josefin Sans", "Josefin Sans", monospace;
  --body-font: "Inter", system-ui, -apple-system, BlinkMacSystemFont, "Segoe UI", sans-serif;
  --jupiter-art: url("/jupiter-art-market.png?v=artdeco-mobile-polish-20260608");
  --mural-paper: #f4ead7;
  --mural-paper-dim: rgba(244, 234, 215, 0.72);
  --mural-panel: rgba(8, 8, 7, 0.88);
  --mural-panel-hi: rgba(18, 18, 15, 0.94);
  --mural-cyan: #17c2d8;
  --mural-yellow: #e6bf3f;
  --mural-red: #cf2138;
  --mural-green: #63d685;
  --mural-accent: var(--mural-yellow);
  --plasma: var(--mural-cyan);
  --gold: var(--mural-yellow);
  --green: var(--mural-green);
  --red: var(--mural-red);
  --text: #f7f1e7;
  --text-2: rgba(244, 234, 215, 0.76);
  --text-3: rgba(244, 234, 215, 0.50);
}

html[data-art-scene="market"] { --mural-accent: var(--mural-yellow); }
html[data-art-scene="options"] { --mural-accent: var(--mural-cyan); }
html[data-art-scene="tape"] { --mural-accent: var(--mural-red); }
html[data-art-scene="income"] { --mural-accent: var(--mural-green); }
html[data-art-scene="macro"] { --mural-accent: #4fa3ff; }
html[data-art-scene="about"] { --mural-accent: var(--mural-yellow); }

body,
button,
input,
select,
textarea {
  font-family: var(--body-font) !important;
}

body::before,
body.market-backdrop-ready::before {
  background:
    linear-gradient(90deg, rgba(0,0,0,0.98) 0%, rgba(0,0,0,0.78) 32%, rgba(0,0,0,0.35) 62%, rgba(0,0,0,0.80) 100%),
    linear-gradient(180deg, rgba(0,0,0,0.24) 0%, rgba(0,0,0,0.46) 38%, rgba(0,0,0,0.98) 100%),
    var(--jupiter-art) center top / cover no-repeat,
    #010309 !important;
}

.market-backdrop {
  background:
    var(--jupiter-art) center top / cover no-repeat,
    radial-gradient(circle at 72% 34%, rgba(244,234,215,0.22), transparent 32%),
    #010309 !important;
}

body::after,
body.market-backdrop-ready::after {
  background:
    radial-gradient(circle, rgba(244,234,215,0.12) 0 1px, transparent 1px 7px) 0 0 / 22px 22px,
    linear-gradient(rgba(244,234,215,0.035) 1px, transparent 1px) 0 0 / 84px 84px,
    linear-gradient(90deg, rgba(244,234,215,0.026) 1px, transparent 1px) 0 0 / 84px 84px,
    linear-gradient(90deg, color-mix(in srgb, var(--mural-accent) 32%, transparent) 0 2px, transparent 2px 24px) !important;
}

header,
body.market-backdrop-ready header {
  background:
    linear-gradient(90deg, color-mix(in srgb, var(--mural-accent) 18%, transparent), transparent 30%),
    linear-gradient(180deg, rgba(3,3,4,0.98), rgba(3,3,4,0.82)) !important;
}

header::after,
.page-title::after,
.pick-card::before,
.alert-card::before,
.trade-card::before,
.series-card::before,
.disclosure-card::before,
.income-card::before,
.day-card::before,
.otm-card::before {
  background: linear-gradient(90deg, var(--mural-red), var(--mural-accent) 45%, var(--mural-cyan)) !important;
}

.brand-name,
.page-title,
.strategy-headline,
h1,
h2,
.income-ticker,
.ticker,
.ticker-sym,
.card-ticker,
.trade-ticket-title,
.ticket-title {
  font-family: var(--headline-font) !important;
  letter-spacing: 0.08em !important;
}

.brand-name {
  font-size: clamp(21px, 3vw, 36px) !important;
  letter-spacing: clamp(0.14em, 1.2vw, 0.30em) !important;
}

.brand-sub,
.status-item,
.nav-tab,
.strategy-kicker,
.strategy-cell-label,
.strategy-backtest-grid span,
.stat-label,
.model-stat-label,
.income-metric-label,
.metric-label,
.ticket-label,
.trade-ticket-label,
.field-key,
.card-field-label,
.section-title,
.eyebrow {
  font-family: var(--label-font) !important;
  letter-spacing: 0.16em !important;
}

.brand-icon {
  background: #050506 url("/jupiterspec-logo.png?v=artdeco-mobile-polish-20260608") center / contain no-repeat !important;
  border-radius: 10px !important;
}

.nav-tab.active,
body.market-backdrop-ready .nav-tab.active,
.broker-review-btn:hover,
.trade-ticket-action.primary,
.trade-ticket-action:hover,
.income-btn:hover,
.income-control:hover,
.control-btn:hover,
.action-link:hover,
.btn:hover,
.btn-search,
.key-btn:hover,
.profit-scenario-btn.active {
  background: linear-gradient(135deg, var(--mural-paper), var(--mural-accent) 52%, var(--mural-cyan)) !important;
}

.strategy-backtest-note {
  color: rgba(244,234,215,0.70) !important;
  line-height: 1.55 !important;
}

@supports not (color: color-mix(in srgb, #fff 50%, transparent)) {
  body::after,
  body.market-backdrop-ready::after {
    background:
      radial-gradient(circle, rgba(244,234,215,0.12) 0 1px, transparent 1px 7px) 0 0 / 22px 22px,
      linear-gradient(rgba(244,234,215,0.035) 1px, transparent 1px) 0 0 / 84px 84px,
      linear-gradient(90deg, rgba(244,234,215,0.026) 1px, transparent 1px) 0 0 / 84px 84px,
      linear-gradient(90deg, rgba(207,33,56,0.13) 0 2px, transparent 2px 24px) !important;
  }
}

@media (max-width: 760px) {
  body::before,
  body.market-backdrop-ready::before,
  .market-backdrop {
    background:
      linear-gradient(180deg, rgba(0,0,0,0.14) 0%, rgba(0,0,0,0.64) 40%, rgba(0,0,0,0.98) 100%),
      linear-gradient(90deg, rgba(0,0,0,0.88), rgba(0,0,0,0.28), rgba(0,0,0,0.86)),
      var(--jupiter-art) center top 64px / auto 104vh no-repeat,
      #010309 !important;
  }

  .brand-name,
  .page-title,
  .strategy-headline,
  h1 {
    letter-spacing: 0.06em !important;
  }
}

/* ── Spray/stamp finish: tactile edges without harming data readability ─── */
:root {
  --spray-speck: radial-gradient(circle, rgba(244,234,215,0.20) 0 0.7px, transparent 1.35px);
  --spray-speck-soft: radial-gradient(circle, rgba(244,234,215,0.11) 0 0.8px, transparent 1.55px);
  --spray-shadow: 0 0 0 1px rgba(244,234,215,0.16), 0 0 18px rgba(244,234,215,0.04), var(--mural-shadow);
}

header,
.page-nav,
.card,
.pick-card,
.alert-card,
.trade-card,
.series-card,
.stat-card,
.watch-card,
.leaderboard-card,
.chart-container,
.table-wrap,
.filter-panel,
.settings-panel,
.disclosure-card,
.login-card,
.key-gate,
.key-bar,
.trade-rec,
.modal,
.modal-content,
.trade-ticket-modal,
.ticket-modal,
.profit-summary-card,
.profit-chart-wrap,
.profit-assumption-grid div,
.strategy-guide,
.strategy-box,
.strategy-backtest-card,
.model-stat,
.model-note,
.income-card,
.income-state,
.session-cell,
.day-card,
.otm-card,
.setup,
.metric,
.income-thesis,
.income-metric,
.leg-table,
.security-model-strip,
.quote-strip span,
.score-parts span,
.preview-status,
.ticket-field,
.ticket-result,
.state {
  border-color: rgba(244,234,215,0.20) !important;
  background:
    var(--spray-speck) 3px 2px / 17px 19px,
    var(--spray-speck-soft) 9px 7px / 29px 31px,
    linear-gradient(180deg, rgba(244,234,215,0.062), rgba(244,234,215,0.018)),
    linear-gradient(135deg, rgba(23,194,216,0.032), rgba(207,33,56,0.022)),
    var(--mural-panel) !important;
  box-shadow:
    inset 0 0 0 1px rgba(244,234,215,0.040),
    inset 0 0 22px rgba(244,234,215,0.018),
    var(--spray-shadow) !important;
}

.card,
.pick-card,
.alert-card,
.trade-card,
.series-card,
.stat-card,
.watch-card,
.leaderboard-card,
.chart-container,
.table-wrap,
.filter-panel,
.settings-panel,
.disclosure-card,
.login-card,
.strategy-guide,
.income-card,
.day-card,
.otm-card,
.trade-ticket-modal,
.ticket-modal,
.modal-content {
  outline: 1px solid rgba(0,0,0,0.52) !important;
  outline-offset: -5px !important;
}

header::after,
.page-title::after,
.pick-card::before,
.alert-card::before,
.trade-card::before,
.series-card::before,
.disclosure-card::before,
.income-card::before,
.day-card::before,
.otm-card::before {
  height: 4px !important;
  background:
    radial-gradient(circle, rgba(244,234,215,0.62) 0 1px, transparent 1.8px) 0 50% / 12px 4px,
    linear-gradient(90deg, var(--mural-red), var(--mural-accent) 45%, var(--mural-cyan)) !important;
  filter: saturate(0.94) contrast(1.12);
}

.page-nav,
body.market-backdrop-ready .page-nav {
  background:
    var(--spray-speck-soft) 2px 4px / 21px 23px,
    linear-gradient(90deg, rgba(244,234,215,0.080), rgba(3,3,5,0.74) 24%, rgba(3,3,5,0.82)) !important;
}

.nav-tab,
.badge,
.strength-badge,
.status-pill,
.broker-review-btn,
.trade-ticket-action,
.income-btn,
.income-control,
.control-btn,
.action-link,
.btn,
.btn-search,
.key-btn,
.sort-btn,
.range-btn,
.ticker-chip,
button {
  background-image:
    var(--spray-speck-soft),
    linear-gradient(180deg, rgba(244,234,215,0.052), rgba(244,234,215,0.012)) !important;
  background-size: 18px 18px, auto !important;
  box-shadow:
    inset 0 0 0 1px rgba(0,0,0,0.38),
    0 0 0 1px rgba(244,234,215,0.12) !important;
}

.nav-tab.active,
body.market-backdrop-ready .nav-tab.active,
.broker-review-btn:hover,
.trade-ticket-action.primary,
.trade-ticket-action:hover,
.income-btn:hover,
.income-control:hover,
.control-btn:hover,
.action-link:hover,
.btn:hover,
.btn-search,
.key-btn:hover,
.profit-scenario-btn.active {
  background:
    radial-gradient(circle, rgba(0,0,0,0.24) 0 0.7px, transparent 1.4px) 2px 2px / 13px 13px,
    linear-gradient(135deg, var(--mural-paper), var(--mural-accent) 52%, var(--mural-cyan)) !important;
}

.strategy-backtest-grid div,
.income-metric,
.metric,
.model-stat,
.session-cell,
.profit-summary-card,
.chart-container,
.profit-chart-wrap,
.table-wrap,
.leg-table {
  background:
    radial-gradient(circle, rgba(244,234,215,0.13) 0 0.65px, transparent 1.35px) 4px 5px / 18px 20px,
    repeating-linear-gradient(90deg, rgba(244,234,215,0.032) 0 1px, transparent 1px 58px),
    repeating-linear-gradient(0deg, rgba(23,194,216,0.024) 0 1px, transparent 1px 46px),
    rgba(0,0,0,0.48) !important;
}

th,
.data-table thead th,
.leg-head {
  background:
    radial-gradient(circle, rgba(244,234,215,0.15) 0 0.65px, transparent 1.4px) 2px 3px / 16px 18px,
    linear-gradient(90deg, rgba(244,234,215,0.090), rgba(23,194,216,0.035)) !important;
}

tr,
.data-table tbody tr,
.leg-row {
  border-bottom-color: rgba(244,234,215,0.115) !important;
}

.brand-name,
.page-title,
.strategy-headline,
h1,
h2,
.income-ticker,
.ticker,
.ticker-sym,
.card-ticker,
.trade-ticket-title,
.ticket-title {
  text-shadow:
    1px 1px 0 rgba(0,0,0,0.82),
    -1px 0 rgba(244,234,215,0.11),
    2px 0 color-mix(in srgb, var(--mural-accent) 24%, transparent),
    -2px 0 rgba(207,33,56,0.16) !important;
  -webkit-text-stroke: 0.18px rgba(244,234,215,0.22);
}

.brand-sub,
.status-item,
.nav-tab,
.strategy-kicker,
.strategy-cell-label,
.strategy-backtest-grid span,
.stat-label,
.model-stat-label,
.income-metric-label,
.metric-label,
.ticket-label,
.trade-ticket-label,
.field-key,
.card-field-label,
.section-title,
.eyebrow,
.score-label,
.source-tag {
  text-shadow:
    0.7px 0 rgba(244,234,215,0.18),
    -0.7px 0 rgba(0,0,0,0.62),
    0 1px 0 rgba(0,0,0,0.82) !important;
}

.stat-value,
.session-value,
.model-stat-value,
.income-metric-value,
.metric-value,
.strategy-backtest-grid strong,
.profit-summary-value {
  text-shadow:
    1px 1px 0 rgba(0,0,0,0.76),
    0 0 1px rgba(244,234,215,0.34) !important;
}

@supports not (color: color-mix(in srgb, #fff 50%, transparent)) {
  .brand-name,
  .page-title,
  .strategy-headline,
  h1,
  h2,
  .income-ticker,
  .ticker,
  .ticker-sym,
  .card-ticker,
  .trade-ticket-title,
  .ticket-title {
    text-shadow:
      1px 1px 0 rgba(0,0,0,0.82),
      -1px 0 rgba(244,234,215,0.11),
      2px 0 rgba(230,191,63,0.20),
      -2px 0 rgba(207,33,56,0.16) !important;
  }
}

/* ── Street-poster interface pass: bolder stencil UI, not just grain ─────── */
:root {
  --poster-edge: rgba(244, 234, 215, 0.42);
  --poster-red: #cf2138;
  --poster-black: #050506;
  --poster-paper: #f4ead7;
  --spray-edge-top:
    radial-gradient(circle, rgba(244,234,215,0.64) 0 1.1px, transparent 1.9px) 0 0 / 13px 5px repeat-x,
    repeating-linear-gradient(90deg, transparent 0 10px, rgba(244,234,215,0.22) 10px 12px, transparent 12px 20px) 0 1px / 100% 3px repeat-x;
  --spray-edge-red:
    radial-gradient(circle, rgba(207,33,56,0.70) 0 1.2px, transparent 2px) 0 0 / 15px 6px repeat-x,
    repeating-linear-gradient(90deg, transparent 0 8px, rgba(207,33,56,0.55) 8px 13px, transparent 13px 23px) 0 2px / 100% 3px repeat-x;
}

.brand-icon {
  width: 62px !important;
  height: 62px !important;
  border-radius: 3px !important;
  background-color: #050506 !important;
  background-size: 112% 112% !important;
  transform: rotate(-2.4deg) !important;
  box-shadow:
    -6px 6px 0 rgba(207,33,56,0.92),
    5px -5px 0 rgba(244,234,215,0.82),
    9px 5px 0 rgba(23,194,216,0.36),
    0 0 0 2px #050506,
    0 18px 40px rgba(0,0,0,0.78) !important;
  filter: contrast(1.24) saturate(0.96);
}

.brand {
  position: relative !important;
}

.brand::after {
  content: "VERIFY DATA";
  position: absolute;
  left: 70px;
  top: -9px;
  z-index: 4;
  padding: 3px 8px 2px;
  border: 2px solid rgba(207,33,56,0.78);
  color: rgba(244,234,215,0.86);
  background: rgba(5,5,6,0.76);
  font-family: var(--label-font) !important;
  font-size: 9px;
  letter-spacing: 0.18em;
  line-height: 1;
  transform: rotate(-6deg);
  text-shadow: 1px 1px 0 #000;
  box-shadow: 0 0 0 1px rgba(0,0,0,0.70), 0 0 14px rgba(207,33,56,0.16);
}

.brand-name {
  color: var(--poster-paper) !important;
  filter: contrast(1.12);
  text-shadow:
    3px 3px 0 #050506,
    -2px 0 0 rgba(207,33,56,0.38),
    2px 0 0 rgba(23,194,216,0.18),
    0 0 1px var(--poster-paper) !important;
}

header,
.page-nav,
.strategy-guide,
.card,
.pick-card,
.alert-card,
.trade-card,
.series-card,
.stat-card,
.watch-card,
.leaderboard-card,
.chart-container,
.table-wrap,
.filter-panel,
.settings-panel,
.disclosure-card,
.login-card,
.trade-rec,
.modal-content,
.trade-ticket-modal,
.ticket-modal,
.income-card,
.income-state,
.day-card,
.otm-card {
  position: relative !important;
  overflow: hidden !important;
  clip-path: polygon(0 1.5px, calc(100% - 4px) 0, 100% calc(100% - 6px), 4px 100%) !important;
}

.strategy-guide,
.card,
.pick-card,
.alert-card,
.trade-card,
.series-card,
.stat-card,
.watch-card,
.leaderboard-card,
.chart-container,
.table-wrap,
.filter-panel,
.settings-panel,
.disclosure-card,
.login-card,
.trade-rec,
.modal-content,
.trade-ticket-modal,
.ticket-modal,
.income-card,
.income-state,
.day-card,
.otm-card {
  border-width: 2px !important;
  border-style: solid !important;
  border-color: rgba(244,234,215,0.24) !important;
}

.strategy-guide::after,
.card::after,
.pick-card::after,
.alert-card::after,
.trade-card::after,
.series-card::after,
.stat-card::after,
.watch-card::after,
.leaderboard-card::after,
.chart-container::after,
.table-wrap::after,
.filter-panel::after,
.settings-panel::after,
.disclosure-card::after,
.login-card::after,
.trade-rec::after,
.modal-content::after,
.trade-ticket-modal::after,
.ticket-modal::after,
.income-card::after,
.income-state::after,
.day-card::after,
.otm-card::after {
  content: "";
  position: absolute;
  inset: 0;
  pointer-events: none;
  z-index: 2;
  background:
    var(--spray-edge-top) top left / 100% 8px no-repeat,
    var(--spray-edge-red) bottom left / 100% 8px no-repeat,
    radial-gradient(circle, rgba(244,234,215,0.30) 0 1px, transparent 1.9px) left top / 6px 17px repeat-y,
    radial-gradient(circle, rgba(244,234,215,0.24) 0 1px, transparent 1.9px) right top / 6px 17px repeat-y;
  opacity: 0.78;
  mix-blend-mode: screen;
}

.strategy-guide {
  transform: rotate(-0.25deg) !important;
}

.about-hero,
.disclosure-hero,
.page-header {
  clip-path: polygon(0 2px, 99.5% 0, 100% 97.5%, 1% 100%) !important;
  border-width: 2px !important;
  border-color: rgba(244,234,215,0.28) !important;
}

.page-nav {
  border-top: 2px solid rgba(244,234,215,0.16) !important;
  border-bottom: 0 !important;
  padding: 12px 10px !important;
}

.page-nav::before {
  content: "";
  position: absolute;
  left: -4vw;
  right: 18vw;
  top: 0;
  height: 7px;
  background:
    radial-gradient(circle, rgba(244,234,215,0.62) 0 1.3px, transparent 2.1px) 0 50% / 13px 6px repeat-x,
    linear-gradient(90deg, var(--poster-red), var(--mural-accent), transparent);
  transform: rotate(-0.45deg);
  opacity: 0.92;
}

.nav-tab {
  border-radius: 1px !important;
  border: 2px solid rgba(244,234,215,0.20) !important;
  padding: 8px 15px 7px !important;
  transform: rotate(-0.45deg);
  text-transform: uppercase;
  color: rgba(244,234,215,0.74) !important;
}

.nav-tab:nth-child(3n) { transform: rotate(0.55deg); }
.nav-tab:nth-child(4n) { transform: rotate(-0.9deg); }
.nav-tab:nth-child(5n) { transform: rotate(0.25deg); }

.nav-tab.active,
body.market-backdrop-ready .nav-tab.active {
  color: #050506 !important;
  border: 2px solid #050506 !important;
  box-shadow:
    4px 4px 0 rgba(207,33,56,0.74),
    -3px -3px 0 rgba(244,234,215,0.28),
    inset 0 0 0 2px rgba(0,0,0,0.20) !important;
}

.strategy-kicker,
.strategy-cell-label,
.strategy-backtest-grid span,
.stat-label,
.model-stat-label,
.income-metric-label,
.metric-label,
.ticket-label,
.trade-ticket-label,
.field-key,
.card-field-label,
.section-title,
.eyebrow,
.score-label,
.source-tag {
  display: inline-block !important;
  width: fit-content;
  padding: 3px 7px 2px !important;
  border: 1px solid currentColor;
  background:
    radial-gradient(circle, rgba(0,0,0,0.20) 0 0.7px, transparent 1.4px) 2px 2px / 9px 9px,
    rgba(5,5,6,0.36) !important;
  transform: rotate(-1.2deg);
  color: rgba(244,234,215,0.76) !important;
}

.strategy-cell.risk .strategy-cell-label,
.risk h2,
.warning-list div .strategy-cell-label {
  color: rgba(255,92,92,0.92) !important;
}

.strategy-cell.reward .strategy-cell-label,
.preview-status.ok .strategy-cell-label {
  color: rgba(99,214,133,0.92) !important;
}

.page-title,
.strategy-headline,
h1 {
  font-weight: 700 !important;
  text-transform: uppercase;
  paint-order: stroke fill;
  -webkit-text-stroke: 0.7px rgba(5,5,6,0.88);
  text-shadow:
    4px 4px 0 #050506,
    -3px 0 0 rgba(207,33,56,0.54),
    3px 0 0 rgba(23,194,216,0.22),
    0 0 1px var(--poster-paper) !important;
}

.page-title::before,
.strategy-headline::before,
.about-hero h1::before {
  content: "";
  display: inline-block;
  width: 20px;
  height: 0.72em;
  margin-right: 10px;
  vertical-align: -0.07em;
  background:
    radial-gradient(circle, rgba(244,234,215,0.45) 0 1px, transparent 1.8px) 0 0 / 7px 7px,
    var(--poster-red);
  clip-path: polygon(0 0, 100% 9%, 88% 100%, 8% 82%);
  transform: rotate(-5deg);
}

.strategy-backtest-grid div,
.income-metric,
.metric,
.model-stat,
.session-cell,
.ticket-field,
.quote-strip span,
.score-parts span,
.preview-status,
.state {
  border-style: dashed !important;
  border-width: 1.5px !important;
  border-color: rgba(244,234,215,0.20) !important;
  clip-path: polygon(0 0, 99% 1px, 100% 96%, 1px 100%) !important;
}

.data-table,
table,
.leg-table {
  border-collapse: separate !important;
  border-spacing: 0 4px !important;
}

tbody tr,
.data-table tbody tr,
.leg-row {
  background:
    radial-gradient(circle, rgba(244,234,215,0.08) 0 0.6px, transparent 1.2px) 0 0 / 14px 14px,
    rgba(5,5,6,0.22) !important;
}

@media (max-width: 760px) {
  .brand-icon {
    width: 52px !important;
    height: 52px !important;
  }

  .brand::after {
    left: 57px;
    top: -7px;
    font-size: 7px;
    padding: 2px 5px 1px;
  }

  .nav-tab {
    transform: none !important;
    padding: 7px 11px 6px !important;
  }

  .strategy-guide {
    transform: none !important;
  }
}

/* ── Hardcore flyer wall reset: keep art clean, paste texture onto UI only ── */
:root {
  --punk-black: #050505;
  --punk-ink: #0a0907;
  --punk-paper: #f4ead7;
  --punk-paper-soft: rgba(244,234,215,0.74);
  --punk-red: #cf2138;
  --punk-yellow: #e6bf3f;
  --punk-cyan: #17c2d8;
  --surface: rgba(5,5,5,0.86);
  --surface-hi: rgba(16,15,13,0.92);
  --card-bg: rgba(5,5,5,0.86);
  --plasma: var(--punk-paper);
  --plasma-dim: rgba(244,234,215,0.10);
  --border: rgba(244,234,215,0.24);
  --border-hi: rgba(244,234,215,0.46);
  --text: #fff7ea;
  --text-2: rgba(244,234,215,0.76);
  --text-3: rgba(244,234,215,0.48);
}

.market-backdrop {
  opacity: 1 !important;
  filter: saturate(1.08) contrast(1.08) !important;
  background: var(--jupiter-art) center top / cover no-repeat, #010309 !important;
}

body::before,
body.market-backdrop-ready::before {
  background:
    radial-gradient(circle at 72% 28%, rgba(0,0,0,0.02), rgba(0,0,0,0.28) 47%, rgba(0,0,0,0.76) 100%),
    linear-gradient(90deg, rgba(0,0,0,0.88) 0%, rgba(0,0,0,0.44) 28%, rgba(0,0,0,0.14) 58%, rgba(0,0,0,0.62) 100%),
    linear-gradient(180deg, rgba(0,0,0,0.10) 0%, rgba(0,0,0,0.22) 44%, rgba(0,0,0,0.84) 100%) !important;
  opacity: 1 !important;
  mix-blend-mode: normal !important;
}

body::after,
body.market-backdrop-ready::after {
  background: none !important;
  opacity: 0 !important;
  mix-blend-mode: normal !important;
}

.scan-line {
  display: none !important;
}

header,
body.market-backdrop-ready header,
.page-nav,
body.market-backdrop-ready .page-nav {
  background:
    linear-gradient(90deg, rgba(207,33,56,0.18), transparent 34%),
    rgba(3,3,3,0.88) !important;
  border-color: rgba(244,234,215,0.30) !important;
  border-radius: 0 !important;
  box-shadow:
    0 1px 0 rgba(244,234,215,0.20),
    0 13px 0 rgba(0,0,0,0.24) !important;
  backdrop-filter: none !important;
}

header::before,
.page-nav::after {
  content: "";
  position: absolute;
  left: -3vw;
  right: -3vw;
  bottom: -5px;
  height: 9px;
  pointer-events: none;
  background:
    radial-gradient(circle, rgba(244,234,215,0.72) 0 1.4px, transparent 2.2px) 0 0 / 15px 7px repeat-x,
    repeating-linear-gradient(90deg, rgba(207,33,56,0.82) 0 16px, transparent 16px 28px, rgba(230,191,63,0.78) 28px 43px, transparent 43px 56px);
  transform: rotate(-0.35deg);
}

.brand-icon {
  border-radius: 0 !important;
  box-shadow:
    -7px 7px 0 rgba(207,33,56,0.95),
    6px -5px 0 rgba(244,234,215,0.82),
    10px 4px 0 rgba(23,194,216,0.44),
    0 0 0 2px #050505 !important;
}

.brand-name,
.page-title,
.strategy-headline,
h1,
h2,
.income-ticker,
.ticker,
.ticker-sym,
.card-ticker {
  color: var(--punk-paper) !important;
  font-family: var(--headline-font) !important;
  letter-spacing: 0.075em !important;
  text-shadow:
    3px 3px 0 #000,
    -3px 0 0 rgba(207,33,56,0.62),
    3px 0 0 rgba(23,194,216,0.24) !important;
}

.status-dot,
.sev-dot,
.plan-yes,
.plan-no,
.health-dot {
  width: 9px !important;
  height: 9px !important;
  border-radius: 0 !important;
  transform: rotate(-8deg);
  box-shadow: 2px 2px 0 rgba(0,0,0,0.70) !important;
}

.status-item,
.brand-sub {
  color: var(--punk-paper-soft) !important;
  text-shadow: 1px 1px 0 #000 !important;
}

.strategy-guide,
.card,
.pick-card,
.alert-card,
.trade-card,
.series-card,
.stat-card,
.watch-card,
.leaderboard-card,
.chart-container,
.table-wrap,
.filter-panel,
.settings-panel,
.disclosure-card,
.login-card,
.trade-rec,
.modal-content,
.trade-ticket-modal,
.ticket-modal,
.income-card,
.income-state,
.day-card,
.desk-card,
.otm-card,
.about-hero,
.about-grid article,
.session-cell,
.setup,
.metric,
.ticket-result,
.danger-note {
  background:
    linear-gradient(180deg, rgba(244,234,215,0.055), rgba(244,234,215,0.012)),
    rgba(5,5,5,0.84) !important;
  border: 2px solid rgba(244,234,215,0.31) !important;
  border-radius: 0 !important;
  box-shadow:
    7px 7px 0 rgba(0,0,0,0.54),
    -2px -2px 0 rgba(207,33,56,0.18) !important;
  backdrop-filter: none !important;
}

.strategy-guide::before,
.card::before,
.pick-card::before,
.alert-card::before,
.trade-card::before,
.series-card::before,
.stat-card::before,
.watch-card::before,
.leaderboard-card::before,
.chart-container::before,
.table-wrap::before,
.filter-panel::before,
.settings-panel::before,
.disclosure-card::before,
.login-card::before,
.trade-rec::before,
.modal-content::before,
.trade-ticket-modal::before,
.ticket-modal::before,
.income-card::before,
.income-state::before,
.day-card::before,
.desk-card::before,
.otm-card::before,
.about-hero::before,
.about-grid article::before {
  content: "";
  position: absolute;
  inset: 5px;
  z-index: 0;
  pointer-events: none;
  background:
    repeating-linear-gradient(0deg, rgba(244,234,215,0.055) 0 1px, transparent 1px 8px),
    radial-gradient(circle, rgba(244,234,215,0.13) 0 0.8px, transparent 1.5px) 0 0 / 13px 13px,
    linear-gradient(90deg, rgba(207,33,56,0.09), transparent 22%, rgba(23,194,216,0.055) 72%, transparent);
  opacity: 0.62;
  mix-blend-mode: normal;
}

.strategy-guide > *,
.card > *,
.pick-card > *,
.alert-card > *,
.trade-card > *,
.series-card > *,
.stat-card > *,
.watch-card > *,
.leaderboard-card > *,
.chart-container > *,
.table-wrap > *,
.filter-panel > *,
.settings-panel > *,
.disclosure-card > *,
.login-card > *,
.trade-rec > *,
.modal-content > *,
.trade-ticket-modal > *,
.ticket-modal > *,
.income-card > *,
.income-state > *,
.day-card > *,
.desk-card > *,
.otm-card > *,
.about-hero > *,
.about-grid article > * {
  position: relative;
  z-index: 1;
}

.strategy-guide::after,
.card::after,
.pick-card::after,
.alert-card::after,
.trade-card::after,
.series-card::after,
.stat-card::after,
.watch-card::after,
.leaderboard-card::after,
.chart-container::after,
.table-wrap::after,
.filter-panel::after,
.settings-panel::after,
.disclosure-card::after,
.login-card::after,
.trade-rec::after,
.modal-content::after,
.trade-ticket-modal::after,
.ticket-modal::after,
.income-card::after,
.income-state::after,
.day-card::after,
.desk-card::after,
.otm-card::after,
.about-hero::after,
.about-grid article::after {
  z-index: 2;
  opacity: 0.88 !important;
  mix-blend-mode: normal !important;
}

.nav-tab,
button,
.btn,
.btn-search,
.range-btn,
.sort-btn,
.filter-btn,
.pill-btn,
.ticker-chip,
.control-btn,
.action-link,
.income-btn,
.trade-ticket-action,
.broker-review-btn,
input[type="button"],
input[type="submit"] {
  background:
    linear-gradient(180deg, rgba(244,234,215,0.065), rgba(0,0,0,0.0)),
    rgba(3,3,3,0.72) !important;
  border: 2px solid rgba(244,234,215,0.34) !important;
  border-radius: 0 !important;
  color: var(--punk-paper) !important;
  box-shadow: 3px 3px 0 rgba(0,0,0,0.54) !important;
  font-family: var(--label-font) !important;
  letter-spacing: 0.15em !important;
  text-transform: uppercase !important;
}

.nav-tab:hover,
button:hover,
.btn:hover,
.btn-search:hover,
.range-btn:hover,
.sort-btn:hover,
.filter-btn:hover,
.pill-btn:hover,
.ticker-chip:hover,
.control-btn:hover,
.action-link:hover,
.income-btn:hover,
.trade-ticket-action:hover,
.broker-review-btn:hover {
  background: var(--punk-paper) !important;
  color: #050505 !important;
  border-color: #050505 !important;
  text-shadow: none !important;
  transform: translate(-1px, -1px) rotate(-0.8deg);
}

.nav-tab.active,
body.market-backdrop-ready .nav-tab.active,
.range-btn.active,
.sort-btn.active,
.filter-btn.active,
.pill-btn.active,
.ticker-chip.active {
  background:
    linear-gradient(135deg, var(--punk-paper), var(--mural-accent) 52%, var(--punk-cyan)) !important;
  color: #050505 !important;
  border-color: #050505 !important;
  box-shadow:
    5px 5px 0 rgba(207,33,56,0.86),
    -3px -3px 0 rgba(244,234,215,0.30) !important;
}

input[type="text"],
input[type="password"],
input[type="date"],
input[type="number"],
select,
textarea,
.key-input,
.ticket-copy {
  background: rgba(5,5,5,0.92) !important;
  border: 2px solid rgba(244,234,215,0.26) !important;
  border-radius: 0 !important;
  color: var(--punk-paper) !important;
  box-shadow: 4px 4px 0 rgba(0,0,0,0.44) !important;
  backdrop-filter: none !important;
}

input:focus,
select:focus,
textarea:focus,
.key-input:focus,
.ticket-copy:focus {
  border-color: var(--punk-paper) !important;
  box-shadow:
    4px 4px 0 rgba(0,0,0,0.44),
    0 0 0 2px rgba(207,33,56,0.55) !important;
}

.badge,
.strength-badge,
.status-pill,
.source-tag,
.quote-strip span,
.score-parts span,
.preview-status,
.state,
.execution-notice,
.broker-review-note {
  border-radius: 0 !important;
  background: rgba(5,5,5,0.62) !important;
  border: 1px dashed rgba(244,234,215,0.34) !important;
  color: var(--punk-paper-soft) !important;
  box-shadow: none !important;
}

.data-table tbody tr:hover,
table tbody tr:hover,
.leg-row:hover {
  background:
    linear-gradient(90deg, rgba(207,33,56,0.13), rgba(244,234,215,0.055), transparent) !important;
}

.loading,
.empty-state,
.state-msg {
  background: rgba(5,5,5,0.76) !important;
  border: 2px dashed rgba(244,234,215,0.30) !important;
  border-radius: 0 !important;
  color: var(--punk-paper-soft) !important;
}

@media (max-width: 760px) {
  .market-backdrop {
    background: var(--jupiter-art) center top 64px / auto 104vh no-repeat, #010309 !important;
  }

  header,
  body.market-backdrop-ready header {
    box-shadow: 0 10px 0 rgba(0,0,0,0.20) !important;
  }

  .strategy-guide,
  .card,
  .pick-card,
  .alert-card,
  .trade-card,
  .series-card,
  .stat-card,
  .chart-container,
  .income-card,
  .day-card,
  .desk-card,
  .otm-card {
    box-shadow: 4px 4px 0 rgba(0,0,0,0.50) !important;
  }
}

/* ── Power-to-the-people spray pass: no paper veil, no rainbow rails ─────── */
:root {
  --spray-red-fat:
    radial-gradient(ellipse, rgba(207,33,56,0.82) 0 2.3px, transparent 3.8px) 0 0 / 22px 11px repeat-x,
    linear-gradient(90deg, transparent 0 2%, rgba(207,33,56,0.94) 4% 94%, transparent 98%) 0 3px / 100% 11px no-repeat;
  --spray-paper-fat:
    radial-gradient(ellipse, rgba(244,234,215,0.78) 0 2px, transparent 3.5px) 0 0 / 20px 10px repeat-x,
    linear-gradient(90deg, transparent 0 3%, rgba(244,234,215,0.88) 6% 94%, transparent 98%) 0 3px / 100% 10px no-repeat;
  --spray-side-red:
    radial-gradient(ellipse, rgba(207,33,56,0.72) 0 2px, transparent 3.6px) 0 0 / 11px 22px repeat-y,
    linear-gradient(180deg, transparent 0 3%, rgba(207,33,56,0.84) 6% 93%, transparent 98%) 3px 0 / 10px 100% no-repeat;
  --spray-side-paper:
    radial-gradient(ellipse, rgba(244,234,215,0.70) 0 2px, transparent 3.6px) 0 0 / 11px 22px repeat-y,
    linear-gradient(180deg, transparent 0 3%, rgba(244,234,215,0.80) 7% 92%, transparent 98%) 3px 0 / 10px 100% no-repeat;
}

body::after,
body.market-backdrop-ready::after {
  content: "" !important;
  background: none !important;
  opacity: 0 !important;
  filter: none !important;
  mix-blend-mode: normal !important;
}

.market-backdrop {
  background: var(--jupiter-art) center top / cover no-repeat, #010309 !important;
  filter: saturate(1.12) contrast(1.10) !important;
}

.brand::after {
  content: "" !important;
  display: none !important;
}

header::before,
header::after,
.page-nav::before,
.page-nav::after {
  content: "" !important;
  position: absolute !important;
  left: -4vw !important;
  right: -4vw !important;
  height: 18px !important;
  pointer-events: none !important;
  border: 0 !important;
  transform: rotate(-0.45deg) !important;
  background:
    radial-gradient(ellipse, rgba(207,33,56,0.86) 0 2.4px, transparent 4px) 0 0 / 23px 12px repeat-x,
    linear-gradient(90deg, transparent 0 2%, rgba(207,33,56,0.95) 5% 96%, transparent 99%) 0 4px / 100% 12px no-repeat !important;
  opacity: 1 !important;
  mix-blend-mode: normal !important;
  filter: blur(0.15px);
}

header::before,
.page-nav::before {
  top: -9px !important;
  bottom: auto !important;
  transform: rotate(0.28deg) !important;
  background:
    radial-gradient(ellipse, rgba(244,234,215,0.74) 0 2px, transparent 3.5px) 0 0 / 20px 10px repeat-x,
    linear-gradient(90deg, transparent 0 4%, rgba(244,234,215,0.82) 7% 94%, transparent 98%) 0 3px / 100% 10px no-repeat !important;
}

header::after,
.page-nav::after {
  bottom: -9px !important;
  top: auto !important;
}

.strategy-guide::before,
.card::before,
.pick-card::before,
.alert-card::before,
.trade-card::before,
.series-card::before,
.stat-card::before,
.watch-card::before,
.leaderboard-card::before,
.chart-container::before,
.table-wrap::before,
.filter-panel::before,
.settings-panel::before,
.disclosure-card::before,
.login-card::before,
.trade-rec::before,
.modal-content::before,
.trade-ticket-modal::before,
.ticket-modal::before,
.income-card::before,
.income-state::before,
.day-card::before,
.desk-card::before,
.otm-card::before,
.about-hero::before,
.about-grid article::before,
.session-cell::before,
.setup::before,
.metric::before,
.ticket-result::before,
.danger-note::before {
  background: none !important;
  opacity: 0 !important;
}

.strategy-guide,
.card,
.pick-card,
.alert-card,
.trade-card,
.series-card,
.stat-card,
.watch-card,
.leaderboard-card,
.chart-container,
.table-wrap,
.filter-panel,
.settings-panel,
.disclosure-card,
.login-card,
.trade-rec,
.modal-content,
.trade-ticket-modal,
.ticket-modal,
.income-card,
.income-state,
.day-card,
.desk-card,
.otm-card,
.about-hero,
.about-grid article,
.session-cell,
.setup,
.metric,
.ticket-result,
.danger-note {
  background: rgba(4,4,4,0.82) !important;
  border: 0 !important;
  outline: 0 !important;
  border-radius: 0 !important;
  box-shadow:
    8px 8px 0 rgba(0,0,0,0.60),
    -4px 0 0 rgba(207,33,56,0.16) !important;
}

.strategy-guide::after,
.card::after,
.pick-card::after,
.alert-card::after,
.trade-card::after,
.series-card::after,
.stat-card::after,
.watch-card::after,
.leaderboard-card::after,
.chart-container::after,
.table-wrap::after,
.filter-panel::after,
.settings-panel::after,
.disclosure-card::after,
.login-card::after,
.trade-rec::after,
.modal-content::after,
.trade-ticket-modal::after,
.ticket-modal::after,
.income-card::after,
.income-state::after,
.day-card::after,
.desk-card::after,
.otm-card::after,
.about-hero::after,
.about-grid article::after,
.session-cell::after,
.setup::after,
.metric::after,
.ticket-result::after,
.danger-note::after {
  content: "" !important;
  position: absolute !important;
  inset: 0 !important;
  pointer-events: none !important;
  z-index: 2 !important;
  opacity: 1 !important;
  mix-blend-mode: normal !important;
  background:
    radial-gradient(ellipse, rgba(207,33,56,0.82) 0 2.3px, transparent 3.8px) top left / 22px 11px repeat-x,
    linear-gradient(90deg, transparent 0 2%, rgba(207,33,56,0.94) 4% 94%, transparent 98%) top left / 100% 14px no-repeat,
    radial-gradient(ellipse, rgba(244,234,215,0.78) 0 2px, transparent 3.5px) bottom left / 20px 10px repeat-x,
    linear-gradient(90deg, transparent 0 3%, rgba(244,234,215,0.88) 6% 94%, transparent 98%) bottom left / 100% 13px no-repeat,
    radial-gradient(ellipse, rgba(207,33,56,0.72) 0 2px, transparent 3.6px) left top / 11px 22px repeat-y,
    linear-gradient(180deg, transparent 0 3%, rgba(207,33,56,0.84) 6% 93%, transparent 98%) left top / 13px 100% no-repeat,
    radial-gradient(ellipse, rgba(244,234,215,0.70) 0 2px, transparent 3.6px) right top / 11px 22px repeat-y,
    linear-gradient(180deg, transparent 0 3%, rgba(244,234,215,0.80) 7% 92%, transparent 98%) right top / 13px 100% no-repeat !important;
}

.strategy-cell,
.strategy-backtest-grid div,
.income-metric,
.model-stat,
.ticket-field,
.quote-strip span,
.score-parts span,
.preview-status,
.state,
.badge,
.strength-badge,
.status-pill,
.source-tag {
  border: 0 !important;
  border-radius: 0 !important;
  background:
    linear-gradient(90deg, rgba(207,33,56,0.10), rgba(0,0,0,0.34) 18%, rgba(0,0,0,0.20)) !important;
  box-shadow:
    inset 0 5px 0 rgba(207,33,56,0.42),
    inset 0 -4px 0 rgba(244,234,215,0.20) !important;
}

.nav-tab.active,
body.market-backdrop-ready .nav-tab.active,
.range-btn.active,
.sort-btn.active,
.filter-btn.active,
.pill-btn.active,
.ticker-chip.active,
.strategy-link.active,
.quick-ticker.active {
  background: #f4ead7 !important;
  color: #050505 !important;
  border-color: #050505 !important;
  box-shadow:
    0 7px 0 rgba(207,33,56,0.92),
    5px 5px 0 rgba(0,0,0,0.76) !important;
}

.nav-tab,
button,
.btn,
.btn-search,
.range-btn,
.sort-btn,
.filter-btn,
.pill-btn,
.ticker-chip,
.control-btn,
.action-link,
.income-btn,
.trade-ticket-action,
.broker-review-btn,
.strategy-link,
.quick-ticker,
input[type="button"],
input[type="submit"] {
  border: 0 !important;
  box-shadow:
    inset 0 5px 0 rgba(244,234,215,0.28),
    inset 0 -5px 0 rgba(207,33,56,0.34),
    4px 4px 0 rgba(0,0,0,0.66) !important;
}

.brand-icon {
  background: #050505 url("/jupiterspec-logo.png?v=artdeco-mobile-polish-20260608") center / contain no-repeat !important;
  box-shadow:
    -8px 8px 0 rgba(207,33,56,0.96),
    7px -6px 0 rgba(244,234,215,0.84),
    12px 4px 0 rgba(230,191,63,0.45),
    0 0 0 2px #050505 !important;
}

.page-title::before,
.strategy-headline::before,
.about-hero h1::before {
  background: #cf2138 !important;
  box-shadow:
    0 6px 0 rgba(207,33,56,0.45),
    0 -5px 0 rgba(244,234,215,0.24) !important;
}

.strategy-link,
.quick-ticker {
  border-radius: 0 !important;
  border: 0 !important;
  background: rgba(3,3,3,0.74) !important;
  color: var(--punk-paper) !important;
  box-shadow:
    inset 0 5px 0 rgba(244,234,215,0.24),
    inset 0 -5px 0 rgba(207,33,56,0.34),
    4px 4px 0 rgba(0,0,0,0.66) !important;
}

.strategy-link:hover,
.quick-ticker:hover {
  background: var(--punk-paper) !important;
  color: #050505 !important;
  transform: translate(-1px, -1px) rotate(-0.8deg);
}

/* Launch mural correction: authentic strokes, stable data layout, final logo. */
:root {
  --asset-version: "artdeco-mobile-polish-20260608";
  --logo-mark: url("/jupiterspec-logo.png?v=artdeco-mobile-polish-20260608");
  --spray-red-edge: url("/spray-edge-red.svg?v=artdeco-mobile-polish-20260608");
  --spray-paper-edge: url("/spray-edge-paper.svg?v=artdeco-mobile-polish-20260608");
}

.brand-icon {
  background: #050505 var(--logo-mark) center / contain no-repeat !important;
  border-radius: 16px !important;
  transform: none !important;
  box-shadow:
    0 0 0 2px #050505,
    -5px 5px 0 rgba(207,33,56,0.92),
    5px -4px 0 rgba(244,234,215,0.72) !important;
}

header::before,
header::after,
.page-nav::before,
.page-nav::after {
  left: 0 !important;
  right: 0 !important;
  width: 100% !important;
  transform: none !important;
  height: 24px !important;
  background: var(--spray-red-edge) center / 100% 100% no-repeat !important;
  filter: none !important;
}

html,
body,
body.market-backdrop-ready {
  max-width: 100% !important;
  overflow-x: hidden !important;
}

body.market-backdrop-ready header,
body.market-backdrop-ready .page-nav {
  max-width: 100vw !important;
  overflow-x: clip !important;
}

header::before,
.page-nav::before {
  background: var(--spray-paper-edge) center / 100% 100% no-repeat !important;
}

.strategy-guide,
.card,
.pick-card,
.alert-card,
.trade-card,
.series-card,
.stat-card,
.watch-card,
.leaderboard-card,
.chart-container,
.table-wrap,
.filter-panel,
.settings-panel,
.disclosure-card,
.login-card,
.trade-rec,
.modal-content,
.trade-ticket-modal,
.ticket-modal,
.income-card,
.income-state,
.day-card,
.desk-card,
.otm-card,
.about-hero,
.about-grid article,
.session-cell,
.setup,
.metric,
.ticket-result,
.danger-note {
  position: relative !important;
  isolation: isolate !important;
  overflow: hidden !important;
  background:
    linear-gradient(180deg, rgba(9,10,11,0.90), rgba(2,2,3,0.86)) !important;
  box-shadow:
    7px 8px 0 rgba(0,0,0,0.58),
    -3px 0 0 rgba(207,33,56,0.28) !important;
}

.strategy-guide::after,
.card::after,
.pick-card::after,
.alert-card::after,
.trade-card::after,
.series-card::after,
.stat-card::after,
.watch-card::after,
.leaderboard-card::after,
.chart-container::after,
.table-wrap::after,
.filter-panel::after,
.settings-panel::after,
.disclosure-card::after,
.login-card::after,
.trade-rec::after,
.modal-content::after,
.trade-ticket-modal::after,
.ticket-modal::after,
.income-card::after,
.income-state::after,
.day-card::after,
.desk-card::after,
.otm-card::after,
.about-hero::after,
.about-grid article::after,
.session-cell::after,
.setup::after,
.metric::after,
.ticket-result::after,
.danger-note::after {
  content: "" !important;
  position: absolute !important;
  inset: 0 !important;
  pointer-events: none !important;
  z-index: 0 !important;
  opacity: 0.96 !important;
  background:
    var(--spray-red-edge) top left / 100% 18px no-repeat,
    var(--spray-paper-edge) bottom left / 100% 16px no-repeat !important;
}

.strategy-guide > *,
.card > *,
.pick-card > *,
.alert-card > *,
.trade-card > *,
.series-card > *,
.stat-card > *,
.watch-card > *,
.leaderboard-card > *,
.chart-container > *,
.table-wrap > *,
.filter-panel > *,
.settings-panel > *,
.disclosure-card > *,
.login-card > *,
.trade-rec > *,
.modal-content > *,
.trade-ticket-modal > *,
.ticket-modal > *,
.income-card > *,
.income-state > *,
.day-card > *,
.desk-card > *,
.otm-card > *,
.about-hero > *,
.about-grid article > *,
.session-cell > *,
.setup > *,
.metric > *,
.ticket-result > *,
.danger-note > * {
  position: relative !important;
  z-index: 1 !important;
}

.strategy-kicker,
.strategy-cell-label,
.stat-label,
.score-label,
.field-label,
.trade-label,
.ticket-label,
.metric-label,
.income-label,
.model-stat-label,
.source-tag,
.status-pill,
.badge,
.strength-badge {
  position: static !important;
  display: inline-flex !important;
  align-items: center !important;
  width: auto !important;
  max-width: 100% !important;
  min-height: 0 !important;
  margin: 0 0 7px !important;
  padding: 3px 7px !important;
  line-height: 1.1 !important;
  white-space: normal !important;
  transform: none !important;
  rotate: 0deg !important;
  letter-spacing: 0.18em !important;
  background:
    linear-gradient(90deg, rgba(207,33,56,0.62), rgba(207,33,56,0.28)) !important;
  box-shadow: 3px 3px 0 rgba(0,0,0,0.72) !important;
}

.strategy-cell,
.strategy-backtest-grid div,
.income-metric,
.model-stat,
.ticket-field,
.quote-strip span,
.score-parts span,
.preview-status,
.state {
  transform: none !important;
  rotate: 0deg !important;
  clip-path: none !important;
  overflow: visible !important;
  border-radius: 0 !important;
}

.nav-tab,
.strategy-link,
.quick-ticker,
button,
.btn,
.btn-search,
.range-btn,
.sort-btn,
.filter-btn,
.pill-btn,
.ticker-chip,
.control-btn,
.action-link,
.income-btn,
.trade-ticket-action,
.broker-review-btn {
  transform: none !important;
}

.nav-tab:hover,
.strategy-link:hover,
.quick-ticker:hover,
button:hover,
.btn:hover,
.btn-search:hover,
.range-btn:hover,
.sort-btn:hover,
.filter-btn:hover,
.pill-btn:hover,
.ticker-chip:hover,
.control-btn:hover,
.action-link:hover,
.income-btn:hover,
.trade-ticket-action:hover,
.broker-review-btn:hover {
  transform: translateY(-1px) !important;
}

/* Art Deco brutalist brand pass: punk flyer grit + tactical electronics. */
:root {
  --asset-version: "artdeco-mobile-polish-20260608";
  --logo-mark: url("/jupiterspec-logo.png?v=artdeco-mobile-polish-20260608");
  --art-deco-bg: url("/jupiter-art-market.png?v=artdeco-mobile-polish-20260608");
  --radar-green: #0f7669;
  --radar-green-soft: rgba(15, 118, 105,0.34);
  --radar-green-dim: rgba(15, 118, 105,0.13);
  --brutal-black: #020403;
  --brutal-charcoal: rgba(4,8,7,0.90);
  --punk-white: #f7fbf2;
  --paste-red: #d02532;
  --schematic-line:
    linear-gradient(rgba(15, 118, 105,0.055) 1px, transparent 1px) 0 0 / 44px 44px,
    linear-gradient(90deg, rgba(15, 118, 105,0.045) 1px, transparent 1px) 0 0 / 44px 44px;
}

.market-backdrop {
  background: var(--art-deco-bg) center top / cover no-repeat, #020403 !important;
  filter: saturate(1.08) contrast(1.18) brightness(0.82) !important;
}

body.market-backdrop-ready::before {
  background:
    radial-gradient(circle at 73% 35%, rgba(15, 118, 105,0.16), transparent 22%),
    conic-gradient(from 238deg at 73% 35%, transparent 0deg, rgba(15, 118, 105,0.30) 18deg, transparent 34deg),
    radial-gradient(circle at 73% 35%, transparent 0 12%, rgba(15, 118, 105,0.16) 12.4% 12.9%, transparent 13.3% 20%, rgba(15, 118, 105,0.10) 20.4% 20.8%, transparent 21.2%),
    var(--schematic-line),
    linear-gradient(90deg, rgba(0,0,0,0.78) 0%, rgba(0,0,0,0.46) 42%, rgba(0,0,0,0.18) 72%, rgba(0,0,0,0.52) 100%),
    linear-gradient(180deg, rgba(0,0,0,0.18) 0%, rgba(0,0,0,0.34) 48%, rgba(0,0,0,0.74) 100%) !important;
  opacity: 1 !important;
  mix-blend-mode: normal !important;
}

body.market-backdrop-ready::after {
  opacity: 0 !important;
  background: none !important;
}

header,
body.market-backdrop-ready header,
.page-nav,
body.market-backdrop-ready .page-nav {
  background:
    linear-gradient(180deg, rgba(3,5,4,0.96), rgba(0,0,0,0.90)),
    var(--schematic-line) !important;
  border: 1px solid var(--deco-line-strong) !important;
  border-left: 0 !important;
  border-right: 0 !important;
  box-shadow:
    0 0 0 1px rgba(15, 118, 105,0.52),
    0 10px 0 rgba(0,0,0,0.78),
    0 0 28px rgba(15, 118, 105,0.18) !important;
}

header::before,
header::after,
.page-nav::before,
.page-nav::after {
  height: 10px !important;
  background:
    linear-gradient(90deg, transparent 0 2%, var(--radar-green) 4% 52%, rgba(247,251,242,0.92) 58% 70%, var(--paste-red) 76% 94%, transparent 98%),
    repeating-linear-gradient(90deg, transparent 0 20px, rgba(0,0,0,0.70) 20px 26px) !important;
  opacity: 0.88 !important;
}

.brand {
  gap: 15px !important;
}

.brand-icon {
  width: 58px !important;
  height: 58px !important;
  border-radius: 0 !important;
  background: #030403 var(--logo-mark) center / cover no-repeat !important;
  border: 1px solid var(--deco-line-strong) !important;
  box-shadow:
    0 0 0 1px rgba(15, 118, 105,0.80),
    7px 7px 0 rgba(0,0,0,0.92),
    0 0 26px rgba(15, 118, 105,0.24) !important;
}

.brand-name,
.page-title,
.strategy-headline,
.about-hero h1,
h1,
h2 {
  font-family: "Limelight", "Josefin Sans", ui-monospace, monospace !important;
  letter-spacing: 0.09em !important;
  color: var(--punk-white) !important;
  text-shadow:
    2px 2px 0 #000,
    0 0 18px rgba(15, 118, 105,0.28) !important;
}

.brand::after {
  content: "" !important;
  display: none !important;
}

.brand-sub,
.status-text,
.view-age,
.freshness-label,
.strategy-kicker,
.strategy-cell-label,
.stat-label,
.score-label,
.field-label,
.trade-label,
.ticket-label,
.metric-label,
.income-label,
.model-stat-label,
.source-tag,
.status-pill,
.badge,
.strength-badge {
  font-family: "Josefin Sans", "Josefin Sans", ui-monospace, monospace !important;
  color: var(--punk-white) !important;
  letter-spacing: 0.16em !important;
  text-transform: uppercase !important;
}

.strategy-kicker,
.strategy-cell-label,
.stat-label,
.score-label,
.field-label,
.trade-label,
.ticket-label,
.metric-label,
.income-label,
.model-stat-label,
.source-tag,
.status-pill,
.badge,
.strength-badge {
  background:
    linear-gradient(90deg, rgba(15, 118, 105,0.26), rgba(15, 118, 105,0.10)),
    #050706 !important;
  border: 1px solid var(--deco-line-strong) !important;
  box-shadow:
    inset 0 0 0 1px rgba(15, 118, 105,0.58),
    3px 3px 0 rgba(0,0,0,0.92) !important;
}

.strategy-guide,
.card,
.pick-card,
.alert-card,
.trade-card,
.series-card,
.stat-card,
.watch-card,
.leaderboard-card,
.chart-container,
.table-wrap,
.filter-panel,
.settings-panel,
.disclosure-card,
.login-card,
.trade-rec,
.modal-content,
.trade-ticket-modal,
.ticket-modal,
.income-card,
.income-state,
.day-card,
.desk-card,
.otm-card,
.about-hero,
.about-grid article,
.session-cell,
.setup,
.metric,
.ticket-result,
.danger-note {
  background:
    linear-gradient(180deg, rgba(2,5,4,0.94), rgba(0,0,0,0.88)),
    var(--schematic-line) !important;
  border: 1px solid var(--deco-line-strong) !important;
  border-radius: 0 !important;
  box-shadow:
    0 0 0 1px rgba(15, 118, 105,0.58),
    9px 9px 0 rgba(0,0,0,0.74),
    0 0 32px rgba(15, 118, 105,0.14) !important;
}

.strategy-guide::after,
.card::after,
.pick-card::after,
.alert-card::after,
.trade-card::after,
.series-card::after,
.stat-card::after,
.watch-card::after,
.leaderboard-card::after,
.chart-container::after,
.table-wrap::after,
.filter-panel::after,
.settings-panel::after,
.disclosure-card::after,
.login-card::after,
.trade-rec::after,
.modal-content::after,
.trade-ticket-modal::after,
.ticket-modal::after,
.income-card::after,
.income-state::after,
.day-card::after,
.desk-card::after,
.otm-card::after,
.about-hero::after,
.about-grid article::after,
.session-cell::after,
.setup::after,
.metric::after,
.ticket-result::after,
.danger-note::after {
  background:
    linear-gradient(90deg, var(--radar-green) 0 18%, transparent 18% 22%, rgba(247,251,242,0.92) 22% 38%, transparent 38% 100%) top left / 100% 6px no-repeat,
    linear-gradient(90deg, rgba(247,251,242,0.82), transparent 28%, var(--radar-green) 58%, transparent 80%) bottom left / 100% 5px no-repeat,
    linear-gradient(180deg, var(--radar-green), transparent 35%, rgba(15, 118, 105,0.50)) left top / 5px 100% no-repeat,
    linear-gradient(180deg, rgba(247,251,242,0.70), transparent 55%, rgba(15, 118, 105,0.52)) right top / 4px 100% no-repeat !important;
}

.strategy-cell,
.strategy-backtest-grid div,
.income-metric,
.model-stat,
.ticket-field,
.quote-strip span,
.score-parts span,
.preview-status,
.state,
input,
select,
textarea {
  background:
    linear-gradient(180deg, rgba(6,13,10,0.88), rgba(0,0,0,0.68)) !important;
  border: 1px solid var(--deco-line-strong) !important;
  box-shadow:
    inset 0 0 0 1px rgba(15, 118, 105,0.32),
    4px 4px 0 rgba(0,0,0,0.62) !important;
}

.nav-tab,
button,
.btn,
.btn-search,
.range-btn,
.sort-btn,
.filter-btn,
.pill-btn,
.ticker-chip,
.control-btn,
.action-link,
.income-btn,
.trade-ticket-action,
.broker-review-btn,
.strategy-link,
.quick-ticker {
  border: 1px solid var(--deco-line-strong) !important;
  border-radius: 0 !important;
  background:
    linear-gradient(180deg, rgba(7,11,9,0.98), rgba(0,0,0,0.88)) !important;
  color: var(--punk-white) !important;
  box-shadow:
    inset 0 0 0 1px rgba(15, 118, 105,0.36),
    4px 4px 0 rgba(0,0,0,0.84) !important;
}

.nav-tab.active,
body.market-backdrop-ready .nav-tab.active,
.range-btn.active,
.sort-btn.active,
.filter-btn.active,
.pill-btn.active,
.ticker-chip.active,
.strategy-link.active,
.quick-ticker.active {
  background:
    linear-gradient(180deg, rgba(15, 118, 105,0.94), rgba(21,132,58,0.92)) !important;
  color: #020403 !important;
  border-color: var(--deco-line-strong) !important;
  text-shadow: none !important;
  box-shadow:
    inset 0 0 0 1px rgba(247,251,242,0.60),
    6px 6px 0 rgba(0,0,0,0.90),
    0 0 24px rgba(15, 118, 105,0.30) !important;
}

.stat-value.green,
.field-val.green,
.trade-value,
.price-delta.up,
.trend.up,
.execution-notice-title {
  color: var(--radar-green) !important;
  text-shadow: 0 0 12px rgba(15, 118, 105,0.45) !important;
}

.stat-value.red,
.field-val.red,
.price-delta.down,
.trend.down {
  color: #ff3b4f !important;
}

@media (max-width: 760px) {
  .market-backdrop {
    background: var(--art-deco-bg) 63% top / auto 102vh no-repeat, #020403 !important;
  }

  .brand-icon {
    width: 52px !important;
    height: 52px !important;
  }

  .brand-name {
    font-size: clamp(22px, 7vw, 31px) !important;
  }
}

/* Art Deco unification layer: remove remaining old dashboard skin. */
:root,
html {
  --asset-version: "artdeco-mobile-polish-20260608" !important;
  --logo-mark: url("/jupiterspec-logo.svg?v=artdeco-mobile-polish-20260608") !important;
  --art-deco-bg: url("/jupiter-art-market.png?v=artdeco-mobile-polish-20260608") !important;
  --void: #020403 !important;
  --bg: #020403 !important;
  --surface: rgba(3,7,5,0.92) !important;
  --surface-hi: rgba(7,17,12,0.94) !important;
  --card-bg: rgba(3,7,5,0.92) !important;
  --plasma: #0f7669 !important;
  --plasma-dim: rgba(15, 118, 105,0.13) !important;
  --green: #0f7669 !important;
  --gold: #f7fbf2 !important;
  --yellow: #d7ff6a !important;
  --red: #ff3b4f !important;
  --text: #f7fbf2 !important;
  --text-2: #a6c7af !important;
  --text-dim: #7c9987 !important;
  --border: rgba(15, 118, 105,0.22) !important;
  --border-hi: rgba(15, 118, 105,0.62) !important;
  --cyan: #0f7669 !important;
  --lemon: #f7fbf2 !important;
  --magenta: #d7ff6a !important;
  --paste-red: #0f7669 !important;
}

html,
body {
  background: #020403 !important;
  color: var(--text) !important;
}

.market-backdrop {
  background: var(--art-deco-bg) center top / cover no-repeat, #020403 !important;
}

.scan-line {
  background: linear-gradient(90deg, transparent, var(--radar-green), transparent) !important;
  opacity: 0.42 !important;
}

#app,
.login-shell,
main,
.page,
.content,
.page-content,
.dashboard,
.dashboard-grid {
  color: var(--text) !important;
}

.brand-icon,
[class*="brand-icon"] {
  background: #030403 var(--logo-mark) center / cover no-repeat !important;
  border-radius: 0 !important;
}

.brand-name,
.logo-wordmark,
.page-title,
.strategy-headline,
.ticker,
.score,
.stat-value,
.stat-val,
.card-field-value,
.trade-rec-head,
.chart-title,
.series-name,
.otm-title,
.day-title,
.desk-title,
.income-title,
h1,
h2,
h3 {
  font-family: "Limelight", "Josefin Sans", ui-monospace, monospace !important;
  letter-spacing: 0.08em !important;
  color: var(--punk-white) !important;
  text-shadow: 2px 2px 0 #000, 0 0 18px rgba(15, 118, 105,0.26) !important;
}

body,
p,
td,
li,
.company,
.description,
.note,
.body-copy,
.strategy-copy,
.news-summary,
.risk-copy {
  color: var(--text) !important;
}

.brand-sub,
.status-item,
.view-age,
.freshness-label,
.mono,
th,
label,
.label,
.eyebrow,
.subtitle,
.score-label,
.stat-label,
.field-label,
.trade-label,
.ticket-label,
.metric-label,
.income-label,
.model-stat-label,
.source-tag,
.status-pill,
.badge,
.strength-badge,
.type-pill,
.sell-window,
.iv-source,
.broker-review-note,
.execution-notice,
.narrative-toggle {
  font-family: "Josefin Sans", "Josefin Sans", ui-monospace, monospace !important;
  color: var(--text) !important;
  letter-spacing: 0.13em !important;
}

[class*="card"],
[class*="panel"],
[class*="modal"],
[class*="ticket"],
[class*="metric"],
[class*="stat"],
[class*="state"],
[class*="setup"],
[class*="session"],
[class*="watch"],
[class*="leaderboard"],
[class*="chart"],
[class*="table"],
[class*="filter"],
.strategy-guide,
.strategy-cell,
.strategy-backtest-grid div,
.trade-rec,
.key-gate,
.key-bar,
.news-item,
.disclosure-card,
.about-hero,
.about-grid article,
.quote-strip span,
.score-parts span,
.preview-status {
  border-radius: 0 !important;
  border-color: var(--deco-line-strong) !important;
  background:
    linear-gradient(180deg, rgba(2,7,4,0.94), rgba(0,0,0,0.88)),
    var(--schematic-line) !important;
  box-shadow:
    0 0 0 1px rgba(15, 118, 105,0.46),
    6px 6px 0 rgba(0,0,0,0.76),
    0 0 24px rgba(15, 118, 105,0.11) !important;
}

.data-table,
table,
thead,
tbody,
tr {
  background: transparent !important;
  border-color: rgba(15, 118, 105,0.20) !important;
}

th,
td {
  border-color: rgba(15, 118, 105,0.16) !important;
}

a,
.ticker-link,
.action-link,
.key-change,
.state-msg a,
.news-item a {
  color: var(--radar-green) !important;
  text-decoration-color: rgba(15, 118, 105,0.62) !important;
}

button,
.btn,
.btn-search,
.key-btn,
.range-btn,
.sort-btn,
.filter-btn,
.pill-btn,
.ticker-chip,
.quick-ticker,
.control-btn,
.action-link,
.key-change,
.income-btn,
.trade-ticket-action,
.broker-review-btn,
.nav-tab,
.strategy-link,
input[type="button"],
input[type="submit"] {
  font-family: "Josefin Sans", "Josefin Sans", ui-monospace, monospace !important;
  border-radius: 0 !important;
  border: 1px solid var(--deco-line-strong) !important;
  color: var(--punk-white) !important;
  background:
    linear-gradient(180deg, rgba(6,12,8,0.98), rgba(0,0,0,0.90)) !important;
  box-shadow:
    inset 0 0 0 1px rgba(15, 118, 105,0.42),
    4px 4px 0 rgba(0,0,0,0.86) !important;
}

button:hover,
.btn:hover,
.btn-search:hover,
.key-btn:hover,
.range-btn:hover,
.sort-btn:hover,
.filter-btn:hover,
.pill-btn:hover,
.ticker-chip:hover,
.quick-ticker:hover,
.control-btn:hover,
.action-link:hover,
.key-change:hover,
.income-btn:hover,
.trade-ticket-action:hover,
.broker-review-btn:hover,
.nav-tab:hover,
.strategy-link:hover {
  color: #020403 !important;
  background:
    linear-gradient(180deg, rgba(15, 118, 105,0.96), rgba(22,132,62,0.94)) !important;
  box-shadow:
    inset 0 0 0 1px rgba(247,251,242,0.64),
    6px 6px 0 rgba(0,0,0,0.90),
    0 0 24px rgba(15, 118, 105,0.26) !important;
}

.active,
.nav-tab.active,
.range-btn.active,
.sort-btn.active,
.filter-btn.active,
.pill-btn.active,
.ticker-chip.active,
.quick-ticker.active,
.strategy-link.active,
[aria-selected="true"] {
  color: #020403 !important;
  background:
    linear-gradient(180deg, rgba(15, 118, 105,0.96), rgba(22,132,62,0.94)) !important;
  text-shadow: none !important;
  border-color: var(--deco-line-strong) !important;
  box-shadow:
    inset 0 0 0 1px rgba(247,251,242,0.68),
    6px 6px 0 rgba(0,0,0,0.92),
    0 0 30px rgba(15, 118, 105,0.30) !important;
}

input,
select,
textarea,
.input,
.filter-input,
.key-input,
[contenteditable="true"] {
  border-radius: 0 !important;
  border: 1px solid var(--deco-line-strong) !important;
  color: var(--punk-white) !important;
  caret-color: var(--radar-green) !important;
  background:
    linear-gradient(180deg, rgba(6,13,10,0.92), rgba(0,0,0,0.78)),
    var(--schematic-line) !important;
  box-shadow:
    inset 0 0 0 1px rgba(15, 118, 105,0.42),
    4px 4px 0 rgba(0,0,0,0.66) !important;
}

input:focus,
select:focus,
textarea:focus,
.input:focus,
.filter-input:focus,
.key-input:focus {
  border-color: var(--deco-line-strong) !important;
  box-shadow:
    inset 0 0 0 1px rgba(15, 118, 105,0.78),
    0 0 0 2px rgba(15, 118, 105,0.26),
    5px 5px 0 rgba(0,0,0,0.78) !important;
}

.stat-value.plasma,
.stat-val.plasma,
.field-val.accent,
.chart-title,
.trade-value,
.price-delta.up,
.trend.up,
.green,
.good,
.ready,
.ok,
.execution-notice-title {
  color: var(--radar-green) !important;
  border-color: rgba(15, 118, 105,0.62) !important;
  text-shadow: 0 0 14px rgba(15, 118, 105,0.42) !important;
}

.stat-value.gold,
.stat-val.gold,
.gold,
.warn,
.watch,
.deferred,
.neutral {
  color: var(--punk-white) !important;
  border-color: rgba(247,251,242,0.54) !important;
}

.red,
.bad,
.blocked,
.expired,
.critical,
.high,
.price-delta.down,
.trend.down,
.field-val.red {
  color: var(--red) !important;
}

.badge,
.strength-badge,
.status-pill,
.source-tag,
.type-pill,
.cluster-tag,
.sell-window,
.iv-source,
.narrative-toggle {
  border-radius: 0 !important;
  border: 1px solid var(--deco-line-strong) !important;
  background:
    linear-gradient(90deg, rgba(15, 118, 105,0.18), rgba(2,7,4,0.86)) !important;
  box-shadow:
    inset 0 0 0 1px rgba(15, 118, 105,0.36),
    3px 3px 0 rgba(0,0,0,0.72) !important;
}

[style*="#0f7669"],
[style*="15,118,105"],
[style*="var(--plasma)"] {
  color: var(--radar-green) !important;
  border-color: rgba(15, 118, 105,0.62) !important;
}

[style*="rgba(15,118,105"],
[style*="rgba(15, 118, 105"] {
  background-color: rgba(15, 118, 105,0.13) !important;
}

[style*="#f7fbf2"],
[style*="247,251,242"],
[style*="var(--gold)"] {
  color: var(--punk-white) !important;
  border-color: rgba(247,251,242,0.56) !important;
}

.type-OPTION_EXERCISE,
.type-CONVERSION,
.medium,
.LOW,
.MEDIUM {
  color: var(--radar-green) !important;
  border-color: rgba(15, 118, 105,0.50) !important;
}

canvas {
  filter: saturate(0.92) hue-rotate(64deg) contrast(1.05) !important;
}

@media (max-width: 760px) {
  [class*="card"],
  [class*="panel"],
  [class*="modal"],
  [class*="ticket"],
  [class*="metric"],
  [class*="stat"],
  [class*="state"],
  [class*="setup"],
  [class*="session"],
  [class*="watch"],
  [class*="leaderboard"],
  [class*="chart"],
  [class*="table"],
  [class*="filter"],
  .strategy-guide {
    box-shadow:
      0 0 0 1px rgba(15, 118, 105,0.42),
      4px 4px 0 rgba(0,0,0,0.76),
      0 0 18px rgba(15, 118, 105,0.10) !important;
  }
}

/* Final command-title and ethical-advisory layer. This intentionally sits last. */
:root {
  --command-black: #010202;
  --command-white: #f7fbf2;
  --command-green: #0f7669;
  --command-red: #ff334b;
  --command-paper: #dfe8db;
}

body.market-backdrop-ready .brand-name,
body.market-backdrop-ready .logo-wordmark {
  position: relative !important;
  display: inline-flex !important;
  align-items: center !important;
  max-width: min(76vw, 560px) !important;
  min-height: 34px !important;
  padding: 2px 10px 0 12px !important;
  overflow: visible !important;
  font-family: "Limelight", "Josefin Sans", ui-monospace, monospace !important;
  font-size: clamp(23px, 4.4vw, 43px) !important;
  font-weight: 700 !important;
  line-height: 0.92 !important;
  letter-spacing: 0.15em !important;
  text-transform: uppercase !important;
  color: var(--command-white) !important;
  background:
    linear-gradient(90deg, rgba(15, 118, 105,0.18), rgba(1,2,2,0.72) 36%, rgba(1,2,2,0.08)) !important;
  -webkit-text-stroke: 0.6px #050505 !important;
  text-shadow:
    2px 2px 0 #000,
    -1px 0 0 rgba(15, 118, 105,0.38),
    0 0 18px rgba(15, 118, 105,0.30) !important;
}

body.market-backdrop-ready .brand-name::before,
body.market-backdrop-ready .logo-wordmark::before {
  content: "" !important;
  position: absolute !important;
  left: -7px !important;
  top: 2px !important;
  bottom: 3px !important;
  width: 5px !important;
  background:
    linear-gradient(180deg, var(--command-red), rgba(15, 118, 105,0.92)) !important;
  box-shadow:
    3px 0 0 #000,
    0 0 16px rgba(15, 118, 105,0.35) !important;
}

body.market-backdrop-ready .page-title,
body.market-backdrop-ready .strategy-headline,
body.market-backdrop-ready .login-title,
body.market-backdrop-ready .about-hero h1,
body.market-backdrop-ready .disclosure-hero h1,
body.market-backdrop-ready main h1,
body.market-backdrop-ready section h1 {
  position: relative !important;
  display: block !important;
  width: fit-content !important;
  max-width: 100% !important;
  min-height: 38px !important;
  margin: 0 0 10px !important;
  padding: 8px 16px 7px 18px !important;
  overflow-wrap: anywhere !important;
  font-family: "Limelight", "Josefin Sans", ui-monospace, monospace !important;
  font-size: clamp(27px, 5vw, 58px) !important;
  font-weight: 700 !important;
  line-height: 0.92 !important;
  letter-spacing: 0.11em !important;
  text-transform: uppercase !important;
  color: var(--command-white) !important;
  background:
    linear-gradient(92deg, rgba(1,2,2,0.96), rgba(1,2,2,0.78) 67%, rgba(15, 118, 105,0.12)),
    linear-gradient(180deg, rgba(247,251,242,0.06), rgba(0,0,0,0.05)) !important;
  border: 1px solid var(--deco-line-strong) !important;
  border-left: 10px solid var(--command-red) !important;
  border-radius: 0 !important;
  box-shadow:
    inset 0 0 0 1px rgba(15, 118, 105,0.52),
    9px 9px 0 rgba(0,0,0,0.88),
    0 0 28px rgba(15, 118, 105,0.18) !important;
  -webkit-text-stroke: 0.7px #050505 !important;
  text-shadow:
    3px 3px 0 #000,
    -1px 0 0 rgba(15, 118, 105,0.56),
    0 0 22px rgba(15, 118, 105,0.24) !important;
}

body.market-backdrop-ready .page-title::before,
body.market-backdrop-ready .strategy-headline::before,
body.market-backdrop-ready .login-title::before,
body.market-backdrop-ready .about-hero h1::before,
body.market-backdrop-ready .disclosure-hero h1::before,
body.market-backdrop-ready main h1::before,
body.market-backdrop-ready section h1::before {
  content: "JUPITERSPEC" !important;
  position: absolute !important;
  left: 12px !important;
  top: -15px !important;
  display: inline-block !important;
  padding: 3px 8px 2px !important;
  font-family: "Josefin Sans", "Josefin Sans", ui-monospace, monospace !important;
  font-size: 9px !important;
  line-height: 1 !important;
  letter-spacing: 0.18em !important;
  color: #050505 !important;
  background: var(--command-green) !important;
  border: 1px solid var(--deco-line-strong) !important;
  box-shadow: 4px 4px 0 rgba(0,0,0,0.85) !important;
  transform: rotate(-1deg) !important;
}

body.market-backdrop-ready .page-title::after,
body.market-backdrop-ready .strategy-headline::after,
body.market-backdrop-ready .login-title::after,
body.market-backdrop-ready .about-hero h1::after,
body.market-backdrop-ready .disclosure-hero h1::after,
body.market-backdrop-ready main h1::after,
body.market-backdrop-ready section h1::after {
  content: "" !important;
  position: absolute !important;
  left: 14px !important;
  right: -18px !important;
  bottom: -13px !important;
  height: 6px !important;
  background:
    linear-gradient(90deg, rgba(255,51,75,0.95), rgba(255,51,75,0.72) 34%, rgba(15, 118, 105,0.92) 35%, rgba(15, 118, 105,0.28)) !important;
  border: 1px solid var(--deco-line-strong) !important;
  box-shadow: 0 0 16px rgba(15, 118, 105,0.25) !important;
  transform: skewX(-12deg) rotate(-0.45deg) !important;
}

body.market-backdrop-ready .login-title {
  width: 100% !important;
  margin: 0 0 14px !important;
  font-size: clamp(24px, 6vw, 34px) !important;
  letter-spacing: 0.09em !important;
}

body.market-backdrop-ready .page-subtitle,
body.market-backdrop-ready .login-subtitle,
body.market-backdrop-ready .strategy-copy,
body.market-backdrop-ready .subtitle,
body.market-backdrop-ready .brand-sub {
  font-family: "Josefin Sans", "Josefin Sans", ui-monospace, monospace !important;
  color: var(--command-paper) !important;
  letter-spacing: 0.08em !important;
  text-transform: none !important;
  text-shadow: 1px 1px 0 #000 !important;
}

body.market-backdrop-ready .trade-rec-head,
body.market-backdrop-ready .chart-title,
body.market-backdrop-ready .section-title,
body.market-backdrop-ready .card-title,
body.market-backdrop-ready .filter-panel-title,
body.market-backdrop-ready .ticket-title,
body.market-backdrop-ready .trade-ticket-title,
body.market-backdrop-ready .strategy-backtest-title,
body.market-backdrop-ready .key-gate-title,
body.market-backdrop-ready .income-title,
body.market-backdrop-ready .otm-title,
body.market-backdrop-ready .day-title,
body.market-backdrop-ready .desk-title {
  position: relative !important;
  display: inline-flex !important;
  align-items: center !important;
  width: fit-content !important;
  max-width: 100% !important;
  min-height: 24px !important;
  padding: 5px 10px 4px !important;
  font-family: "Limelight", "Josefin Sans", ui-monospace, monospace !important;
  font-size: clamp(14px, 2.1vw, 21px) !important;
  line-height: 1 !important;
  letter-spacing: 0.11em !important;
  text-transform: uppercase !important;
  color: var(--command-white) !important;
  background:
    linear-gradient(90deg, rgba(255,51,75,0.28), rgba(2,7,4,0.86) 34%, rgba(15, 118, 105,0.12)) !important;
  border: 1px solid var(--deco-line-strong) !important;
  border-radius: 0 !important;
  box-shadow:
    inset 0 0 0 1px rgba(15, 118, 105,0.42),
    5px 5px 0 rgba(0,0,0,0.78) !important;
  text-shadow: 2px 2px 0 #000, 0 0 14px rgba(15, 118, 105,0.22) !important;
}

body.market-backdrop-ready .ticker-sym,
body.market-backdrop-ready .ticker-link,
body.market-backdrop-ready .income-ticker,
body.market-backdrop-ready .ticker {
  font-family: "Limelight", "Josefin Sans", ui-monospace, monospace !important;
  letter-spacing: 0.12em !important;
  text-transform: uppercase !important;
  color: var(--command-white) !important;
  text-decoration: none !important;
  border-bottom: 5px solid rgba(15, 118, 105,0.72) !important;
  text-shadow: 2px 2px 0 #000, 0 0 18px rgba(15, 118, 105,0.26) !important;
}

.ethical-page-banner {
  position: relative !important;
  z-index: 4 !important;
  margin: -2px 0 20px !important;
}

.ethical-advisory {
  position: relative !important;
  display: grid !important;
  grid-template-columns: minmax(94px, 132px) 1fr !important;
  gap: 12px !important;
  margin-top: 14px !important;
  padding: 13px !important;
  color: var(--command-white) !important;
  background:
    linear-gradient(100deg, rgba(255,51,75,0.22), rgba(4,8,6,0.94) 28%, rgba(15, 118, 105,0.10)),
    var(--schematic-line) !important;
  border: 1px solid var(--deco-line-strong) !important;
  border-left: 10px solid var(--command-red) !important;
  border-radius: 0 !important;
  box-shadow:
    inset 0 0 0 1px rgba(15, 118, 105,0.34),
    7px 7px 0 rgba(0,0,0,0.78),
    0 0 22px rgba(255,51,75,0.12) !important;
}

.ethical-advisory.compact {
  grid-template-columns: minmax(78px, 108px) 1fr !important;
  margin-top: 12px !important;
  padding: 10px !important;
}

.ethical-advisory-stamp {
  align-self: start !important;
  display: inline-flex !important;
  justify-content: center !important;
  align-items: center !important;
  min-height: 34px !important;
  padding: 6px 8px 4px !important;
  font-family: "Limelight", "Josefin Sans", ui-monospace, monospace !important;
  font-size: 11px !important;
  line-height: 1 !important;
  letter-spacing: 0.13em !important;
  color: #050505 !important;
  text-align: center !important;
  text-transform: uppercase !important;
  background: var(--command-paper) !important;
  border: 1px solid var(--deco-line-strong) !important;
  box-shadow:
    4px 4px 0 rgba(0,0,0,0.86),
    inset 0 0 0 1px rgba(255,51,75,0.45) !important;
  transform: rotate(-1.2deg) !important;
}

.ethical-advisory-title {
  margin: 0 0 5px !important;
  font-family: "Limelight", "Josefin Sans", ui-monospace, monospace !important;
  font-size: clamp(15px, 2.4vw, 22px) !important;
  line-height: 1.04 !important;
  letter-spacing: 0.1em !important;
  color: var(--command-white) !important;
  text-transform: uppercase !important;
  text-shadow: 2px 2px 0 #000, 0 0 14px rgba(15, 118, 105,0.24) !important;
}

.ethical-advisory-meta,
.ethical-advisory-copy,
.ethical-advisory-action {
  font-family: "Josefin Sans", "Josefin Sans", ui-monospace, monospace !important;
  font-size: 12px !important;
  line-height: 1.55 !important;
  letter-spacing: 0.05em !important;
  color: var(--command-paper) !important;
  text-transform: none !important;
}

.ethical-advisory-meta {
  color: var(--command-green) !important;
  text-transform: uppercase !important;
  letter-spacing: 0.11em !important;
  margin-bottom: 5px !important;
}

.ethical-advisory-action {
  margin-top: 7px !important;
  color: #ffffff !important;
}

@media (max-width: 760px) {
  body.market-backdrop-ready .brand-name,
  body.market-backdrop-ready .logo-wordmark {
    font-size: clamp(21px, 7vw, 32px) !important;
    letter-spacing: 0.12em !important;
  }

  body.market-backdrop-ready .page-title,
  body.market-backdrop-ready .strategy-headline,
  body.market-backdrop-ready .login-title,
  body.market-backdrop-ready .about-hero h1,
  body.market-backdrop-ready .disclosure-hero h1,
  body.market-backdrop-ready main h1,
  body.market-backdrop-ready section h1 {
    width: 100% !important;
    font-size: clamp(25px, 9vw, 39px) !important;
    letter-spacing: 0.08em !important;
    padding-right: 10px !important;
  }

  .ethical-advisory,
  .ethical-advisory.compact {
    grid-template-columns: 1fr !important;
  }

  .ethical-advisory-stamp {
    width: fit-content !important;
  }
}

/* ──────────────────────────────────────────────────────────────────────────
   ART DECO 1930s EXHIBITION POSTER REVAMP
   Final visual layer. Preserves markup/behavior while replacing the old
   art-deco/neon system with teal, cream, coral, ink, stepped frames, and
   clean poster surfaces.
   ────────────────────────────────────────────────────────────────────────── */

:root {
  --bg: #0d3f49 !important;
  --void: #0d3f49 !important;
  --surface: #f0dfbb !important;
  --surface-hi: #f8edcf !important;
  --card-bg: #f0dfbb !important;
  --deco-teal: #0d3f49;
  --deco-teal-2: #155d67;
  --deco-blue: #1b7280;
  --deco-ink: #1d1712;
  --deco-paper: #f0dfbb;
  --deco-paper-hi: #f8edcf;
  --deco-coral: #e55d36;
  --deco-red: #b93228;
  --deco-ochre: #c98a39;
  --deco-gold: #e8b75b;
  --deco-seafoam: #b9d2c2;
  --plasma: #e55d36 !important;
  --plasma-dim: rgba(229, 93, 54, 0.12) !important;
  --green: #0f7669 !important;
  --red: #b93228 !important;
  --gold: #e8b75b !important;
  --yellow: #e8b75b !important;
  --purple: #7b4a61 !important;
  --text: #1d1712 !important;
  --text-2: #5f5145 !important;
  --text-3: #867866 !important;
  --text-dim: #5f5145 !important;
  --border: rgba(29, 23, 18, 0.36) !important;
  --border-hi: rgba(29, 23, 18, 0.68) !important;
  --shadow-sm: 7px 7px 0 rgba(29, 23, 18, 0.24) !important;
  --shadow-md: 11px 11px 0 rgba(29, 23, 18, 0.30) !important;
  --logo-mark: url("/jupiterspec-logo.svg?v=artdeco-mobile-polish-20260608") !important;
  --deco-grain: linear-gradient(transparent, transparent);
  --deco-rays:
    conic-gradient(from -18deg at 50% -18%, rgba(248,237,207,.42) 0deg 7deg, transparent 7deg 15deg, rgba(229,93,54,.24) 15deg 20deg, transparent 20deg 31deg);
  --deco-panel-frame:
    linear-gradient(var(--deco-paper), var(--deco-paper)) padding-box,
    linear-gradient(135deg, var(--deco-ink), var(--deco-coral) 36%, var(--deco-ochre) 64%, var(--deco-ink)) border-box;
}

html,
body,
body.market-backdrop-ready {
  min-height: 100% !important;
  background:
    var(--deco-grain),
    radial-gradient(circle at 50% -18%, rgba(248,237,207,.38), transparent 24%),
    linear-gradient(90deg, rgba(29,23,18,.13) 0 1px, transparent 1px 44px) 0 0 / 44px 44px,
    linear-gradient(rgba(29,23,18,.11) 0 1px, transparent 1px 44px) 0 0 / 44px 44px,
    linear-gradient(180deg, #166b76 0%, #0d3f49 46%, #092d35 100%) !important;
  color: var(--deco-ink) !important;
  font-family: "Libre Baskerville", Georgia, serif !important;
  letter-spacing: 0 !important;
}

html[data-art-scene] body.market-backdrop-ready .market-backdrop,
.market-backdrop {
  opacity: 1 !important;
  filter: none !important;
  background:
    radial-gradient(circle at 50% 9%, var(--deco-paper-hi) 0 54px, transparent 55px),
    radial-gradient(circle at 50% 9%, transparent 0 68px, rgba(248,237,207,.88) 69px 71px, transparent 72px 87px, rgba(248,237,207,.60) 88px 90px, transparent 91px),
    var(--deco-rays),
    linear-gradient(115deg, transparent 0 18%, rgba(229,93,54,.16) 18.3% 20.5%, transparent 20.8%),
    linear-gradient(245deg, transparent 0 18%, rgba(229,93,54,.16) 18.3% 20.5%, transparent 20.8%),
    linear-gradient(90deg, transparent 0 7%, rgba(248,237,207,.15) 7.3% 8%, transparent 8.2% 92%, rgba(248,237,207,.15) 92.3% 93%, transparent 93.2%),
    var(--deco-grain),
    linear-gradient(180deg, #1b7280, #0d3f49 62%, #092d35) !important;
  background-blend-mode: normal, normal, normal, normal, normal, normal, multiply, normal !important;
}

html body.market-backdrop-ready::before,
body::before {
  content: "" !important;
  position: fixed !important;
  inset: 0 !important;
  z-index: 1 !important;
  pointer-events: none !important;
  opacity: 1 !important;
  background:
    linear-gradient(90deg, rgba(9,45,53,.88) 0 4vw, transparent 4vw calc(100% - 4vw), rgba(9,45,53,.88) calc(100% - 4vw)),
    radial-gradient(circle at 50% 9%, rgba(248,237,207,.08), transparent 25%),
    linear-gradient(180deg, rgba(9,45,53,.08), rgba(9,45,53,.30) 62%, rgba(9,45,53,.72)) !important;
}

html body.market-backdrop-ready::after,
body::after {
  content: "" !important;
  position: fixed !important;
  inset: 0 !important;
  height: auto !important;
  z-index: 2 !important;
  pointer-events: none !important;
  opacity: .52 !important;
  background:
    radial-gradient(circle at 20% 24%, rgba(29,23,18,.20) 0 .9px, transparent 1.2px) 0 0 / 9px 11px,
    radial-gradient(circle at 76% 66%, rgba(248,237,207,.18) 0 .8px, transparent 1.1px) 0 0 / 11px 13px,
    repeating-linear-gradient(90deg, rgba(29,23,18,.025) 0 1px, transparent 1px 5px) !important;
  mix-blend-mode: multiply !important;
}

#app,
body.market-backdrop-ready #app,
.login-shell {
  position: relative !important;
  z-index: 4 !important;
  width: min(100%, 1440px) !important;
  padding: 0 clamp(14px, 3vw, 34px) 72px !important;
}

.scan-line {
  display: none !important;
}

header,
body.market-backdrop-ready header {
  position: relative !important;
  margin: 18px 0 22px !important;
  padding: clamp(15px, 2vw, 22px) clamp(16px, 3vw, 30px) !important;
  color: var(--deco-ink) !important;
  background:
    linear-gradient(90deg, rgba(229,93,54,.15), transparent 18% 82%, rgba(229,93,54,.15)),
    var(--deco-panel-frame) !important;
  border: 1px solid var(--deco-line-strong) !important;
  border-radius: 0 !important;
  outline: 2px solid rgba(248,237,207,.58) !important;
  outline-offset: -13px !important;
  box-shadow: 10px 10px 0 rgba(29,23,18,.28) !important;
}

header::before,
header::after {
  content: "" !important;
  position: absolute !important;
  top: 50% !important;
  width: min(15vw, 150px) !important;
  height: 12px !important;
  transform: translateY(-50%) !important;
  background:
    linear-gradient(var(--deco-ink), var(--deco-ink)) center / 100% 2px no-repeat,
    repeating-linear-gradient(90deg, var(--deco-coral) 0 11px, transparent 11px 18px) !important;
  opacity: .62 !important;
  pointer-events: none !important;
}

header::before { left: max(12px, 2vw) !important; }
header::after { right: max(12px, 2vw) !important; }

.brand {
  position: relative !important;
  z-index: 2 !important;
  display: flex !important;
  align-items: center !important;
  gap: 16px !important;
}

.brand-icon,
[class*="brand-icon"] {
  width: clamp(48px, 5vw, 66px) !important;
  height: clamp(48px, 5vw, 66px) !important;
  flex: 0 0 auto !important;
  background: var(--deco-paper) var(--logo-mark) center / contain no-repeat !important;
  border: 1px solid var(--deco-line-strong) !important;
  border-radius: 0 !important;
  box-shadow: 5px 5px 0 rgba(29,23,18,.30) !important;
  clip-path: polygon(12% 0, 88% 0, 100% 12%, 100% 88%, 88% 100%, 12% 100%, 0 88%, 0 12%) !important;
}

.brand-name,
.logo-wordmark {
  color: var(--deco-ink) !important;
  font-family: "Limelight", "Josefin Sans", ui-sans-serif, sans-serif !important;
  font-weight: 400 !important;
  font-size: clamp(24px, 3.2vw, 42px) !important;
  line-height: .95 !important;
  letter-spacing: .18em !important;
  text-transform: uppercase !important;
  text-shadow: 2px 2px 0 rgba(229,93,54,.28) !important;
  -webkit-text-stroke: 0 !important;
}

.brand-sub,
.status-item,
.status-bar,
.refresh-info,
.source-tag,
.age-label {
  color: var(--deco-ink) !important;
  font-family: "Josefin Sans", ui-sans-serif, sans-serif !important;
  font-size: clamp(10px, 1vw, 12px) !important;
  font-weight: 600 !important;
  letter-spacing: .23em !important;
  line-height: 1.4 !important;
  text-transform: uppercase !important;
  text-shadow: none !important;
}

.status-bar {
  position: relative !important;
  z-index: 2 !important;
  justify-content: flex-end !important;
}

.status-dot {
  width: 8px !important;
  height: 8px !important;
  border-radius: 0 !important;
  background: var(--deco-coral) !important;
  border: 1px solid var(--deco-ink) !important;
  box-shadow: 2px 2px 0 rgba(29,23,18,.24) !important;
  animation: none !important;
  transform: rotate(45deg) !important;
}

.page-nav,
body.market-backdrop-ready .page-nav {
  position: sticky !important;
  top: 0 !important;
  z-index: 25 !important;
  display: flex !important;
  gap: 0 !important;
  flex-wrap: nowrap !important;
  overflow-x: auto !important;
  padding: 9px !important;
  margin: 0 0 24px !important;
  border: 1px solid var(--deco-line-strong) !important;
  border-radius: 0 !important;
  background:
    linear-gradient(90deg, rgba(248,237,207,.92), rgba(240,223,187,.94)),
    var(--deco-grain) !important;
  box-shadow: 8px 8px 0 rgba(29,23,18,.22) !important;
  scrollbar-width: thin !important;
  scrollbar-color: var(--deco-coral) var(--deco-paper) !important;
}

.page-nav::before,
.page-nav::after {
  content: "" !important;
  flex: 0 0 18px !important;
  min-height: 1px !important;
  background:
    linear-gradient(var(--deco-ink), var(--deco-ink)) center / 100% 2px no-repeat !important;
  opacity: .55 !important;
  align-self: center !important;
}

.nav-tab,
.strategy-link,
button,
.btn-search,
.btn-scan,
.range-btn,
.sort-btn,
.ticker-chip,
.income-btn,
.income-control,
.action-link,
.broker-review-btn,
.trade-ticket-action,
input[type="button"],
input[type="submit"] {
  appearance: none !important;
  border-radius: 0 !important;
  border: 2px solid var(--deco-ink) !important;
  color: var(--deco-ink) !important;
  background:
    linear-gradient(180deg, rgba(248,237,207,.96), rgba(232,183,91,.30)),
    var(--deco-grain) !important;
  box-shadow: 3px 3px 0 rgba(29,23,18,.28) !important;
  font-family: "Josefin Sans", ui-sans-serif, sans-serif !important;
  font-size: 11px !important;
  font-weight: 700 !important;
  letter-spacing: .16em !important;
  line-height: 1.1 !important;
  text-transform: uppercase !important;
  text-decoration: none !important;
  transition: transform .16s ease, box-shadow .16s ease, background-color .16s ease, color .16s ease !important;
}

.nav-tab {
  flex: 0 0 auto !important;
  min-height: 39px !important;
  padding: 11px 15px 8px !important;
  border-left-width: 1px !important;
  border-right-width: 1px !important;
  box-shadow: none !important;
  background: transparent !important;
}

.nav-tab:hover,
.strategy-link:hover,
button:hover,
.btn-search:hover,
.btn-scan:hover,
.range-btn:hover,
.sort-btn:hover,
.ticker-chip:hover,
.income-btn:hover,
.income-control:hover,
.action-link:hover,
.broker-review-btn:hover,
.trade-ticket-action:hover {
  color: var(--deco-paper-hi) !important;
  background:
    linear-gradient(180deg, var(--deco-coral), var(--deco-red)),
    var(--deco-grain) !important;
  transform: translate(-1px, -1px) !important;
  box-shadow: 5px 5px 0 rgba(29,23,18,.36) !important;
}

.nav-tab.active,
body.market-backdrop-ready .nav-tab.active,
.strategy-link.active,
[aria-selected="true"],
.range-btn.active,
.sort-btn.active,
.ticker-chip.active {
  color: var(--deco-paper-hi) !important;
  background:
    linear-gradient(180deg, var(--deco-coral), var(--deco-red)),
    var(--deco-grain) !important;
  border-color: var(--deco-ink) !important;
  box-shadow: inset 0 0 0 2px rgba(248,237,207,.45), 4px 4px 0 rgba(29,23,18,.32) !important;
}

.nav-tab.coming {
  opacity: .46 !important;
  filter: saturate(.55) !important;
}

.strategy-jump,
.strategy-jump select {
  font-family: "Josefin Sans", ui-sans-serif, sans-serif !important;
  letter-spacing: .18em !important;
  color: var(--deco-ink) !important;
}

.strategy-jump select,
input,
select,
textarea,
.input,
.filter-input,
.key-input,
input[type="text"],
input[type="number"],
input[type="date"],
input[type="email"],
input[type="password"] {
  border: 1px solid var(--deco-line-strong) !important;
  border-radius: 0 !important;
  color: var(--deco-ink) !important;
  background:
    linear-gradient(180deg, rgba(248,237,207,.96), rgba(240,223,187,.92)),
    var(--deco-grain) !important;
  box-shadow: inset 3px 3px 0 rgba(29,23,18,.08), 3px 3px 0 rgba(29,23,18,.20) !important;
  font-family: "Josefin Sans", ui-sans-serif, sans-serif !important;
  font-weight: 600 !important;
  letter-spacing: .09em !important;
  outline: none !important;
}

input:focus,
select:focus,
textarea:focus,
.input:focus,
.filter-input:focus,
.key-input:focus {
  border-color: var(--deco-coral) !important;
  box-shadow:
    inset 0 0 0 2px rgba(248,237,207,.8),
    0 0 0 4px rgba(229,93,54,.28),
    5px 5px 0 rgba(29,23,18,.22) !important;
}

::placeholder {
  color: rgba(95,81,69,.72) !important;
  opacity: 1 !important;
  text-transform: uppercase !important;
}

.page-header,
.strategy-guide,
.command-title-repair,
.filter-panel,
.chart-container,
.card,
.alert-card,
.rec-card,
.trade-rec,
.ticket,
.data-card,
.panel,
.macro-card,
.watch-card,
.leader-card,
.deep-card,
.news-card,
.income-card,
.income-state,
.model-stat,
.model-note,
.radar-card,
.profile-card,
.radar-cell,
.about-hero,
.about-grid article,
.disclosure-card,
.ethical-advisory,
.trade-ticket-modal,
.profit-summary-card,
.profit-chart-wrap,
.institutional-panel,
.execution-notice,
.sell-window,
.thesis,
.empty-state,
.state-msg,
.state,
.chart-body,
.stats-row .stat-card,
.stat-card {
  position: relative !important;
  color: var(--deco-ink) !important;
  border: 1px solid var(--deco-line-strong) !important;
  border-radius: 0 !important;
  outline: 1px solid rgba(248,237,207,.62) !important;
  outline-offset: -11px !important;
  background:
    linear-gradient(180deg, rgba(248,237,207,.96), rgba(240,223,187,.94)),
    var(--deco-grain) !important;
  box-shadow: 9px 9px 0 rgba(29,23,18,.24) !important;
  backdrop-filter: none !important;
  overflow: visible !important;
}

.card::before,
.alert-card::before,
.rec-card::before,
.income-card::before,
.strategy-guide::before,
.page-header::before,
.chart-container::before,
.trade-ticket-modal::before {
  content: "" !important;
  position: absolute !important;
  inset: 8px !important;
  border: 1px solid rgba(29,23,18,.44) !important;
  pointer-events: none !important;
}

.card::after,
.alert-card::after,
.rec-card::after,
.income-card::after,
.strategy-guide::after,
.page-header::after,
.chart-container::after,
.trade-ticket-modal::after {
  content: "" !important;
  position: absolute !important;
  left: 18px !important;
  right: 18px !important;
  bottom: -8px !important;
  height: 10px !important;
  background:
    repeating-linear-gradient(90deg, var(--deco-ink) 0 18px, transparent 18px 28px, var(--deco-coral) 28px 40px, transparent 40px 50px) !important;
  opacity: .72 !important;
  pointer-events: none !important;
}

.strategy-guide,
.page-header,
.command-title-repair {
  padding: clamp(20px, 3vw, 34px) !important;
  margin-bottom: 24px !important;
  min-height: auto !important;
  background:
    radial-gradient(circle at 50% 0%, rgba(248,237,207,.80) 0 38px, transparent 39px),
    conic-gradient(from -22deg at 50% -10%, rgba(229,93,54,.18) 0deg 8deg, transparent 8deg 17deg),
    linear-gradient(180deg, rgba(248,237,207,.98), rgba(238,210,165,.95)),
    var(--deco-grain) !important;
}

.page-title,
.strategy-headline,
.login-title,
.about-hero h1,
.disclosure-hero h1,
main h1,
section h1,
.card-title,
.chart-title,
.section-title,
.filter-panel-title,
.ticket-title,
.trade-ticket-title,
.strategy-backtest-title,
.key-gate-title,
.income-title,
.otm-title,
.day-title,
.desk-title,
.trade-rec-head,
.ticker-sym,
.ticker,
.income-ticker,
.stat-value,
.radar-value,
.model-stat-value,
.income-score {
  color: var(--deco-ink) !important;
  font-family: "Limelight", "Josefin Sans", ui-sans-serif, sans-serif !important;
  font-weight: 400 !important;
  line-height: 1.05 !important;
  letter-spacing: .12em !important;
  text-transform: uppercase !important;
  text-shadow: 2px 2px 0 rgba(229,93,54,.18) !important;
  -webkit-text-stroke: 0 !important;
}

.page-title,
.strategy-headline,
.about-hero h1,
.disclosure-hero h1,
main h1,
section h1 {
  position: relative !important;
  display: block !important;
  width: fit-content !important;
  max-width: 100% !important;
  padding: 0 0 12px !important;
  margin: 0 0 8px !important;
  font-size: clamp(30px, 5vw, 66px) !important;
  background: none !important;
  border: 0 !important;
  box-shadow: none !important;
}

.page-title::before,
.strategy-headline::before,
.login-title::before,
.about-hero h1::before,
.disclosure-hero h1::before,
main h1::before,
section h1::before {
  content: "" !important;
  position: absolute !important;
  display: none !important;
}

.page-title::after,
.strategy-headline::after,
.login-title::after,
.about-hero h1::after,
.disclosure-hero h1::after,
main h1::after,
section h1::after {
  content: "" !important;
  position: absolute !important;
  left: 0 !important;
  right: auto !important;
  bottom: 0 !important;
  width: min(100%, 340px) !important;
  height: 8px !important;
  border: 0 !important;
  background:
    linear-gradient(90deg, var(--deco-coral) 0 26%, transparent 26% 31%, var(--deco-ink) 31% 67%, transparent 67% 72%, var(--deco-ochre) 72% 100%) !important;
  box-shadow: none !important;
  transform: none !important;
}

.page-subtitle,
.strategy-copy,
.subtitle,
.section-copy,
.company-name,
.insider-name,
.insider-title,
.field-key,
.field-val,
.greek,
.broker-review-note,
.trade-ticket-warning,
.institutional-reason,
.income-thesis,
.income-metric-value,
.model-note,
.state-msg,
.state,
.empty-state,
p,
li,
td,
th {
  color: var(--deco-ink) !important;
  font-family: "Libre Baskerville", Georgia, serif !important;
  letter-spacing: 0 !important;
  line-height: 1.62 !important;
  text-shadow: none !important;
}

.section-label,
.stat-label,
.stat-lbl,
.field-key,
.trade-ticket-label,
.institutional-label,
.income-metric-label,
.model-stat-label,
.strategy-kicker,
.strategy-cell-label,
.badge,
.strength-badge,
.status-pill,
.source-tag,
.iv-source,
.range-label,
label {
  color: #5c4634 !important;
  font-family: "Josefin Sans", ui-sans-serif, sans-serif !important;
  font-size: 10px !important;
  font-weight: 700 !important;
  letter-spacing: .20em !important;
  line-height: 1.35 !important;
  text-transform: uppercase !important;
}

.badge,
.strength-badge,
.status-pill,
.iv-source,
.execution-notice-title {
  display: inline-flex !important;
  align-items: center !important;
  width: fit-content !important;
  min-height: 24px !important;
  padding: 5px 9px 3px !important;
  color: var(--deco-paper-hi) !important;
  background:
    linear-gradient(180deg, var(--deco-coral), var(--deco-red)),
    var(--deco-grain) !important;
  border: 2px solid var(--deco-ink) !important;
  border-radius: 0 !important;
  box-shadow: 3px 3px 0 rgba(29,23,18,.25) !important;
}

.badge.low,
.badge.static,
.status-pill.watch {
  color: var(--deco-ink) !important;
  background:
    linear-gradient(180deg, rgba(232,183,91,.38), rgba(248,237,207,.92)),
    var(--deco-grain) !important;
}

.ticker-link,
.ticker-sym,
.ticker,
.income-ticker {
  color: var(--deco-ink) !important;
  border-bottom: 4px double var(--deco-coral) !important;
  text-decoration: none !important;
}

.ticker-link:hover,
.ticker-sym:hover,
.income-ticker:hover {
  color: var(--deco-red) !important;
  border-color: var(--deco-ink) !important;
}

.stats-row,
.institutional-grid,
.trade-grid,
.fields-grid,
.income-metrics,
.model-panel,
.profit-summary-grid,
.trade-ticket-grid,
.cards-grid,
.alerts-grid,
.recs-grid,
.grid {
  gap: clamp(10px, 1.5vw, 18px) !important;
}

.stats-row {
  background: transparent !important;
  border: 0 !important;
  box-shadow: none !important;
  padding: 0 !important;
}

.stat-card,
.institutional-cell,
.trade-ticket-field,
.income-metric,
.metric,
.strategy-cell,
.strategy-backtest-grid div,
.radar-cell {
  min-width: 0 !important;
  border: 2px solid var(--deco-ink) !important;
  border-radius: 0 !important;
  color: var(--deco-ink) !important;
  background:
    linear-gradient(180deg, rgba(248,237,207,.70), rgba(232,183,91,.16)),
    var(--deco-grain) !important;
  box-shadow: inset 0 0 0 1px rgba(248,237,207,.65) !important;
}

table,
.table-wrap,
.leg-table {
  border: 1px solid var(--deco-line-strong) !important;
  border-radius: 0 !important;
  background: var(--deco-paper) !important;
  color: var(--deco-ink) !important;
  box-shadow: 7px 7px 0 rgba(29,23,18,.20) !important;
}

thead,
th,
.leg-row:first-child {
  background:
    linear-gradient(180deg, var(--deco-teal-2), var(--deco-teal)),
    var(--deco-grain) !important;
  color: var(--deco-paper-hi) !important;
  font-family: "Josefin Sans", ui-sans-serif, sans-serif !important;
  font-weight: 700 !important;
  letter-spacing: .16em !important;
  text-transform: uppercase !important;
}

td,
.leg-row {
  border-color: rgba(29,23,18,.24) !important;
}

tbody tr:nth-child(even),
.leg-row:nth-child(even) {
  background: rgba(232,183,91,.12) !important;
}

canvas,
.trend-chart-body,
#tv-container,
.chart-body {
  border-radius: 0 !important;
  background:
    linear-gradient(180deg, rgba(248,237,207,.82), rgba(240,223,187,.82)),
    var(--deco-grain) !important;
}

.chart-header,
.trade-ticket-head {
  border-bottom: 1px solid var(--deco-line-strong) !important;
  background:
    linear-gradient(90deg, rgba(229,93,54,.18), transparent 44%, rgba(232,183,91,.20)),
    var(--deco-grain) !important;
}

.broker-review,
.trade-ticket-actions,
.profit-scenario-bar {
  border-top: 3px double rgba(29,23,18,.38) !important;
  padding-top: 12px !important;
}

.trade-ticket-backdrop {
  background:
    radial-gradient(circle at 50% 10%, rgba(248,237,207,.26), transparent 24%),
    rgba(9, 45, 53, .88) !important;
  backdrop-filter: none !important;
}

.trade-ticket-modal {
  width: min(720px, calc(100vw - 22px)) !important;
  background:
    linear-gradient(180deg, rgba(248,237,207,.98), rgba(240,223,187,.98)),
    var(--deco-grain) !important;
}

.trade-ticket-close {
  min-width: 34px !important;
  min-height: 31px !important;
}

.trade-ticket-copy,
.tradier-preview-result {
  color: var(--deco-ink) !important;
  background:
    linear-gradient(180deg, rgba(248,237,207,.86), rgba(240,223,187,.86)),
    var(--deco-grain) !important;
}

#_alert_banner {
  z-index: 50 !important;
  color: var(--deco-paper-hi) !important;
  background:
    linear-gradient(90deg, var(--deco-red), var(--deco-coral) 50%, var(--deco-ochre)),
    var(--deco-grain) !important;
  border: 0 !important;
  border-bottom: 1px solid var(--deco-line-strong) !important;
  box-shadow: 0 7px 0 rgba(29,23,18,.24) !important;
  backdrop-filter: none !important;
}

#_alert_banner span,
#_ab_text,
#_ab_close {
  color: var(--deco-paper-hi) !important;
  font-family: "Josefin Sans", ui-sans-serif, sans-serif !important;
  letter-spacing: .14em !important;
  text-transform: uppercase !important;
}

.empty-state-icon {
  filter: sepia(1) saturate(1.4) hue-rotate(330deg) !important;
}

.profit-chart-svg text,
svg text {
  font-family: "Josefin Sans", ui-sans-serif, sans-serif !important;
}

a {
  color: var(--deco-red) !important;
}

a:hover {
  color: var(--deco-teal) !important;
}

hr,
.divider,
.section-divider {
  border: 0 !important;
  height: 12px !important;
  background:
    linear-gradient(var(--deco-ink), var(--deco-ink)) center / 100% 2px no-repeat,
    repeating-linear-gradient(90deg, var(--deco-coral) 0 14px, transparent 14px 22px, var(--deco-ochre) 22px 32px, transparent 32px 42px) !important;
}

::-webkit-scrollbar {
  width: 12px !important;
  height: 12px !important;
}

::-webkit-scrollbar-track {
  background: var(--deco-paper) !important;
  border: 1px solid var(--deco-ink) !important;
}

::-webkit-scrollbar-thumb {
  background: var(--deco-coral) !important;
  border: 2px solid var(--deco-ink) !important;
}

::selection {
  color: var(--deco-paper-hi) !important;
  background: var(--deco-red) !important;
}

.ethical-advisory {
  border-left: 12px solid var(--deco-red) !important;
}

.ethical-advisory-stamp {
  color: var(--deco-paper-hi) !important;
  background: var(--deco-red) !important;
  border-color: var(--deco-ink) !important;
  transform: none !important;
}

body.compact .nav-tab {
  padding: 9px 12px 7px !important;
  font-size: 10px !important;
}

@media (min-width: 960px) {
  .card:hover,
  .alert-card:hover,
  .rec-card:hover,
  .income-card:hover,
  .strategy-guide:hover {
    transform: translate(-2px, -2px) !important;
    box-shadow: 13px 13px 0 rgba(29,23,18,.28) !important;
  }
}

@media (max-width: 900px) {
  html body.market-backdrop-ready::before,
  body::before {
    background:
      linear-gradient(180deg, rgba(9,45,53,.05), rgba(9,45,53,.64)),
      radial-gradient(circle at 50% 7%, rgba(248,237,207,.12), transparent 28%) !important;
  }

  #app,
  body.market-backdrop-ready #app,
  .login-shell {
    padding-inline: 12px !important;
  }

  header,
  body.market-backdrop-ready header {
    margin-top: 10px !important;
    justify-content: center !important;
    text-align: center !important;
    outline-offset: -10px !important;
  }

  header::before,
  header::after {
    display: none !important;
  }

  .brand {
    width: 100% !important;
    justify-content: center !important;
  }

  .brand-name {
    font-size: clamp(22px, 8vw, 36px) !important;
    letter-spacing: .14em !important;
  }

  .brand-sub,
  .status-bar {
    justify-content: center !important;
  }

  .page-nav,
  body.market-backdrop-ready .page-nav {
    margin-left: -12px !important;
    margin-right: -12px !important;
    border-left: 0 !important;
    border-right: 0 !important;
    padding: 7px 10px !important;
  }

  .nav-tab {
    min-height: 36px !important;
    padding: 10px 12px 7px !important;
    font-size: 10px !important;
    letter-spacing: .13em !important;
  }

  .page-title,
  .strategy-headline,
  .about-hero h1,
  .disclosure-hero h1,
  main h1,
  section h1 {
    width: 100% !important;
    font-size: clamp(28px, 10vw, 44px) !important;
    letter-spacing: .09em !important;
  }

  .page-header,
  .strategy-guide,
  .command-title-repair,
  .card,
  .alert-card,
  .rec-card,
  .income-card,
  .chart-container,
  .filter-panel {
    outline-offset: -9px !important;
    box-shadow: 6px 6px 0 rgba(29,23,18,.24) !important;
  }

  .model-panel,
  .profit-summary-grid,
  .institutional-grid,
  .trade-ticket-grid {
    grid-template-columns: 1fr 1fr !important;
  }
}

@media (max-width: 560px) {
  .brand {
    gap: 10px !important;
  }

  .brand-icon {
    width: 48px !important;
    height: 48px !important;
  }

  .brand-name {
    font-size: clamp(20px, 8vw, 29px) !important;
  }

  .brand-sub {
    font-size: 9px !important;
    letter-spacing: .15em !important;
  }

  .page-nav::before,
  .page-nav::after {
    flex-basis: 8px !important;
  }

  .page-title,
  .strategy-headline {
    font-size: clamp(25px, 11vw, 38px) !important;
  }

  .stats-row,
  .model-panel,
  .profit-summary-grid,
  .institutional-grid,
  .trade-ticket-grid,
  .income-metrics {
    grid-template-columns: 1fr !important;
  }

  .trade-ticket-backdrop {
    padding: 8px !important;
  }

  .trade-ticket-modal {
    max-height: 94vh !important;
  }

  .card::after,
  .alert-card::after,
  .rec-card::after,
  .income-card::after,
  .strategy-guide::after,
  .page-header::after,
  .chart-container::after,
  .trade-ticket-modal::after {
    left: 12px !important;
    right: 12px !important;
  }
}

/* Specificity repair: older mural rules use body.market-backdrop-ready selectors. */
html body.market-backdrop-ready,
html body.market-backdrop-ready.art-scene-market,
html body.market-backdrop-ready.art-scene-options,
html body.market-backdrop-ready.art-scene-tape,
html body.market-backdrop-ready.art-scene-income,
html body.market-backdrop-ready.art-scene-macro,
html body.market-backdrop-ready.art-scene-about {
  background:
    var(--deco-grain),
    radial-gradient(circle at 50% -18%, rgba(248,237,207,.38), transparent 24%),
    linear-gradient(90deg, rgba(29,23,18,.13) 0 1px, transparent 1px 44px) 0 0 / 44px 44px,
    linear-gradient(rgba(29,23,18,.11) 0 1px, transparent 1px 44px) 0 0 / 44px 44px,
    linear-gradient(180deg, #166b76 0%, #0d3f49 46%, #092d35 100%) !important;
}

body.market-backdrop-ready .brand-name,
body.market-backdrop-ready .logo-wordmark {
  color: var(--deco-ink) !important;
  font-family: "Limelight", "Josefin Sans", ui-sans-serif, sans-serif !important;
  font-weight: 400 !important;
  font-size: clamp(24px, 3.2vw, 42px) !important;
  line-height: .95 !important;
  letter-spacing: .18em !important;
  text-transform: uppercase !important;
  text-shadow: 2px 2px 0 rgba(229,93,54,.28) !important;
  -webkit-text-stroke: 0 !important;
  background: transparent !important;
  border: 0 !important;
  box-shadow: none !important;
  padding: 0 !important;
}

body.market-backdrop-ready .brand-sub,
body.market-backdrop-ready .page-subtitle,
body.market-backdrop-ready .strategy-copy,
body.market-backdrop-ready .subtitle,
body.market-backdrop-ready .company-name,
body.market-backdrop-ready .refresh-info,
body.market-backdrop-ready .status-item {
  color: var(--deco-ink) !important;
  font-family: "Josefin Sans", ui-sans-serif, sans-serif !important;
  letter-spacing: .18em !important;
  text-transform: uppercase !important;
  text-shadow: none !important;
}

body.market-backdrop-ready .page-title,
body.market-backdrop-ready .strategy-headline,
body.market-backdrop-ready .login-title,
body.market-backdrop-ready .about-hero h1,
body.market-backdrop-ready .disclosure-hero h1,
body.market-backdrop-ready main h1,
body.market-backdrop-ready section h1 {
  position: relative !important;
  display: block !important;
  width: fit-content !important;
  max-width: 100% !important;
  min-height: 0 !important;
  padding: 0 0 12px !important;
  margin: 0 0 8px !important;
  color: var(--deco-ink) !important;
  background: transparent !important;
  border: 0 !important;
  outline: 0 !important;
  box-shadow: none !important;
  font-family: "Limelight", "Josefin Sans", ui-sans-serif, sans-serif !important;
  font-size: clamp(30px, 5vw, 66px) !important;
  font-weight: 400 !important;
  line-height: 1.05 !important;
  letter-spacing: .12em !important;
  text-transform: uppercase !important;
  text-shadow: 2px 2px 0 rgba(229,93,54,.18) !important;
  -webkit-text-stroke: 0 !important;
  transform: none !important;
}

body.market-backdrop-ready .page-title::before,
body.market-backdrop-ready .strategy-headline::before,
body.market-backdrop-ready .login-title::before,
body.market-backdrop-ready .about-hero h1::before,
body.market-backdrop-ready .disclosure-hero h1::before,
body.market-backdrop-ready main h1::before,
body.market-backdrop-ready section h1::before {
  display: none !important;
  content: "" !important;
}

body.market-backdrop-ready .page-title::after,
body.market-backdrop-ready .strategy-headline::after,
body.market-backdrop-ready .login-title::after,
body.market-backdrop-ready .about-hero h1::after,
body.market-backdrop-ready .disclosure-hero h1::after,
body.market-backdrop-ready main h1::after,
body.market-backdrop-ready section h1::after {
  content: "" !important;
  position: absolute !important;
  left: 0 !important;
  right: auto !important;
  bottom: 0 !important;
  width: min(100%, 340px) !important;
  height: 8px !important;
  border: 0 !important;
  background:
    linear-gradient(90deg, var(--deco-coral) 0 26%, transparent 26% 31%, var(--deco-ink) 31% 67%, transparent 67% 72%, var(--deco-ochre) 72% 100%) !important;
  box-shadow: none !important;
  transform: none !important;
}

body.market-backdrop-ready .trade-rec-head,
body.market-backdrop-ready .chart-title,
body.market-backdrop-ready .section-title,
body.market-backdrop-ready .card-title,
body.market-backdrop-ready .filter-panel-title,
body.market-backdrop-ready .ticket-title,
body.market-backdrop-ready .trade-ticket-title,
body.market-backdrop-ready .strategy-backtest-title,
body.market-backdrop-ready .key-gate-title,
body.market-backdrop-ready .income-title,
body.market-backdrop-ready .otm-title,
body.market-backdrop-ready .day-title,
body.market-backdrop-ready .desk-title,
body.market-backdrop-ready .ticker-sym,
body.market-backdrop-ready .ticker-link,
body.market-backdrop-ready .income-ticker,
body.market-backdrop-ready .ticker,
body.market-backdrop-ready .stat-value,
body.market-backdrop-ready .radar-value,
body.market-backdrop-ready .model-stat-value,
body.market-backdrop-ready .income-score {
  color: var(--deco-ink) !important;
  background: transparent !important;
  border: 0 !important;
  outline: 0 !important;
  box-shadow: none !important;
  font-family: "Limelight", "Josefin Sans", ui-sans-serif, sans-serif !important;
  font-weight: 400 !important;
  letter-spacing: .12em !important;
  text-transform: uppercase !important;
  text-shadow: 2px 2px 0 rgba(229,93,54,.16) !important;
  -webkit-text-stroke: 0 !important;
}

body.market-backdrop-ready .ticker-sym,
body.market-backdrop-ready .ticker-link,
body.market-backdrop-ready .income-ticker,
body.market-backdrop-ready .ticker {
  border-bottom: 4px double var(--deco-coral) !important;
}

body.market-backdrop-ready .strategy-guide,
body.market-backdrop-ready .page-header,
body.market-backdrop-ready .command-title-repair,
body.market-backdrop-ready .login-card,
body.market-backdrop-ready .filter-panel,
body.market-backdrop-ready .chart-container,
body.market-backdrop-ready .card,
body.market-backdrop-ready .alert-card,
body.market-backdrop-ready .rec-card,
body.market-backdrop-ready .trade-rec,
body.market-backdrop-ready .ticket,
body.market-backdrop-ready .data-card,
body.market-backdrop-ready .panel,
body.market-backdrop-ready .macro-card,
body.market-backdrop-ready .watch-card,
body.market-backdrop-ready .leader-card,
body.market-backdrop-ready .deep-card,
body.market-backdrop-ready .news-card,
body.market-backdrop-ready .income-card,
body.market-backdrop-ready .income-state,
body.market-backdrop-ready .model-stat,
body.market-backdrop-ready .model-note,
body.market-backdrop-ready .radar-card,
body.market-backdrop-ready .profile-card,
body.market-backdrop-ready .radar-cell,
body.market-backdrop-ready .about-hero,
body.market-backdrop-ready .about-grid article,
body.market-backdrop-ready .disclosure-card,
body.market-backdrop-ready .ethical-advisory,
body.market-backdrop-ready .trade-ticket-modal,
body.market-backdrop-ready .profit-summary-card,
body.market-backdrop-ready .profit-chart-wrap,
body.market-backdrop-ready .institutional-panel,
body.market-backdrop-ready .execution-notice,
body.market-backdrop-ready .sell-window,
body.market-backdrop-ready .thesis,
body.market-backdrop-ready .empty-state,
body.market-backdrop-ready .state-msg,
body.market-backdrop-ready .state,
body.market-backdrop-ready .chart-body,
body.market-backdrop-ready .stat-card {
  color: var(--deco-ink) !important;
  border: 1px solid var(--deco-line-strong) !important;
  border-radius: 0 !important;
  outline: 1px solid rgba(248,237,207,.62) !important;
  outline-offset: -11px !important;
  background:
    linear-gradient(180deg, rgba(248,237,207,.96), rgba(240,223,187,.94)),
    var(--deco-grain) !important;
  box-shadow: 9px 9px 0 rgba(29,23,18,.24) !important;
  backdrop-filter: none !important;
}

body.market-backdrop-ready .nav-tab,
body.market-backdrop-ready .strategy-link,
body.market-backdrop-ready button,
body.market-backdrop-ready .btn,
body.market-backdrop-ready .btn-search,
body.market-backdrop-ready .btn-scan,
body.market-backdrop-ready .range-btn,
body.market-backdrop-ready .sort-btn,
body.market-backdrop-ready .ticker-chip,
body.market-backdrop-ready .income-btn,
body.market-backdrop-ready .income-control,
body.market-backdrop-ready .action-link,
body.market-backdrop-ready .broker-review-btn,
body.market-backdrop-ready .trade-ticket-action,
body.market-backdrop-ready input[type="button"],
body.market-backdrop-ready input[type="submit"] {
  border: 2px solid var(--deco-ink) !important;
  border-radius: 0 !important;
  color: var(--deco-ink) !important;
  background:
    linear-gradient(180deg, rgba(248,237,207,.96), rgba(232,183,91,.30)),
    var(--deco-grain) !important;
  box-shadow: 3px 3px 0 rgba(29,23,18,.28) !important;
  font-family: "Josefin Sans", ui-sans-serif, sans-serif !important;
  font-weight: 700 !important;
  letter-spacing: .16em !important;
  text-transform: uppercase !important;
}

body.market-backdrop-ready .nav-tab.active,
body.market-backdrop-ready .strategy-link.active,
body.market-backdrop-ready .range-btn.active,
body.market-backdrop-ready .sort-btn.active,
body.market-backdrop-ready .ticker-chip.active,
body.market-backdrop-ready [aria-selected="true"],
body.market-backdrop-ready button:hover,
body.market-backdrop-ready .nav-tab:hover,
body.market-backdrop-ready .strategy-link:hover,
body.market-backdrop-ready .broker-review-btn:hover,
body.market-backdrop-ready .trade-ticket-action:hover {
  color: var(--deco-paper-hi) !important;
  background:
    linear-gradient(180deg, var(--deco-coral), var(--deco-red)),
    var(--deco-grain) !important;
  border-color: var(--deco-ink) !important;
  box-shadow: inset 0 0 0 2px rgba(248,237,207,.45), 4px 4px 0 rgba(29,23,18,.32) !important;
}

body.market-backdrop-ready input,
body.market-backdrop-ready select,
body.market-backdrop-ready textarea,
body.market-backdrop-ready .input,
body.market-backdrop-ready .filter-input,
body.market-backdrop-ready .key-input {
  border: 1px solid var(--deco-line-strong) !important;
  border-radius: 0 !important;
  color: var(--deco-ink) !important;
  background:
    linear-gradient(180deg, rgba(248,237,207,.96), rgba(240,223,187,.92)),
    var(--deco-grain) !important;
  box-shadow: inset 3px 3px 0 rgba(29,23,18,.08), 3px 3px 0 rgba(29,23,18,.20) !important;
  font-family: "Josefin Sans", ui-sans-serif, sans-serif !important;
}

@media (max-width: 900px) {
  body.market-backdrop-ready .brand-name {
    font-size: clamp(22px, 8vw, 36px) !important;
    letter-spacing: .14em !important;
  }

  body.market-backdrop-ready .page-title,
  body.market-backdrop-ready .strategy-headline,
  body.market-backdrop-ready .about-hero h1,
  body.market-backdrop-ready .disclosure-hero h1,
  body.market-backdrop-ready main h1,
  body.market-backdrop-ready section h1 {
    width: 100% !important;
    font-size: clamp(28px, 10vw, 44px) !important;
    letter-spacing: .09em !important;
  }
}

/* Final Art Deco cleanup layer.
   This intentionally uses higher specificity than page-local and runtime styles. */
html body.market-backdrop-ready {
  --plasma: var(--deco-coral) !important;
  --plasma-dim: rgba(229,93,54,.16) !important;
  --green: var(--deco-teal) !important;
  --cyan: var(--deco-teal-2) !important;
  --gold: var(--deco-ochre) !important;
  --yellow: var(--deco-ochre) !important;
  --red: var(--deco-red) !important;
  --border: rgba(29,23,18,.36) !important;
  --border-hi: rgba(29,23,18,.72) !important;
  --text: var(--deco-ink) !important;
  --text-dim: rgba(29,23,18,.68) !important;
  --card-bg: rgba(248,237,207,.94) !important;
  --command-green: var(--deco-ochre) !important;
  --radar-green: var(--deco-coral) !important;
  --radar-green-soft: rgba(229,93,54,.24) !important;
  --radar-green-dim: rgba(229,93,54,.10) !important;
  --command-red: var(--deco-red) !important;
  --paste-red: var(--deco-coral) !important;
  --command-white: var(--deco-ink) !important;
  --punk-white: var(--deco-ink) !important;
  --command-paper: var(--deco-paper) !important;
}

html body.market-backdrop-ready .brand::after,
html body.market-backdrop-ready .brand-name::before,
html body.market-backdrop-ready .logo-wordmark::before {
  content: "" !important;
  display: none !important;
}

html body.market-backdrop-ready header {
  overflow: visible !important;
}

html body.market-backdrop-ready .brand {
  min-width: 0 !important;
  max-width: 100% !important;
  align-items: center !important;
  gap: 14px !important;
}

html body.market-backdrop-ready .brand > div:last-child {
  min-width: 0 !important;
  max-width: calc(100vw - 128px) !important;
}

html body.market-backdrop-ready .brand-icon {
  width: 54px !important;
  height: 54px !important;
  border-radius: 0 !important;
  background: var(--logo-mark) center / contain no-repeat !important;
  box-shadow: 4px 4px 0 rgba(29,23,18,.24) !important;
}

html body.market-backdrop-ready .brand-name {
  display: block !important;
  max-width: 100% !important;
  color: var(--deco-paper-hi) !important;
  font-family: "Limelight", "Josefin Sans", ui-sans-serif, sans-serif !important;
  font-size: clamp(28px, 4.4vw, 48px) !important;
  font-weight: 400 !important;
  line-height: .96 !important;
  letter-spacing: .18em !important;
  white-space: normal !important;
  overflow-wrap: normal !important;
  text-shadow: 3px 3px 0 rgba(29,23,18,.42) !important;
}

html body.market-backdrop-ready .brand-sub {
  margin-top: 5px !important;
  color: rgba(248,237,207,.88) !important;
  font-family: "Josefin Sans", ui-sans-serif, sans-serif !important;
  font-size: 10px !important;
  letter-spacing: .24em !important;
  line-height: 1.35 !important;
}

html body.market-backdrop-ready .status-bar {
  gap: 9px !important;
}

html body.market-backdrop-ready .status-item,
html body.market-backdrop-ready .status-pill,
html body.market-backdrop-ready .source-badge,
html body.market-backdrop-ready .strength-badge,
html body.market-backdrop-ready .iv-source,
html body.market-backdrop-ready .type-BUY,
html body.market-backdrop-ready .type-OPTION_EXERCISE,
html body.market-backdrop-ready .type-CONVERSION {
  color: var(--deco-ink) !important;
  border: 2px solid var(--deco-ink) !important;
  border-radius: 0 !important;
  background:
    linear-gradient(180deg, rgba(248,237,207,.98), rgba(232,183,91,.28)),
    var(--deco-grain) !important;
  box-shadow: 3px 3px 0 rgba(29,23,18,.24) !important;
  font-family: "Josefin Sans", ui-sans-serif, sans-serif !important;
  font-weight: 700 !important;
  letter-spacing: .14em !important;
  text-transform: uppercase !important;
  text-shadow: none !important;
  padding: 8px 10px 5px !important;
}

html body.market-backdrop-ready .status-dot,
html body.market-backdrop-ready .plan-yes,
html body.market-backdrop-ready [style*="background:#0f7669"],
html body.market-backdrop-ready [style*="background: #0f7669"],
html body.market-backdrop-ready [style*="background:#0f7669"],
html body.market-backdrop-ready [style*="background: #0f7669"] {
  background: var(--deco-coral) !important;
  box-shadow: 0 0 0 2px var(--deco-paper), 2px 2px 0 rgba(29,23,18,.34) !important;
}

html body.market-backdrop-ready .page-title,
html body.market-backdrop-ready .strategy-headline,
html body.market-backdrop-ready .login-title,
html body.market-backdrop-ready .about-hero h1,
html body.market-backdrop-ready .disclosure-hero h1,
html body.market-backdrop-ready main h1,
html body.market-backdrop-ready section h1 {
  width: fit-content !important;
  max-width: 100% !important;
  color: var(--deco-ink) !important;
  border: 0 !important;
  border-left: 0 !important;
  padding: 0 0 13px !important;
  margin: 0 0 12px !important;
  background: transparent !important;
  box-shadow: none !important;
  font-family: "Limelight", "Josefin Sans", ui-sans-serif, sans-serif !important;
  font-size: clamp(30px, 5vw, 66px) !important;
  line-height: 1.05 !important;
  letter-spacing: .13em !important;
  text-transform: uppercase !important;
  text-shadow: 2px 2px 0 rgba(229,93,54,.18) !important;
  transform: none !important;
}

html body.market-backdrop-ready .page-title::before,
html body.market-backdrop-ready .strategy-headline::before,
html body.market-backdrop-ready .login-title::before,
html body.market-backdrop-ready .about-hero h1::before,
html body.market-backdrop-ready .disclosure-hero h1::before,
html body.market-backdrop-ready main h1::before,
html body.market-backdrop-ready section h1::before {
  content: "" !important;
  display: none !important;
}

html body.market-backdrop-ready .page-title::after,
html body.market-backdrop-ready .strategy-headline::after,
html body.market-backdrop-ready .login-title::after,
html body.market-backdrop-ready .about-hero h1::after,
html body.market-backdrop-ready .disclosure-hero h1::after,
html body.market-backdrop-ready main h1::after,
html body.market-backdrop-ready section h1::after {
  content: "" !important;
  position: absolute !important;
  left: 0 !important;
  right: auto !important;
  bottom: 0 !important;
  width: min(100%, 340px) !important;
  height: 8px !important;
  border: 0 !important;
  background:
    linear-gradient(90deg, var(--deco-coral) 0 26%, transparent 26% 31%, var(--deco-ink) 31% 67%, transparent 67% 72%, var(--deco-ochre) 72% 100%) !important;
  box-shadow: none !important;
  transform: none !important;
}

html body.market-backdrop-ready .strategy-kicker,
html body.market-backdrop-ready .strategy-cell-label,
html body.market-backdrop-ready .stat-label,
html body.market-backdrop-ready .stat-lbl,
html body.market-backdrop-ready .field-key,
html body.market-backdrop-ready .trade-label,
html body.market-backdrop-ready .trade-ticket-label,
html body.market-backdrop-ready .model-stat-label,
html body.market-backdrop-ready .income-metric-label,
html body.market-backdrop-ready .range-label,
html body.market-backdrop-ready .label,
html body.market-backdrop-ready label {
  display: inline-block !important;
  width: fit-content !important;
  color: var(--deco-paper-hi) !important;
  border: 2px solid var(--deco-ink) !important;
  border-radius: 0 !important;
  background:
    linear-gradient(180deg, var(--deco-teal-2), var(--deco-teal)),
    var(--deco-grain) !important;
  box-shadow: 3px 3px 0 rgba(29,23,18,.25) !important;
  font-family: "Josefin Sans", ui-sans-serif, sans-serif !important;
  font-size: 11px !important;
  font-weight: 700 !important;
  letter-spacing: .18em !important;
  line-height: 1 !important;
  text-transform: uppercase !important;
  text-shadow: none !important;
  padding: 6px 9px 4px !important;
  margin-bottom: 7px !important;
}

html body.market-backdrop-ready .strategy-cell.reward .strategy-cell-label,
html body.market-backdrop-ready .preview-status.ok .strategy-cell-label,
html body.market-backdrop-ready .status-pill.alert,
html body.market-backdrop-ready .ticket-result.ok {
  color: var(--deco-ink) !important;
  background:
    linear-gradient(180deg, var(--deco-ochre), rgba(232,183,91,.66)),
    var(--deco-grain) !important;
}

html body.market-backdrop-ready .strategy-cell.risk .strategy-cell-label,
html body.market-backdrop-ready .warning-list div .strategy-cell-label,
html body.market-backdrop-ready .status-pill.blocked,
html body.market-backdrop-ready .status-pill.expired {
  color: var(--deco-paper-hi) !important;
  background:
    linear-gradient(180deg, var(--deco-coral), var(--deco-red)),
    var(--deco-grain) !important;
}

html body.market-backdrop-ready .strategy-copy,
html body.market-backdrop-ready .login-subtitle,
html body.market-backdrop-ready .hint,
html body.market-backdrop-ready .msg,
html body.market-backdrop-ready p,
html body.market-backdrop-ready li,
html body.market-backdrop-ready td,
html body.market-backdrop-ready .body-copy,
html body.market-backdrop-ready .trade-note,
html body.market-backdrop-ready .model-note,
html body.market-backdrop-ready .state-msg {
  color: var(--deco-ink) !important;
  font-family: "Libre Baskerville", Georgia, serif !important;
  letter-spacing: 0 !important;
  line-height: 1.58 !important;
  text-shadow: none !important;
}

html body.market-backdrop-ready .field-val.green,
html body.market-backdrop-ready .stat-val.green,
html body.market-backdrop-ready .stat-value.green,
html body.market-backdrop-ready .session-value.good,
html body.market-backdrop-ready .radar-value.good,
html body.market-backdrop-ready .trend.up,
html body.market-backdrop-ready .price-delta.up,
html body.market-backdrop-ready .delta-since.up,
html body.market-backdrop-ready [style*="#0f7669"],
html body.market-backdrop-ready [style*="#0f7669"],
html body.market-backdrop-ready [style*="57,255,122"],
html body.market-backdrop-ready [style*="0,255,136"] {
  color: var(--deco-teal) !important;
  border-color: rgba(29,23,18,.48) !important;
  text-shadow: none !important;
  box-shadow: none !important;
}

html body.market-backdrop-ready .page-nav,
html body.market-backdrop-ready .page-nav.strategy-nav-compact {
  overflow-x: auto !important;
  overflow-y: hidden !important;
  scrollbar-width: thin !important;
  border-top: 1px solid var(--deco-line-strong) !important;
  border-bottom: 1px solid var(--deco-line-strong) !important;
  border-left: 0 !important;
  border-right: 0 !important;
  background:
    linear-gradient(180deg, rgba(12,92,105,.96), rgba(6,66,80,.97)),
    var(--deco-grain) !important;
  box-shadow: inset 0 0 0 2px rgba(248,237,207,.22), 0 8px 0 rgba(29,23,18,.20) !important;
}

html body.market-backdrop-ready .page-nav::before,
html body.market-backdrop-ready .page-nav::after {
  display: none !important;
  content: "" !important;
}

html body.market-backdrop-ready .nav-tab,
html body.market-backdrop-ready .strategy-link,
html body.market-backdrop-ready .page-nav.strategy-nav-compact .nav-tab,
html body.market-backdrop-ready .page-nav.strategy-nav-compact .strategy-jump select {
  flex: 0 0 auto !important;
  min-height: 42px !important;
  border: 2px solid rgba(248,237,207,.76) !important;
  color: var(--deco-paper-hi) !important;
  background: rgba(248,237,207,.08) !important;
  box-shadow: 3px 3px 0 rgba(29,23,18,.24) !important;
  font-family: "Josefin Sans", ui-sans-serif, sans-serif !important;
  letter-spacing: .18em !important;
  text-transform: uppercase !important;
}

html body.market-backdrop-ready .nav-tab.active,
html body.market-backdrop-ready .strategy-link.active,
html body.market-backdrop-ready .nav-tab:hover,
html body.market-backdrop-ready .strategy-link:hover {
  color: var(--deco-ink) !important;
  background:
    linear-gradient(180deg, rgba(248,237,207,.98), rgba(232,183,91,.42)),
    var(--deco-grain) !important;
  border-color: var(--deco-ink) !important;
}

html body.market-backdrop-ready .strategy-link {
  border-radius: 0 !important;
  white-space: nowrap !important;
}

html body.market-backdrop-ready .strategy-guide::before,
html body.market-backdrop-ready .login-card::before,
html body.market-backdrop-ready .chart-container::before,
html body.market-backdrop-ready .card::before,
html body.market-backdrop-ready .panel::before,
html body.market-backdrop-ready .trade-rec::before {
  content: "" !important;
  display: block !important;
  height: 10px !important;
  margin: -2px -2px 15px !important;
  background:
    linear-gradient(90deg, var(--deco-coral) 0 18%, transparent 18% 23%, var(--deco-teal) 23% 61%, transparent 61% 66%, var(--deco-ochre) 66% 100%) !important;
}

@media (max-width: 640px) {
  html body.market-backdrop-ready #app,
  html body.market-backdrop-ready .login-shell {
    padding-left: max(14px, env(safe-area-inset-left)) !important;
    padding-right: max(14px, env(safe-area-inset-right)) !important;
  }

  html body.market-backdrop-ready header {
    align-items: flex-start !important;
    gap: 12px !important;
  }

  html body.market-backdrop-ready .brand {
    width: 100% !important;
    gap: 10px !important;
  }

  html body.market-backdrop-ready .brand > div:last-child {
    max-width: calc(100vw - 92px) !important;
  }

  html body.market-backdrop-ready .brand-icon {
    width: 42px !important;
    height: 42px !important;
  }

  html body.market-backdrop-ready .brand-name {
    font-size: clamp(18px, 7vw, 26px) !important;
    letter-spacing: .085em !important;
    line-height: 1 !important;
  }

  html body.market-backdrop-ready .brand-sub {
    font-size: 8px !important;
    letter-spacing: .12em !important;
  }

  html body.market-backdrop-ready .status-bar {
    width: 100% !important;
    gap: 6px !important;
  }

  html body.market-backdrop-ready .status-item {
    font-size: 9px !important;
    letter-spacing: .08em !important;
    padding: 6px 7px 4px !important;
  }

  html body.market-backdrop-ready .page-title,
  html body.market-backdrop-ready .strategy-headline,
  html body.market-backdrop-ready .login-title,
  html body.market-backdrop-ready .about-hero h1,
  html body.market-backdrop-ready .disclosure-hero h1,
  html body.market-backdrop-ready main h1,
  html body.market-backdrop-ready section h1 {
    width: 100% !important;
    font-size: clamp(25px, 9vw, 38px) !important;
    letter-spacing: .075em !important;
  }

  html body.market-backdrop-ready .page-nav,
  html body.market-backdrop-ready .page-nav.strategy-nav-compact {
    padding: 10px 12px 12px !important;
    gap: 8px !important;
  }

  html body.market-backdrop-ready .nav-tab,
  html body.market-backdrop-ready .strategy-link,
  html body.market-backdrop-ready .page-nav.strategy-nav-compact .nav-tab {
    max-width: none !important;
    min-height: 38px !important;
    padding: 8px 9px 5px !important;
    font-size: 9px !important;
    letter-spacing: .10em !important;
  }
}

/* Mobile containment: no desktop-width ghosts should stretch the document. */
html body.market-backdrop-ready,
html body.market-backdrop-ready #app,
html body.market-backdrop-ready main,
html body.market-backdrop-ready section {
  max-width: 100vw !important;
  box-sizing: border-box !important;
}

html body.market-backdrop-ready .strategy-guide {
  width: 100% !important;
  max-width: 100% !important;
  min-width: 0 !important;
  grid-template-columns: minmax(0, .95fr) minmax(0, 1.45fr) !important;
  box-sizing: border-box !important;
  overflow: hidden !important;
}

html body.market-backdrop-ready .strategy-guide-main,
html body.market-backdrop-ready .strategy-grid,
html body.market-backdrop-ready .strategy-cell,
html body.market-backdrop-ready .strategy-backtest,
html body.market-backdrop-ready .strategy-flow,
html body.market-backdrop-ready .priority-queue-panel,
html body.market-backdrop-ready .table-wrap,
html body.market-backdrop-ready .chart-container,
html body.market-backdrop-ready .card,
html body.market-backdrop-ready .panel,
html body.market-backdrop-ready .login-card {
  min-width: 0 !important;
  max-width: 100% !important;
  box-sizing: border-box !important;
}

html body.market-backdrop-ready .login-card {
  width: min(430px, calc(100vw - 32px)) !important;
  max-width: 430px !important;
}

html body.market-backdrop-ready .strategy-copy,
html body.market-backdrop-ready .strategy-cell,
html body.market-backdrop-ready .strategy-backtest-note,
html body.market-backdrop-ready .priority-queue-panel,
html body.market-backdrop-ready .login-subtitle,
html body.market-backdrop-ready .hint {
  overflow-wrap: anywhere !important;
}

html body.market-backdrop-ready .table-wrap {
  display: block !important;
  width: 100% !important;
  overflow-x: auto !important;
  overflow-y: hidden !important;
  contain: layout paint !important;
  -webkit-overflow-scrolling: touch !important;
}

html body.market-backdrop-ready .table-wrap table,
html body.market-backdrop-ready table.data-table {
  width: max-content !important;
  min-width: min(860px, 220vw) !important;
  max-width: none !important;
}

html body.market-backdrop-ready .login-card .brand {
  width: 100% !important;
  margin-bottom: 24px !important;
  flex-wrap: nowrap !important;
}

html body.market-backdrop-ready .login-card .field {
  display: flex !important;
  width: 100% !important;
  flex-direction: column !important;
  align-items: stretch !important;
  gap: 7px !important;
  margin: 0 0 14px !important;
}

html body.market-backdrop-ready .login-card .field .label {
  align-self: flex-start !important;
}

html body.market-backdrop-ready .login-card .field input,
html body.market-backdrop-ready .login-card .btn {
  width: 100% !important;
  min-width: 0 !important;
}

html body.market-backdrop-ready .login-card .brand > div:last-child {
  max-width: calc(100% - 62px) !important;
}

html body.market-backdrop-ready .login-card .brand-name {
  font-size: clamp(22px, 5vw, 34px) !important;
  letter-spacing: .12em !important;
  white-space: nowrap !important;
}

@media (max-width: 900px) {
  html body.market-backdrop-ready .strategy-guide {
    grid-template-columns: 1fr !important;
  }

  html body.market-backdrop-ready .strategy-grid,
  html body.market-backdrop-ready .strategy-backtest-grid {
    grid-template-columns: 1fr !important;
  }
}

@media (max-width: 640px) {
  html body.market-backdrop-ready {
    overflow-x: hidden !important;
  }

  html body.market-backdrop-ready #app {
    overflow-x: clip !important;
  }

  html body.market-backdrop-ready .status-bar {
    max-width: 100% !important;
    overflow: hidden !important;
    flex-wrap: wrap !important;
  }

  html body.market-backdrop-ready #health-status {
    display: none !important;
  }

  html body.market-backdrop-ready .strategy-guide {
    padding: 16px !important;
    margin-left: 0 !important;
    margin-right: 0 !important;
  }

  html body.market-backdrop-ready .strategy-cell {
    width: 100% !important;
  }

  html body.market-backdrop-ready .table-wrap {
    margin-left: 0 !important;
    margin-right: 0 !important;
  }

  html body.market-backdrop-ready .login-card .brand-name {
    font-size: clamp(20px, 7vw, 28px) !important;
    letter-spacing: .08em !important;
  }
}

/* Priority queue belongs to the poster system too, not the old terminal skin. */
html body.market-backdrop-ready .priority-queue-panel {
  color: var(--deco-ink) !important;
  border: 1px solid var(--deco-line-strong) !important;
  border-radius: 0 !important;
  outline: 1px solid rgba(248,237,207,.62) !important;
  outline-offset: -11px !important;
  background:
    linear-gradient(180deg, rgba(248,237,207,.96), rgba(240,223,187,.94)),
    var(--deco-grain) !important;
  box-shadow: 9px 9px 0 rgba(29,23,18,.24) !important;
}

html body.market-backdrop-ready .priority-queue-panel::before {
  content: "" !important;
  display: block !important;
  height: 10px !important;
  margin: -2px -2px 15px !important;
  background:
    linear-gradient(90deg, var(--deco-coral) 0 18%, transparent 18% 23%, var(--deco-teal) 23% 61%, transparent 61% 66%, var(--deco-ochre) 66% 100%) !important;
}

html body.market-backdrop-ready .priority-queue-head {
  gap: 12px !important;
}

html body.market-backdrop-ready .priority-queue-title {
  color: var(--deco-ink) !important;
  font-family: "Limelight", "Josefin Sans", ui-sans-serif, sans-serif !important;
  font-size: clamp(22px, 2.6vw, 38px) !important;
  font-weight: 400 !important;
  letter-spacing: .10em !important;
  line-height: 1.05 !important;
  text-transform: uppercase !important;
  text-shadow: 2px 2px 0 rgba(229,93,54,.16) !important;
}

html body.market-backdrop-ready .priority-queue-chip,
html body.market-backdrop-ready .priority-feature-score {
  color: var(--deco-ink) !important;
  border: 2px solid var(--deco-ink) !important;
  border-radius: 0 !important;
  background:
    linear-gradient(180deg, var(--deco-ochre), rgba(232,183,91,.62)),
    var(--deco-grain) !important;
  box-shadow: 3px 3px 0 rgba(29,23,18,.26) !important;
  font-family: "Josefin Sans", ui-sans-serif, sans-serif !important;
  font-weight: 700 !important;
  letter-spacing: .16em !important;
  text-transform: uppercase !important;
  text-shadow: none !important;
}

html body.market-backdrop-ready .priority-queue-body,
html body.market-backdrop-ready .priority-feature-reason {
  color: var(--deco-ink) !important;
  font-family: "Libre Baskerville", Georgia, serif !important;
  letter-spacing: 0 !important;
  line-height: 1.55 !important;
}

html body.market-backdrop-ready .priority-queue-feature,
html body.market-backdrop-ready .priority-row {
  color: var(--deco-ink) !important;
  border: 1px solid var(--deco-line-strong) !important;
  border-radius: 0 !important;
  background:
    linear-gradient(180deg, rgba(248,237,207,.78), rgba(232,183,91,.16)),
    var(--deco-grain) !important;
  box-shadow: 4px 4px 0 rgba(29,23,18,.20) !important;
  text-decoration: none !important;
}

html body.market-backdrop-ready .priority-feature-ticker,
html body.market-backdrop-ready .priority-feature-ticket,
html body.market-backdrop-ready .priority-row strong,
html body.market-backdrop-ready .priority-rank {
  color: var(--deco-ink) !important;
  font-family: "Josefin Sans", ui-sans-serif, sans-serif !important;
  text-shadow: none !important;
}

html body.market-backdrop-ready .priority-row:hover,
html body.market-backdrop-ready .priority-queue-feature:hover {
  color: var(--deco-paper-hi) !important;
  background:
    linear-gradient(180deg, var(--deco-coral), var(--deco-red)),
    var(--deco-grain) !important;
}

/* Launch polish: keep the approved mark large on the home page and make
   late-loaded widgets obey the Art Deco poster system. */
html {
  height: auto !important;
  min-height: 100% !important;
  overflow-y: auto !important;
}

html body.market-backdrop-ready {
  height: auto !important;
  min-height: 100% !important;
  overflow-y: auto !important;
}

html[data-page-key="index"] body.market-backdrop-ready header {
  align-items: center !important;
  min-height: clamp(225px, 31vw, 360px) !important;
  padding-top: clamp(22px, 4vw, 48px) !important;
  padding-bottom: clamp(18px, 3vw, 34px) !important;
}

html[data-page-key="index"] body.market-backdrop-ready header .brand {
  align-items: center !important;
  gap: 0 !important;
}

html[data-page-key="index"] body.market-backdrop-ready header .brand-icon {
  width: clamp(260px, 33vw, 490px) !important;
  height: clamp(186px, 23.6vw, 350px) !important;
  max-width: min(78vw, 490px) !important;
  max-height: 350px !important;
  border: 0 !important;
  border-radius: 0 !important;
  outline: 0 !important;
  clip-path: none !important;
  background: var(--logo-mark) center / contain no-repeat !important;
  box-shadow:
    12px 12px 0 rgba(29,23,18,.30),
    0 0 0 1px rgba(248,237,207,.16) !important;
}

html[data-page-key="index"] body.market-backdrop-ready header .brand > div:last-child {
  display: none !important;
}

html[data-page-key="index"] body.market-backdrop-ready header .status-bar {
  margin-left: auto !important;
  align-self: flex-end !important;
}

html body.market-backdrop-ready .key-gate,
html body.market-backdrop-ready .key-bar,
html body.market-backdrop-ready .pick-card,
html body.market-backdrop-ready .trade-rec,
html body.market-backdrop-ready .stats-row,
html body.market-backdrop-ready .sell-window,
html body.market-backdrop-ready .narrative,
html body.market-backdrop-ready .score-part,
html body.market-backdrop-ready .broker-review,
html body.market-backdrop-ready .tradier-preview-result,
html body.market-backdrop-ready .trade-ticket-warning,
html body.market-backdrop-ready .trade-ticket-modal,
html body.market-backdrop-ready .profit-timeline-modal,
html body.market-backdrop-ready .profit-timeline-body,
html body.market-backdrop-ready .model-warming-banner,
html body.market-backdrop-ready .score-breakdown,
html body.market-backdrop-ready .cluster-tag,
html body.market-backdrop-ready .greeks-row {
  color: var(--deco-ink) !important;
  border-color: rgba(29,23,18,.78) !important;
  border-radius: 0 !important;
  text-shadow: none !important;
  backdrop-filter: none !important;
  box-shadow:
    inset 0 0 0 1px rgba(248,237,207,.44),
    5px 5px 0 rgba(29,23,18,.18) !important;
}

html body.market-backdrop-ready .key-gate,
html body.market-backdrop-ready .pick-card,
html body.market-backdrop-ready .trade-rec,
html body.market-backdrop-ready .narrative,
html body.market-backdrop-ready .profit-timeline-body,
html body.market-backdrop-ready .model-warming-banner {
  background:
    linear-gradient(180deg, rgba(248,237,207,.96), rgba(240,223,187,.94)),
    var(--deco-grain) !important;
}

html body.market-backdrop-ready .pick-card::before {
  content: "" !important;
  display: block !important;
  height: 8px !important;
  margin: -8px -8px 14px !important;
  background:
    linear-gradient(90deg, var(--deco-coral) 0 20%, transparent 20% 25%, var(--deco-teal) 25% 63%, transparent 63% 68%, var(--deco-ochre) 68% 100%) !important;
}

html body.market-backdrop-ready .pick-card.critical,
html body.market-backdrop-ready .pick-card.high,
html body.market-backdrop-ready .pick-card.medium {
  border-left-width: 6px !important;
}

html body.market-backdrop-ready .pick-card.critical {
  border-left-color: var(--deco-red) !important;
}

html body.market-backdrop-ready .pick-card.high {
  border-left-color: var(--deco-coral) !important;
}

html body.market-backdrop-ready .pick-card.medium {
  border-left-color: var(--deco-teal) !important;
}

html body.market-backdrop-ready .key-gate-title,
html body.market-backdrop-ready .page-title,
html body.market-backdrop-ready .ticker-sym,
html body.market-backdrop-ready .trade-rec-head,
html body.market-backdrop-ready .stat-val,
html body.market-backdrop-ready .strength-badge,
html body.market-backdrop-ready .broker-review-title,
html body.market-backdrop-ready .profit-timeline-title,
html body.market-backdrop-ready .model-warming-title {
  color: var(--deco-ink) !important;
  font-family: "Limelight", "Josefin Sans", ui-sans-serif, sans-serif !important;
  font-weight: 400 !important;
  letter-spacing: .10em !important;
  text-shadow: 2px 2px 0 rgba(229,93,54,.14) !important;
}

html body.market-backdrop-ready .page-subtitle,
html body.market-backdrop-ready .refresh-info,
html body.market-backdrop-ready .key-gate-sub,
html body.market-backdrop-ready .key-bar-label,
html body.market-backdrop-ready .key-bar-val,
html body.market-backdrop-ready .key-change,
html body.market-backdrop-ready .section-label,
html body.market-backdrop-ready .company-name,
html body.market-backdrop-ready .insider-name,
html body.market-backdrop-ready .insider-title,
html body.market-backdrop-ready .trade-date,
html body.market-backdrop-ready .stat-lbl,
html body.market-backdrop-ready .field-key,
html body.market-backdrop-ready .field-val,
html body.market-backdrop-ready .greek,
html body.market-backdrop-ready .source-tag,
html body.market-backdrop-ready .bucket-label,
html body.market-backdrop-ready .score-part,
html body.market-backdrop-ready .narrative-toggle,
html body.market-backdrop-ready .priority-queue-chip,
html body.market-backdrop-ready .broker-review-btn,
html body.market-backdrop-ready .trade-ticket-action,
html body.market-backdrop-ready .profit-timeline-table,
html body.market-backdrop-ready .profit-assumption-grid,
html body.market-backdrop-ready .model-warming-copy {
  color: var(--deco-ink) !important;
  font-family: "Josefin Sans", ui-sans-serif, sans-serif !important;
  letter-spacing: .12em !important;
  text-shadow: none !important;
}

html body.market-backdrop-ready .key-input,
html body.market-backdrop-ready input,
html body.market-backdrop-ready select,
html body.market-backdrop-ready textarea {
  color: var(--deco-ink) !important;
  border: 2px solid rgba(29,23,18,.72) !important;
  border-radius: 0 !important;
  background:
    linear-gradient(180deg, rgba(255,249,227,.92), rgba(248,237,207,.86)),
    var(--deco-grain) !important;
  box-shadow: inset 3px 3px 0 rgba(29,23,18,.08) !important;
  font-family: "Josefin Sans", ui-sans-serif, sans-serif !important;
}

html body.market-backdrop-ready .key-btn,
html body.market-backdrop-ready .narrative-toggle,
html body.market-backdrop-ready .broker-review-btn,
html body.market-backdrop-ready .trade-ticket-action,
html body.market-backdrop-ready .profit-timeline-btn,
html body.market-backdrop-ready button:not(.modal-close) {
  color: var(--deco-paper-hi) !important;
  border: 2px solid var(--deco-ink) !important;
  border-radius: 0 !important;
  background:
    linear-gradient(180deg, var(--deco-teal), var(--deco-teal-2)),
    var(--deco-grain) !important;
  box-shadow: 4px 4px 0 rgba(29,23,18,.28) !important;
  font-family: "Josefin Sans", ui-sans-serif, sans-serif !important;
  letter-spacing: .16em !important;
  text-transform: uppercase !important;
}

html body.market-backdrop-ready .key-btn:hover,
html body.market-backdrop-ready .narrative-toggle:hover,
html body.market-backdrop-ready .broker-review-btn:hover,
html body.market-backdrop-ready .trade-ticket-action:hover,
html body.market-backdrop-ready .profit-timeline-btn:hover,
html body.market-backdrop-ready button:not(.modal-close):hover {
  color: var(--deco-paper-hi) !important;
  border-color: var(--deco-ink) !important;
  background:
    linear-gradient(180deg, var(--deco-coral), var(--deco-red)),
    var(--deco-grain) !important;
}

html body.market-backdrop-ready .trade-value,
html body.market-backdrop-ready .field-val.accent,
html body.market-backdrop-ready .field-val.green,
html body.market-backdrop-ready .stat-val.green,
html body.market-backdrop-ready .stat-val.plasma,
html body.market-backdrop-ready .iv-source.good,
html body.market-backdrop-ready .price-delta.up,
html body.market-backdrop-ready .score-part.bonus,
html body.market-backdrop-ready .sell-window.active,
html body.market-backdrop-ready .sell-window.monitor {
  color: var(--deco-teal) !important;
}

html body.market-backdrop-ready .field-val.red,
html body.market-backdrop-ready .stat-val.down,
html body.market-backdrop-ready .price-delta.down,
html body.market-backdrop-ready .iv-source.weak,
html body.market-backdrop-ready .sell-window.deferred {
  color: var(--deco-red) !important;
}

html body.market-backdrop-ready .strength-badge.CRITICAL,
html body.market-backdrop-ready .strength-badge.HIGH,
html body.market-backdrop-ready .strength-badge.MEDIUM,
html body.market-backdrop-ready .cluster-tag {
  color: var(--deco-ink) !important;
  border: 2px solid var(--deco-ink) !important;
  border-radius: 0 !important;
  background:
    linear-gradient(180deg, var(--deco-ochre), rgba(232,183,91,.62)),
    var(--deco-grain) !important;
}

html body.market-backdrop-ready .skeleton,
html body.market-backdrop-ready [class*="skeleton"] {
  border-radius: 0 !important;
  background:
    repeating-linear-gradient(90deg, rgba(29,23,18,.10) 0 12px, rgba(29,23,18,.18) 12px 24px),
    var(--deco-paper) !important;
  animation: none !important;
}

@media (max-width: 760px) {
  html[data-page-key="index"] body.market-backdrop-ready header {
    min-height: auto !important;
    justify-content: center !important;
    text-align: center !important;
  }

  html[data-page-key="index"] body.market-backdrop-ready header .brand {
    width: 100% !important;
    justify-content: center !important;
  }

  html[data-page-key="index"] body.market-backdrop-ready header .brand-icon {
    width: min(84vw, 355px) !important;
    height: calc(min(84vw, 355px) * .714) !important;
  }

  html[data-page-key="index"] body.market-backdrop-ready header .status-bar {
    width: 100% !important;
    justify-content: center !important;
    margin-left: 0 !important;
    align-self: center !important;
  }
}

/* Final brand/display lock.
   The approved logo is a full wordmark, not a tiny app icon. Keep it large on
   every route and let the page content carry the title below it. */
html body header,
html body.market-backdrop-ready header {
  min-height: clamp(396px, 42vw, 548px) !important;
  flex-direction: column !important;
  align-items: center !important;
  justify-content: center !important;
  gap: clamp(12px, 2vw, 24px) !important;
  padding-top: clamp(28px, 3.4vw, 52px) !important;
  padding-bottom: clamp(26px, 3vw, 48px) !important;
}

html body header .brand,
html body.market-backdrop-ready header .brand,
html body .brand {
  align-items: center !important;
  justify-content: center !important;
  gap: 0 !important;
  width: 100% !important;
  min-width: min(100%, 440px) !important;
}

html body header .brand-icon,
html body.market-backdrop-ready header .brand-icon,
html body .brand-icon,
html body [class*="brand-icon"] {
  width: clamp(420px, 45vw, 640px) !important;
  height: clamp(300px, 32.1vw, 457px) !important;
  min-width: clamp(420px, 45vw, 640px) !important;
  min-height: clamp(300px, 32.1vw, 457px) !important;
  max-width: min(88vw, 640px) !important;
  max-height: 457px !important;
  border: 0 !important;
  border-radius: 0 !important;
  outline: 0 !important;
  clip-path: none !important;
  background: var(--logo-mark) center / contain no-repeat !important;
  box-shadow:
    8px 8px 0 rgba(29,23,18,.26),
    0 0 0 1px rgba(248,237,207,.18) !important;
}

html body header .brand > div:last-child,
html body.market-backdrop-ready header .brand > div:last-child,
html body .brand > div:last-child {
  display: none !important;
}

html body header .status-bar,
html body.market-backdrop-ready header .status-bar {
  margin-left: 0 !important;
  justify-content: center !important;
  max-width: min(100%, 540px) !important;
}

html[data-page-key="index"] body header,
html[data-page-key="index"] body.market-backdrop-ready header {
  min-height: clamp(500px, 55vw, 690px) !important;
  justify-content: center !important;
}

html[data-page-key="index"] body header .brand,
html[data-page-key="index"] body.market-backdrop-ready header .brand {
  width: 100% !important;
  justify-content: center !important;
}

html[data-page-key="index"] body header .brand-icon,
html[data-page-key="index"] body.market-backdrop-ready header .brand-icon {
  width: clamp(430px, 52vw, 760px) !important;
  height: clamp(307px, 37.1vw, 543px) !important;
  min-width: clamp(430px, 52vw, 760px) !important;
  min-height: clamp(307px, 37.1vw, 543px) !important;
  max-width: min(91vw, 760px) !important;
  max-height: 543px !important;
  box-shadow:
    14px 14px 0 rgba(29,23,18,.30),
    0 0 0 1px rgba(248,237,207,.18) !important;
}

html[data-page-key="index"] body header .status-bar,
html[data-page-key="index"] body.market-backdrop-ready header .status-bar {
  width: 100% !important;
  margin-left: 0 !important;
  justify-content: center !important;
}

/* Remove the last bits of generic app chrome from the visible surface. */
html body.market-backdrop-ready .page-nav,
html body.market-backdrop-ready .strategy-nav-compact,
html body .page-nav {
  border-top: 1px solid var(--deco-line-strong) !important;
  border-bottom: 1px solid var(--deco-line-strong) !important;
  background:
    linear-gradient(180deg, rgba(12,92,105,.98), rgba(7,47,56,.98)),
    var(--deco-grain) !important;
  box-shadow: inset 0 0 0 2px rgba(248,237,207,.18), 0 8px 0 rgba(29,23,18,.18) !important;
}

html body.market-backdrop-ready .strategy-guide,
html body.market-backdrop-ready [class*="-card"],
html body.market-backdrop-ready [class*="-panel"],
html body.market-backdrop-ready .state,
html body.market-backdrop-ready .metric,
html body.market-backdrop-ready .table-wrap,
html body.market-backdrop-ready .chart-container,
html body .strategy-guide,
html body [class*="-card"],
html body [class*="-panel"],
html body .state,
html body .metric,
html body .table-wrap,
html body .chart-container {
  border-radius: 0 !important;
  border-color: rgba(29,23,18,.72) !important;
  box-shadow:
    inset 0 0 0 1px rgba(248,237,207,.36),
    7px 7px 0 rgba(29,23,18,.18) !important;
  backdrop-filter: none !important;
}

/* Final Art Deco route unifier.
   Runtime strategy widgets append their own CSS after this file, so use a
   broad, high-specificity surface lock for the components they generate. */
html body,
html body.market-backdrop-ready {
  font-family: "Libre Baskerville", Georgia, serif !important;
  color: var(--deco-ink) !important;
}

html body .status-bar,
html body.market-backdrop-ready .status-bar {
  border: 3px double rgba(29,23,18,.78) !important;
  background:
    linear-gradient(180deg, rgba(248,237,207,.95), rgba(235,213,174,.92)),
    var(--deco-grain) !important;
  color: var(--deco-ink) !important;
  box-shadow: 6px 6px 0 rgba(29,23,18,.18) !important;
  border-radius: 0 !important;
}

html body .status-item,
html body .strategy-backtest-asof,
html body .strategy-flow a.strategy-flow-link,
html body .priority-queue-chip,
html body .priority-feature-ticket,
html body .priority-feature-score span,
html body .priority-row,
html body .income-btn,
html body .income-control,
html body .model-stat-label,
html body .income-title,
html body .income-score span,
html body .income-thesis,
html body .income-metric-label,
html body .income-metric-value,
html body .leg-row,
html body .security-model-strip,
html body .score-parts span,
html body .fill-guard,
html body .quote-strip,
html body .warning-list div,
html body .copy-status,
html body .preview-status {
  font-family: "Josefin Sans", ui-sans-serif, sans-serif !important;
  letter-spacing: .12em !important;
}

html body .page-title,
html body .strategy-guide h2,
html body .strategy-title,
html body .priority-queue-title,
html body .priority-feature-ticker,
html body .priority-feature-score strong,
html body .model-stat-value,
html body .income-ticker,
html body .income-score,
html body .security-model-strip strong,
html body .fill-guard-head strong {
  font-family: "Limelight", "Josefin Sans", ui-sans-serif, sans-serif !important;
  color: var(--deco-ink) !important;
  letter-spacing: .12em !important;
}

html body .strategy-flow a.strategy-flow-link,
html body .score-parts span,
html body .security-model-strip span,
html body .quote-strip span,
html body .fill-guard-head span,
html body .fill-guard-grid span {
  border-radius: 0 !important;
  border: 2px solid rgba(29,23,18,.72) !important;
  background:
    linear-gradient(180deg, rgba(248,237,207,.96), rgba(235,213,174,.90)),
    var(--deco-grain) !important;
  color: var(--deco-ink) !important;
  box-shadow: 4px 4px 0 rgba(29,23,18,.16) !important;
}

html body .strategy-flow a.strategy-flow-link:hover,
html body .income-btn:hover,
html body .income-control:hover {
  background:
    linear-gradient(180deg, rgba(224,90,54,.96), rgba(184,49,38,.94)),
    var(--deco-grain) !important;
  color: #fff9e3 !important;
  border-color: var(--deco-ink) !important;
}

html body .priority-queue-panel,
html body .model-stat,
html body .model-note,
html body .income-state,
html body .income-card,
html body .income-thesis,
html body .income-metric,
html body .leg-table,
html body .security-model-strip,
html body .fill-guard,
html body .preview-status {
  border-radius: 0 !important;
  border: 3px double rgba(29,23,18,.68) !important;
  background:
    linear-gradient(180deg, rgba(248,237,207,.94), rgba(235,213,174,.88)),
    var(--deco-grain) !important;
  color: var(--deco-ink) !important;
  box-shadow: 7px 7px 0 rgba(29,23,18,.18) !important;
}

html body .priority-queue-panel *,
html body .income-card *,
html body .model-panel *,
html body .strategy-guide * {
  text-shadow: none !important;
}

html body .trade-value,
html body .stat-val.green,
html body .stat-val.plasma,
html body .field-val.accent,
html body .field-val.green,
html body .price-delta.up,
html body .score-part.bonus,
html body .priority-feature-ticket,
html body .priority-feature-score strong,
html body .income-score,
html body .security-model-strip strong,
html body .fill-guard-head strong,
html body .copy-status,
html body .preview-status.ok {
  color: var(--deco-teal) !important;
}

html body .field-val.red,
html body .price-delta.down,
html body .stat-val.down,
html body .preview-status.warn,
html body .warning-list div {
  color: var(--deco-red) !important;
}

@media (max-width: 760px) {
  html body header,
  html body.market-backdrop-ready header {
    min-height: auto !important;
    flex-direction: column !important;
    justify-content: center !important;
    text-align: center !important;
    gap: 10px !important;
  }

  html body header .brand,
  html body.market-backdrop-ready header .brand {
    width: 100% !important;
    justify-content: center !important;
  }

  html body header .brand-icon,
  html body.market-backdrop-ready header .brand-icon,
  html body .brand-icon,
  html body [class*="brand-icon"] {
    width: min(86vw, 342px) !important;
    height: calc(min(86vw, 342px) * .714) !important;
    min-width: min(86vw, 342px) !important;
    min-height: calc(min(86vw, 342px) * .714) !important;
  }

  html[data-page-key="index"] body header .brand-icon,
  html[data-page-key="index"] body.market-backdrop-ready header .brand-icon {
    width: min(92vw, 430px) !important;
    height: calc(min(92vw, 430px) * .714) !important;
    min-width: min(92vw, 430px) !important;
    min-height: calc(min(92vw, 430px) * .714) !important;
  }

  html body header .status-bar,
  html body.market-backdrop-ready header .status-bar {
    width: 100% !important;
    margin-left: 0 !important;
    justify-content: center !important;
  }
}

/* Final data-display lock.
   The lower cards carry the product. Keep the poster style, but let numbers
   read like a ticket instead of decorative black strips. */
html body .pick-card::before,
html body .pick-card::after,
html body .trade-rec::before,
html body .trade-rec::after,
html body .day-card::before,
html body .day-card::after,
html body .metric::before,
html body .metric::after,
html body .income-metric::before,
html body .income-metric::after,
html body .stat-block::before,
html body .stat-block::after,
html body .field-row::before,
html body .field-row::after,
html body .institutional-cell::before,
html body .institutional-cell::after,
html body.market-backdrop-ready .pick-card::before,
html body.market-backdrop-ready .pick-card::after,
html body.market-backdrop-ready .trade-rec::before,
html body.market-backdrop-ready .trade-rec::after,
html body.market-backdrop-ready .day-card::before,
html body.market-backdrop-ready .day-card::after,
html body.market-backdrop-ready .metric::before,
html body.market-backdrop-ready .metric::after,
html body.market-backdrop-ready .income-metric::before,
html body.market-backdrop-ready .income-metric::after,
html body.market-backdrop-ready .stat-block::before,
html body.market-backdrop-ready .stat-block::after,
html body.market-backdrop-ready .field-row::before,
html body.market-backdrop-ready .field-row::after,
html body.market-backdrop-ready .institutional-cell::before,
html body.market-backdrop-ready .institutional-cell::after {
  content: none !important;
  display: none !important;
}

html body .pick-card,
html body .day-card,
html body .income-card,
html body .trade-rec,
html body .institutional-panel,
html body .sell-window,
html body .source-tag,
html body.market-backdrop-ready .pick-card,
html body.market-backdrop-ready .day-card,
html body.market-backdrop-ready .income-card,
html body.market-backdrop-ready .trade-rec,
html body.market-backdrop-ready .institutional-panel,
html body.market-backdrop-ready .sell-window,
html body.market-backdrop-ready .source-tag {
  overflow: visible !important;
  background:
    linear-gradient(180deg, rgba(248,237,207,.98), rgba(239,219,181,.94)),
    var(--deco-grain) !important;
  color: var(--deco-ink) !important;
}

html body .stats-row,
html body.market-backdrop-ready .stats-row {
  display: grid !important;
  grid-template-columns: repeat(auto-fit, minmax(96px, 1fr)) !important;
  gap: 8px !important;
  align-items: stretch !important;
}

html body .stat-block,
html body.market-backdrop-ready .stat-block {
  min-width: 0 !important;
  width: 100% !important;
  min-height: 0 !important;
  padding: 8px 9px !important;
  border: 2px solid rgba(29,23,18,.66) !important;
  background:
    linear-gradient(180deg, rgba(255,249,227,.96), rgba(232,183,91,.16)),
    var(--deco-grain) !important;
  box-shadow: 4px 4px 0 rgba(29,23,18,.13) !important;
}

html body .stat-val,
html body .stat-lbl,
html body.market-backdrop-ready .stat-val,
html body.market-backdrop-ready .stat-lbl {
  display: block !important;
  width: 100% !important;
  height: auto !important;
  background: transparent !important;
  border: 0 !important;
  box-shadow: none !important;
  overflow-wrap: anywhere !important;
}

html body .stat-val,
html body.market-backdrop-ready .stat-val {
  margin-bottom: 4px !important;
  color: var(--deco-ink) !important;
  font-size: clamp(15px, 1.6vw, 20px) !important;
  line-height: 1.15 !important;
}

html body .trade-fields,
html body.market-backdrop-ready .trade-fields {
  display: grid !important;
  grid-template-columns: 1fr !important;
  gap: 8px !important;
}

html body .field-row,
html body.market-backdrop-ready .field-row {
  display: grid !important;
  grid-template-columns: minmax(92px, .75fr) minmax(0, 1.25fr) !important;
  gap: 8px !important;
  align-items: start !important;
  min-width: 0 !important;
  width: 100% !important;
  min-height: 0 !important;
  height: auto !important;
  padding: 7px !important;
  border: 2px solid rgba(29,23,18,.55) !important;
  background:
    linear-gradient(180deg, rgba(255,249,227,.90), rgba(248,237,207,.72)),
    var(--deco-grain) !important;
  box-shadow: 3px 3px 0 rgba(29,23,18,.12) !important;
}

html body .field-key,
html body.market-backdrop-ready .field-key {
  display: inline-flex !important;
  align-items: center !important;
  justify-content: center !important;
  width: 100% !important;
  height: auto !important;
  min-height: 25px !important;
  padding: 5px 7px 3px !important;
  border: 2px solid var(--deco-ink) !important;
  background:
    linear-gradient(180deg, var(--deco-teal-2), var(--deco-teal)),
    var(--deco-grain) !important;
  color: var(--deco-paper-hi) !important;
  box-shadow: 3px 3px 0 rgba(29,23,18,.22) !important;
}

html body .field-val,
html body .metric-value,
html body .income-metric-value,
html body .institutional-value,
html body .greek-val,
html body.market-backdrop-ready .field-val,
html body.market-backdrop-ready .metric-value,
html body.market-backdrop-ready .income-metric-value,
html body.market-backdrop-ready .institutional-value,
html body.market-backdrop-ready .greek-val {
  display: block !important;
  width: 100% !important;
  min-width: 0 !important;
  height: auto !important;
  min-height: 25px !important;
  padding: 5px 8px 3px !important;
  border: 1px solid rgba(29,23,18,.32) !important;
  background:
    linear-gradient(180deg, rgba(255,249,227,.92), rgba(248,237,207,.82)),
    var(--deco-grain) !important;
  color: var(--deco-ink) !important;
  box-shadow: none !important;
  line-height: 1.35 !important;
  overflow-wrap: anywhere !important;
  word-break: normal !important;
}

html body .greeks-row,
html body.market-backdrop-ready .greeks-row {
  display: flex !important;
  flex-wrap: wrap !important;
  gap: 7px !important;
  min-height: 0 !important;
  height: auto !important;
}

html body .greek,
html body.market-backdrop-ready .greek {
  display: inline-grid !important;
  grid-template-columns: auto minmax(0, 1fr) !important;
  align-items: center !important;
  gap: 5px !important;
  min-height: 0 !important;
  height: auto !important;
  padding: 4px 7px !important;
  border: 1px solid rgba(29,23,18,.36) !important;
  background: rgba(255,249,227,.72) !important;
}

html body .greek-key,
html body.market-backdrop-ready .greek-key {
  color: var(--deco-teal) !important;
  font-weight: 700 !important;
}

html body .institutional-grid,
html body.market-backdrop-ready .institutional-grid {
  display: grid !important;
  grid-template-columns: repeat(2, minmax(0, 1fr)) !important;
  gap: 8px !important;
}

html body .institutional-cell,
html body.market-backdrop-ready .institutional-cell,
html body .metric,
html body.market-backdrop-ready .metric,
html body .income-metric,
html body.market-backdrop-ready .income-metric {
  min-width: 0 !important;
  min-height: 0 !important;
  height: auto !important;
  padding: 8px !important;
  overflow: visible !important;
}

html body .institutional-label,
html body .metric-label,
html body .income-metric-label,
html body.market-backdrop-ready .institutional-label,
html body.market-backdrop-ready .metric-label,
html body.market-backdrop-ready .income-metric-label {
  display: block !important;
  margin-bottom: 5px !important;
}

html body .sell-window,
html body.market-backdrop-ready .sell-window {
  max-height: 430px !important;
  overflow: auto !important;
  padding: 11px 12px !important;
  white-space: pre-wrap !important;
  line-height: 1.5 !important;
}

html body .source-tag,
html body.market-backdrop-ready .source-tag {
  max-height: 170px !important;
  overflow: auto !important;
  padding: 9px 10px !important;
  white-space: normal !important;
  line-height: 1.45 !important;
}

html body .trade-rec,
html body.market-backdrop-ready .trade-rec {
  height: auto !important;
  padding: 14px !important;
}

html body .card-head,
html body .day-head,
html body .income-head,
html body.market-backdrop-ready .card-head,
html body.market-backdrop-ready .day-head,
html body.market-backdrop-ready .income-head {
  min-height: 0 !important;
  height: auto !important;
  padding: 0 0 12px !important;
  margin-bottom: 12px !important;
  border: 0 !important;
  border-bottom: 4px double rgba(29,23,18,.42) !important;
  background:
    linear-gradient(180deg, rgba(255,249,227,.92), rgba(248,237,207,.70)),
    var(--deco-grain) !important;
  box-shadow: none !important;
}

html body .ticker-sym,
html body .ticker-link,
html body .company-name,
html body.market-backdrop-ready .ticker-sym,
html body.market-backdrop-ready .ticker-link,
html body.market-backdrop-ready .company-name {
  color: var(--deco-ink) !important;
  text-shadow: 1px 1px 0 rgba(229,93,54,.12) !important;
}

html body .metric-label,
html body .income-metric-label,
html body .institutional-label,
html body.market-backdrop-ready .metric-label,
html body.market-backdrop-ready .income-metric-label,
html body.market-backdrop-ready .institutional-label {
  display: inline-flex !important;
  align-items: center !important;
  width: fit-content !important;
  min-height: 24px !important;
  padding: 5px 8px 3px !important;
  border: 2px solid var(--deco-ink) !important;
  background:
    linear-gradient(180deg, var(--deco-teal-2), var(--deco-teal)),
    var(--deco-grain) !important;
  color: var(--deco-paper-hi) !important;
  box-shadow: 3px 3px 0 rgba(29,23,18,.22) !important;
}

@media (max-width: 760px) {
  html body .field-row,
  html body.market-backdrop-ready .field-row {
    grid-template-columns: 1fr !important;
  }

  html body .institutional-grid,
  html body.market-backdrop-ready .institutional-grid,
  html body .income-metrics,
  html body.market-backdrop-ready .income-metrics {
    grid-template-columns: 1fr !important;
  }
}

/* Final masthead correction: true repeating Art Deco banner pattern.
   The logo and live/model status sit on top of this pattern instead of in a
   separate oversized block. Installed default is PATTERN-10 from the chooser. */
:root {
  --asset-version: "artdeco-mobile-polish-20260608" !important;
  --logo-mark: url("/jupiterspec-logo.svg?v=artdeco-mobile-polish-20260608") !important;
  --deco-banner-repeat:
    radial-gradient(circle at 76px 42px, rgba(232,183,91,.82) 0 16px, transparent 17px) 0 0 / 132px 86px repeat,
    radial-gradient(circle at 76px 42px, transparent 0 23px, rgba(248,237,207,.42) 24px 26px, transparent 27px) 0 0 / 132px 86px repeat,
    radial-gradient(ellipse at 76px 42px, transparent 0 31px, rgba(224,90,54,.42) 32px 34px, transparent 35px) 0 0 / 132px 86px repeat,
    linear-gradient(90deg, transparent 0 58px, rgba(248,237,207,.18) 58px 60px, transparent 60px 132px) 0 0 / 132px 86px repeat,
    linear-gradient(180deg, transparent 0 40px, rgba(29,23,18,.18) 40px 42px, transparent 42px 86px) 0 0 / 132px 86px repeat,
    linear-gradient(180deg, #0f6d76 0%, #0b5b66 58%, #082d35 100%);
}

html body header,
html body.market-backdrop-ready header {
  position: relative !important;
  isolation: isolate !important;
  min-height: clamp(218px, 22vw, 312px) !important;
  width: 100% !important;
  margin: 18px 0 22px !important;
  padding: clamp(22px, 3vw, 38px) clamp(20px, 4vw, 54px) !important;
  display: flex !important;
  flex-direction: row !important;
  align-items: center !important;
  justify-content: center !important;
  gap: 18px !important;
  overflow: hidden !important;
  border: 1px solid var(--deco-line-strong) !important;
  border-radius: 0 !important;
  background: var(--deco-banner-repeat) !important;
  box-shadow:
    inset 0 0 0 3px rgba(248,237,207,.36),
    inset 0 0 0 13px rgba(29,23,18,.16),
    12px 12px 0 rgba(29,23,18,.24) !important;
}

html body header::before,
html body.market-backdrop-ready header::before {
  content: "" !important;
  position: absolute !important;
  inset: 0 !important;
  z-index: 0 !important;
  width: auto !important;
  height: auto !important;
  left: 0 !important;
  right: 0 !important;
  transform: none !important;
  background:
    radial-gradient(circle at 50% 50%, rgba(255,249,227,.16), transparent 42%),
    linear-gradient(90deg, rgba(29,23,18,.22) 0 1px, transparent 1px 44px) 0 0 / 44px 44px,
    linear-gradient(rgba(29,23,18,.18) 0 1px, transparent 1px 44px) 0 0 / 44px 44px !important;
  opacity: .42 !important;
  mix-blend-mode: multiply !important;
  pointer-events: none !important;
  filter: none !important;
}

html body header::after,
html body.market-backdrop-ready header::after {
  content: "" !important;
  position: absolute !important;
  inset: 14px !important;
  z-index: 1 !important;
  width: auto !important;
  height: auto !important;
  left: 14px !important;
  right: 14px !important;
  transform: none !important;
  border: 2px solid rgba(248,237,207,.72) !important;
  border-top-width: 4px !important;
  border-bottom-width: 4px !important;
  background: none !important;
  box-shadow: inset 0 0 0 2px rgba(29,23,18,.58) !important;
  pointer-events: none !important;
  filter: none !important;
}

html body header .brand,
html body.market-backdrop-ready header .brand,
html body .brand {
  position: relative !important;
  z-index: 2 !important;
  width: min(58vw, 520px) !important;
  min-width: 0 !important;
  max-width: min(88vw, 520px) !important;
  display: flex !important;
  align-items: center !important;
  justify-content: center !important;
}

html body header .brand-icon,
html body.market-backdrop-ready header .brand-icon,
html body .brand-icon,
html body [class*="brand-icon"] {
  position: relative !important;
  z-index: 2 !important;
  width: clamp(284px, 34vw, 486px) !important;
  height: calc(clamp(284px, 34vw, 486px) * .714) !important;
  min-width: 0 !important;
  min-height: 0 !important;
  max-width: min(82vw, 486px) !important;
  max-height: 347px !important;
  border: 0 !important;
  border-radius: 0 !important;
  outline: 0 !important;
  background: var(--logo-mark) center / contain no-repeat !important;
  box-shadow:
    10px 10px 0 rgba(29,23,18,.30),
    0 0 0 1px rgba(248,237,207,.24) !important;
}

html body header .brand > div:last-child,
html body.market-backdrop-ready header .brand > div:last-child,
html body .brand > div:last-child {
  display: none !important;
}

html body header .status-bar,
html body.market-backdrop-ready header .status-bar {
  position: absolute !important;
  z-index: 3 !important;
  top: clamp(22px, 2.2vw, 34px) !important;
  right: clamp(22px, 3vw, 46px) !important;
  left: auto !important;
  width: auto !important;
  max-width: min(42vw, 460px) !important;
  margin: 0 !important;
  padding: 0 !important;
  display: flex !important;
  align-items: flex-start !important;
  justify-content: flex-end !important;
  gap: 8px !important;
  flex-wrap: wrap !important;
  border: 0 !important;
  background: transparent !important;
  box-shadow: none !important;
  transform: none !important;
}

html body header .status-item,
html body.market-backdrop-ready header .status-item {
  min-height: 32px !important;
  padding: 9px 11px 6px !important;
  border: 2px solid var(--deco-ink) !important;
  border-radius: 0 !important;
  background:
    linear-gradient(180deg, rgba(255,249,227,.96), rgba(235,213,174,.88)),
    var(--deco-grain) !important;
  color: var(--deco-ink) !important;
  box-shadow: 4px 4px 0 rgba(29,23,18,.22) !important;
  font-family: "Josefin Sans", ui-sans-serif, sans-serif !important;
  font-size: clamp(9px, .86vw, 11px) !important;
  font-weight: 700 !important;
  letter-spacing: .14em !important;
  line-height: 1.1 !important;
  text-transform: uppercase !important;
  white-space: nowrap !important;
}

html body header .status-dot,
html body.market-backdrop-ready header .status-dot {
  width: 8px !important;
  height: 8px !important;
  background: var(--deco-teal) !important;
  border: 1px solid var(--deco-ink) !important;
  box-shadow: 0 0 0 2px rgba(15,118,105,.16) !important;
}

html[data-page-key="index"] body header,
html[data-page-key="index"] body.market-backdrop-ready header {
  min-height: clamp(238px, 24vw, 340px) !important;
}

html[data-page-key="index"] body header .brand-icon,
html[data-page-key="index"] body.market-backdrop-ready header .brand-icon {
  width: clamp(308px, 38vw, 540px) !important;
  height: calc(clamp(308px, 38vw, 540px) * .714) !important;
  max-width: min(84vw, 540px) !important;
  max-height: 386px !important;
}

@media (max-width: 760px) {
  html body header,
  html body.market-backdrop-ready header,
  html[data-page-key="index"] body header,
  html[data-page-key="index"] body.market-backdrop-ready header {
    min-height: 252px !important;
    padding: 24px 14px 68px !important;
    margin-top: 12px !important;
    flex-direction: column !important;
    justify-content: center !important;
  }

  html body header::after,
  html body.market-backdrop-ready header::after {
    inset: 10px !important;
    left: 10px !important;
    right: 10px !important;
  }

  html body header .brand,
  html body.market-backdrop-ready header .brand {
    width: 100% !important;
    max-width: 100% !important;
  }

  html body header .brand-icon,
  html body.market-backdrop-ready header .brand-icon,
  html body .brand-icon,
  html body [class*="brand-icon"],
  html[data-page-key="index"] body header .brand-icon,
  html[data-page-key="index"] body.market-backdrop-ready header .brand-icon {
    width: min(78vw, 330px) !important;
    height: calc(min(78vw, 330px) * .714) !important;
    max-width: min(78vw, 330px) !important;
    max-height: 236px !important;
  }

  html body header .status-bar,
  html body.market-backdrop-ready header .status-bar {
    top: auto !important;
    right: auto !important;
    bottom: 20px !important;
    left: 50% !important;
    width: calc(100% - 34px) !important;
    max-width: 430px !important;
    justify-content: center !important;
    transform: translateX(-50%) !important;
  }
}

/* Index masthead size reset: older route-specific rules set large minimums.
   Keep the home page banner format aligned with every other page. */
html[data-page-key="index"] body header,
html[data-page-key="index"] body.market-backdrop-ready header {
  min-height: clamp(238px, 24vw, 340px) !important;
  padding: clamp(22px, 3vw, 38px) clamp(20px, 4vw, 54px) !important;
}

html[data-page-key="index"] body header .brand-icon,
html[data-page-key="index"] body.market-backdrop-ready header .brand-icon {
  width: clamp(308px, 38vw, 540px) !important;
  height: calc(clamp(308px, 38vw, 540px) * .714) !important;
  min-width: 0 !important;
  min-height: 0 !important;
  max-width: min(84vw, 540px) !important;
  max-height: 386px !important;
}

/* Centered navigation rail below the masthead. */
html body .page-nav,
html body.market-backdrop-ready .page-nav,
html body .page-nav.strategy-nav-compact,
html body.market-backdrop-ready .page-nav.strategy-nav-compact {
  display: flex !important;
  flex-direction: column !important;
  align-items: center !important;
  justify-content: center !important;
  flex-wrap: nowrap !important;
  gap: 10px !important;
  width: 100% !important;
  max-width: 100% !important;
  margin: 0 auto 24px !important;
  padding: 12px 12px 14px !important;
  overflow: visible !important;
  text-align: center !important;
}

html body .page-nav .strategy-nav-primary,
html body.market-backdrop-ready .page-nav .strategy-nav-primary {
  display: flex !important;
  align-items: center !important;
  justify-content: center !important;
  flex-wrap: wrap !important;
  gap: 8px !important;
  width: min(100%, 1120px) !important;
  margin: 0 auto !important;
}

html body .page-nav:not(.strategy-nav-compact) {
  flex-direction: row !important;
  flex-wrap: wrap !important;
}

html body .page-nav .nav-tab,
html body.market-backdrop-ready .page-nav .nav-tab {
  display: inline-flex !important;
  align-items: center !important;
  justify-content: center !important;
  text-align: center !important;
}

html body .page-nav .strategy-jump,
html body.market-backdrop-ready .page-nav .strategy-jump,
html body .page-nav.strategy-nav-compact .strategy-jump,
html body.market-backdrop-ready .page-nav.strategy-nav-compact .strategy-jump {
  display: inline-flex !important;
  align-items: center !important;
  justify-content: center !important;
  gap: 9px !important;
  width: min(100%, 420px) !important;
  margin: 0 auto !important;
}

html body .page-nav .strategy-jump select,
html body.market-backdrop-ready .page-nav .strategy-jump select {
  width: min(100%, 320px) !important;
  max-width: 320px !important;
}

@media (max-width: 760px) {
  html body .page-nav,
  html body.market-backdrop-ready .page-nav,
  html body .page-nav.strategy-nav-compact,
  html body.market-backdrop-ready .page-nav.strategy-nav-compact {
    padding: 10px 8px 12px !important;
    gap: 8px !important;
  }

  html body .page-nav .strategy-nav-primary,
  html body.market-backdrop-ready .page-nav .strategy-nav-primary {
    width: 100% !important;
    gap: 7px !important;
  }

  html body .page-nav .strategy-jump,
  html body.market-backdrop-ready .page-nav .strategy-jump {
    width: 100% !important;
  }

  html body .page-nav .strategy-jump span,
  html body.market-backdrop-ready .page-nav .strategy-jump span {
    display: none !important;
  }
}

/* Final Art Deco hardening layer.
   Several older pages still define dark/glass cards inline. Keep this block last
   so generated data panels, lower-page widgets, modals, and empty states share
   the same paper, ink, and stepped-frame visual language. */
html body {
  font-family: "Libre Baskerville", Georgia, serif !important;
}

html body .page-title,
html body .brand-name,
html body .section-title,
html body .chart-title,
html body .strategy-title,
html body .priority-queue-title,
html body .trade-rec-head,
html body .ticket-title,
html body .trade-ticket-title,
html body h1,
html body h2,
html body h3 {
  font-family: "Limelight", "Stardos Stencil", "Josefin Sans", sans-serif !important;
  letter-spacing: .12em !important;
  text-transform: uppercase !important;
}

html body .lead,
html body .page-subtitle,
html body .disclosure-card p,
html body .disclosure-card li,
html body .priority-queue-body,
html body .playbook,
html body .model-note,
html body .institutional-reason,
html body .broker-review-note,
html body .ticket-note,
html body .trade-ticket-note {
  font-family: "Libre Baskerville", Georgia, serif !important;
  letter-spacing: 0 !important;
  color: var(--deco-ink) !important;
}

html body .series-card,
html body .chart-container,
html body .chart-card,
html body .data-card,
html body .data-panel,
html body .filter-panel,
html body .stat-card,
html body .stats-row,
html body .table-wrap,
html body .table-card,
html body .watch-card,
html body .leaderboard-card,
html body .earnings-card,
html body .scan-card,
html body .signal-card,
html body .news-card,
html body .key-gate,
html body .key-bar,
html body .pick-card,
html body .alert-card,
html body .trade-rec,
html body .sell-window,
html body .narrative,
html body .cluster-tag,
html body .session-cell,
html body .day-card,
html body .otm-card,
html body .desk-card,
html body .model-stat,
html body .model-note,
html body .income-state,
html body .income-card,
html body .income-thesis,
html body .income-metric,
html body .leg-table,
html body .score-part,
html body .execution-notice,
html body .institutional-panel,
html body .institutional-cell,
html body .state,
html body .state-msg,
html body .state-message,
html body .empty,
html body .loading,
html body .skeleton,
html body .disclosure-hero,
html body .disclosure-card,
html body .ticket-modal,
html body .trade-ticket-modal,
html body .profit-timeline-modal,
html body .ticket-field,
html body .trade-ticket-field,
html body .ticket-result,
html body .trade-ticket-result,
html body .danger-note,
html body .metric,
html body .setup,
html body .gate,
html body .vol-card,
html body .macro-card,
html body .settings-card,
html body .settings-panel {
  border: 1px solid var(--deco-line-strong) !important;
  border-radius: 0 !important;
  background:
    linear-gradient(180deg, rgba(255,249,227,.96), rgba(240,223,187,.92)),
    var(--deco-grain) !important;
  color: var(--deco-ink) !important;
  box-shadow: 7px 7px 0 rgba(29,23,18,.20) !important;
  text-shadow: none !important;
  backdrop-filter: none !important;
  -webkit-backdrop-filter: none !important;
}

html body .series-card.error,
html body .series-card.loading,
html body .day-card.blocked,
html body .day-card.expired,
html body .day-card.research,
html body .day-card.revalidate,
html body .otm-card.blocked,
html body .otm-card.expired,
html body .otm-card.research,
html body .otm-card.revalidate,
html body .desk-card.weak {
  opacity: 1 !important;
}

html body .chart-header,
html body .trade-ticket-head,
html body .ticket-head {
  border-bottom: 2px solid var(--deco-ink) !important;
  background:
    linear-gradient(90deg, rgba(235,95,63,.14), rgba(9,84,94,.10), rgba(216,145,45,.14)),
    var(--deco-grain) !important;
}

html body .chart-body,
html body .ticket-body,
html body .trade-ticket-body {
  background:
    linear-gradient(180deg, rgba(255,249,227,.98), rgba(243,228,194,.94)),
    var(--deco-grain) !important;
  color: var(--deco-ink) !important;
}

html body .series-name,
html body .series-date,
html body .series-change,
html body .chart-meta,
html body .chart-meta-item,
html body .metric-label,
html body .session-label,
html body .score-label,
html body .model-stat-label,
html body .income-title,
html body .income-score span,
html body .income-metric-label,
html body .institutional-label,
html body .ticket-label,
html body .ticket-value,
html body .trade-ticket-label,
html body .trade-ticket-value,
html body .strategy-cell-label,
html body .status-pill,
html body .eyebrow {
  font-family: "Josefin Sans", ui-sans-serif, sans-serif !important;
  letter-spacing: .16em !important;
  text-transform: uppercase !important;
  color: var(--deco-ink) !important;
  text-shadow: none !important;
}

html body .series-value,
html body .session-value,
html body .metric-value,
html body .model-stat-value,
html body .income-score,
html body .income-metric-value,
html body .institutional-value,
html body .score,
html body .ticker,
html body .income-ticker {
  color: var(--deco-ink) !important;
  text-shadow: none !important;
}

html body .strategy-cell-label,
html body .metric-label,
html body .ticket-label,
html body .trade-ticket-label,
html body .model-stat-label,
html body .income-metric-label,
html body .institutional-label,
html body .filter-label,
html body .eyebrow,
html body .status-pill {
  display: inline-block !important;
  width: max-content !important;
  max-width: 100% !important;
  padding: 5px 9px 3px !important;
  border: 2px solid var(--deco-ink) !important;
  border-radius: 0 !important;
  background:
    linear-gradient(180deg, var(--deco-teal), var(--deco-teal-2)),
    var(--deco-grain) !important;
  color: var(--deco-paper-hi) !important;
  box-shadow: 4px 4px 0 rgba(29,23,18,.22) !important;
}

html body .risk h2,
html body .danger-note,
html body .status-pill.blocked,
html body .status-pill.expired,
html body .status-pill.risk,
html body .execution-notice.caution .execution-notice-title,
html body .execution-notice.verify_first .execution-notice-title {
  color: var(--deco-coral) !important;
}

html body .danger-note {
  border-color: var(--deco-coral) !important;
  background:
    linear-gradient(180deg, rgba(235,95,63,.14), rgba(240,223,187,.90)),
    var(--deco-grain) !important;
}

html body .control-btn,
html body .action-link,
html body .broker-review-btn,
html body .broker-review-link,
html body .income-btn,
html body .income-control,
html body .trade-ticket-action,
html body .ticket-close,
html body .trade-ticket-close,
html body .ticket-actions button,
html body .trade-ticket-actions button,
html body button,
html body input[type="button"],
html body input[type="submit"] {
  border: 2px solid var(--deco-ink) !important;
  border-radius: 0 !important;
  background:
    linear-gradient(180deg, var(--deco-teal), var(--deco-teal-2)),
    var(--deco-grain) !important;
  color: var(--deco-paper-hi) !important;
  box-shadow: 4px 4px 0 rgba(29,23,18,.26) !important;
  font-family: "Josefin Sans", ui-sans-serif, sans-serif !important;
  font-weight: 700 !important;
  letter-spacing: .14em !important;
  text-transform: uppercase !important;
  text-decoration: none !important;
}

html body .control-btn:hover,
html body .action-link:hover,
html body .broker-review-btn:hover,
html body .broker-review-link:hover,
html body .income-btn:hover,
html body .income-control:hover,
html body .trade-ticket-action:hover,
html body button:hover {
  transform: translate(-1px, -1px) !important;
  background:
    linear-gradient(180deg, var(--deco-ochre), #b66f2f),
    var(--deco-grain) !important;
  color: var(--deco-ink) !important;
}

html body input,
html body select,
html body textarea,
html body .ticket-copy,
html body .trade-ticket-copy {
  border: 2px solid var(--deco-ink) !important;
  border-radius: 0 !important;
  background:
    linear-gradient(180deg, rgba(255,249,227,.98), rgba(238,219,182,.95)),
    var(--deco-grain) !important;
  color: var(--deco-ink) !important;
  box-shadow: inset 3px 3px 0 rgba(29,23,18,.10) !important;
  font-family: "Josefin Sans", ui-sans-serif, sans-serif !important;
}

html body input::placeholder,
html body textarea::placeholder {
  color: rgba(29,23,18,.58) !important;
}

html body table,
html body .data-table,
html body .leg-table {
  border-collapse: collapse !important;
  background:
    linear-gradient(180deg, rgba(255,249,227,.96), rgba(240,223,187,.92)),
    var(--deco-grain) !important;
  color: var(--deco-ink) !important;
}

html body th,
html body .leg-head {
  border-bottom: 2px solid var(--deco-ink) !important;
  background:
    linear-gradient(180deg, var(--deco-teal), var(--deco-teal-2)),
    var(--deco-grain) !important;
  color: var(--deco-paper-hi) !important;
  font-family: "Josefin Sans", ui-sans-serif, sans-serif !important;
  letter-spacing: .18em !important;
  text-transform: uppercase !important;
}

html body td,
html body .leg-row {
  border-color: rgba(29,23,18,.28) !important;
  color: var(--deco-ink) !important;
}

html body tr:nth-child(even) td,
html body .leg-row:nth-child(even) {
  background: rgba(29,23,18,.055) !important;
}

html body .series-sparkline,
html body canvas {
  filter: sepia(.18) saturate(.82) contrast(1.02) !important;
}

html body .ticket-backdrop,
html body .trade-ticket-backdrop {
  background: rgba(5,5,6,.72) !important;
  backdrop-filter: none !important;
  -webkit-backdrop-filter: none !important;
}

html body .footer,
html body footer {
  border-top: 2px solid rgba(248,237,207,.32) !important;
}

html body .footer-text,
html body footer,
html body footer * {
  color: rgba(248,237,207,.78) !important;
  font-family: "Josefin Sans", ui-sans-serif, sans-serif !important;
  letter-spacing: .10em !important;
}

html body.market-backdrop-ready .key-gate,
html body.market-backdrop-ready .key-bar,
html body.market-backdrop-ready .api-key-bar,
html body.market-backdrop-ready .session-bar,
html body.market-backdrop-ready .priority-queue-panel,
html body.market-backdrop-ready .priority-queue-feature,
html body.market-backdrop-ready .priority-row {
  border: 1px solid var(--deco-line-strong) !important;
  border-radius: 0 !important;
  background:
    linear-gradient(180deg, rgba(255,249,227,.97), rgba(240,223,187,.92)),
    var(--deco-grain) !important;
  color: var(--deco-ink) !important;
  box-shadow: 7px 7px 0 rgba(29,23,18,.20) !important;
  text-shadow: none !important;
}

html body.market-backdrop-ready .key-bar *,
html body.market-backdrop-ready .key-gate *,
html body.market-backdrop-ready .api-key-bar *,
html body.market-backdrop-ready .session-bar *,
html body.market-backdrop-ready .priority-queue-panel * {
  color: var(--deco-ink) !important;
  text-shadow: none !important;
}

html body.market-backdrop-ready .key-change,
html body.market-backdrop-ready .key-btn,
html body.market-backdrop-ready .priority-queue-chip {
  border: 2px solid var(--deco-ink) !important;
  border-radius: 0 !important;
  background:
    linear-gradient(180deg, var(--deco-teal), var(--deco-teal-2)),
    var(--deco-grain) !important;
  color: var(--deco-paper-hi) !important;
  box-shadow: 4px 4px 0 rgba(29,23,18,.26) !important;
}

html body.market-backdrop-ready .key-change *,
html body.market-backdrop-ready .key-btn *,
html body.market-backdrop-ready .priority-queue-chip * {
  color: var(--deco-paper-hi) !important;
}

html body.market-backdrop-ready .filter-row,
html body.market-backdrop-ready .filter-group,
html body .filter-row,
html body .filter-group {
  background: transparent !important;
  border: 0 !important;
  box-shadow: none !important;
  color: var(--deco-ink) !important;
}

html body.market-backdrop-ready .filter-label,
html body .filter-label {
  color: var(--deco-ink) !important;
}

html body.market-backdrop-ready .filter-label,
html body .filter-label {
  display: inline-block !important;
  width: max-content !important;
  max-width: 100% !important;
  padding: 5px 9px 3px !important;
  border: 2px solid var(--deco-ink) !important;
  border-radius: 0 !important;
  background:
    linear-gradient(180deg, var(--deco-teal), var(--deco-teal-2)),
    var(--deco-grain) !important;
  color: var(--deco-paper-hi) !important;
  box-shadow: 4px 4px 0 rgba(29,23,18,.22) !important;
}

html body.market-backdrop-ready .filter-select,
html body.market-backdrop-ready .filter-input,
html body.market-backdrop-ready .filter-date-inputs input[type="date"],
html body .filter-select,
html body .filter-input,
html body .filter-date-inputs input[type="date"] {
  border: 2px solid var(--deco-ink) !important;
  border-radius: 0 !important;
  background:
    linear-gradient(180deg, rgba(255,249,227,.98), rgba(238,219,182,.95)),
    var(--deco-grain) !important;
  color: var(--deco-ink) !important;
  box-shadow: inset 3px 3px 0 rgba(29,23,18,.10) !important;
  color-scheme: light !important;
}

html body .strategy-guide,
html body .card,
html body .pick-card,
html body .alert-card,
html body .trade-card,
html body .series-card,
html body .stat-card,
html body .watch-card,
html body .leaderboard-card,
html body .chart-container,
html body .table-wrap,
html body .filter-panel,
html body .settings-panel,
html body .disclosure-card,
html body .login-card,
html body .trade-rec,
html body .modal-content,
html body .trade-ticket-modal,
html body .ticket-modal,
html body .income-card,
html body .income-state,
html body .day-card,
html body .desk-card,
html body .otm-card,
html body .about-hero,
html body .about-grid article,
html body .session-cell,
html body .setup,
html body .metric,
html body .ticket-result,
html body .danger-note,
html body .filter-row,
html body .filter-group {
  position: relative !important;
}

html body .strategy-guide::before,
html body .card::before,
html body .pick-card::before,
html body .alert-card::before,
html body .trade-card::before,
html body .series-card::before,
html body .stat-card::before,
html body .watch-card::before,
html body .leaderboard-card::before,
html body .chart-container::before,
html body .table-wrap::before,
html body .filter-panel::before,
html body .settings-panel::before,
html body .disclosure-card::before,
html body .login-card::before,
html body .trade-rec::before,
html body .modal-content::before,
html body .trade-ticket-modal::before,
html body .ticket-modal::before,
html body .income-card::before,
html body .income-state::before,
html body .day-card::before,
html body .desk-card::before,
html body .otm-card::before,
html body .about-hero::before,
html body .about-grid article::before {
  content: "" !important;
  position: absolute !important;
  inset: 0 !important;
  z-index: 0 !important;
  pointer-events: none !important;
  background: var(--deco-grain) !important;
  opacity: .58 !important;
  mix-blend-mode: multiply !important;
}

html body .strategy-guide::after,
html body .card::after,
html body .pick-card::after,
html body .alert-card::after,
html body .trade-card::after,
html body .series-card::after,
html body .stat-card::after,
html body .watch-card::after,
html body .leaderboard-card::after,
html body .chart-container::after,
html body .table-wrap::after,
html body .filter-panel::after,
html body .settings-panel::after,
html body .disclosure-card::after,
html body .login-card::after,
html body .trade-rec::after,
html body .modal-content::after,
html body .trade-ticket-modal::after,
html body .ticket-modal::after,
html body .income-card::after,
html body .income-state::after,
html body .day-card::after,
html body .desk-card::after,
html body .otm-card::after,
html body .about-hero::after,
html body .about-grid article::after {
  content: none !important;
  display: none !important;
}

html body .strategy-guide > *,
html body .card > *,
html body .pick-card > *,
html body .alert-card > *,
html body .trade-card > *,
html body .series-card > *,
html body .stat-card > *,
html body .watch-card > *,
html body .leaderboard-card > *,
html body .chart-container > *,
html body .table-wrap > *,
html body .filter-panel > *,
html body .settings-panel > *,
html body .disclosure-card > *,
html body .login-card > *,
html body .trade-rec > *,
html body .modal-content > *,
html body .trade-ticket-modal > *,
html body .ticket-modal > *,
html body .income-card > *,
html body .income-state > *,
html body .day-card > *,
html body .desk-card > *,
html body .otm-card > *,
html body .about-hero > *,
html body .about-grid article > * {
  position: relative !important;
  z-index: 1 !important;
}

html body.market-backdrop-ready .strategy-guide::before,
html body.market-backdrop-ready .card::before,
html body.market-backdrop-ready .pick-card::before,
html body.market-backdrop-ready .alert-card::before,
html body.market-backdrop-ready .trade-card::before,
html body.market-backdrop-ready .series-card::before,
html body.market-backdrop-ready .stat-card::before,
html body.market-backdrop-ready .watch-card::before,
html body.market-backdrop-ready .leaderboard-card::before,
html body.market-backdrop-ready .chart-container::before,
html body.market-backdrop-ready .table-wrap::before,
html body.market-backdrop-ready .filter-panel::before,
html body.market-backdrop-ready .settings-panel::before,
html body.market-backdrop-ready .disclosure-card::before,
html body.market-backdrop-ready .login-card::before,
html body.market-backdrop-ready .trade-rec::before,
html body.market-backdrop-ready .modal-content::before,
html body.market-backdrop-ready .trade-ticket-modal::before,
html body.market-backdrop-ready .ticket-modal::before,
html body.market-backdrop-ready .income-card::before,
html body.market-backdrop-ready .income-state::before,
html body.market-backdrop-ready .day-card::before,
html body.market-backdrop-ready .desk-card::before,
html body.market-backdrop-ready .otm-card::before,
html body.market-backdrop-ready .about-hero::before,
html body.market-backdrop-ready .about-grid article::before {
  content: "" !important;
  position: absolute !important;
  inset: 0 !important;
  z-index: 0 !important;
  pointer-events: none !important;
  background: var(--deco-grain) !important;
  opacity: .50 !important;
  mix-blend-mode: multiply !important;
}

html body.market-backdrop-ready .strategy-guide::after,
html body.market-backdrop-ready .card::after,
html body.market-backdrop-ready .pick-card::after,
html body.market-backdrop-ready .alert-card::after,
html body.market-backdrop-ready .trade-card::after,
html body.market-backdrop-ready .series-card::after,
html body.market-backdrop-ready .stat-card::after,
html body.market-backdrop-ready .watch-card::after,
html body.market-backdrop-ready .leaderboard-card::after,
html body.market-backdrop-ready .chart-container::after,
html body.market-backdrop-ready .table-wrap::after,
html body.market-backdrop-ready .filter-panel::after,
html body.market-backdrop-ready .settings-panel::after,
html body.market-backdrop-ready .disclosure-card::after,
html body.market-backdrop-ready .login-card::after,
html body.market-backdrop-ready .trade-rec::after,
html body.market-backdrop-ready .modal-content::after,
html body.market-backdrop-ready .trade-ticket-modal::after,
html body.market-backdrop-ready .ticket-modal::after,
html body.market-backdrop-ready .income-card::after,
html body.market-backdrop-ready .income-state::after,
html body.market-backdrop-ready .day-card::after,
html body.market-backdrop-ready .desk-card::after,
html body.market-backdrop-ready .otm-card::after,
html body.market-backdrop-ready .about-hero::after,
html body.market-backdrop-ready .about-grid article::after {
  content: none !important;
  display: none !important;
}

/* Fine-rule polish.
   Earlier Art Deco passes used heavy ink borders to overpower old dark styles.
   This final layer keeps the poster system but replaces those blunt black bands
   with lighter print rules, slimmer dividers, and softer shadows. */
html body {
  --deco-line: rgba(91, 67, 45, .40);
  --deco-line-strong: rgba(91, 67, 45, .58);
  --deco-line-soft: rgba(91, 67, 45, .20);
  --deco-paper-shadow: rgba(91, 67, 45, .12);
  --deco-panel-shadow: rgba(91, 67, 45, .16);
}

html body header,
html body.market-backdrop-ready header {
  border: 2px solid var(--deco-line-strong) !important;
  outline: 1px solid rgba(255, 249, 227, .45) !important;
  outline-offset: -10px !important;
  box-shadow:
    inset 0 0 0 1px rgba(248,237,207,.30),
    inset 0 0 0 8px rgba(91,67,45,.08),
    7px 7px 0 var(--deco-paper-shadow) !important;
}

html body header::after,
html body.market-backdrop-ready header::after {
  inset: 15px !important;
  border: 1px solid rgba(248,237,207,.58) !important;
  border-top-width: 2px !important;
  border-bottom-width: 2px !important;
  box-shadow: inset 0 0 0 1px rgba(91,67,45,.34) !important;
}

html body header .brand-icon,
html body.market-backdrop-ready header .brand-icon,
html body .brand-icon,
html body [class*="brand-icon"] {
  box-shadow:
    6px 6px 0 rgba(91,67,45,.16),
    0 0 0 1px rgba(248,237,207,.20) !important;
}

html body header .status-item,
html body.market-backdrop-ready header .status-item,
html body.market-backdrop-ready .status-item,
html body.market-backdrop-ready .status-pill,
html body.market-backdrop-ready .source-badge,
html body.market-backdrop-ready .strength-badge,
html body.market-backdrop-ready .iv-source,
html body .badge,
html body .strength-badge,
html body .status-pill,
html body .iv-source,
html body .execution-notice-title {
  border: 1px solid var(--deco-line-strong) !important;
  box-shadow: 2px 2px 0 rgba(91,67,45,.14) !important;
}

html body .page-nav,
html body.market-backdrop-ready .page-nav,
html body .page-nav.strategy-nav-compact,
html body.market-backdrop-ready .page-nav.strategy-nav-compact {
  border-top: 1px solid rgba(248,237,207,.56) !important;
  border-bottom: 1px solid var(--deco-line-strong) !important;
  border-left: 0 !important;
  border-right: 0 !important;
  box-shadow:
    inset 0 0 0 1px rgba(248,237,207,.12),
    0 4px 0 rgba(91,67,45,.10) !important;
}

html body .nav-tab,
html body.market-backdrop-ready .nav-tab,
html body .strategy-link,
html body.market-backdrop-ready .strategy-link,
html body .page-nav.strategy-nav-compact .nav-tab,
html body.market-backdrop-ready .page-nav.strategy-nav-compact .nav-tab {
  border: 1px solid rgba(248,237,207,.52) !important;
  box-shadow: 2px 2px 0 rgba(91,67,45,.10) !important;
}

html body .nav-tab.active,
html body.market-backdrop-ready .nav-tab.active,
html body .strategy-link.active,
html body.market-backdrop-ready .strategy-link.active,
html body .nav-tab:hover,
html body.market-backdrop-ready .nav-tab:hover,
html body .strategy-link:hover,
html body.market-backdrop-ready .strategy-link:hover {
  border-color: var(--deco-line-strong) !important;
  box-shadow: 2px 2px 0 rgba(91,67,45,.14) !important;
}

html body .page-title::after,
html body .strategy-headline::after,
html body .login-title::after,
html body .about-hero h1::after,
html body .disclosure-hero h1::after,
html body main h1::after,
html body section h1::after,
html body.market-backdrop-ready .page-title::after,
html body.market-backdrop-ready .strategy-headline::after,
html body.market-backdrop-ready .login-title::after,
html body.market-backdrop-ready .about-hero h1::after,
html body.market-backdrop-ready .disclosure-hero h1::after,
html body.market-backdrop-ready main h1::after,
html body.market-backdrop-ready section h1::after {
  height: 4px !important;
  background:
    linear-gradient(90deg, var(--deco-coral) 0 30%, transparent 30% 36%, var(--deco-teal) 36% 70%, transparent 70% 76%, var(--deco-ochre) 76% 100%) !important;
}

html body .strategy-guide,
html body .page-header,
html body .command-title-repair,
html body .card,
html body [class*="-card"],
html body [class*="-panel"],
html body .series-card,
html body .chart-container,
html body .chart-card,
html body .data-card,
html body .data-panel,
html body .filter-panel,
html body .stat-card,
html body .stats-row,
html body .table-wrap,
html body .table-card,
html body .watch-card,
html body .leaderboard-card,
html body .earnings-card,
html body .scan-card,
html body .signal-card,
html body .news-card,
html body .key-gate,
html body .key-bar,
html body .pick-card,
html body .alert-card,
html body .trade-rec,
html body .sell-window,
html body .narrative,
html body .session-cell,
html body .day-card,
html body .otm-card,
html body .desk-card,
html body .model-stat,
html body .model-note,
html body .income-state,
html body .income-card,
html body .income-thesis,
html body .execution-notice,
html body .institutional-panel,
html body .state,
html body .state-msg,
html body .state-message,
html body .empty,
html body .loading,
html body .skeleton,
html body .disclosure-hero,
html body .disclosure-card,
html body .ticket-modal,
html body .trade-ticket-modal,
html body .profit-timeline-modal,
html body .ticket-result,
html body .trade-ticket-result,
html body .danger-note,
html body .vol-card,
html body .macro-card,
html body .settings-card,
html body .settings-panel,
html body.market-backdrop-ready .strategy-guide,
html body.market-backdrop-ready [class*="-card"],
html body.market-backdrop-ready [class*="-panel"],
html body.market-backdrop-ready .state,
html body.market-backdrop-ready .metric,
html body.market-backdrop-ready .table-wrap,
html body.market-backdrop-ready .chart-container,
html body.market-backdrop-ready .key-gate,
html body.market-backdrop-ready .key-bar,
html body.market-backdrop-ready .api-key-bar,
html body.market-backdrop-ready .session-bar,
html body.market-backdrop-ready .priority-queue-panel,
html body.market-backdrop-ready .priority-queue-feature,
html body.market-backdrop-ready .priority-row {
  border: 1px solid var(--deco-line-strong) !important;
  outline: 1px solid rgba(248,237,207,.48) !important;
  outline-offset: -7px !important;
  box-shadow:
    inset 0 0 0 1px rgba(248,237,207,.30),
    5px 5px 0 var(--deco-paper-shadow) !important;
}

html body .card::before,
html body .alert-card::before,
html body .rec-card::before,
html body .income-card::before,
html body .strategy-guide::before,
html body .page-header::before,
html body .chart-container::before,
html body .trade-ticket-modal::before {
  inset: 7px !important;
  border: 1px solid var(--deco-line-soft) !important;
}

html body .card::after,
html body .alert-card::after,
html body .rec-card::after,
html body .income-card::after,
html body .strategy-guide::after,
html body .page-header::after,
html body .chart-container::after,
html body .trade-ticket-modal::after,
html body.market-backdrop-ready .strategy-guide::before,
html body.market-backdrop-ready .login-card::before,
html body.market-backdrop-ready .chart-container::before,
html body.market-backdrop-ready .card::before,
html body.market-backdrop-ready .panel::before,
html body.market-backdrop-ready .trade-rec::before,
html body.market-backdrop-ready .priority-queue-panel::before,
html body.market-backdrop-ready .pick-card::before {
  height: 4px !important;
  margin: 0 0 12px !important;
  background:
    linear-gradient(90deg, var(--deco-coral) 0 18%, transparent 18% 25%, var(--deco-teal) 25% 62%, transparent 62% 69%, var(--deco-ochre) 69% 100%) !important;
  opacity: .74 !important;
}

html body .stat-card,
html body .institutional-cell,
html body .trade-ticket-field,
html body .income-metric,
html body .metric,
html body .setup,
html body .gate,
html body .ticket-field,
html body .strategy-cell,
html body .strategy-backtest-grid div,
html body .radar-cell,
html body .cluster-tag,
html body .score-part,
html body .quote-strip span,
html body .preview-status,
html body .income-metric,
html body.market-backdrop-ready .score-part,
html body.market-backdrop-ready .cluster-tag,
html body.market-backdrop-ready .greeks-row,
html body.market-backdrop-ready .sell-window,
html body.market-backdrop-ready .broker-review,
html body.market-backdrop-ready .tradier-preview-result,
html body.market-backdrop-ready .trade-ticket-warning {
  border: 1px solid var(--deco-line) !important;
  outline: 0 !important;
  box-shadow: inset 0 0 0 1px rgba(255,249,227,.34) !important;
}

html body .strategy-cell-label,
html body .metric-label,
html body .ticket-label,
html body .trade-ticket-label,
html body .model-stat-label,
html body .income-metric-label,
html body .institutional-label,
html body .filter-label,
html body .eyebrow,
html body .status-pill,
html body.market-backdrop-ready .strategy-kicker,
html body.market-backdrop-ready .strategy-cell-label,
html body.market-backdrop-ready .stat-label,
html body.market-backdrop-ready .stat-lbl,
html body.market-backdrop-ready .field-key,
html body.market-backdrop-ready .trade-label,
html body.market-backdrop-ready .trade-ticket-label,
html body.market-backdrop-ready .model-stat-label,
html body.market-backdrop-ready .income-metric-label,
html body.market-backdrop-ready .range-label,
html body.market-backdrop-ready .label,
html body.market-backdrop-ready label {
  border: 1px solid rgba(248,237,207,.45) !important;
  box-shadow: 2px 2px 0 rgba(91,67,45,.10) !important;
}

html body .control-btn,
html body .action-link,
html body .broker-review-btn,
html body .broker-review-link,
html body .income-btn,
html body .income-control,
html body .trade-ticket-action,
html body .ticket-close,
html body .trade-ticket-close,
html body .ticket-actions button,
html body .trade-ticket-actions button,
html body button,
html body input[type="button"],
html body input[type="submit"],
html body.market-backdrop-ready .key-btn,
html body.market-backdrop-ready .narrative-toggle,
html body.market-backdrop-ready .broker-review-btn,
html body.market-backdrop-ready .trade-ticket-action,
html body.market-backdrop-ready .profit-timeline-btn,
html body.market-backdrop-ready button:not(.modal-close) {
  border: 1px solid var(--deco-line-strong) !important;
  box-shadow: 3px 3px 0 rgba(91,67,45,.14) !important;
}

html body input,
html body select,
html body textarea,
html body .ticket-copy,
html body .trade-ticket-copy,
html body .filter-select,
html body .filter-input,
html body .filter-date-inputs input[type="date"],
html body.market-backdrop-ready input,
html body.market-backdrop-ready select,
html body.market-backdrop-ready textarea,
html body.market-backdrop-ready .input,
html body.market-backdrop-ready .filter-input,
html body.market-backdrop-ready .key-input,
html body.market-backdrop-ready .filter-select,
html body.market-backdrop-ready .filter-date-inputs input[type="date"] {
  border: 1px solid var(--deco-line-strong) !important;
  box-shadow: inset 2px 2px 0 rgba(91,67,45,.07) !important;
}

html body table,
html body .data-table,
html body .leg-table,
html body .table-wrap {
  border: 1px solid var(--deco-line-strong) !important;
  box-shadow: 4px 4px 0 rgba(91,67,45,.10) !important;
}

html body th,
html body .leg-head,
html body .chart-header,
html body .trade-ticket-head,
html body .ticket-head {
  border-bottom: 1px solid var(--deco-line-strong) !important;
}

html body td,
html body .leg-row {
  border-color: var(--deco-line-soft) !important;
}

html body .broker-review,
html body .trade-ticket-actions,
html body .profit-scenario-bar {
  border-top: 1px solid var(--deco-line) !important;
}

html body hr,
html body .divider,
html body .section-divider {
  height: 5px !important;
  background:
    linear-gradient(var(--deco-line-strong), var(--deco-line-strong)) center / 100% 1px no-repeat,
    repeating-linear-gradient(90deg, var(--deco-coral) 0 10px, transparent 10px 16px, var(--deco-ochre) 16px 24px, transparent 24px 32px) !important;
}

html body ::-webkit-scrollbar-track {
  border: 1px solid var(--deco-line-soft) !important;
}

html body ::-webkit-scrollbar-thumb {
  border: 1px solid var(--deco-line-strong) !important;
}

html body .ticker-link,
html body .ticker-sym,
html body .ticker,
html body .income-ticker,
html body.market-backdrop-ready .ticker-sym,
html body.market-backdrop-ready .ticker-link,
html body.market-backdrop-ready .income-ticker,
html body.market-backdrop-ready .ticker {
  border-bottom: 1px solid var(--deco-line-strong) !important;
}

html body .chart-body,
html body.market-backdrop-ready .chart-body,
html body canvas,
html body .trend-chart-body,
html body #tv-container {
  border: 1px solid var(--deco-line) !important;
  box-shadow: inset 0 0 0 1px rgba(255,249,227,.24) !important;
}

html body .stats-row .stat-card,
html body.market-backdrop-ready .stats-row .stat-card,
html body .trade-grid > *,
html body .fields-grid > *,
html body .income-metrics > *,
html body .model-panel > *,
html body .profit-summary-grid > *,
html body .trade-ticket-grid > *,
html body .cards-grid > *,
html body .alerts-grid > *,
html body .recs-grid > *,
html body .institutional-cell,
html body .trade-ticket-field,
html body .ticket-field,
html body .income-metric,
html body .metric,
html body .session-cell,
html body .score-part,
html body .quote-strip span,
html body .priority-queue-chip,
html body .filter-group,
html body .filter-row,
html body.market-backdrop-ready .institutional-cell,
html body.market-backdrop-ready .trade-ticket-field,
html body.market-backdrop-ready .ticket-field,
html body.market-backdrop-ready .income-metric,
html body.market-backdrop-ready .metric,
html body.market-backdrop-ready .session-cell,
html body.market-backdrop-ready .score-part,
html body.market-backdrop-ready .quote-strip span,
html body.market-backdrop-ready .priority-queue-chip,
html body.market-backdrop-ready .filter-group,
html body.market-backdrop-ready .filter-row {
  border: 1px solid var(--deco-line-soft) !important;
  outline: 0 !important;
  box-shadow: none !important;
}

html body .stats-row,
html body.market-backdrop-ready .stats-row,
html body .trade-grid,
html body .fields-grid,
html body .income-metrics,
html body .model-panel,
html body .profit-summary-grid,
html body .trade-ticket-grid,
html body .cards-grid,
html body .alerts-grid,
html body .recs-grid {
  gap: clamp(8px, 1.2vw, 14px) !important;
  background: transparent !important;
  box-shadow: none !important;
}

html body .pick-card.critical,
html body .pick-card.high,
html body .pick-card.medium,
html body.market-backdrop-ready .pick-card.critical,
html body.market-backdrop-ready .pick-card.high,
html body.market-backdrop-ready .pick-card.medium {
  border-left-width: 2px !important;
}

html body .priority-queue-panel,
html body.market-backdrop-ready .priority-queue-panel {
  border: 1px solid var(--deco-line-strong) !important;
  background:
    linear-gradient(180deg, rgba(255,249,227,.98), rgba(240,223,187,.92)),
    var(--deco-grain) !important;
  color: var(--deco-ink) !important;
  box-shadow:
    inset 0 0 0 1px rgba(248,237,207,.34),
    4px 4px 0 rgba(91,67,45,.12) !important;
}

html body .priority-queue-head,
html body.market-backdrop-ready .priority-queue-head {
  display: flex !important;
  align-items: flex-start !important;
  justify-content: space-between !important;
  gap: 12px !important;
  margin-bottom: 10px !important;
}

html body .priority-queue-feature,
html body.market-backdrop-ready .priority-queue-feature {
  display: flex !important;
  align-items: stretch !important;
  justify-content: space-between !important;
  gap: 14px !important;
  padding: 13px !important;
  margin: 10px 0 !important;
  text-decoration: none !important;
}

html body .priority-queue-feature,
html body.market-backdrop-ready .priority-queue-feature,
html body .priority-row,
html body.market-backdrop-ready .priority-row {
  border: 1px solid var(--deco-line-soft) !important;
  background:
    linear-gradient(180deg, rgba(255,249,227,.78), rgba(232,183,91,.12)),
    var(--deco-grain) !important;
  color: var(--deco-ink) !important;
  box-shadow: none !important;
}

html body .priority-queue-list,
html body.market-backdrop-ready .priority-queue-list {
  display: grid !important;
  gap: 6px !important;
}

html body .priority-row,
html body.market-backdrop-ready .priority-row {
  display: grid !important;
  grid-template-columns: 34px minmax(88px, 1fr) 70px 72px 72px minmax(90px, 1.2fr) !important;
  align-items: center !important;
  gap: 8px !important;
  min-width: 0 !important;
  padding: 7px 9px !important;
  font-family: "Josefin Sans", ui-sans-serif, sans-serif !important;
  font-size: 10px !important;
  letter-spacing: .08em !important;
  line-height: 1.22 !important;
  text-transform: uppercase !important;
  text-decoration: none !important;
}

html body .priority-feature-score,
html body.market-backdrop-ready .priority-feature-score {
  flex: 0 0 100px !important;
  display: grid !important;
  place-items: center !important;
  align-content: center !important;
  min-width: 100px !important;
  padding-left: 12px !important;
  text-align: center !important;
  border: 0 !important;
  border-left: 1px solid var(--deco-line-soft) !important;
  background: transparent !important;
  box-shadow: none !important;
  color: var(--deco-ink) !important;
}

html body .priority-queue-chip,
html body.market-backdrop-ready .priority-queue-chip {
  display: inline-flex !important;
  align-items: center !important;
  justify-content: center !important;
  border: 1px solid var(--deco-line-strong) !important;
  background:
    linear-gradient(180deg, var(--deco-ochre), rgba(232,183,91,.64)),
    var(--deco-grain) !important;
  color: var(--deco-ink) !important;
  box-shadow: 2px 2px 0 rgba(91,67,45,.12) !important;
}

html body .priority-feature-ticker,
html body .priority-rank,
html body .priority-page,
html body .priority-feature-ticket,
html body .priority-feature-reason,
html body .priority-feature-score strong,
html body .priority-feature-score span,
html body.market-backdrop-ready .priority-feature-ticker,
html body.market-backdrop-ready .priority-rank,
html body.market-backdrop-ready .priority-page,
html body.market-backdrop-ready .priority-feature-ticket,
html body.market-backdrop-ready .priority-feature-reason,
html body.market-backdrop-ready .priority-feature-score strong,
html body.market-backdrop-ready .priority-feature-score span {
  text-shadow: none !important;
  background: transparent !important;
}

html body .priority-feature-ticket,
html body.market-backdrop-ready .priority-feature-ticket,
html body .priority-feature-score strong,
html body.market-backdrop-ready .priority-feature-score strong {
  color: var(--deco-teal) !important;
}

html body .priority-feature-ticket,
html body.market-backdrop-ready .priority-feature-ticket {
  display: block !important;
  width: auto !important;
  max-width: 100% !important;
  padding: 0 !important;
  border: 0 !important;
  outline: 0 !important;
  background: transparent !important;
  box-shadow: none !important;
}

html body .priority-feature-score span,
html body.market-backdrop-ready .priority-feature-score span {
  white-space: nowrap !important;
  letter-spacing: .08em !important;
  font-size: 8px !important;
}

@media (max-width: 760px) {
  html body .priority-queue-head,
  html body .priority-queue-feature,
  html body.market-backdrop-ready .priority-queue-head,
  html body.market-backdrop-ready .priority-queue-feature {
    flex-direction: column !important;
  }

  html body .priority-feature-score,
  html body.market-backdrop-ready .priority-feature-score {
    width: 100% !important;
    min-width: 0 !important;
    border-left: 0 !important;
    border-top: 1px solid var(--deco-line-soft) !important;
    padding: 10px 0 0 !important;
  }

  html body .priority-row,
  html body.market-backdrop-ready .priority-row {
    grid-template-columns: 30px 1fr 58px !important;
    gap: 6px !important;
  }

  html body .priority-row .priority-page,
  html body .priority-row span:nth-last-child(-n+2),
  html body.market-backdrop-ready .priority-row .priority-page,
  html body.market-backdrop-ready .priority-row span:nth-last-child(-n+2) {
    display: none !important;
  }
}

/* Mobile visual correction pass.
   The site now has one mobile contract: centered Art Deco masthead, no
   viewport-wide leftovers from older skins, readable cards, and wrapped data. */
@media (max-width: 760px) {
  html,
  body {
    width: 100% !important;
    max-width: 100% !important;
    overflow-x: clip !important;
  }

  body {
    --deco-banner-repeat:
      radial-gradient(circle at 50% 49%, rgba(232,183,91,.82) 0 15px, transparent 16px) center top / 122px 82px repeat,
      radial-gradient(circle at 50% 49%, transparent 0 22px, rgba(248,237,207,.42) 23px 25px, transparent 26px) center top / 122px 82px repeat,
      radial-gradient(ellipse at 50% 49%, transparent 0 30px, rgba(224,90,54,.40) 31px 33px, transparent 34px) center top / 122px 82px repeat,
      linear-gradient(90deg, transparent 0 57px, rgba(248,237,207,.18) 57px 59px, transparent 59px 122px) center top / 122px 82px repeat,
      linear-gradient(180deg, transparent 0 39px, rgba(29,23,18,.17) 39px 41px, transparent 41px 82px) center top / 122px 82px repeat,
      linear-gradient(180deg, #0f6d76 0%, #0b5b66 58%, #082d35 100%) !important;
  }

  html body #app,
  html body.market-backdrop-ready #app {
    width: 100% !important;
    max-width: 100% !important;
    min-width: 0 !important;
    padding: 0 12px 48px !important;
    overflow-x: clip !important;
  }

  html body #app > *,
  html body main,
  html body section,
  html body article,
  html body .page-header,
  html body .strategy-guide,
  html body .filter-panel,
  html body .chart-container,
  html body .table-wrap,
  html body .card,
  html body [class*="-card"],
  html body [class*="-panel"] {
    max-width: 100% !important;
    min-width: 0 !important;
    box-sizing: border-box !important;
  }

  html body header,
  html body.market-backdrop-ready header,
  html[data-page-key="index"] body header,
  html[data-page-key="index"] body.market-backdrop-ready header {
    width: 100% !important;
    min-height: clamp(206px, 58vw, 250px) !important;
    margin: 10px auto 18px !important;
    padding: 18px 12px 62px !important;
    align-items: center !important;
    justify-content: center !important;
    gap: 8px !important;
    border-width: 1px !important;
    outline-offset: -8px !important;
    box-shadow:
      inset 0 0 0 1px rgba(248,237,207,.30),
      inset 0 0 0 7px rgba(91,67,45,.07) !important;
  }

  html body header::after,
  html body.market-backdrop-ready header::after {
    inset: 9px !important;
    border-width: 1px !important;
    box-shadow: inset 0 0 0 1px rgba(91,67,45,.28) !important;
  }

  html body header .brand,
  html body.market-backdrop-ready header .brand {
    width: 100% !important;
    max-width: 100% !important;
    justify-content: center !important;
  }

  html body header .brand-icon,
  html body.market-backdrop-ready header .brand-icon,
  html[data-page-key="index"] body header .brand-icon,
  html[data-page-key="index"] body.market-backdrop-ready header .brand-icon {
    width: min(86vw, 350px) !important;
    height: calc(min(86vw, 350px) * .714) !important;
    max-width: min(86vw, 350px) !important;
    max-height: 250px !important;
    box-shadow: 4px 4px 0 rgba(91,67,45,.13) !important;
  }

  html body header .status-bar,
  html body.market-backdrop-ready header .status-bar {
    left: 50% !important;
    right: auto !important;
    bottom: 16px !important;
    width: calc(100% - 30px) !important;
    max-width: 360px !important;
    justify-content: center !important;
    gap: 6px !important;
    transform: translateX(-50%) !important;
  }

  html body header .status-item,
  html body.market-backdrop-ready header .status-item {
    min-height: 28px !important;
    max-width: 100% !important;
    padding: 7px 8px 5px !important;
    font-size: 8.5px !important;
    letter-spacing: .10em !important;
    white-space: normal !important;
    text-align: center !important;
  }

  html body .page-nav,
  html body.market-backdrop-ready .page-nav,
  html body .page-nav.strategy-nav-compact,
  html body.market-backdrop-ready .page-nav.strategy-nav-compact,
  html body .page-nav .strategy-nav-primary,
  html body.market-backdrop-ready .page-nav .strategy-nav-primary {
    display: grid !important;
    grid-template-columns: repeat(2, minmax(0, 1fr)) !important;
    justify-items: stretch !important;
    align-items: stretch !important;
    gap: 7px !important;
    width: 100% !important;
    max-width: 100% !important;
    margin: 0 auto 18px !important;
    padding: 10px 0 12px !important;
    overflow: visible !important;
    text-align: center !important;
  }

  html body .page-nav .strategy-nav-primary,
  html body.market-backdrop-ready .page-nav .strategy-nav-primary {
    display: contents !important;
  }

  html body .page-nav .nav-tab,
  html body.market-backdrop-ready .page-nav .nav-tab,
  html body .page-nav.strategy-nav-compact .nav-tab,
  html body.market-backdrop-ready .page-nav.strategy-nav-compact .nav-tab {
    width: 100% !important;
    max-width: 100% !important;
    min-width: 0 !important;
    min-height: 38px !important;
    padding: 9px 6px 6px !important;
    font-size: 8.5px !important;
    letter-spacing: .08em !important;
    line-height: 1.15 !important;
    white-space: normal !important;
    overflow-wrap: anywhere !important;
  }

  html body .page-nav .strategy-jump,
  html body.market-backdrop-ready .page-nav .strategy-jump {
    grid-column: 1 / -1 !important;
    width: 100% !important;
    max-width: 100% !important;
  }

  html body .page-nav .strategy-jump select,
  html body.market-backdrop-ready .page-nav .strategy-jump select {
    width: 100% !important;
    max-width: 100% !important;
  }

  html body .page-title,
  html body.market-backdrop-ready .page-title,
  html body .strategy-headline,
  html body.market-backdrop-ready .strategy-headline,
  html body .login-title,
  html body.market-backdrop-ready .login-title {
    max-width: 100% !important;
    font-size: clamp(28px, 10.5vw, 42px) !important;
    line-height: 1.02 !important;
    letter-spacing: .055em !important;
    overflow-wrap: normal !important;
    word-break: normal !important;
  }

  html body .page-subtitle,
  html body.market-backdrop-ready .page-subtitle,
  html body .strategy-copy,
  html body .strategy-cell,
  html body .strategy-cell-body,
  html body .strategy-backtest-note,
  html body .login-subtitle,
  html body.market-backdrop-ready .login-subtitle,
  html body .hint,
  html body .field-val,
  html body .trade-ticket-value,
  html body .ticket-value,
  html body .narrative,
  html body .sell-window,
  html body .execution-notice,
  html body .institutional-reason,
  html body .state-msg,
  html body .empty-state,
  html body p,
  html body li {
    max-width: 100% !important;
    overflow-wrap: anywhere !important;
    word-break: normal !important;
  }

  html body .strategy-guide,
  html body.market-backdrop-ready .strategy-guide,
  html body .page-header,
  html body.market-backdrop-ready .page-header {
    margin-left: 0 !important;
    margin-right: 0 !important;
    padding: 18px 14px !important;
  }

  html body .stats-row,
  html body.market-backdrop-ready .stats-row,
  html body .trade-fields,
  html body .trade-grid,
  html body .fields-grid,
  html body .metric-grid,
  html body .day-grid,
  html body .vol-grid,
  html body .picks-grid,
  html body .alerts-grid,
  html body .cards-grid,
  html body .recs-grid,
  html body .income-metrics,
  html body .model-panel,
  html body .session-strip,
  html body .score-breakdown,
  html body .institutional-grid,
  html body .profit-summary-grid,
  html body .profit-assumption-grid {
    display: grid !important;
    grid-template-columns: 1fr !important;
    width: 100% !important;
    min-width: 0 !important;
  }

  html body .card-head,
  html body .insider-row,
  html body .field-row,
  html body .section-header,
  html body .trade-ticket-actions,
  html body .broker-review,
  html body .actions,
  html body .quote-strip,
  html body .filter-row,
  html body .search-section,
  html body .range-row {
    max-width: 100% !important;
    min-width: 0 !important;
    flex-wrap: wrap !important;
  }

  html body .table-wrap,
  html body.market-backdrop-ready .table-wrap {
    width: 100% !important;
    max-width: 100% !important;
    overflow-x: auto !important;
    -webkit-overflow-scrolling: touch !important;
  }

  html body .login-shell,
  html body.market-backdrop-ready .login-shell {
    width: 100% !important;
    min-height: 100svh !important;
    padding: 18px 12px !important;
    display: grid !important;
    place-items: center !important;
    overflow-x: clip !important;
  }

  html body .login-card,
  html body.market-backdrop-ready .login-card {
    width: min(100%, 430px) !important;
    max-width: calc(100vw - 24px) !important;
    margin: 0 auto !important;
    padding: 20px 16px !important;
    box-sizing: border-box !important;
  }

  html body .login-card .brand,
  html body.market-backdrop-ready .login-card .brand {
    width: 100% !important;
    max-width: 100% !important;
    justify-content: center !important;
    margin: 0 0 18px !important;
  }

  html body .login-card .brand-icon,
  html body.market-backdrop-ready .login-card .brand-icon {
    width: min(70vw, 250px) !important;
    height: calc(min(70vw, 250px) * .714) !important;
    max-width: min(70vw, 250px) !important;
    max-height: 178px !important;
    margin: 0 auto !important;
    box-shadow: 4px 4px 0 rgba(91,67,45,.14) !important;
  }

  html body .login-card .brand > div:last-child,
  html body.market-backdrop-ready .login-card .brand > div:last-child {
    display: none !important;
  }

  html body .login-card .field,
  html body.market-backdrop-ready .login-card .field {
    width: 100% !important;
    max-width: 100% !important;
  }

  html body .login-card input,
  html body .login-card button,
  html body.market-backdrop-ready .login-card input,
  html body.market-backdrop-ready .login-card button {
    width: 100% !important;
    max-width: 100% !important;
    min-width: 0 !important;
  }
}

@media (max-width: 420px) {
  html body header,
  html body.market-backdrop-ready header,
  html[data-page-key="index"] body header,
  html[data-page-key="index"] body.market-backdrop-ready header {
    min-height: 226px !important;
    padding-bottom: 66px !important;
  }

  html body header .brand-icon,
  html body.market-backdrop-ready header .brand-icon,
  html[data-page-key="index"] body header .brand-icon,
  html[data-page-key="index"] body.market-backdrop-ready header .brand-icon {
    width: min(88vw, 336px) !important;
    height: calc(min(88vw, 336px) * .714) !important;
  }

  html body .login-card .brand-icon,
  html body.market-backdrop-ready .login-card .brand-icon {
    width: min(74vw, 246px) !important;
    height: calc(min(74vw, 246px) * .714) !important;
  }
}

/* Mobile nav wrapper repair.
   The outer nav is a single full-width rail; only the primary link group is a
   two-column grid. This prevents the link group from being squeezed into the
   left half of the rail by earlier high-specificity mobile rules. */
@media (max-width: 760px) {
  html body .page-nav,
  html body.market-backdrop-ready .page-nav,
  html body .page-nav.strategy-nav-compact,
  html body.market-backdrop-ready .page-nav.strategy-nav-compact {
    display: grid !important;
    grid-template-columns: 1fr !important;
    justify-items: stretch !important;
    align-items: stretch !important;
  }

  html body .page-nav .strategy-nav-primary,
  html body.market-backdrop-ready .page-nav .strategy-nav-primary,
  html body .page-nav.strategy-nav-compact .strategy-nav-primary,
  html body.market-backdrop-ready .page-nav.strategy-nav-compact .strategy-nav-primary {
    display: grid !important;
    grid-column: 1 / -1 !important;
    grid-template-columns: repeat(2, minmax(0, 1fr)) !important;
    width: 100% !important;
    max-width: 100% !important;
    justify-self: stretch !important;
    justify-items: stretch !important;
  }
}