/* =========================================================================
   SURVYR. / SYSTEMATIC SOLUTIONS — Solutions for Pioneer Financial
   - Locked V3/V4 Outfit 700 SURVYR. Logo with Baseline #38BDF8 Dot
   - Sharp, Architectural Institutional UI (4px-6px Corners — Zero Bubbly Pills)
   - Rich Mix of Cyans (#1595A3, #06B6D4, #0891B2) & Light Blues (#38BDF8, #0284C7) in Light Mode
   - Subtle Concentric-Arc + 45° Slash Background Light Graphic
   - Automatic Light Mode Default (#FFFFFF cards, #EFF6F8 canvas, #05181C ink)
   - Maximum Legibility Typography (22-24px Headlines, 17-18px Primary Line, 26-28px Payout)
   - Hard Invariants: Zero Orange, Zero Purple, Zero Fixed-Width Fonts, Zero Emojis
   ========================================================================= */

:root,
html[data-van-mode="light"] {
  --van-bg: #EFF6F8;
  --van-surface: #FFFFFF;
  --van-surface-2: #F4FAFC;
  --van-surface-3: #E6F6FA;
  --van-ink: #05181C;
  --van-ink-2: #0C313A;
  --van-muted: #345963;
  --van-border: #B8DCE4;
  --van-border-strong: #7CC2D1;
  --van-cyan: #06B6D4;
  --van-cyan-deep: #0891B2;
  --van-cyan-pioneer: #1595A3;
  --van-accent: #38BDF8;
  --van-accent-strong: #0284C7;
  --van-accent-soft: #E0F2FE;
  --van-cyan-tint: #ECFEFF;
  --van-warm-bg: linear-gradient(135deg, #ECFEFF 0%, #E0F2FE 100%);
  --van-warm-border: #67E8F9;
  --van-buy-bg: #ECFDF5;
  --van-buy-border: #6EE7B7;
  --van-buy-ink: #047857;
  --van-dump-bg: #FFF1F2;
  --van-dump-border: #FDA4AF;
  --van-dump-ink: #BE123C;
  --van-danger: #DC2626;
  --van-danger-bg: #FEF2F2;
  --van-shadow: 0 4px 16px rgba(6, 182, 212, 0.07), 0 2px 6px rgba(5, 24, 28, 0.04);
  --van-shadow-lg: 0 18px 42px rgba(5, 24, 28, 0.14);
}

html[data-van-mode="dark"] {
  --van-bg: #05181C;
  --van-surface: #0B272E;
  --van-surface-2: #0F323B;
  --van-surface-3: #15404B;
  --van-ink: #F8FAFC;
  --van-ink-2: #E2ECEF;
  --van-muted: #94BDC4;
  --van-border: #1E4C57;
  --van-border-strong: #2E6D7A;
  --van-cyan: #22D3EE;
  --van-cyan-deep: #06B6D4;
  --van-cyan-pioneer: #1595A3;
  --van-accent: #38BDF8;
  --van-accent-strong: #38BDF8;
  --van-accent-soft: rgba(56, 189, 248, 0.15);
  --van-cyan-tint: rgba(6, 182, 212, 0.12);
  --van-warm-bg: rgba(56, 189, 248, 0.12);
  --van-warm-border: rgba(56, 189, 248, 0.40);
  --van-buy-bg: rgba(16, 185, 129, 0.15);
  --van-buy-border: rgba(52, 211, 153, 0.45);
  --van-buy-ink: #6EE7B7;
  --van-dump-bg: rgba(225, 29, 72, 0.18);
  --van-dump-border: rgba(253, 164, 175, 0.48);
  --van-dump-ink: #FDA4AF;
  --van-danger: #F87171;
  --van-danger-bg: rgba(239, 68, 68, 0.16);
  --van-shadow: 0 10px 28px rgba(0, 0, 0, 0.42);
  --van-shadow-lg: 0 24px 56px rgba(0, 0, 0, 0.68);
}

/* Color Theme Palettes */
html[data-van-palette="c0_arq"] {
  --van-accent: #38BDF8;
  --van-accent-strong: #0284C7;
}
html[data-van-mode="dark"][data-van-palette="c0_arq"] {
  --van-accent: #38BDF8;
  --van-accent-strong: #38BDF8;
}
html[data-van-palette="c2_aqua"] {
  --van-accent: #06B6D4;
  --van-accent-strong: #0891B2;
}
html[data-van-mode="dark"][data-van-palette="c2_aqua"] {
  --van-accent: #67E8F9;
  --van-accent-strong: #67E8F9;
}
html[data-van-palette="c1_brass"] {
  --van-accent: #B8893A;
  --van-accent-strong: #966B22;
  --van-accent-soft: #FBF5E8;
  --van-warm-bg: #FBF5E8;
  --van-warm-border: #DFC082;
}
html[data-van-mode="dark"][data-van-palette="c1_brass"] {
  --van-accent: #D4AF6A;
  --van-accent-strong: #D4AF6A;
  --van-accent-soft: rgba(212, 175, 106, 0.16);
  --van-warm-bg: rgba(212, 175, 106, 0.14);
  --van-warm-border: rgba(212, 175, 106, 0.42);
}
html[data-van-palette="c4_stone"] {
  --van-accent: #1D6B73;
  --van-accent-strong: #135057;
}
html[data-van-mode="dark"][data-van-palette="c4_stone"] {
  --van-accent: #DFDCD2;
  --van-accent-strong: #DFDCD2;
}
html[data-van-palette="c5_emerald"] {
  --van-accent: #10B981;
  --van-accent-strong: #059669;
  --van-accent-soft: #ECFDF5;
  --van-warm-bg: #ECFDF5;
  --van-warm-border: #6EE7B7;
}
html[data-van-mode="dark"][data-van-palette="c5_emerald"] {
  --van-accent: #34D399;
  --van-accent-strong: #34D399;
  --van-accent-soft: rgba(52, 211, 153, 0.16);
  --van-warm-bg: rgba(52, 211, 153, 0.14);
  --van-warm-border: rgba(52, 211, 153, 0.42);
}

/* Extra-Large Text Size Mode (A+) */
html[data-van-scale="xl"] {
  font-size: 114%;
}
@media (min-width: 960px) {
  html[data-van-scale="xl"] body {
    zoom: 1.10;
  }
}

*, *::before, *::after {
  box-sizing: border-box;
  -webkit-font-smoothing: antialiased;
}

html, body {
  margin: 0;
  padding: 0;
  background: var(--van-bg);
  color: var(--van-ink);
  font-family: 'Inter', -apple-system, BlinkMacSystemFont, 'Segoe UI', sans-serif;
  font-size: 16.5px;
  line-height: 1.52;
}

.van-body {
  min-height: 100vh;
  padding-bottom: 98px;
  position: relative;
}

/* Concentric-Arc + 45° Slash Background Light Graphic on Page Canvas (Light Mode Rich Cyan + Light Blue Mix) */
.van-body::before {
  content: "";
  position: fixed;
  inset: 0;
  pointer-events: none;
  z-index: 0;
  background:
    radial-gradient(circle at 86% 8%, rgba(6, 182, 212, 0.16) 0%, rgba(56, 189, 248, 0.10) 28%, transparent 58%),
    radial-gradient(circle at 12% 88%, rgba(21, 149, 163, 0.11) 0%, rgba(2, 132, 199, 0.05) 38%, transparent 56%),
    repeating-radial-gradient(circle at 90% 6%, rgba(6, 182, 212, 0.065) 0px, rgba(6, 182, 212, 0.065) 1px, transparent 1px, transparent 34px),
    repeating-linear-gradient(-45deg, rgba(56, 189, 248, 0.04) 0px, rgba(56, 189, 248, 0.04) 1px, transparent 1px, transparent 18px);
}
html[data-van-mode="dark"] .van-body::before {
  background:
    radial-gradient(circle at 86% 8%, rgba(56, 189, 248, 0.10) 0%, transparent 55%),
    radial-gradient(circle at 12% 88%, rgba(18, 124, 140, 0.12) 0%, transparent 52%),
    repeating-linear-gradient(-45deg, rgba(56, 189, 248, 0.025) 0px, rgba(56, 189, 248, 0.025) 1px, transparent 1px, transparent 18px);
}

.van-sr-only {
  position: absolute;
  width: 1px;
  height: 1px;
  padding: 0;
  margin: -1px;
  overflow: hidden;
  clip: rect(0, 0, 0, 0);
  border: 0;
}

.is-hidden {
  display: none !important;
}

/* =========================================================================
   1. TOP HEADER + LOCKED V3/V4 OUTFIT 700 SURVYR. LOGO + BACKGROUND LIGHT GRAPHIC
   ========================================================================= */
.van-header {
  position: sticky;
  top: 0;
  z-index: 90;
  background: var(--van-surface);
  border-bottom: 2px solid var(--van-cyan);
  box-shadow: inset 0 -1px 0 var(--van-accent), 0 4px 18px rgba(6, 182, 212, 0.08);
  overflow: hidden;
}

.van-header-bg-graphic {
  position: absolute;
  inset: 0;
  pointer-events: none;
  z-index: 0;
  overflow: hidden;
}

.van-header-bg-svg {
  width: 100%;
  height: 100%;
  display: block;
}

.van-header-inner {
  position: relative;
  z-index: 1;
  max-width: 1480px;
  margin: 0 auto;
  padding: 12px 18px 12px;
}

.van-top-row1 {
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: 12px;
  flex-wrap: wrap;
}

.van-brand-col {
  display: inline-flex;
  flex-direction: column;
  align-items: flex-start;
  gap: 5px;
}

/* Locked V3/V4 Outfit 700 SURVYR. Wordmark with Baseline Circular Dot */
.van-brand-lockup {
  display: flex;
  align-items: center;
  text-decoration: none;
  padding: 1px 0;
}

.van-logo-word-wrap {
  font-family: 'Outfit', sans-serif;
  font-weight: 800 !important;
  font-size: 42px;
  letter-spacing: -0.015em;
  line-height: 1;
  display: flex;
  align-items: baseline;
}

.van-logo-survyr,
.van-wm-grad {
  font-family: 'Outfit', sans-serif;
  font-weight: 800 !important;
  font-size: 42px;
  letter-spacing: -0.015em;
  line-height: 1;
  background: linear-gradient(90deg, #05181C 0%, #05181C 15%, #165B6D 55%, #2B99B8 100%);
  -webkit-background-clip: text;
  -webkit-text-fill-color: transparent;
  background-clip: text;
}

html[data-van-mode="dark"] .van-logo-survyr,
html[data-van-mode="dark"] .van-wm-grad {
  background: linear-gradient(90deg, #F4F8F9 0%, #F4F8F9 15%, #67B7C9 55%, #38BDF8 100%);
  -webkit-background-clip: text;
  -webkit-text-fill-color: transparent;
  background-clip: text;
}

.van-logo-dot {
  display: inline-block;
  width: 9px;
  height: 9px;
  border-radius: 50%;
  background: #38BDF8;
  margin-left: 2px;
  transform: translateY(-1px);
  flex-shrink: 0;
}

.van-logo-slash {
  color: #38BDF8;
  font-family: 'Plus Jakarta Sans', sans-serif;
  font-weight: 400;
  font-size: 31px;
  line-height: 0.85;
}

.van-logo-stack {
  display: flex;
  flex-direction: column;
  font-family: 'Plus Jakarta Sans', sans-serif;
  font-weight: 800;
  font-size: 11px;
  letter-spacing: 0.17em;
  line-height: 1.22;
}

.van-sys-top {
  color: #05181C;
  text-transform: uppercase;
}

.van-sys-bot {
  color: #486A73;
  text-transform: uppercase;
}

html[data-van-mode="dark"] .van-sys-top {
  color: #F4F8F9;
}

html[data-van-mode="dark"] .van-sys-bot {
  color: #8CC2C4;
}

/* Single-Line Co-Brand Tucked Under SURVYR. (SOLUTIONS FOR [PF] PIONEER FINANCIAL) */
.van-built-for {
  margin-top: 6px;
  margin-left: 2px;
  display: flex;
  align-items: center;
  gap: 7px;
  white-space: nowrap;
  line-height: 1;
}

.van-built-for-label {
  font-family: 'Plus Jakarta Sans', sans-serif;
  font-size: 10.5px;
  font-weight: 700;
  letter-spacing: 0.14em;
  text-transform: uppercase;
  color: #52737C;
  cursor: pointer;
}

html[data-van-mode="dark"] .van-built-for-label {
  color: #8CC2C4;
}

.van-pf-icon {
  height: 16px;
  width: 16px;
  display: inline-block;
  vertical-align: middle;
  transform: translateY(-1px);
  flex-shrink: 0;
}

.van-pf-wordmark {
  font-family: 'Outfit', sans-serif;
  font-size: 12.5px;
  font-weight: 800;
  letter-spacing: 0.09em;
  text-transform: uppercase;
  color: #102169;
  white-space: nowrap;
  cursor: pointer;
}

html[data-van-mode="dark"] .van-pf-wordmark {
  color: #E2E8F0;
}

/* Right Header Controls — Sharp Architectural 5px Corners (No Bubbly Pills!) */
.van-header-controls {
  display: flex;
  align-items: center;
  gap: 7px;
  flex-wrap: wrap;
}

.van-csv-top-btn {
  height: 38px;
  padding: 0 13px;
  border-radius: 5px;
  border: 1.5px solid var(--van-cyan);
  background: var(--van-warm-bg);
  color: #0369A1;
  font-family: 'Plus Jakarta Sans', 'Inter', sans-serif;
  font-size: 13px;
  font-weight: 800;
  cursor: pointer;
  white-space: nowrap;
}
html[data-van-mode="dark"] .van-csv-top-btn {
  color: var(--van-accent);
  border-color: var(--van-accent);
}

.van-csv-top-btn:hover {
  background: linear-gradient(135deg, #0284C7 0%, #0891B2 55%, #06B6D4 100%);
  color: #FFFFFF;
}

.van-scale-btn {
  height: 38px;
  padding: 0 11px;
  border-radius: 5px;
  border: 1.5px solid var(--van-border-strong);
  background: var(--van-surface-2);
  color: var(--van-ink);
  font-family: 'Plus Jakarta Sans', 'Inter', sans-serif;
  font-size: 13px;
  font-weight: 800;
  cursor: pointer;
}

html[data-van-scale="xl"] .van-scale-btn {
  background: linear-gradient(135deg, #0284C7 0%, #06B6D4 100%);
  color: #FFFFFF;
  border-color: #0284C7;
}

.van-color-dd-wrap {
  position: relative;
  display: inline-flex;
  align-items: center;
  height: 38px;
  background: var(--van-surface-2);
  border: 1.5px solid var(--van-border-strong);
  border-radius: 5px;
  padding: 0 8px 0 10px;
}

.van-palette-dot {
  width: 9px;
  height: 9px;
  border-radius: 2px;
  background: linear-gradient(135deg, #06B6D4 0%, #38BDF8 100%);
  margin-right: 6px;
  flex-shrink: 0;
}

.van-palette-select {
  appearance: none;
  -webkit-appearance: none;
  background: transparent;
  border: 0;
  color: var(--van-ink);
  font-family: 'Plus Jakarta Sans', 'Inter', sans-serif;
  font-size: 13px;
  font-weight: 700;
  padding-right: 16px;
  cursor: pointer;
  outline: none;
}

.van-dd-caret {
  position: absolute;
  right: 8px;
  pointer-events: none;
  font-size: 11px;
  color: var(--van-muted);
}

.van-mode-btn {
  height: 38px;
  padding: 0 13px;
  border-radius: 5px;
  border: 1.5px solid var(--van-border-strong);
  background: var(--van-surface-2);
  color: var(--van-ink);
  font-family: 'Plus Jakarta Sans', 'Inter', sans-serif;
  font-size: 13px;
  font-weight: 800;
  cursor: pointer;
}

.van-menu-btn {
  height: 38px;
  padding: 0 13px;
  border-radius: 5px;
  border: 1.5px solid var(--van-border-strong);
  background: var(--van-surface-2);
  color: var(--van-ink);
  display: inline-flex;
  align-items: center;
  gap: 8px;
  font-family: 'Plus Jakarta Sans', 'Inter', sans-serif;
  font-size: 13px;
  font-weight: 800;
  cursor: pointer;
}

.van-menu-btn.is-open {
  background: linear-gradient(135deg, #05181C 0%, #0891B2 100%);
  color: #FFFFFF;
  border-color: var(--van-cyan);
}

.van-Quick-bars {
  width: 16px;
  height: 12px;
  position: relative;
  display: inline-block;
}

.van-bar {
  position: absolute;
  left: 0;
  width: 16px;
  height: 2px;
  border-radius: 1px;
  background: currentColor;
  transition: transform 0.2s ease, opacity 0.2s ease, top 0.2s ease;
}

.van-bar-1 { top: 0; }
.van-bar-2 { top: 5px; }
.van-bar-3 { top: 10px; }

.van-menu-btn.is-open .van-bar-1 {
  top: 5px;
  transform: rotate(45deg);
}
.van-menu-btn.is-open .van-bar-2 {
  opacity: 0;
}
.van-menu-btn.is-open .van-bar-3 {
  top: 5px;
  transform: rotate(-45deg);
}

/* Fold-Down Hamburger Menu Drawer */
.van-hamburger-menu {
  max-height: 0;
  overflow: hidden;
  opacity: 0;
  transition: max-height 0.25s ease, opacity 0.2s ease, margin-top 0.2s ease;
}

.van-hamburger-menu.is-open {
  max-height: 560px;
  opacity: 1;
  margin-top: 12px;
}

.van-hamburger-inner {
  background: var(--van-surface-2);
  border: 1.5px solid var(--van-border-strong);
  border-left: 4px solid var(--van-cyan);
  border-radius: 6px;
  padding: 16px;
  box-shadow: var(--van-shadow);
}

.van-hamburger-head {
  display: flex;
  align-items: center;
  justify-content: space-between;
  margin-bottom: 12px;
}

.van-hamburger-title {
  font-family: 'Plus Jakarta Sans', 'Inter', sans-serif;
  font-size: 13px;
  font-weight: 800;
  letter-spacing: 0.08em;
  text-transform: uppercase;
  color: var(--van-cyan-deep);
}

.van-hamburger-close {
  border: 1px solid var(--van-border-strong);
  background: var(--van-surface);
  color: var(--van-ink);
  border-radius: 4px;
  padding: 5px 11px;
  font-size: 12.5px;
  font-weight: 700;
  cursor: pointer;
}

.van-hamburger-grid {
  display: grid;
  grid-template-columns: repeat(auto-fit, minmax(230px, 1fr));
  gap: 10px;
}

.van-hmenu-item {
  text-align: left;
  background: var(--van-surface);
  border: 1.5px solid var(--van-border);
  border-left: 3px solid var(--van-accent);
  border-radius: 5px;
  padding: 12px 14px;
  cursor: pointer;
  display: flex;
  flex-direction: column;
  gap: 4px;
}

.van-hmenu-item:hover {
  border-color: var(--van-cyan);
  background: var(--van-surface-3);
}

.van-hmenu-item-title {
  font-family: 'Plus Jakarta Sans', 'Inter', sans-serif;
  font-size: 14.5px;
  font-weight: 800;
  color: var(--van-ink);
}

.van-hmenu-item-sub {
  font-size: 13px;
  color: var(--van-muted);
  line-height: 1.35;
}

/* =========================================================================
   2. WEBSITE MENU NAVIGATION BAR (.van-web-menunav) — Crisp 5px Institutional Tabs
   ========================================================================= */
.van-web-menunav {
  margin-top: 10px;
  padding-top: 9px;
  border-top: 1px solid var(--van-border);
}

.van-web-menunav-scroll {
  display: flex;
  align-items: center;
  gap: 6px;
  overflow-x: auto;
  padding-bottom: 2px;
  scrollbar-width: none;
}

.van-web-menunav-scroll::-webkit-scrollbar {
  display: none;
}

.van-webnav-btn {
  height: 36px;
  padding: 0 14px;
  border-radius: 5px;
  border: 1.5px solid transparent;
  background: transparent;
  color: var(--van-ink-2);
  font-family: 'Plus Jakarta Sans', 'Inter', sans-serif;
  font-size: 14px;
  font-weight: 700;
  white-space: nowrap;
  cursor: pointer;
}

.van-webnav-btn:hover {
  background: var(--van-surface-3);
  border-color: var(--van-border-strong);
}

.van-webnav-btn.is-active {
  background: linear-gradient(135deg, #05181C 0%, #0D5C6D 52%, #0891B2 100%);
  border-color: #06B6D4;
  color: #FFFFFF;
  font-weight: 800;
  box-shadow: 0 2px 8px rgba(6, 182, 212, 0.22);
}

html[data-van-mode="dark"] .van-webnav-btn.is-active {
  background: var(--van-surface-3);
  border-color: var(--van-accent);
  color: var(--van-ink);
}

.van-webnav-warm {
  background: var(--van-warm-bg);
  border-color: var(--van-cyan);
  color: #0369A1;
  font-weight: 800;
}
html[data-van-mode="dark"] .van-webnav-warm {
  color: var(--van-accent);
}

.van-webnav-divider {
  width: 1px;
  height: 20px;
  background: var(--van-border-strong);
  margin: 0 4px;
  flex-shrink: 0;
}

.van-webnav-action {
  background: var(--van-surface-2);
  border-color: var(--van-border);
  color: var(--van-cyan-deep);
  font-size: 13.5px;
}
html[data-van-mode="dark"] .van-webnav-action {
  color: var(--van-accent);
}

@media all and (display-mode: standalone) {
  .van-web-menunav {
    display: none !important;
  }
}
html.is-standalone-pwa .van-web-menunav {
  display: none !important;
}

/* =========================================================================
   3. LIVE MARKET TAPE STRIP (.van-market-strip) + ONE LARGE SEARCH BAR
   ========================================================================= */
.van-market-strip {
  margin-top: 9px;
  padding: 7px 11px;
  background: linear-gradient(90deg, #F0FDFA 0%, #ECFEFF 45%, #F0F9FF 100%);
  border: 1.5px solid var(--van-border-strong);
  border-left: 4px solid var(--van-cyan);
  border-radius: 5px;
}
html[data-van-mode="dark"] .van-market-strip {
  background: var(--van-surface-2);
  border-color: var(--van-border);
  border-left: 4px solid var(--van-accent);
}

.van-market-strip-scroll {
  display: flex;
  align-items: center;
  gap: 8px;
  overflow-x: auto;
  scrollbar-width: none;
}

.van-market-strip-scroll::-webkit-scrollbar {
  display: none;
}

.van-mkt-kicker {
  font-family: 'Plus Jakarta Sans', 'Inter', sans-serif;
  font-size: 11px;
  font-weight: 800;
  letter-spacing: 0.11em;
  color: #0891B2;
  white-space: nowrap;
}
html[data-van-mode="dark"] .van-mkt-kicker {
  color: var(--van-accent);
}

.van-mkt-chip {
  display: inline-flex;
  align-items: center;
  gap: 6px;
  padding: 4px 10px;
  border-radius: 4px;
  border: 1px solid var(--van-border-strong);
  background: var(--van-surface);
  color: var(--van-ink);
  font-size: 13px;
  font-weight: 700;
  white-space: nowrap;
  cursor: pointer;
}

.van-mkt-chip:hover {
  border-color: var(--van-cyan);
  background: var(--van-cyan-tint);
}

.van-mkt-sym {
  font-weight: 800;
  color: var(--van-ink);
}

.van-mkt-prc {
  color: var(--van-ink-2);
  font-weight: 600;
}

.van-mkt-chg {
  font-weight: 800;
  padding: 1px 5px;
  border-radius: 3px;
  font-size: 12px;
}

.van-mkt-chg.is-up {
  background: var(--van-buy-bg);
  color: var(--van-buy-ink);
}

.van-mkt-chg.is-down {
  background: var(--van-dump-bg);
  color: var(--van-dump-ink);
}

/* Search Bar — Sharp 6px Architectural Input */
.van-top-row2 {
  margin-top: 9px;
}

.van-search-box {
  position: relative;
  display: flex;
  align-items: center;
  width: 100%;
}

.van-search-ico {
  position: absolute;
  left: 15px;
  width: 20px;
  height: 20px;
  color: var(--van-cyan-deep);
  pointer-events: none;
}

.van-search-input {
  width: 100%;
  height: 46px;
  padding: 0 92px 0 46px;
  border-radius: 6px;
  border: 1.5px solid var(--van-border-strong);
  border-left: 4px solid var(--van-accent);
  background: var(--van-surface-2);
  color: var(--van-ink);
  font-family: 'Inter', sans-serif;
  font-size: 16px;
  font-weight: 600;
  outline: none;
}

.van-search-input:focus {
  background: var(--van-surface);
  border-color: var(--van-cyan);
  box-shadow: 0 0 0 3px rgba(6, 182, 212, 0.18);
}

.van-search-clear {
  position: absolute;
  right: 10px;
  height: 32px;
  padding: 0 11px;
  border-radius: 4px;
  border: 1px solid var(--van-border-strong);
  background: var(--van-surface);
  color: var(--van-ink);
  font-size: 13px;
  font-weight: 700;
  cursor: pointer;
}

/* =========================================================================
   4. WORKSPACE & DESKTOP 2-COLUMN SPLIT-SCREEN MASTER-DETAIL VIEW
   ========================================================================= */
.van-workspace {
  position: relative;
  z-index: 1;
  max-width: 1480px;
  margin: 0 auto;
  padding: 18px 18px 44px;
}

.van-split-layout {
  display: grid;
  grid-template-columns: 1fr;
  gap: 20px;
  align-items: start;
}

.van-inspector-column {
  display: none;
}

@media (min-width: 960px) {
  .van-split-layout {
    grid-template-columns: minmax(0, 58%) minmax(390px, 42%);
    gap: 22px;
  }
  .van-inspector-column {
    display: block;
    position: sticky;
    top: 215px;
    max-height: calc(100vh - 235px);
    overflow-y: auto;
  }
}

/* Section Banner — Crisp 6px Architectural Frame + Cyan/Light-Blue Top/Left Accents */
.van-sec-banner {
  background: linear-gradient(135deg, #FFFFFF 0%, #F4FBFE 65%, #ECFEFF 100%);
  border: 1.5px solid var(--van-border-strong);
  border-left: 4.5px solid var(--van-cyan);
  border-top: 2px solid var(--van-accent);
  border-radius: 6px;
  padding: 17px 22px;
  margin-bottom: 13px;
  box-shadow: var(--van-shadow);
}
html[data-van-mode="dark"] .van-sec-banner {
  background: var(--van-surface);
  border-color: var(--van-border);
  border-left: 4.5px solid var(--van-accent);
}

.van-sec-banner-row {
  display: flex;
  align-items: flex-start;
  justify-content: space-between;
  gap: 14px;
  flex-wrap: wrap;
}

.van-sec-kicker {
  font-family: 'Plus Jakarta Sans', 'Inter', sans-serif;
  font-size: 11.5px;
  font-weight: 800;
  letter-spacing: 0.13em;
  text-transform: uppercase;
  color: #0891B2;
  margin-bottom: 4px;
}
html[data-van-mode="dark"] .van-sec-kicker {
  color: var(--van-accent);
}

.van-sec-heading {
  margin: 0 0 6px;
  font-family: 'Plus Jakarta Sans', 'Inter', sans-serif;
  font-size: clamp(22px, 2.3vw, 26px);
  font-weight: 800;
  letter-spacing: -0.02em;
  color: var(--van-ink);
}

.van-sec-desc {
  margin: 0;
  font-size: 16px;
  color: var(--van-ink-2);
  line-height: 1.5;
}

/* Filter Bar — Sharp 4px Architectural Filter Chips (Zero 999px Bubbly Pills!) */
.van-filter-bar {
  display: flex;
  align-items: center;
  gap: 7px;
  overflow-x: auto;
  padding: 2px 0 13px;
  scrollbar-width: none;
}

.van-filter-bar::-webkit-scrollbar {
  display: none;
}

.van-pill-btn {
  height: 38px;
  padding: 0 14px;
  border-radius: 4px;
  border: 1.5px solid var(--van-border-strong);
  background: var(--van-surface);
  color: var(--van-ink-2);
  font-family: 'Plus Jakarta Sans', 'Inter', sans-serif;
  font-size: 14px;
  font-weight: 700;
  white-space: nowrap;
  cursor: pointer;
}

.van-pill-btn:hover {
  border-color: var(--van-cyan);
  background: var(--van-cyan-tint);
}

.van-pill-btn.is-active {
  background: linear-gradient(135deg, #0284C7 0%, #0891B2 52%, #06B6D4 100%);
  color: #FFFFFF;
  border-color: #0284C7;
  font-weight: 800;
  box-shadow: 0 2px 8px rgba(6, 182, 212, 0.22);
}
html[data-van-mode="dark"] .van-pill-btn.is-active {
  background: var(--van-ink);
  color: var(--van-bg);
  border-color: var(--van-ink);
}

.van-pill-buy-btn {
  border-color: var(--van-buy-border);
  color: var(--van-buy-ink);
  background: var(--van-buy-bg);
}

.van-pill-dump-btn {
  border-color: var(--van-dump-border);
  color: var(--van-dump-ink);
  background: var(--van-dump-bg);
}

/* =========================================================================
   5. SHARP ARCHITECTURAL LEAD CARDS (6px Corners + Cyan/Light-Blue Mix)
   ========================================================================= */
.van-cards-stack {
  display: flex;
  flex-direction: column;
  gap: 14px;
}

.van-lead-card,
.van-news-card,
.van-panel-card {
  background: var(--van-surface);
  border: 1.5px solid var(--van-border);
  border-left: 3.5px solid var(--van-cyan);
  border-radius: 6px;
  padding: 21px 24px;
  box-shadow: var(--van-shadow);
  cursor: pointer;
  transition: border-color 0.15s ease, box-shadow 0.15s ease;
}

.van-lead-card:hover,
.van-news-card:hover {
  border-color: var(--van-accent-strong);
  border-left-color: var(--van-accent-strong);
}

.van-lead-card.is-selected {
  border: 2px solid var(--van-accent-strong);
  border-left: 4.5px solid var(--van-cyan);
  box-shadow: 0 0 0 3px rgba(56, 189, 248, 0.22), var(--van-shadow);
}

.van-card-is-dumping {
  border-left: 4px solid var(--van-dump-ink) !important;
}

.van-card-top {
  display: flex;
  align-items: flex-start;
  justify-content: space-between;
  gap: 16px;
  margin-bottom: 13px;
}

.van-card-top-left {
  flex: 1;
  min-width: 0;
}

.van-card-eyebrow-row {
  display: flex;
  align-items: center;
  gap: 8px;
  flex-wrap: wrap;
  margin-bottom: 6px;
}

.van-card-badge {
  display: inline-block;
  padding: 3px 9px;
  border-radius: 3px;
  background: linear-gradient(135deg, #ECFEFF 0%, #E0F2FE 100%);
  border: 1px solid #67E8F9;
  color: #0369A1;
  font-family: 'Plus Jakarta Sans', 'Inter', sans-serif;
  font-size: 11.5px;
  font-weight: 800;
  letter-spacing: 0.07em;
  text-transform: uppercase;
}
html[data-van-mode="dark"] .van-card-badge {
  background: var(--van-accent-soft);
  border-color: var(--van-warm-border);
  color: var(--van-accent);
}

.van-badge-buy {
  background: var(--van-buy-bg) !important;
  color: var(--van-buy-ink) !important;
  border: 1px solid var(--van-buy-border) !important;
}

.van-badge-dump {
  background: var(--van-dump-bg) !important;
  color: var(--van-dump-ink) !important;
  border: 1px solid var(--van-dump-border) !important;
}

.van-card-city,
.van-card-date {
  font-size: 14px;
  font-weight: 700;
  color: var(--van-muted);
}

/* Card Headline: 22px-24px Bold Deep Ink */
.van-card-name {
  margin: 0 0 5px;
  font-family: 'Plus Jakarta Sans', 'Inter', sans-serif;
  font-size: clamp(21px, 2.2vw, 24px);
  font-weight: 800;
  letter-spacing: -0.02em;
  line-height: 1.24;
  color: var(--van-ink);
}

/* Card Primary Line ("What Happened"): 17px-18px Font-Weight 600 in Deep Ink */
.van-card-oneliner {
  margin: 0;
  font-size: 17.5px;
  font-weight: 600;
  line-height: 1.45;
  color: var(--van-ink-2);
}

/* Right Payout / Flow Badge: Sharp 5px Box with Cyan + Light Blue Gradient Tint */
.van-card-payout-box {
  flex-shrink: 0;
  text-align: right;
  background: var(--van-warm-bg);
  border: 1.5px solid var(--van-warm-border);
  border-top: 3px solid var(--van-cyan);
  border-radius: 5px;
  padding: 9px 14px;
  min-width: 148px;
}

.van-card-payout-box.van-payout-dumping {
  background: var(--van-dump-bg);
  border-color: var(--van-dump-border);
  border-top: 3px solid var(--van-dump-ink);
}

.van-card-payout-num {
  font-family: 'Plus Jakarta Sans', 'Inter', sans-serif;
  font-size: clamp(22px, 2.4vw, 27px);
  font-weight: 800;
  letter-spacing: -0.02em;
  line-height: 1.1;
  color: #0369A1;
}
html[data-van-mode="dark"] .van-card-payout-num {
  color: var(--van-accent);
}

.van-card-payout-box.van-payout-dumping .van-card-payout-num {
  color: var(--van-dump-ink);
}

.van-card-payout-lbl {
  font-size: 11px;
  font-weight: 800;
  letter-spacing: 0.08em;
  text-transform: uppercase;
  color: #0891B2;
  margin-top: 4px;
}
html[data-van-mode="dark"] .van-card-payout-lbl {
  color: var(--van-muted);
}

/* Named Hedge Funds Adding vs. Dumping Bar — Sharp 5px Architectural Strip */
.van-sm-funds-bar {
  display: flex;
  align-items: center;
  gap: 8px;
  flex-wrap: wrap;
  padding: 9px 13px;
  border-radius: 5px;
  margin-bottom: 12px;
  border: 1.5px solid var(--van-buy-border);
  border-left: 3.5px solid var(--van-buy-ink);
  background: var(--van-buy-bg);
}

.van-sm-funds-bar.is-dump {
  border-color: var(--van-dump-border);
  border-left: 3.5px solid var(--van-dump-ink);
  background: var(--van-dump-bg);
}

.van-sm-funds-lbl {
  font-family: 'Plus Jakarta Sans', 'Inter', sans-serif;
  font-size: 12px;
  font-weight: 800;
  letter-spacing: 0.07em;
  text-transform: uppercase;
  color: var(--van-buy-ink);
}

.van-sm-funds-bar.is-dump .van-sm-funds-lbl {
  color: var(--van-dump-ink);
}

.van-sm-funds-pills {
  display: flex;
  align-items: center;
  gap: 6px;
  flex-wrap: wrap;
}

.van-sm-fund-chip {
  padding: 3px 9px;
  border-radius: 4px;
  background: var(--van-surface);
  border: 1px solid var(--van-buy-border);
  color: var(--van-ink);
  font-size: 13.5px;
  font-weight: 700;
}

.van-sm-fund-chip.is-dump {
  border-color: var(--van-dump-border);
}

/* 3-Column Labeled Key-Facts Grid — Crisp 5px Cells */
.van-facts-grid {
  display: grid;
  grid-template-columns: repeat(3, minmax(0, 1fr));
  gap: 10px;
  margin: 12px 0;
}

@media (max-width: 680px) {
  .van-card-top {
    flex-direction: column;
    gap: 10px;
  }
  .van-card-payout-box {
    text-align: left;
    width: 100%;
    display: flex;
    align-items: baseline;
    justify-content: space-between;
  }
  .van-facts-grid {
    grid-template-columns: 1fr;
    gap: 8px;
  }
}

.van-fact-box {
  background: var(--van-surface-2);
  border: 1.5px solid var(--van-border);
  border-radius: 5px;
  padding: 10px 13px;
}

.van-fact-box-highlight {
  background: var(--van-warm-bg);
  border-color: var(--van-warm-border);
  border-left: 3px solid var(--van-cyan);
}

.van-fact-box-highlight.is-dump {
  background: var(--van-dump-bg);
  border-color: var(--van-dump-border);
  border-left: 3px solid var(--van-dump-ink);
}

.van-fact-box-warm {
  background: var(--van-surface-3);
  border-color: var(--van-border-strong);
  border-left: 3px solid var(--van-accent);
}

.van-fact-label {
  font-family: 'Plus Jakarta Sans', 'Inter', sans-serif;
  font-size: 11px;
  font-weight: 800;
  letter-spacing: 0.09em;
  text-transform: uppercase;
  color: var(--van-muted);
  margin-bottom: 4px;
}

.van-fact-val {
  font-size: 16px;
  font-weight: 800;
  color: var(--van-ink);
  line-height: 1.32;
}

.van-fact-val-accent {
  color: #0369A1;
}
html[data-van-mode="dark"] .van-fact-val-accent {
  color: var(--van-accent);
}

.van-fact-box-highlight.is-dump .van-fact-val-accent {
  color: var(--van-dump-ink);
}

.van-deg-tag {
  color: #0891B2;
  font-weight: 800;
}
html[data-van-mode="dark"] .van-deg-tag {
  color: var(--van-accent);
}

.van-fact-sublink {
  font-size: 13px;
  color: var(--van-muted);
  margin-top: 3px;
}

.van-fact-sublink span {
  color: var(--van-accent-strong);
  font-weight: 700;
}

/* One Plain-English Explanation Sentence (17px High-Contrast) */
.van-card-plain-sentence {
  margin: 0 0 12px;
  font-size: 17px;
  font-weight: 500;
  color: var(--van-ink-2);
  line-height: 1.54;
}

/* Highlighted Warm Intro Bar — Sharp 5px Strip with Cyan + Light Blue Blend */
.van-warm-pill-bar {
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: 10px;
  flex-wrap: wrap;
  background: var(--van-warm-bg);
  border: 1.5px solid var(--van-warm-border);
  border-left: 3.5px solid var(--van-cyan);
  border-radius: 5px;
  padding: 10px 14px;
  margin-bottom: 11px;
  font-size: 15px;
  font-weight: 700;
  color: #0369A1;
}
html[data-van-mode="dark"] .van-warm-pill-bar {
  color: var(--van-accent);
}

.van-warm-pill-left {
  display: flex;
  align-items: center;
  gap: 8px;
  color: var(--van-ink);
}

.van-warm-dot {
  width: 8px;
  height: 8px;
  border-radius: 2px;
  background: linear-gradient(135deg, #06B6D4 0%, #0284C7 100%);
  flex-shrink: 0;
}

.van-warm-pill-cta {
  font-weight: 800;
  color: #0891B2;
  white-space: nowrap;
}
html[data-van-mode="dark"] .van-warm-pill-cta {
  color: var(--van-accent);
}

/* Plain Copy-Pasteable Contact Row */
.van-card-contacts-plain {
  padding-top: 10px;
  border-top: 1px solid var(--van-border);
  font-size: 14.5px;
  color: var(--van-ink-2);
  display: flex;
  align-items: center;
  gap: 8px;
  flex-wrap: wrap;
  user-select: text;
  -webkit-user-select: text;
  cursor: text;
}

.van-card-contacts-plain a {
  color: #0284C7;
  text-decoration: none;
  font-weight: 700;
}
html[data-van-mode="dark"] .van-card-contacts-plain a {
  color: var(--van-accent);
}

.van-card-contacts-plain a:hover {
  text-decoration: underline;
}

.van-contact-sep {
  color: var(--van-border-strong);
}

/* =========================================================================
   6. DESKTOP STICKY RIGHT INSPECTOR & MOBILE SLIDE-UP DRAWER
   ========================================================================= */
.van-inspector-card {
  background: var(--van-surface);
  border: 1.5px solid var(--van-border-strong);
  border-top: 4px solid var(--van-cyan);
  border-left: 3.5px solid var(--van-accent);
  border-radius: 6px;
  overflow: hidden;
  box-shadow: var(--van-shadow);
}

.van-inspector-sticky-head {
  padding: 12px 18px;
  background: var(--van-warm-bg);
  border-bottom: 1px solid var(--van-border-strong);
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: 8px;
}

.van-inspector-kicker {
  font-family: 'Plus Jakarta Sans', 'Inter', sans-serif;
  font-size: 11px;
  font-weight: 800;
  letter-spacing: 0.11em;
  text-transform: uppercase;
  color: #0891B2;
}
html[data-van-mode="dark"] .van-inspector-kicker {
  color: var(--van-accent);
}

.van-inspector-hint {
  font-size: 12.5px;
  color: var(--van-muted);
}

.van-inspector-body {
  padding: 18px 20px 22px;
}

.van-prof-section {
  margin-top: 16px;
  padding-top: 14px;
  border-top: 1px solid var(--van-border);
}

.van-prof-sec-title {
  margin: 0 0 10px;
  font-family: 'Plus Jakarta Sans', 'Inter', sans-serif;
  font-size: 13px;
  font-weight: 800;
  letter-spacing: 0.08em;
  text-transform: uppercase;
  color: #0891B2;
}
html[data-van-mode="dark"] .van-prof-sec-title {
  color: var(--van-accent);
}

.van-path-item {
  background: var(--van-surface-2);
  border: 1.5px solid var(--van-border);
  border-left: 3px solid var(--van-cyan);
  border-radius: 5px;
  padding: 12px 14px;
  margin-bottom: 9px;
}

.van-path-top {
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: 8px;
  margin-bottom: 4px;
}

.van-path-name {
  font-size: 15.5px;
  font-weight: 800;
  color: var(--van-ink);
}

.van-path-score {
  padding: 2px 7px;
  border-radius: 3px;
  background: var(--van-warm-bg);
  border: 1px solid var(--van-warm-border);
  color: #0369A1;
  font-size: 11.5px;
  font-weight: 800;
}
html[data-van-mode="dark"] .van-path-score {
  color: var(--van-accent);
}

.van-path-role {
  font-size: 14px;
  font-weight: 700;
  color: var(--van-ink-2);
  margin-bottom: 4px;
}

.van-path-basis {
  font-size: 13.5px;
  color: var(--van-muted);
  margin-bottom: 6px;
}

.van-path-contact {
  font-size: 13px;
  color: var(--van-ink-2);
  user-select: text;
  -webkit-user-select: text;
}

/* CSV Data Dump Modal & Mobile Profile Drawer — Crisp 8px Architectural Sheet */
.van-drawer-backdrop {
  position: fixed;
  inset: 0;
  z-index: 120;
  background: rgba(5, 24, 28, 0.52);
  backdrop-filter: blur(4px);
}

.van-profile-drawer,
.van-csv-modal {
  position: fixed;
  left: 0;
  right: 0;
  bottom: 0;
  z-index: 130;
  display: flex;
  justify-content: center;
}

.van-drawer-sheet,
.van-csv-modal-card {
  width: 100%;
  max-width: 820px;
  max-height: 88vh;
  overflow-y: auto;
  background: var(--van-surface);
  border-top: 4px solid var(--van-cyan);
  border-radius: 8px 8px 0 0;
  padding: 14px 22px 32px;
  box-shadow: var(--van-shadow-lg);
}

.van-drawer-pull-bar {
  display: flex;
  justify-content: center;
  padding: 4px 0 10px;
  cursor: pointer;
}

.van-drawer-handle {
  width: 46px;
  height: 4px;
  border-radius: 2px;
  background: var(--van-border-strong);
}

.van-drawer-header {
  display: flex;
  align-items: flex-start;
  justify-content: space-between;
  gap: 12px;
  padding-bottom: 12px;
  border-bottom: 1px solid var(--van-border);
}

.van-drawer-title {
  margin: 4px 0;
  font-family: 'Plus Jakarta Sans', 'Inter', sans-serif;
  font-size: 22px;
  font-weight: 800;
  color: var(--van-ink);
}

.van-drawer-sub {
  margin: 0;
  font-size: 14.5px;
  color: var(--van-muted);
}

.van-drawer-close-btn {
  height: 38px;
  padding: 0 14px;
  border-radius: 5px;
  border: 1.5px solid var(--van-border-strong);
  background: var(--van-surface-2);
  color: var(--van-ink);
  font-size: 14px;
  font-weight: 800;
  cursor: pointer;
  flex-shrink: 0;
}

.van-csv-modal-grid {
  display: grid;
  grid-template-columns: repeat(auto-fit, minmax(240px, 1fr));
  gap: 12px;
  margin-top: 16px;
}

.van-csv-dl-card {
  display: flex;
  flex-direction: column;
  gap: 6px;
  text-align: left;
  text-decoration: none;
  background: var(--van-surface-2);
  border: 1.5px solid var(--van-border-strong);
  border-left: 3.5px solid var(--van-cyan);
  border-radius: 5px;
  padding: 15px 16px;
  color: var(--van-ink);
  cursor: pointer;
}

.van-csv-dl-card:hover {
  border-color: var(--van-accent-strong);
  background: var(--van-warm-bg);
}

.van-csv-dl-master {
  border: 2px solid var(--van-cyan);
  background: var(--van-warm-bg);
}

.van-csv-dl-badge {
  font-size: 11px;
  font-weight: 800;
  letter-spacing: 0.08em;
  text-transform: uppercase;
  color: #0891B2;
}

.van-csv-dl-title {
  font-size: 16px;
  font-weight: 800;
  color: var(--van-ink);
}

.van-csv-dl-desc {
  font-size: 13.5px;
  color: var(--van-ink-2);
  line-height: 1.42;
}

/* =========================================================================
   7. WATCHLIST TAB (Individual ✕ Delete + Clear All)
   ========================================================================= */
.van-watchlist-top-actions {
  display: flex;
  align-items: center;
  gap: 8px;
  flex-wrap: wrap;
}

.van-watchlist-add-bar {
  display: flex;
  gap: 10px;
  flex-wrap: wrap;
  margin-bottom: 16px;
}

.van-wl-input {
  flex: 1;
  min-width: 220px;
  height: 44px;
  padding: 0 14px;
  border-radius: 5px;
  border: 1.5px solid var(--van-border-strong);
  background: var(--van-surface);
  color: var(--van-ink);
  font-size: 15.5px;
  font-weight: 600;
}

.van-wl-input-sm {
  flex: 0 1 210px;
}

.van-btn-primary {
  height: 44px;
  padding: 0 18px;
  border-radius: 5px;
  border: 1px solid #38BDF8;
  background: linear-gradient(135deg, #0284C7 0%, #0891B2 55%, #06B6D4 100%);
  color: #FFFFFF;
  font-family: 'Plus Jakarta Sans', 'Inter', sans-serif;
  font-size: 14.5px;
  font-weight: 800;
  text-decoration: none;
  display: inline-flex;
  align-items: center;
  cursor: pointer;
}

.van-btn-secondary,
.van-btn-secondary-sm {
  height: 38px;
  padding: 0 14px;
  border-radius: 5px;
  border: 1.5px solid var(--van-border-strong);
  background: var(--van-surface-2);
  color: var(--van-ink);
  font-family: 'Plus Jakarta Sans', 'Inter', sans-serif;
  font-size: 13.5px;
  font-weight: 800;
  text-decoration: none;
  display: inline-flex;
  align-items: center;
  cursor: pointer;
}

.van-btn-danger-outline {
  height: 38px;
  padding: 0 14px;
  border-radius: 5px;
  border: 1.5px solid var(--van-danger);
  background: var(--van-danger-bg);
  color: var(--van-danger);
  font-family: 'Plus Jakarta Sans', 'Inter', sans-serif;
  font-size: 13.5px;
  font-weight: 800;
  cursor: pointer;
}

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

.van-wl-card {
  background: var(--van-surface);
  border: 1.5px solid var(--van-border);
  border-left: 3.5px solid var(--van-cyan);
  border-radius: 6px;
  padding: 16px 18px;
  display: flex;
  flex-direction: column;
  gap: 10px;
  box-shadow: var(--van-shadow);
}

.van-wl-card-top {
  display: flex;
  align-items: flex-start;
  justify-content: space-between;
  gap: 10px;
}

.van-wl-card-foot {
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: 8px;
  padding-top: 8px;
  border-top: 1px solid var(--van-border);
}

.van-wl-name {
  margin: 0;
  font-size: 17.5px;
  font-weight: 800;
  color: var(--van-ink);
}

.van-wl-cat {
  font-size: 13.5px;
  color: var(--van-muted);
  margin-top: 3px;
}

.van-wl-delete-btn {
  height: 34px;
  padding: 0 11px;
  border-radius: 4px;
  border: 1.5px solid var(--van-danger);
  background: var(--van-danger-bg);
  color: var(--van-danger);
  font-size: 12.5px;
  font-weight: 800;
  cursor: pointer;
  flex-shrink: 0;
}

.van-wl-search-link {
  border: 0;
  background: transparent;
  color: #0284C7;
  font-size: 13.5px;
  font-weight: 800;
  cursor: pointer;
}

/* =========================================================================
   8. 5 BIG, SELF-EXPLANATORY BOTTOM NAVIGATION TABS — Crisp 5px Buttons
   ========================================================================= */
.van-bottom-nav {
  position: fixed;
  left: 0;
  right: 0;
  bottom: 0;
  z-index: 100;
  background: var(--van-surface);
  border-top: 2px solid var(--van-cyan);
  box-shadow: 0 -6px 24px rgba(5, 24, 28, 0.08);
  display: grid;
  grid-template-columns: repeat(5, minmax(0, 1fr));
  max-width: 100%;
  padding: 6px 8px calc(6px + env(safe-area-inset-bottom, 0px));
  gap: 5px;
}

.van-bnav-btn {
  border: 1.5px solid transparent;
  background: transparent;
  border-radius: 5px;
  padding: 7px 4px;
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: center;
  gap: 2px;
  cursor: pointer;
  color: var(--van-muted);
}

.van-bnav-btn.is-active {
  background: var(--van-warm-bg);
  border-color: var(--van-cyan);
  border-top: 3px solid var(--van-accent-strong);
  color: var(--van-ink);
}

.van-bnav-num {
  font-size: 10px;
  font-weight: 800;
  letter-spacing: 0.08em;
  color: #0891B2;
}
html[data-van-mode="dark"] .van-bnav-num {
  color: var(--van-accent);
}

.van-bnav-label {
  font-family: 'Plus Jakarta Sans', 'Inter', sans-serif;
  font-size: clamp(12px, 1.5vw, 14.5px);
  font-weight: 800;
  color: var(--van-ink);
  white-space: nowrap;
}

.van-bnav-sub {
  font-size: 10.5px;
  font-weight: 600;
  color: var(--van-muted);
  white-space: nowrap;
}

@media (max-width: 480px) {
  .van-bnav-sub {
    display: none;
  }
}

.van-news-footer {
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: 10px;
  flex-wrap: wrap;
  padding-top: 10px;
  border-top: 1px solid var(--van-border);
  font-size: 14px;
}

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

.van-news-link-btn {
  border: 1.5px solid var(--van-cyan);
  background: var(--van-warm-bg);
  color: #0369A1;
  border-radius: 4px;
  padding: 6px 12px;
  font-size: 13.5px;
  font-weight: 800;
  cursor: pointer;
}

.van-news-ext-link,
.van-market-headline-link {
  color: #0284C7;
  text-decoration: none;
  font-weight: 800;
}

.van-toast {
  position: fixed;
  bottom: 92px;
  left: 50%;
  transform: translateX(-50%);
  z-index: 150;
  background: var(--van-ink);
  color: var(--van-surface);
  border-left: 4px solid var(--van-cyan);
  padding: 11px 20px;
  border-radius: 5px;
  font-size: 14px;
  font-weight: 700;
  box-shadow: var(--van-shadow-lg);
}


/* =========================================================================
   9. LOCKED BUBBLE STYLE (FROM survyr_smart_money_and_pioneer.png)
      + STRICTLY 1 CARD PER LINE (SINGLE-COLUMN VERTICAL STACK EVERYWHERE)
      + 401(K), BOLI/COLI & PE WATERFALL PROFILE AUDIT SECTIONS
   ========================================================================= */

/* Header Right Controls — Rounded 10px Bubble Buttons */
.van-csv-top-btn,
.van-scale-btn,
.van-color-dd-wrap,
.van-mode-btn,
.van-menu-btn {
  border-radius: 10px !important;
  height: 38px !important;
}

.van-palette-dot {
  border-radius: 50% !important;
  width: 10px !important;
  height: 10px !important;
}

/* Website Menu Nav Bar — Rounded 14px Pill Container + 10px Active Blue Bubble */
.van-web-menunav-scroll {
  background: #F2F6F7;
  padding: 5px;
  border-radius: 14px;
  border: 1px solid #D5E2E4;
  gap: 6px;
}
html[data-van-mode="dark"] .van-web-menunav-scroll {
  background: var(--van-surface-2);
  border-color: var(--van-border);
}

.van-webnav-btn {
  border-radius: 10px !important;
  padding: 9px 15px !important;
  height: auto !important;
  border: 1px solid transparent !important;
  font-size: 14px !important;
  font-weight: 700 !important;
  color: var(--van-ink) !important;
}

.van-webnav-btn.is-active {
  background: #0284C7 !important;
  color: #FFFFFF !important;
  font-weight: 800 !important;
  border-color: #0284C7 !important;
  box-shadow: 0 2px 8px rgba(2, 132, 199, 0.25) !important;
}

/* Live Market Strip & Search Input — Rounded Bubble Corners */
.van-market-strip {
  border-radius: 14px !important;
  padding: 8px 14px !important;
}

.van-mkt-chip {
  border-radius: 99px !important;
  padding: 4px 12px !important;
}

.van-search-input {
  border-radius: 12px !important;
  border: 1.5px solid #C8D9DD !important;
}

.van-search-clear {
  border-radius: 99px !important;
}

/* Filter Sub-Pills — Rounded 99px Pill Bubbles (Matching survyr_smart_money_and_pioneer.png) */
.van-pill-btn {
  border-radius: 99px !important;
  padding: 8px 16px !important;
  height: auto !important;
  font-size: 13.5px !important;
  font-weight: 700 !important;
  border: 1.5px solid #D0E0E3 !important;
  background: #FFFFFF !important;
  color: var(--van-ink) !important;
}
html[data-van-mode="dark"] .van-pill-btn {
  background: var(--van-surface) !important;
  border-color: var(--van-border-strong) !important;
  color: var(--van-ink) !important;
}

.van-pill-btn.is-active {
  background: #0284C7 !important;
  color: #FFFFFF !important;
  border-color: #0284C7 !important;
  font-weight: 800 !important;
}

.van-pill-buy-btn {
  background: #ECFDF5 !important;
  color: #047857 !important;
  border: 1.5px solid #6EE7B7 !important;
  font-weight: 800 !important;
}

.van-pill-dump-btn {
  background: #FEF2F2 !important;
  color: #B91C1C !important;
  border: 1.5px solid #FCA5A5 !important;
  font-weight: 800 !important;
}

/* STRICTLY 1 CARD PER LINE — Single-Column Vertical Stack Everywhere */
.van-workspace {
  max-width: 1180px !important;
  margin: 0 auto !important;
}

.van-split-layout {
  display: grid !important;
  grid-template-columns: 1fr !important;
  gap: 20px !important;
}

.van-cards-stack,
.van-watchlist-grid {
  display: flex !important;
  flex-direction: column !important;
  gap: 14px !important;
}

.van-inspector-column {
  display: block !important;
  position: static !important;
  max-height: none !important;
  margin-top: 8px !important;
}

/* Section Banner & Lead Cards — Clean 18px Bubble Cards */
.van-sec-banner {
  border-radius: 18px !important;
  border: 1.5px solid #D5E2E4 !important;
  padding: 18px 22px !important;
}

.van-lead-card,
.van-news-card,
.van-panel-card,
.van-wl-card,
.van-inspector-card {
  background: var(--van-surface) !important;
  border: 1.5px solid #D5E2E4 !important;
  border-radius: 18px !important;
  padding: 18px 22px !important;
  box-shadow: 0 4px 12px rgba(5, 24, 28, 0.03) !important;
}
html[data-van-mode="dark"] .van-lead-card,
html[data-van-mode="dark"] .van-news-card,
html[data-van-mode="dark"] .van-panel-card,
html[data-van-mode="dark"] .van-wl-card,
html[data-van-mode="dark"] .van-inspector-card {
  border-color: var(--van-border-strong) !important;
}

.van-lead-card:hover,
.van-news-card:hover {
  border-color: #0284C7 !important;
  box-shadow: 0 6px 18px rgba(2, 132, 199, 0.09) !important;
}

.van-lead-card.is-selected {
  border: 2px solid #0284C7 !important;
  box-shadow: 0 0 0 3px rgba(56, 189, 248, 0.20) !important;
}

/* Rounded Pill Badges & Right Dollar Box (border-radius: 99px / 14px) */
.van-card-badge {
  border-radius: 99px !important;
  padding: 3px 11px !important;
}

.van-legal-filing-pill {
  display: inline-flex;
  align-items: center;
  gap: 4px;
  padding: 3px 11px;
  border-radius: 99px;
  background: #F0F9FF;
  border: 1px solid #BAE6FD;
  color: #0284C7;
  font-family: 'Plus Jakarta Sans', sans-serif;
  font-size: 11.5px;
  font-weight: 800;
  letter-spacing: 0.03em;
}
html[data-van-mode="dark"] .van-legal-filing-pill {
  background: rgba(56, 189, 248, 0.14);
  border-color: rgba(56, 189, 248, 0.35);
  color: #38BDF8;
}

.van-card-payout-box {
  border-radius: 14px !important;
  padding: 12px 18px !important;
  border: 1.5px solid #6EE7B7 !important;
  background: #ECFDF5 !important;
  min-width: 175px !important;
}
.van-card-payout-box .van-card-payout-num,
.van-card-payout-box .van-card-payout-lbl {
  color: #047857 !important;
}
.van-card-payout-box.van-payout-dumping {
  background: #FEF2F2 !important;
  border-color: #FCA5A5 !important;
}
.van-card-payout-box.van-payout-dumping .van-card-payout-num,
.van-card-payout-box.van-payout-dumping .van-card-payout-lbl {
  color: #B91C1C !important;
}

.van-sm-funds-bar {
  border-radius: 12px !important;
}
.van-sm-fund-chip {
  border-radius: 99px !important;
  padding: 3px 11px !important;
}

.van-fact-box {
  border-radius: 12px !important;
}

/* Warm Intro Bubble Pill Bar */
.van-warm-pill-bar {
  border-radius: 99px !important;
  padding: 8px 16px !important;
  background: #F0F9FF !important;
  border: 1px solid #BAE6FD !important;
  color: #0284C7 !important;
}
html[data-van-mode="dark"] .van-warm-pill-bar {
  background: rgba(56, 189, 248, 0.12) !important;
  border-color: rgba(56, 189, 248, 0.35) !important;
  color: #38BDF8 !important;
}

.van-warm-dot {
  border-radius: 50% !important;
}

/* 401(k) / BOLI / PE Audit Strip on Cards & Inside Person/Company Profile Drawer */
.van-plan-audit-strip,
.van-plan-hook-inline {
  background: #F8FAFB;
  border: 1px solid #D5E2E4;
  border-radius: 12px;
  padding: 9px 14px;
  margin-bottom: 11px;
  font-size: 13.5px;
  line-height: 1.48;
  color: var(--van-ink-2);
}
html[data-van-mode="dark"] .van-plan-audit-strip,
html[data-van-mode="dark"] .van-plan-hook-inline {
  background: var(--van-surface-2);
  border-color: var(--van-border);
}

.van-prof-planning-card {
  background: #F8FAFB;
  border: 1.5px solid #D5E2E4;
  border-radius: 14px;
  padding: 13px 16px;
}
html[data-van-mode="dark"] .van-prof-planning-card {
  background: var(--van-surface-2);
  border-color: var(--van-border-strong);
}

.van-prof-planning-subhead {
  font-family: 'Plus Jakarta Sans', sans-serif;
  font-size: 11.5px;
  font-weight: 800;
  letter-spacing: 0.08em;
  color: #0284C7;
  margin-bottom: 8px;
}

.van-prof-needs-pills {
  display: flex;
  flex-wrap: wrap;
  gap: 6px;
  margin-bottom: 8px;
}

.van-prof-need-pill {
  display: inline-flex;
  align-items: center;
  padding: 4px 11px;
  border-radius: 99px;
  background: #ECFDF5;
  border: 1px solid #6EE7B7;
  color: #047857;
  font-size: 12.5px;
  font-weight: 800;
}
html[data-van-mode="dark"] .van-prof-need-pill {
  background: rgba(16, 185, 129, 0.15);
  border-color: rgba(110, 231, 183, 0.4);
  color: #6EE7B7;
}

.van-prof-corp-hook,
.van-prof-audit-rows {
  font-size: 13.5px;
  line-height: 1.55;
  color: var(--van-ink-2);
}
.van-prof-audit-rows > div {
  margin-bottom: 4px;
}

/* Profile Drawer, CSV Modal & Bottom Nav Bubble Styling */
.van-drawer-sheet,
.van-csv-modal-card {
  border-radius: 22px 22px 0 0 !important;
  max-width: 880px !important;
}

.van-path-item,
.van-csv-dl-card,
.van-btn-primary,
.van-btn-secondary,
.van-btn-secondary-sm,
.van-btn-danger-outline,
.van-drawer-close-btn {
  border-radius: 12px !important;
}

.van-path-score {
  border-radius: 99px !important;
  padding: 2px 10px !important;
}

.van-bottom-nav {
  grid-template-columns: repeat(6, minmax(0, 1fr)) !important;
}

.van-bnav-btn {
  border-radius: 12px !important;
}

/* =========================================================================
   10. WHAT IS SURVYR.? — ULTRA-SIMPLE 1-THING-PER-LINE GUIDE (#van-sec-about)
   ========================================================================= */
.van-logo-word-wrap,
.van-logo-survyr,
.van-wm-grad {
  font-weight: 800 !important;
}

.van-card-name,
.van-sec-heading,
.van-prof-name {
  font-weight: 800 !important;
}

.van-card-oneliner,
.van-card-plain-sentence,
.van-sec-desc {
  font-weight: 600 !important;
}

/* Full-width 1-per-line mode when viewing What is SURVYR.? (#van-sec-about) */
body.van-about-active .van-split-layout {
  grid-template-columns: 1fr !important;
}
body.van-about-active .van-inspector-column {
  display: none !important;
}

.van-about-1perline-wrap {
  max-width: 960px;
  margin: 0 auto;
  display: flex;
  flex-direction: column;
  gap: 22px;
}

.van-about-card {
  background: #FFFFFF;
  border: 2px solid #CFE0E5;
  border-radius: 24px;
  padding: 28px 34px;
  box-shadow: 0 6px 18px rgba(5, 24, 28, 0.04);
}
html[data-van-mode="dark"] .van-about-card {
  background: var(--van-surface);
  border-color: var(--van-border-strong);
}

.van-about-screen-row {
  background: #FFFFFF;
  border: 2px solid #0284C7;
  border-radius: 18px;
  padding: 20px 24px;
  display: flex;
  justify-content: space-between;
  align-items: center;
  gap: 18px;
  box-shadow: 0 6px 16px rgba(5, 24, 28, 0.05);
}
html[data-van-mode="dark"] .van-about-screen-row {
  background: var(--van-surface-2);
}

.van-about-pdf-btn {
  display: inline-flex;
  align-items: center;
  gap: 8px;
  background: #047857;
  color: #FFFFFF !important;
  border: 2px solid #6EE7B7;
  border-radius: 99px;
  padding: 12px 24px;
  font-family: 'Plus Jakarta Sans', sans-serif;
  font-size: 16px;
  font-weight: 800;
  text-decoration: none;
  box-shadow: 0 6px 16px rgba(4, 120, 87, 0.22);
  transition: transform 0.12s ease, background 0.12s ease;
}
.van-about-pdf-btn:hover {
  background: #065F46;
  transform: translateY(-1px);
}

/* =========================================================================
   11. CONCENTRIC CIRCLES IN PROFILE HEADER BANNER ONLY (NEVER ON FEED CARDS)
   ========================================================================= */
.van-prof-head-box {
  position: relative;
  overflow: hidden;
  padding-right: 110px !important;
  background-image:
    radial-gradient(circle at 98% 50%, transparent 0, transparent 34px, rgba(6, 182, 212, 0.18) 35px, rgba(6, 182, 212, 0.18) 41px, transparent 42px, transparent 62px, rgba(56, 189, 248, 0.18) 63px, rgba(56, 189, 248, 0.18) 69px, transparent 70px, transparent 90px, rgba(21, 149, 163, 0.14) 91px, rgba(21, 149, 163, 0.14) 96px, transparent 97px),
    linear-gradient(90deg, rgba(255, 255, 255, 0) 0%, rgba(6, 182, 212, 0.05) 65%, rgba(56, 189, 248, 0.14) 100%) !important;
}
html[data-van-mode="dark"] .van-prof-head-box {
  background-image:
    radial-gradient(circle at 98% 50%, transparent 0, transparent 34px, rgba(6, 182, 212, 0.22) 35px, rgba(6, 182, 212, 0.22) 41px, transparent 42px, transparent 62px, rgba(56, 189, 248, 0.22) 63px, rgba(56, 189, 248, 0.22) 69px, transparent 70px),
    linear-gradient(90deg, rgba(7, 29, 36, 0) 0%, rgba(6, 182, 212, 0.08) 65%, rgba(56, 189, 248, 0.18) 100%) !important;
}

/* =========================================================================
   12. TOP HEADER APP DOWNLOAD BUTTON & LIST VIEW / CARDS VIEW TOGGLE
   ========================================================================= */
.van-app-dl-top-btn {
  display: inline-flex;
  align-items: center;
  gap: 6px;
  height: 38px;
  padding: 0 15px;
  border-radius: 99px;
  background: linear-gradient(135deg, #0284C7 0%, #0369A1 100%);
  color: #FFFFFF !important;
  border: 1.5px solid #38BDF8;
  font-family: 'Plus Jakarta Sans', sans-serif;
  font-size: 13.5px;
  font-weight: 800;
  cursor: pointer;
  white-space: nowrap;
  box-shadow: 0 4px 12px rgba(2, 132, 199, 0.22);
  transition: transform 0.12s ease, background 0.12s ease;
}
.van-app-dl-top-btn:hover {
  background: linear-gradient(135deg, #0369A1 0%, #075985 100%);
  transform: translateY(-1px);
}

.van-view-toggle-group {
  display: inline-flex;
  align-items: center;
  background: var(--van-surface-2);
  border: 1.5px solid var(--van-border-strong);
  border-radius: 99px;
  padding: 3px;
  gap: 3px;
}

.van-view-toggle-btn {
  height: 32px;
  padding: 0 13px;
  border-radius: 99px;
  border: none;
  background: transparent;
  color: var(--van-text-2);
  font-family: 'Plus Jakarta Sans', sans-serif;
  font-size: 13px;
  font-weight: 800;
  cursor: pointer;
  white-space: nowrap;
  transition: all 0.12s ease;
}

.van-view-toggle-btn.is-active {
  background: #0284C7;
  color: #FFFFFF !important;
  box-shadow: 0 2px 8px rgba(2, 132, 199, 0.25);
}

/* =========================================================================
   13. MULTI-COLUMN LIST VIEW TABLE FOR EVERY TAB & SUB-TOPIC BUTTON
   ========================================================================= */
body.van-list-mode .van-split-layout {
  grid-template-columns: 1fr !important;
}
body.van-list-mode .van-inspector-column {
  display: none !important;
}
body.van-list-mode .van-cards-stack,
body.van-list-mode #van-watchlist-grid {
  display: none !important;
}
body:not(.van-list-mode) .van-list-view-container {
  display: none !important;
}
body.van-list-mode .van-list-view-container {
  display: block !important;
}

.van-list-view-container {
  margin-top: 12px;
  background: var(--van-surface);
  border: 2px solid var(--van-border-strong);
  border-radius: 20px;
  overflow: hidden;
  box-shadow: 0 8px 24px rgba(5, 24, 28, 0.05);
}

.van-list-view-bar {
  display: flex;
  justify-content: space-between;
  align-items: center;
  flex-wrap: wrap;
  gap: 10px;
  padding: 14px 20px;
  background: var(--van-surface-2);
  border-bottom: 1.5px solid var(--van-border);
}

.van-list-view-title {
  font-size: 15px;
  font-weight: 800;
  color: var(--van-text);
  display: flex;
  align-items: center;
  gap: 10px;
}

.van-list-view-count {
  background: #E0F2FE;
  color: #0284C7;
  border: 1px solid #7DD3FC;
  font-size: 12.5px;
  font-weight: 800;
  padding: 3px 11px;
  border-radius: 99px;
}

.van-list-scroll {
  width: 100%;
  overflow-x: auto;
  -webkit-overflow-scrolling: touch;
}

.van-list-table {
  width: 100%;
  border-collapse: collapse;
  font-size: 14.5px;
  text-align: left;
  min-width: 980px;
}

.van-list-table thead th {
  background: #F0F7FA;
  color: #05181C;
  font-size: 12px;
  font-weight: 800;
  letter-spacing: 0.06em;
  text-transform: uppercase;
  padding: 13px 16px;
  border-bottom: 2px solid #CBE2E8;
  white-space: nowrap;
}
html[data-van-mode="dark"] .van-list-table thead th {
  background: #0B252E;
  color: #E2F1F5;
  border-bottom-color: #1E4E5A;
}

.van-list-table tbody tr {
  border-bottom: 1px solid var(--van-border);
  cursor: pointer;
  transition: background 0.12s ease;
}

.van-list-table tbody tr:hover {
  background: rgba(56, 189, 248, 0.08);
}

.van-list-table td {
  padding: 14px 16px;
  vertical-align: top;
  color: var(--van-text);
  line-height: 1.45;
  font-weight: 600;
}

.van-lt-pill {
  display: inline-block;
  padding: 4px 11px;
  border-radius: 99px;
  font-size: 12px;
  font-weight: 800;
  background: #E0F2FE;
  color: #0284C7;
  border: 1px solid #7DD3FC;
  white-space: nowrap;
}
.van-lt-pill.is-green {
  background: #ECFDF5;
  color: #047857;
  border-color: #6EE7B7;
}
.van-lt-pill.is-red {
  background: #FEF2F2;
  color: #B91C1C;
  border-color: #FCA5A5;
}

.van-lt-primary {
  font-size: 15.5px;
  font-weight: 800;
  color: var(--van-text);
}

.van-lt-sub {
  font-size: 13px;
  font-weight: 600;
  color: var(--van-text-2);
  margin-top: 2px;
}

.van-lt-money {
  font-size: 16px;
  font-weight: 800;
  color: #047857;
  white-space: nowrap;
}
.van-lt-money.is-dump {
  color: #B91C1C;
}

.van-lt-warm {
  display: inline-flex;
  align-items: center;
  gap: 5px;
  background: #F0F9FF;
  color: #0284C7;
  border: 1px solid #7DD3FC;
  border-radius: 99px;
  padding: 4px 11px;
  font-size: 12.5px;
  font-weight: 800;
}

/* =========================================================================
   14. GLOBAL FOOTER: 3 APP DOWNLOAD CARDS (SURVYR., COTEAU., ARQ.) + DISCLOSURES
   ========================================================================= */
.van-global-footer {
  max-width: 1440px;
  margin: 28px auto 96px auto;
  padding: 0 24px;
}

.van-footer-apps-box {
  background: var(--van-surface);
  border: 2px solid var(--van-border-strong);
  border-radius: 22px;
  padding: 24px 28px;
  margin-bottom: 18px;
  box-shadow: 0 6px 18px rgba(5, 24, 28, 0.04);
}

.van-footer-apps-kicker {
  font-size: 12.5px;
  font-weight: 800;
  letter-spacing: 0.08em;
  text-transform: uppercase;
  color: #0284C7;
  margin-bottom: 14px;
}

.van-footer-apps-grid {
  display: grid;
  grid-template-columns: repeat(3, 1fr);
  gap: 16px;
}

.van-footer-app-card {
  background: var(--van-surface-2);
  border: 1.5px solid var(--van-border-strong);
  border-radius: 18px;
  padding: 18px 20px;
  display: flex;
  flex-direction: column;
  justify-content: space-between;
  gap: 12px;
}

.van-footer-app-card.is-featured {
  background: #F0F9FF;
  border: 2px solid #0284C7;
}
html[data-van-mode="dark"] .van-footer-app-card.is-featured {
  background: rgba(2, 132, 199, 0.14);
  border-color: #38BDF8;
}

.van-footer-app-brand {
  font-family: 'Outfit', sans-serif;
  font-size: 19px;
  font-weight: 800;
  color: var(--van-text);
  letter-spacing: -0.01em;
}

.van-footer-app-desc {
  font-size: 14px;
  font-weight: 600;
  color: var(--van-text-2);
  line-height: 1.48;
  margin-top: 4px;
}

.van-footer-app-cta {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  gap: 6px;
  padding: 10px 16px;
  border-radius: 99px;
  background: #05181C;
  color: #FFFFFF !important;
  font-size: 13.5px;
  font-weight: 800;
  text-decoration: none;
  border: none;
  cursor: pointer;
  width: fit-content;
}
.van-footer-app-card.is-featured .van-footer-app-cta {
  background: #0284C7;
}

.van-footer-disclosures {
  background: var(--van-surface);
  border: 1.5px solid var(--van-border);
  border-radius: 18px;
  padding: 18px 24px;
  font-size: 12.5px;
  font-weight: 600;
  color: var(--van-text-3);
  line-height: 1.6;
}
.van-footer-disclosures strong {
  color: var(--van-text);
  font-weight: 800;
}

@media (max-width: 960px) {
  .van-footer-apps-grid {
    grid-template-columns: 1fr;
  }
  .van-prof-head-box {
    padding-right: 20px !important;
  }
}

@media (max-width: 720px) {
  .van-about-card {
    padding: 20px 18px;
    border-radius: 18px;
  }
  .van-about-screen-row {
    flex-direction: column;
    align-items: flex-start;
    padding: 16px;
  }
  .van-about-screen-row > div {
    max-width: 100% !important;
    width: 100% !important;
    text-align: left !important;
  }
  .van-global-footer {
    padding: 0 14px;
  }
}



/* =====================================================================
   SURVYR. V15 FINAL POLISH OVERRIDES (t4607u - t4653u)
   1. Default Slate-Teal Color Scheme Matching Deep Slate-Teal Close Button
   2. Exact Outfit 700 Logo Lockup
   3. Sticky Top Logo Strip ONLY on Desktop; Non-Sticky Centered Bubble Nav + Search
   4. 2-Per-Row Card Grid on Desktop + Full-Width Multi-Column List View Everywhere
   5. Darkened Concentric Circles ONLY in Top Strip, Profile Banner & About Hero
   6. Website Bottom Nav Removed
   ===================================================================== */

:root,
html[data-van-mode="light"],
html[data-van-mode="light"][data-van-palette="slate-teal"] {
  --van-bg: #EEF4F6;
  --van-bg-elev: #E3EEF2;
  --van-surface: #FFFFFF;
  --van-surface-2: #F4F8FA;
  --van-surface-warm: #EBF6F9;
  --van-ink: #05181C;
  --van-ink-2: #16424B;
  --van-muted: #486A73;
  --van-border: #C4D9DF;
  --van-border-strong: #8EB6C0;
  --van-primary: #0891B2;
  --van-primary-ink: #FFFFFF;
  --van-primary-soft: #E0F4F8;
  --van-accent: #05181C;
  --van-accent-soft: #E6F4F7;
  --van-warm-bg: #EBF7FA;
  --van-warm-border: #0891B2;
  --van-warm-ink: #05181C;
  --van-payout-bg: #F0F9FB;
  --van-payout-border: #0891B2;
  --van-payout-ink: #05181C;
  --van-dot-color: #0891B2;
  --van-primary-grad: linear-gradient(135deg, #05181C 0%, #0891B2 100%);
}

html[data-van-mode="dark"][data-van-palette="slate-teal"] {
  --van-bg: #051317;
  --van-bg-elev: #081D23;
  --van-surface: #0B252C;
  --van-surface-2: #0F3039;
  --van-ink: #F4F9FA;
  --van-ink-2: #C2DCE2;
  --van-muted: #84AEB8;
  --van-border: #1B4652;
  --van-border-strong: #286475;
  --van-primary: #38BDF8;
  --van-primary-grad: linear-gradient(135deg, #08333D 0%, #0891B2 100%);
}

/* No page-wide repeating circles cutting into cards */
body.van-body::before {
  display: none !important;
}
body.van-body {
  background: var(--van-bg) !important;
  padding-bottom: 32px !important;
}

/* Completely hide bottom nav on the website; only show on standalone mobile PWA */
.van-bottom-nav {
  display: none !important;
}
@media (max-width: 768px) {
  html.is-standalone-pwa .van-bottom-nav {
    display: grid !important;
  }
}

/* Exact Outfit 700 Logo Lockup */
.van-logo-word-wrap,
.van-logo-survyr {
  font-family: 'Outfit', sans-serif !important;
  font-weight: 700 !important;
  letter-spacing: -0.015em !important;
}
html[data-van-mode="light"] .van-logo-survyr.van-wm-grad {
  background: linear-gradient(90deg, #05181C 0%, #05181C 15%, #165B6D 55%, #2B99B8 100%) !important;
  -webkit-background-clip: text !important;
  -webkit-text-fill-color: transparent !important;
  background-clip: text !important;
}
html[data-van-mode="dark"] .van-logo-survyr.van-wm-grad {
  background: linear-gradient(90deg, #F4F8F9 0%, #99E2F2 55%, #38BDF8 100%) !important;
  -webkit-background-clip: text !important;
  -webkit-text-fill-color: transparent !important;
  background-clip: text !important;
}

/* Sticky Top Logo Strip ONLY on Desktop; Sub-Header (Bubbles + Search) Scrolls Naturally */
.van-header {
  position: sticky !important;
  top: 0 !important;
  z-index: 200 !important;
  background: rgba(255, 255, 255, 0.96) !important;
  backdrop-filter: blur(12px) !important;
  border-bottom: 1.5px solid var(--van-border-strong) !important;
  box-shadow: 0 3px 14px rgba(5, 24, 28, 0.06) !important;
}
html[data-van-mode="dark"] .van-header {
  background: rgba(8, 29, 35, 0.96) !important;
}
.van-header-inner {
  max-width: 1420px !important;
  margin: 0 auto !important;
  padding: 10px 20px !important;
}
.van-top-row1 {
  margin-bottom: 0 !important;
  padding-bottom: 0 !important;
}

/* Sub-Header Bar (Centered Standalone Bubbles + Search Bar) */
.van-sub-header-bar {
  background: transparent !important;
  border-bottom: none !important;
  padding: 12px 20px 6px !important;
}
@media (min-width: 769px) {
  .van-sub-header-bar {
    position: static !important;
  }
}
@media (max-width: 768px) {
  .van-sub-header-bar {
    padding: 10px 12px 6px !important;
  }
}
.van-sub-header-inner {
  max-width: 1420px !important;
  margin: 0 auto !important;
  display: flex;
  flex-direction: column;
  gap: 10px;
}

/* Centered Standalone Bubble Menu (NO enclosing grey container bar) */
.van-web-menunav {
  background: transparent !important;
  border: none !important;
  box-shadow: none !important;
  padding: 0 !important;
  margin: 0 auto !important;
  width: 100% !important;
}
.van-web-menunav-scroll {
  display: flex !important;
  justify-content: center !important;
  align-items: center !important;
  flex-wrap: wrap !important;
  gap: 8px !important;
  padding: 2px 0 !important;
}
.van-webnav-btn {
  appearance: none;
  border-radius: 999px !important;
  padding: 8px 16px !important;
  font-family: 'Plus Jakarta Sans', sans-serif !important;
  font-size: 13px !important;
  font-weight: 800 !important;
  letter-spacing: -0.01em !important;
  background: var(--van-surface) !important;
  color: var(--van-ink) !important;
  border: 1.5px solid var(--van-border-strong) !important;
  box-shadow: 0 2px 6px rgba(5, 24, 28, 0.05) !important;
  cursor: pointer;
  transition: all 0.15s ease !important;
}
.van-webnav-btn:hover {
  border-color: #0891B2 !important;
  transform: translateY(-1px);
}
.van-webnav-btn.is-active {
  background: linear-gradient(135deg, #05181C 0%, #0891B2 100%) !important;
  color: #FFFFFF !important;
  border: 1.5px solid #0891B2 !important;
  box-shadow: 0 4px 12px rgba(8, 145, 178, 0.28) !important;
}

/* Deep Slate-Teal Buttons Matching Close Button */
.van-btn-primary,
.van-csv-top-btn,
.van-dl-app-top-btn,
.van-drawer-close-btn,
.van-pill-btn.is-active,
.van-view-toggle-btn.is-active {
  background: linear-gradient(135deg, #05181C 0%, #0891B2 100%) !important;
  color: #FFFFFF !important;
  border: 1.5px solid #0891B2 !important;
  box-shadow: 0 3px 10px rgba(8, 145, 178, 0.22) !important;
  font-weight: 800 !important;
}
.van-dl-app-top-btn {
  padding: 7px 13px !important;
  border-radius: 9px !important;
  font-size: 12.5px !important;
  cursor: pointer;
  display: inline-flex;
  align-items: center;
  gap: 5px;
}

/* Cards vs. List View Toggle Group */
.van-view-toggle-group {
  display: inline-flex;
  align-items: center;
  background: var(--van-surface);
  border: 1.5px solid var(--van-border-strong);
  border-radius: 10px;
  padding: 2px;
  gap: 2px;
}
.van-view-toggle-btn {
  appearance: none;
  border: 1.5px solid transparent;
  background: transparent;
  color: var(--van-ink);
  font-family: 'Plus Jakarta Sans', sans-serif;
  font-size: 12px;
  font-weight: 800;
  padding: 5px 11px;
  border-radius: 7px;
  cursor: pointer;
}

/* Search Bar Compact & Clean */
.van-top-row2 {
  max-width: 980px;
  width: 100%;
  margin: 0 auto !important;
}
.van-search-box {
  height: 44px !important;
  border-radius: 999px !important;
  border: 1.5px solid var(--van-border-strong) !important;
  background: var(--van-surface) !important;
  padding: 0 16px !important;
  box-shadow: 0 2px 8px rgba(5, 24, 28, 0.04) !important;
}

/* Main Workspace: Full Width 2-Column Card Grid on Desktop (Hide Right Inspector Column) */
.van-workspace {
  max-width: 1420px !important;
  margin: 0 auto !important;
  padding: 8px 20px 40px !important;
}
.van-split-layout {
  display: block !important;
}
.van-inspector-column {
  display: none !important;
}
.van-feed-column {
  width: 100% !important;
  max-width: 100% !important;
}

/* Compact Section Banner + Filter Bar so Cards Sit Above the Fold */
.van-sec-banner {
  padding: 12px 18px !important;
  margin-bottom: 10px !important;
  border-radius: 14px !important;
  background: var(--van-surface) !important;
  border: 1.5px solid var(--van-border) !important;
}
.van-sec-kicker {
  font-size: 10.5px !important;
  margin-bottom: 2px !important;
}
.van-sec-heading {
  font-size: 20px !important;
  line-height: 1.2 !important;
  margin-bottom: 3px !important;
}
.van-sec-desc {
  font-size: 13px !important;
  line-height: 1.38 !important;
  margin: 0 !important;
}
.van-filter-bar {
  margin-bottom: 12px !important;
  gap: 6px !important;
}
.van-pill-btn {
  padding: 6px 13px !important;
  font-size: 12.5px !important;
  border-radius: 999px !important;
}

/* 2 Items Per Row on Desktop (>= 900px) */
@media (min-width: 900px) {
  .van-cards-stack,
  .van-watchlist-grid {
    display: grid !important;
    grid-template-columns: repeat(2, minmax(0, 1fr)) !important;
    gap: 16px !important;
    align-items: stretch !important;
  }
  .van-cards-stack > div[data-news-kind] {
    display: flex;
    flex-direction: column;
  }
  .van-cards-stack > div[data-news-kind] > .van-lead-card {
    height: 100%;
  }
}

/* Clean Solid White Cards (Zero Circles Cutting Into Cards) */
.van-lead-card,
.van-news-card,
.van-panel-card,
.van-wl-card {
  background: var(--van-surface) !important;
  border: 1.5px solid var(--van-border-strong) !important;
  border-radius: 16px !important;
  padding: 16px 18px !important;
  margin-bottom: 0 !important;
  display: flex;
  flex-direction: column;
  justify-content: space-between;
  box-shadow: 0 4px 14px rgba(5, 24, 28, 0.05) !important;
}
.van-lead-card::before,
.van-lead-card::after {
  display: none !important;
}

/* Multi-Column List View Container & Table */
.van-list-view-container {
  display: none;
  width: 100%;
  overflow-x: auto;
  background: var(--van-surface);
  border: 1.5px solid var(--van-border-strong);
  border-radius: 16px;
  box-shadow: 0 6px 20px rgba(5, 24, 28, 0.06);
  margin-bottom: 18px;
}
body.van-list-mode .van-list-view-container {
  display: block !important;
}
body.van-list-mode .van-cards-stack,
body.van-list-mode .van-watchlist-grid {
  display: none !important;
}
.van-list-table {
  width: 100%;
  border-collapse: collapse;
  font-size: 13px;
  text-align: left;
}
.van-list-table thead th {
  background: linear-gradient(135deg, #05181C 0%, #0B4F60 100%);
  color: #FFFFFF;
  font-family: 'Plus Jakarta Sans', sans-serif;
  font-size: 11px;
  font-weight: 800;
  letter-spacing: 0.07em;
  text-transform: uppercase;
  padding: 12px 14px;
  border-bottom: 2px solid #0891B2;
  white-space: nowrap;
}
.van-list-table tbody tr {
  border-bottom: 1px solid var(--van-border);
  background: var(--van-surface);
  cursor: pointer;
  transition: background 0.12s ease;
}
.van-list-table tbody tr:nth-child(even) {
  background: var(--van-surface-2);
}
.van-list-table tbody tr:hover {
  background: #E2F3F7;
}
html[data-van-mode="dark"] .van-list-table tbody tr:hover {
  background: #123B46;
}
.van-list-table td {
  padding: 11px 14px;
  vertical-align: middle;
  color: var(--van-ink);
  line-height: 1.35;
}
.van-lt-primary {
  font-weight: 800;
  color: var(--van-ink);
  font-size: 13.5px;
}
.van-lt-sub {
  font-size: 11.5px;
  color: var(--van-muted);
  font-weight: 600;
}
.van-lt-pill {
  display: inline-block;
  padding: 3px 9px;
  border-radius: 999px;
  font-size: 11px;
  font-weight: 800;
  background: #E0F4F8;
  color: #05181C;
  border: 1px solid #0891B2;
  white-space: nowrap;
}
.van-lt-payout {
  font-family: 'Outfit', sans-serif;
  font-weight: 800;
  font-size: 14px;
  color: #05181C;
  background: #EBF8FA;
  border: 1px solid #0891B2;
  padding: 4px 9px;
  border-radius: 8px;
  white-space: nowrap;
}
.van-lt-warm {
  font-weight: 700;
  color: #065F46;
  font-size: 12.5px;
}

/* Darkened Concentric Circles in Profile Drawer Header Banner (.van-prof-head-box) */
.van-prof-head-box {
  position: relative;
  overflow: hidden;
  background:
    radial-gradient(circle at 92% 16%, rgba(8, 145, 178, 0.28) 0%, rgba(8, 145, 178, 0.12) 28%, transparent 56%),
    repeating-radial-gradient(circle at 92% 14%, rgba(8, 145, 178, 0.24) 0px, rgba(8, 145, 178, 0.24) 2.5px, transparent 2.5px, transparent 28px),
    repeating-linear-gradient(-45deg, rgba(5, 24, 28, 0.08) 0px, rgba(5, 24, 28, 0.08) 1.5px, transparent 1.5px, transparent 22px),
    var(--van-surface) !important;
  border: 2px solid #0891B2 !important;
  border-radius: 16px !important;
  padding: 18px 20px !important;
}

/* Centered Profile Modal on Desktop when Clicking Any Card or List Row */
@media (min-width: 769px) {
  .van-profile-drawer {
    position: fixed !important;
    top: 50% !important;
    left: 50% !important;
    right: auto !important;
    bottom: auto !important;
    transform: translate(-50%, -50%) !important;
    width: min(880px, 94vw) !important;
    max-height: 88vh !important;
    border-radius: 20px !important;
    z-index: 1200 !important;
    box-shadow: 0 24px 64px rgba(5, 24, 28, 0.32) !important;
    border: 2px solid #0891B2 !important;
    overflow: hidden !important;
  }
  .van-profile-drawer .van-drawer-sheet {
    max-height: 88vh !important;
    border-radius: 18px !important;
    display: flex;
    flex-direction: column;
  }
  .van-profile-drawer .van-drawer-body {
    overflow-y: auto !important;
    max-height: calc(88vh - 90px) !important;
  }
}

/* What is SURVYR.? Hero Banner + 1-Per-Line Rows */
.van-about-hero-card {
  position: relative;
  overflow: hidden;
  background: var(--van-surface);
  border: 2px solid #0891B2;
  border-radius: 18px;
  padding: 24px 28px;
  margin-bottom: 16px;
  box-shadow: 0 8px 24px rgba(5, 24, 28, 0.07);
}
.van-about-hero-svg {
  position: absolute;
  top: 0;
  right: 0;
  width: 340px;
  height: 100%;
  pointer-events: none;
}
.van-about-hero-content {
  position: relative;
  z-index: 1;
  max-width: 920px;
}
.van-about-hero-title {
  font-family: 'Outfit', sans-serif;
  font-size: 28px;
  font-weight: 800;
  color: var(--van-ink);
  margin: 4px 0 8px;
}
.van-about-hero-desc {
  font-size: 15px;
  line-height: 1.5;
  color: var(--van-ink-2);
  margin-bottom: 14px;
}
.van-about-hero-actions {
  display: flex;
  flex-wrap: wrap;
  gap: 10px;
  align-items: center;
}
.van-about-rows-stack {
  display: flex;
  flex-direction: column;
  gap: 10px;
}
.van-about-row-card {
  background: var(--van-surface);
  border: 1.5px solid var(--van-border-strong);
  border-left: 6px solid #0891B2;
  border-radius: 14px;
  padding: 14px 18px;
  display: flex;
  align-items: center;
  gap: 16px;
  cursor: pointer;
  transition: transform 0.12s ease, border-color 0.12s ease;
}
.van-about-row-card:hover {
  transform: translateY(-1px);
  border-color: #0891B2;
}
.van-about-row-num {
  width: 34px;
  height: 34px;
  border-radius: 9px;
  background: linear-gradient(135deg, #05181C 0%, #0891B2 100%);
  color: #FFFFFF;
  font-family: 'Outfit', sans-serif;
  font-weight: 800;
  font-size: 16px;
  display: flex;
  align-items: center;
  justify-content: center;
  flex-shrink: 0;
}
.van-about-row-body {
  flex: 1;
}
.van-about-row-head {
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: 10px;
  margin-bottom: 4px;
}
.van-about-row-title {
  font-size: 16px;
  font-weight: 800;
  color: var(--van-ink);
  margin: 0;
}
.van-about-row-tag {
  font-size: 11px;
  font-weight: 800;
  padding: 3px 10px;
  border-radius: 999px;
  background: #E0F4F8;
  color: #05181C;
  border: 1px solid #0891B2;
}
.van-about-row-desc {
  font-size: 13.5px;
  color: var(--van-ink-2);
  margin: 0;
  line-height: 1.42;
}

/* Download App QR Modal */
.van-dl-qr-hero {
  display: flex;
  align-items: stretch;
  gap: 20px;
  padding: 8px 4px;
  flex-wrap: wrap;
}
.van-dl-qr-frame {
  background: #FFFFFF;
  border: 2px solid #0891B2;
  border-radius: 16px;
  padding: 16px;
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: center;
  gap: 8px;
  min-width: 180px;
}
.van-dl-qr-caption {
  font-family: 'Outfit', sans-serif;
  font-weight: 800;
  font-size: 13px;
  color: #05181C;
}
.van-dl-qr-steps-col {
  flex: 1;
  min-width: 260px;
  display: flex;
  flex-direction: column;
  gap: 12px;
}
.van-dl-step-card {
  background: var(--van-surface-2);
  border: 1.5px solid var(--van-border-strong);
  border-radius: 12px;
  padding: 12px 16px;
  display: flex;
  flex-direction: column;
  gap: 4px;
}
.van-dl-step-badge {
  font-size: 10.5px;
  font-weight: 800;
  letter-spacing: 0.08em;
  color: #0891B2;
}

/* Global Footer */
.van-global-footer {
  margin-top: 36px;
  padding-top: 24px;
  border-top: 2px solid var(--van-border-strong);
}
.van-footer-apps-head {
  margin-bottom: 10px;
}
.van-footer-apps-grid {
  display: grid;
  grid-template-columns: repeat(auto-fit, minmax(280px, 1fr));
  gap: 14px;
  margin-bottom: 16px;
}
.van-footer-app-card {
  background: var(--van-surface);
  border: 1.5px solid var(--van-border-strong);
  border-radius: 14px;
  padding: 16px 18px;
  display: flex;
  flex-direction: column;
  justify-content: space-between;
  gap: 10px;
}
.van-footer-app-card.is-current {
  border: 2px solid #0891B2;
}
.van-footer-app-top {
  display: flex;
  align-items: center;
  justify-content: space-between;
}
.van-footer-app-name {
  font-family: 'Outfit', sans-serif;
  font-weight: 800;
  font-size: 22px;
  color: var(--van-ink);
}
.van-footer-app-badge {
  font-size: 10px;
  font-weight: 800;
  letter-spacing: 0.08em;
  padding: 3px 9px;
  border-radius: 999px;
  background: #E0F4F8;
  color: #05181C;
  border: 1px solid #0891B2;
}
.van-footer-app-desc {
  font-size: 12.5px;
  color: var(--van-ink-2);
  line-height: 1.42;
  margin: 0;
}
.van-footer-app-links {
  display: flex;
  gap: 8px;
  flex-wrap: wrap;
}
.van-footer-disclosures {
  font-size: 11.5px;
  color: var(--van-muted);
  line-height: 1.48;
  padding: 12px 16px;
  background: var(--van-surface);
  border: 1px solid var(--van-border);
  border-radius: 12px;
}


/* ============================================================================
   FINAL OVERHAUL (v22):
   1. 6 Working Color Themes (Light + Dark) Driving All Buttons, Borders & Accents
   2. Zero Outer Border/Pill on Top Nav Bar (.van-web-menunav-scroll)
   3. Single "Edit Site" Button + Popover in Top Header
   4. Cards | List View Toggle Right Above Cards Inside .van-filter-bar
   5. Clean, Compact, Ultra-Legible 2-Per-Row Tiles (34x34 Logo, Zero Clutter)
   6. Exact 5-Ring Concentric Circles + 3 Slash Lines in Header, Page BG & Profile
   ============================================================================ */

/* --- 1. DYNAMIC PALETTE VARIABLES FOR ALL 6 COLOR SCHEMES --- */
html,
html[data-van-palette="slate-teal"] {
  --van-theme-grad: linear-gradient(135deg, #05181C 0%, #0891B2 100%);
  --van-theme-solid: #0891B2;
  --van-theme-dark: #05181C;
  --van-theme-tint: #E0F4F8;
  --van-theme-soft: #F2FAFC;
  --van-theme-border: #8CD1DF;
  --van-ring-stroke: rgba(8, 145, 178, 0.22);
  --van-bg: #EEF6F8;
}
html[data-van-palette="c0_arq"] {
  --van-theme-grad: linear-gradient(135deg, #071324 0%, #0284C7 100%);
  --van-theme-solid: #0284C7;
  --van-theme-dark: #071324;
  --van-theme-tint: #E0F2FE;
  --van-theme-soft: #F0F9FF;
  --van-theme-border: #7DD3FC;
  --van-ring-stroke: rgba(2, 132, 199, 0.22);
  --van-bg: #EDF5FC;
}
html[data-van-palette="c2_aqua"] {
  --van-theme-grad: linear-gradient(135deg, #04293A 0%, #00A8CC 100%);
  --van-theme-solid: #0093B5;
  --van-theme-dark: #04293A;
  --van-theme-tint: #CCFBF1;
  --van-theme-soft: #F0FDFA;
  --van-theme-border: #5EEAD4;
  --van-ring-stroke: rgba(0, 168, 204, 0.24);
  --van-bg: #EBF9FA;
}
html[data-van-palette="c1_brass"] {
  --van-theme-grad: linear-gradient(135deg, #1C1917 0%, #B45309 100%);
  --van-theme-solid: #B45309;
  --van-theme-dark: #1C1917;
  --van-theme-tint: #FEF3C7;
  --van-theme-soft: #FFFBEB;
  --van-theme-border: #FCD34D;
  --van-ring-stroke: rgba(180, 83, 9, 0.20);
  --van-bg: #F7F4EE;
}
html[data-van-palette="c4_stone"] {
  --van-theme-grad: linear-gradient(135deg, #0F172A 0%, #475569 100%);
  --van-theme-solid: #334155;
  --van-theme-dark: #0F172A;
  --van-theme-tint: #E2E8F0;
  --van-theme-soft: #F8FAFC;
  --van-theme-border: #94A3B8;
  --van-ring-stroke: rgba(51, 65, 85, 0.20);
  --van-bg: #F1F5F9;
}
html[data-van-palette="c5_emerald"] {
  --van-theme-grad: linear-gradient(135deg, #063729 0%, #059669 100%);
  --van-theme-solid: #059669;
  --van-theme-dark: #063729;
  --van-theme-tint: #D1FAE5;
  --van-theme-soft: #ECFDF5;
  --van-theme-border: #6EE7B7;
  --van-ring-stroke: rgba(5, 150, 105, 0.22);
  --van-bg: #ECF7F2;
}

/* Dark Mode Palette Overrides */
html[data-van-mode="dark"] {
  --van-bg: #05181C !important;
  --van-surface: #0A252C !important;
  --van-surface-2: #0F313A !important;
  --van-ink: #F8FAFC !important;
  --van-ink-2: #CBD5E1 !important;
  --van-muted: #94A3B8 !important;
  --van-theme-soft: rgba(255, 255, 255, 0.05) !important;
  --van-theme-tint: rgba(56, 189, 248, 0.16) !important;
  --van-ring-stroke: rgba(56, 189, 248, 0.22) !important;
}
html[data-van-mode="dark"][data-van-palette="c0_arq"] {
  --van-bg: #040B16 !important;
  --van-surface: #0B1628 !important;
  --van-surface-2: #11223D !important;
}
html[data-van-mode="dark"][data-van-palette="c1_brass"] {
  --van-bg: #12100E !important;
  --van-surface: #1C1917 !important;
  --van-surface-2: #292524 !important;
  --van-theme-tint: rgba(245, 158, 11, 0.18) !important;
  --van-ring-stroke: rgba(217, 119, 6, 0.22) !important;
}
html[data-van-mode="dark"][data-van-palette="c4_stone"] {
  --van-bg: #0B0F19 !important;
  --van-surface: #111827 !important;
  --van-surface-2: #1F2937 !important;
  --van-theme-tint: rgba(148, 163, 184, 0.18) !important;
  --van-ring-stroke: rgba(148, 163, 184, 0.20) !important;
}
html[data-van-mode="dark"][data-van-palette="c5_emerald"] {
  --van-bg: #041F17 !important;
  --van-surface: #072E22 !important;
  --van-surface-2: #0B3D2E !important;
  --van-theme-tint: rgba(16, 185, 129, 0.18) !important;
  --van-ring-stroke: rgba(16, 185, 129, 0.22) !important;
}

body.van-body {
  background: var(--van-bg) !important;
  color: var(--van-ink) !important;
  position: relative;
}

/* Full-Page Background Concentric Circles + 45° Slash SVG */
.van-page-bg-graphic {
  position: fixed;
  inset: 0;
  pointer-events: none;
  z-index: 0;
  overflow: hidden;
}
.van-page-bg-svg {
  width: 100%;
  height: 100%;
  display: block;
}
.van-header,
.van-sub-header-bar,
.van-workspace {
  position: relative;
  z-index: 1;
}

/* --- 2. EXACT OUTFIT 700 LOGO --- */
.van-logo-word-wrap,
.van-logo-survyr,
.van-wm-grad {
  font-family: 'Outfit', sans-serif !important;
  font-weight: 700 !important;
  font-size: 32px !important;
  letter-spacing: -0.015em !important;
  background: var(--van-theme-grad) !important;
  -webkit-background-clip: text !important;
  background-clip: text !important;
  -webkit-text-fill-color: transparent !important;
}
html[data-van-mode="dark"] .van-logo-survyr,
html[data-van-mode="dark"] .van-wm-grad {
  background: none !important;
  -webkit-text-fill-color: #FFFFFF !important;
  color: #FFFFFF !important;
}
.van-sys-bot {
  color: var(--van-theme-solid) !important;
}

/* --- 3. CONDENSED TOP HEADER & "EDIT SITE" POPOVER --- */
.van-header {
  background: var(--van-surface) !important;
  border-bottom: 1.5px solid var(--van-theme-border) !important;
}
.van-header-bg-graphic {
  position: absolute;
  inset: 0;
  pointer-events: none;
  overflow: hidden;
  z-index: 0;
}
.van-header-bg-svg {
  width: 100%;
  height: 100%;
  display: block;
}
.van-header-inner {
  position: relative;
  z-index: 2;
  max-width: 1420px !important;
  margin: 0 auto !important;
  padding: 8px 20px !important;
}
.van-edit-site-wrap {
  position: relative;
}
.van-dl-app-top-btn,
.van-csv-top-btn,
.van-menu-btn,
.van-btn-primary,
.van-btn-secondary-sm,
.van-btn-secondary {
  background: var(--van-theme-grad) !important;
  color: #FFFFFF !important;
  border: 1.5px solid var(--van-theme-solid) !important;
  border-radius: 999px !important;
  padding: 6px 14px !important;
  font-size: 12px !important;
  font-weight: 700 !important;
  cursor: pointer;
  text-decoration: none !important;
  display: inline-flex;
  align-items: center;
  gap: 5px;
  box-shadow: 0 2px 6px rgba(5, 24, 28, 0.14) !important;
}

.van-edit-site-popover {
  display: none;
  position: absolute;
  top: calc(100% + 8px);
  right: 0;
  width: 320px;
  background: var(--van-surface) !important;
  border: 2px solid var(--van-theme-solid) !important;
  border-radius: 14px !important;
  padding: 14px !important;
  box-shadow: 0 18px 42px rgba(5, 24, 28, 0.24) !important;
  z-index: 9999;
}
.van-edit-site-popover.is-open {
  display: block !important;
}
.van-edit-pop-head {
  display: flex;
  align-items: center;
  justify-content: space-between;
  margin-bottom: 10px;
  padding-bottom: 8px;
  border-bottom: 1px solid var(--van-theme-border);
}
.van-edit-pop-title {
  font-family: 'Outfit', sans-serif;
  font-weight: 700;
  font-size: 14px;
  color: var(--van-ink);
}
.van-edit-pop-close {
  background: transparent;
  border: none;
  font-size: 14px;
  font-weight: 800;
  color: var(--van-muted);
  cursor: pointer;
}
.van-edit-pop-group {
  margin-bottom: 12px;
}
.van-edit-pop-label {
  display: block;
  font-size: 10px;
  font-weight: 800;
  letter-spacing: 0.08em;
  color: var(--van-muted);
  margin-bottom: 6px;
}
.van-edit-seg-row {
  display: grid;
  grid-template-columns: 1fr 1fr;
  gap: 6px;
}
.van-edit-seg-btn {
  background: var(--van-surface-2);
  color: var(--van-ink);
  border: 1.5px solid var(--van-theme-border);
  border-radius: 8px;
  padding: 6px 10px;
  font-size: 12px;
  font-weight: 700;
  cursor: pointer;
}
.van-edit-seg-btn.is-active {
  background: var(--van-theme-grad) !important;
  color: #FFFFFF !important;
  border-color: var(--van-theme-solid) !important;
}
.van-edit-theme-grid {
  display: grid;
  grid-template-columns: 1fr 1fr;
  gap: 6px;
}
.van-theme-chip {
  display: flex;
  align-items: center;
  gap: 7px;
  background: var(--van-surface-2);
  color: var(--van-ink);
  border: 1.5px solid var(--van-theme-border);
  border-radius: 8px;
  padding: 6px 9px;
  font-size: 11.5px;
  font-weight: 700;
  cursor: pointer;
  text-align: left;
}
.van-theme-chip.is-active {
  background: var(--van-theme-tint) !important;
  border: 2px solid var(--van-theme-solid) !important;
  color: var(--van-ink) !important;
}
.van-Swatch-dot {
  width: 14px;
  height: 14px;
  border-radius: 50%;
  flex-shrink: 0;
  border: 1px solid rgba(255,255,255,0.5);
}
.van-edit-pop-links {
  display: flex;
  flex-direction: column;
  gap: 5px;
  padding-top: 8px;
  border-top: 1px solid var(--van-theme-border);
}
.van-edit-pop-link {
  background: transparent;
  border: none;
  text-align: left;
  font-size: 12px;
  font-weight: 700;
  color: var(--van-theme-solid);
  padding: 4px 2px;
  cursor: pointer;
}

/* --- 4. ZERO OUTER PILL CONTAINER AROUND STANDALONE BUBBLE NAV (t4712u) --- */
.van-sub-header-bar {
  background: transparent !important;
  border: none !important;
  box-shadow: none !important;
  padding: 10px 20px 4px !important;
}
.van-sub-header-inner {
  max-width: 1420px !important;
  margin: 0 auto !important;
  background: transparent !important;
  border: none !important;
  box-shadow: none !important;
}
.van-web-menunav,
.van-web-menunav-scroll {
  background: transparent !important;
  border: none !important;
  box-shadow: none !important;
  outline: none !important;
  border-radius: 0 !important;
  padding: 0 !important;
  display: flex !important;
  flex-wrap: wrap !important;
  justify-content: center !important;
  gap: 8px !important;
  margin-bottom: 10px !important;
}
.van-webnav-btn {
  background: var(--van-surface) !important;
  color: var(--van-ink) !important;
  border: 1.5px solid var(--van-theme-border) !important;
  border-radius: 999px !important;
  padding: 6px 15px !important;
  font-size: 12.5px !important;
  font-weight: 700 !important;
  box-shadow: 0 1px 3px rgba(5, 24, 28, 0.05) !important;
}
.van-webnav-btn.is-active {
  background: var(--van-theme-grad) !important;
  color: #FFFFFF !important;
  border-color: var(--van-theme-solid) !important;
  box-shadow: 0 3px 10px rgba(5, 24, 28, 0.18) !important;
}

/* --- 5. COMPACT SECTION HEADERS + FILTER BAR WITH INLINE [CARDS | LIST VIEW] --- */
.van-sec-banner {
  padding: 8px 14px !important;
  margin-bottom: 8px !important;
  border-radius: 10px !important;
  background: var(--van-surface) !important;
  border: 1.5px solid var(--van-theme-border) !important;
  border-left: 5px solid var(--van-theme-solid) !important;
}
.van-sec-heading {
  font-size: 17px !important;
  font-weight: 800 !important;
  margin: 0 !important;
  color: var(--van-ink) !important;
}
.van-filter-bar {
  display: flex !important;
  flex-wrap: wrap !important;
  align-items: center !important;
  gap: 6px !important;
  margin-bottom: 10px !important;
}
.van-pill-btn {
  background: var(--van-surface) !important;
  color: var(--van-ink) !important;
  border: 1.5px solid var(--van-theme-border) !important;
  border-radius: 999px !important;
  padding: 5px 12px !important;
  font-size: 12px !important;
  font-weight: 700 !important;
}
.van-pill-btn.is-active {
  background: var(--van-theme-grad) !important;
  color: #FFFFFF !important;
  border-color: var(--van-theme-solid) !important;
}
.van-view-toggle-inline {
  margin-left: auto !important;
  display: inline-flex !important;
  align-items: center !important;
  background: var(--van-surface) !important;
  border: 1.5px solid var(--van-theme-border) !important;
  border-radius: 999px !important;
  padding: 2px !important;
  gap: 2px !important;
}
.van-view-toggle-btn {
  background: transparent !important;
  color: var(--van-ink) !important;
  border: none !important;
  border-radius: 999px !important;
  padding: 4px 11px !important;
  font-size: 11.5px !important;
  font-weight: 700 !important;
  cursor: pointer;
}
.van-view-toggle-btn.is-active {
  background: var(--van-theme-grad) !important;
  color: #FFFFFF !important;
}

/* --- 6. CLEAN, COMPACT, HIGH-LEGIBILITY 2-PER-ROW TILES --- */
.van-cards-stack {
  display: grid !important;
  grid-template-columns: repeat(2, minmax(0, 1fr)) !important;
  gap: 12px !important;
}
@media (max-width: 960px) {
  .van-cards-stack {
    grid-template-columns: 1fr !important;
  }
}
body.van-list-mode .van-cards-stack {
  display: none !important;
}
.van-list-view-container {
  display: none;
}
body.van-list-mode .van-list-view-container {
  display: block !important;
}

.van-lead-card {
  background: var(--van-surface) !important;
  border: 1.5px solid var(--van-theme-border) !important;
  border-left: 5px solid var(--van-theme-solid) !important;
  border-radius: 12px !important;
  padding: 12px 14px !important;
  display: flex !important;
  flex-direction: column !important;
  justify-content: space-between !important;
  gap: 8px !important;
  box-shadow: 0 2px 8px rgba(5, 24, 28, 0.05) !important;
  cursor: pointer;
  overflow: hidden;
}
.van-lead-card:hover {
  border-color: var(--van-theme-solid) !important;
  box-shadow: 0 6px 16px rgba(5, 24, 28, 0.10) !important;
}

/* Row 1 of Tile: Category Badge + Date + City | Payout Pill */
.van-card-head-row {
  display: flex !important;
  align-items: center !important;
  justify-content: space-between !important;
  gap: 8px !important;
  flex-wrap: wrap !important;
}
.van-card-eyebrow-row {
  display: flex !important;
  align-items: center !important;
  gap: 6px !important;
  flex-wrap: wrap !important;
  margin: 0 !important;
}
.van-card-badge {
  background: var(--van-theme-tint) !important;
  color: var(--van-ink) !important;
  border: 1px solid var(--van-theme-solid) !important;
  font-size: 10.5px !important;
  font-weight: 800 !important;
  padding: 2px 8px !important;
  border-radius: 999px !important;
  letter-spacing: 0.03em !important;
}
.van-card-date {
  font-size: 11.5px !important;
  font-weight: 800 !important;
  color: var(--van-theme-solid) !important;
}
.van-card-city {
  font-size: 11.5px !important;
  font-weight: 600 !important;
  color: var(--van-muted) !important;
}
.van-card-payout-pill {
  background: var(--van-theme-grad) !important;
  color: #FFFFFF !important;
  font-family: 'Outfit', sans-serif !important;
  font-size: 12.5px !important;
  font-weight: 700 !important;
  padding: 3px 10px !important;
  border-radius: 999px !important;
  white-space: nowrap !important;
  flex-shrink: 0 !important;
}

/* Row 2 of Tile: Crisp 34x34 Logo + Name & 1-Line Event */
.van-card-title-with-logo {
  display: flex !important;
  align-items: center !important;
  gap: 10px !important;
}
.van-co-logo-wrap {
  width: 34px !important;
  height: 34px !important;
  min-width: 34px !important;
  min-height: 34px !important;
  max-width: 34px !important;
  max-height: 34px !important;
  border-radius: 8px !important;
  background: var(--van-theme-soft) !important;
  border: 1px solid var(--van-theme-border) !important;
  display: flex !important;
  align-items: center !important;
  justify-content: center !important;
  overflow: hidden !important;
  flex-shrink: 0 !important;
}
.van-co-logo-img {
  width: 24px !important;
  height: 24px !important;
  max-width: 24px !important;
  max-height: 24px !important;
  object-fit: contain !important;
  display: block !important;
}
.van-co-logo-fallback {
  font-family: 'Outfit', sans-serif !important;
  font-size: 12px !important;
  font-weight: 800 !important;
  color: var(--van-theme-solid) !important;
  display: flex !important;
  align-items: center !important;
  justify-content: center !important;
}
.van-card-title-text {
  flex: 1 !important;
  min-width: 0 !important;
}
.van-card-name {
  font-family: 'Outfit', sans-serif !important;
  font-size: 16px !important;
  font-weight: 700 !important;
  line-height: 1.22 !important;
  color: var(--van-ink) !important;
  margin: 0 0 2px 0 !important;
}
.van-card-oneliner {
  font-size: 13px !important;
  font-weight: 600 !important;
  line-height: 1.3 !important;
  color: var(--van-ink-2) !important;
  margin: 0 !important;
}

/* Row 3 of Tile: Clean 2-Line Key Facts */
.van-card-clean-facts {
  background: var(--van-theme-soft) !important;
  border: 1px solid var(--van-theme-border) !important;
  border-radius: 8px !important;
  padding: 7px 10px !important;
  display: flex !important;
  flex-direction: column !important;
  gap: 3px !important;
}
.van-clean-fact-row {
  font-size: 12px !important;
  line-height: 1.35 !important;
  color: var(--van-ink-2) !important;
  display: flex !important;
  gap: 6px !important;
  align-items: baseline !important;
}
.van-clean-fact-k {
  font-weight: 800 !important;
  color: var(--van-ink) !important;
  white-space: nowrap !important;
  flex-shrink: 0 !important;
}
.van-clean-fact-v {
  font-weight: 500 !important;
  color: var(--van-ink-2) !important;
}
.van-clean-fact-v.is-accent {
  font-weight: 700 !important;
  color: var(--van-theme-solid) !important;
}

/* Row 4 of Tile: Warm Intro Bar + Contacts */
.van-card-bottom-bar {
  display: flex !important;
  flex-direction: column !important;
  gap: 5px !important;
}
.van-warm-pill-bar {
  background: var(--van-theme-tint) !important;
  border: 1px solid var(--van-theme-border) !important;
  border-radius: 8px !important;
  padding: 5px 10px !important;
  display: flex !important;
  align-items: center !important;
  justify-content: space-between !important;
  gap: 8px !important;
  font-size: 12px !important;
  color: var(--van-ink) !important;
}
.van-warm-dot {
  width: 7px !important;
  height: 7px !important;
  border-radius: 50% !important;
  background: var(--van-theme-solid) !important;
  flex-shrink: 0 !important;
}
.van-warm-text {
  flex: 1 !important;
  min-width: 0 !important;
  overflow: hidden !important;
  text-overflow: ellipsis !important;
  white-space: nowrap !important;
}
.van-warm-pill-cta {
  font-weight: 800 !important;
  font-size: 11.5px !important;
  color: var(--van-theme-solid) !important;
  white-space: nowrap !important;
}
.van-card-contacts-plain {
  font-size: 11.5px !important;
  color: var(--van-muted) !important;
  display: flex !important;
  flex-wrap: wrap !important;
  align-items: center !important;
  gap: 5px !important;
  padding: 0 2px !important;
}
.van-card-contacts-plain a {
  color: var(--van-theme-solid) !important;
  font-weight: 700 !important;
  text-decoration: none !important;
}
.van-source-tag {
  margin-left: auto !important;
  font-size: 10.5px !important;
  color: var(--van-muted) !important;
}

/* --- 7. PROFILE DRAWER & MODAL: CLEAN, ZERO DUPLICATE HEADERS, 5-RING SVG --- */
.van-prof-head-box {
  position: relative !important;
  overflow: hidden !important;
  background: var(--van-theme-soft) !important;
  border: 1.5px solid var(--van-theme-border) !important;
  border-radius: 12px !important;
  padding: 14px 16px !important;
  margin-bottom: 12px !important;
}
.van-prof-rings-svg {
  position: absolute !important;
  inset: 0 !important;
  width: 100% !important;
  height: 100% !important;
  pointer-events: none !important;
  z-index: 0 !important;
}
.van-prof-head-inner {
  position: relative !important;
  z-index: 1 !important;
}
.van-prof-kv-grid {
  display: flex !important;
  flex-direction: column !important;
  gap: 6px !important;
  font-size: 13.5px !important;
  line-height: 1.45 !important;
}
.van-prof-kv-k {
  font-weight: 800 !important;
  color: var(--van-ink) !important;
}
.van-prof-kv-v {
  color: var(--van-ink-2) !important;
}
.van-prof-kv-v.is-accent {
  font-weight: 800 !important;
  color: var(--van-theme-solid) !important;
}


/* === v23 HOTFIX: ZERO DOUBLE BORDER ON SEARCH BAR + EXACT 42PX OPTION 1 LOGO === */
.van-search-box {
  position: relative !important;
  display: flex !important;
  align-items: center !important;
  width: 100% !important;
  height: 44px !important;
  border-radius: 999px !important;
  border: 1.5px solid var(--van-theme-border, #8CD1DF) !important;
  background: var(--van-surface, #FFFFFF) !important;
  padding: 0 16px 0 42px !important;
  box-shadow: 0 2px 8px rgba(5, 24, 28, 0.05) !important;
}
.van-search-ico {
  position: absolute !important;
  left: 15px !important;
  top: 50% !important;
  transform: translateY(-50%) !important;
  width: 18px !important;
  height: 18px !important;
  color: var(--van-theme-solid, #0891B2) !important;
  pointer-events: none !important;
}
.van-search-input,
.van-search-input:focus {
  width: 100% !important;
  height: 100% !important;
  border: none !important;
  border-left: none !important;
  border-radius: 0 !important;
  background: transparent !important;
  box-shadow: none !important;
  outline: none !important;
  padding: 0 70px 0 0 !important;
  font-family: 'Plus Jakarta Sans', 'Inter', sans-serif !important;
  font-size: 14.5px !important;
  font-weight: 600 !important;
  color: var(--van-ink, #05181C) !important;
}

/* Exact Approved Option 1 Logo Lockup: 42px Outfit 700 + 9.5px #38BDF8 dot + 31px / + 10.5px SYSTEMATIC SOLUTIONS */
.van-logo-word-wrap,
.van-logo-survyr,
.van-wm-grad {
  font-family: 'Outfit', sans-serif !important;
  font-weight: 700 !important;
  font-size: 42px !important;
  letter-spacing: -0.015em !important;
  line-height: 1 !important;
  background: linear-gradient(90deg, #05181C 0%, #05181C 15%, #165B6D 55%, #2B99B8 100%) !important;
  -webkit-background-clip: text !important;
  background-clip: text !important;
  -webkit-text-fill-color: transparent !important;
}
html[data-van-mode="dark"] .van-logo-survyr,
html[data-van-mode="dark"] .van-wm-grad {
  background: none !important;
  -webkit-text-fill-color: #FFFFFF !important;
  color: #FFFFFF !important;
}
.van-logo-dot {
  width: 9.5px !important;
  height: 9.5px !important;
  border-radius: 50% !important;
  background: #38BDF8 !important;
  margin-left: 2px !important;
  transform: translateY(-1px) !important;
}
.van-logo-slash {
  color: #38BDF8 !important;
  font-family: 'Plus Jakarta Sans', sans-serif !important;
  font-weight: 400 !important;
  font-size: 31px !important;
  line-height: 0.85 !important;
  margin-left: 12px !important;
  margin-right: 8px !important;
}
.van-logo-stack {
  font-family: 'Plus Jakarta Sans', sans-serif !important;
  font-weight: 800 !important;
  font-size: 10.5px !important;
  letter-spacing: 0.17em !important;
  line-height: 1.22 !important;
}
.van-sys-top {
  color: #05181C !important;
}
html[data-van-mode="dark"] .van-sys-top {
  color: #FFFFFF !important;
}
.van-sys-bot {
  color: #486A73 !important;
}
html[data-van-mode="dark"] .van-sys-bot {
  color: #94A3B8 !important;
}


/* === v24 FIXES: LOGO FALLBACK, LIVE NEWS PHOTOS & GLOBAL SEARCH STATUS BAR === */
.van-co-logo-fallback.is-hidden,
.van-co-logo-fallback[style*="display:none"],
.van-co-logo-fallback[style*="display: none"] {
  display: none !important;
}
.van-co-logo-img {
  width: 100% !important;
  height: 100% !important;
  object-fit: contain !important;
  background: #FFFFFF !important;
  border-radius: 7px !important;
  padding: 2px !important;
  display: block !important;
}

.van-search-status-bar {
  display: flex;
  align-items: center;
  justify-content: space-between;
  flex-wrap: wrap;
  gap: 8px;
  padding: 9px 14px;
  margin-bottom: 12px;
  background: linear-gradient(135deg, rgba(5, 24, 28, 0.96) 0%, rgba(19, 78, 94, 0.95) 100%);
  color: #FFFFFF;
  border-radius: 10px;
  border: 1px solid rgba(56, 189, 248, 0.35);
  box-shadow: 0 4px 14px rgba(5, 24, 28, 0.14);
  font-size: 12.5px;
}
.van-search-status-bar.is-hidden {
  display: none !important;
}
.van-search-status-left {
  display: flex;
  align-items: center;
  flex-wrap: wrap;
  gap: 6px;
}
.van-search-tab-pill {
  display: inline-flex;
  align-items: center;
  gap: 4px;
  padding: 3px 9px;
  border-radius: 999px;
  background: rgba(255, 255, 255, 0.12);
  color: #E2E8F0;
  border: 1px solid rgba(255, 255, 255, 0.2);
  font-size: 11.5px;
  font-weight: 600;
  cursor: pointer;
  transition: all 0.15s ease;
}
.van-search-tab-pill:hover,
.van-search-tab-pill.is-active {
  background: #38BDF8;
  color: #041318;
  border-color: #38BDF8;
}
.van-search-clear-btn {
  padding: 4px 10px;
  border-radius: 7px;
  background: rgba(255, 255, 255, 0.15);
  color: #FFFFFF;
  border: 1px solid rgba(255, 255, 255, 0.25);
  font-size: 11.5px;
  font-weight: 700;
  cursor: pointer;
}
.van-search-clear-btn:hover {
  background: rgba(239, 68, 68, 0.85);
  border-color: rgba(239, 68, 68, 1);
}

/* Live Market News Cards with Outlet Logo & Photo Thumbnail (like coteau) */
.van-outlet-badge {
  display: inline-flex;
  align-items: center;
  gap: 6px;
  padding: 3px 9px;
  border-radius: 6px;
  background: rgba(8, 145, 178, 0.10);
  border: 1px solid rgba(8, 145, 178, 0.25);
  color: var(--van-text-primary, #0F172A);
  font-size: 11.5px;
}
.van-outlet-favicon {
  width: 15px;
  height: 15px;
  border-radius: 3px;
  object-fit: contain;
}
.van-news-market-flex {
  display: flex;
  align-items: flex-start;
  justify-content: space-between;
  gap: 14px;
  margin-top: 6px;
}
.van-news-market-body {
  flex: 1 1 auto;
  min-width: 0;
}
.van-news-thumb-link {
  flex: 0 0 96px;
  width: 96px;
  height: 72px;
  border-radius: 9px;
  overflow: hidden;
  border: 1px solid rgba(148, 163, 184, 0.25);
  background: #0F172A;
  display: block;
}
.van-news-thumb-img {
  width: 100%;
  height: 100%;
  object-fit: cover;
  display: block;
}
.van-news-tickers-row {
  display: flex;
  flex-wrap: wrap;
  gap: 6px;
  margin-top: 7px;
}
.van-news-tk-chip {
  display: inline-flex;
  align-items: center;
  gap: 4px;
  padding: 2px 7px;
  border-radius: 5px;
  background: rgba(15, 23, 42, 0.06);
  border: 1px solid rgba(148, 163, 184, 0.25);
  font-size: 11px;
  font-weight: 700;
}
.van-lv-co-cell {
  display: flex;
  align-items: center;
  gap: 8px;
}
.van-lv-co-logo {
  width: 22px;
  height: 22px;
  border-radius: 5px;
  object-fit: contain;
  background: #FFFFFF;
  border: 1px solid rgba(148, 163, 184, 0.25);
  padding: 1px;
  flex-shrink: 0;
}


/* === ROUND 2 AUDIT FIXES: SOLUTIONS SECTION SLASH CONTRAST ON WHITE & COMPLETE A+ SCALING === */
html[data-van-mode="light"] .van-sec-slash,
html:not([data-van-mode="dark"]) .van-sec-slash {
  color: #0284C7 !important;
  font-weight: 800 !important;
}
html[data-van-scale="xl"] .van-list-table th,
html[data-van-scale="xl"] .van-list-table td {
  font-size: 15px !important;
}
html[data-van-scale="xl"] .van-pill-btn,
html[data-van-scale="xl"] .van-webnav-btn {
  font-size: 14.5px !important;
}

/* Ensure filter pills hide non-matching cards */
.van-lead-card.is-hidden, .van-news-card.is-hidden, .van-wl-card.is-hidden, .van-tab-section.is-hidden, .is-hidden { display: none !important; }