/* ==========================================================================
   Final polish layer — typography, spacing, and surface refinements.
   Loaded AFTER weekend-price-moves.css so these rules take precedence.
   Goal: Blockworks editorial restraint + trade.xyz terminal density.
   ========================================================================== */

body.weekend-standalone-theme {
  /* Type scale (rem) — anchored to a clean visual rhythm */
  --polish-fs-micro: 0.6875rem;   /* 11px — uppercase labels, footer */
  --polish-fs-xs:    0.75rem;     /* 12px — secondary, captions */
  --polish-fs-sm:    0.8125rem;   /* 13px — body, table cells */
  --polish-fs-md:    0.875rem;    /* 14px — emphasized body */
  --polish-fs-lg:    1rem;        /* 16px — section titles */
  --polish-fs-xl:    1.375rem;    /* 22px — page hero */

  /* Hairline tokens — cleaner, more Blockworks */
  --polish-line: rgba(255, 255, 255, 0.10);
  --polish-line-strong: rgba(255, 255, 255, 0.18);
  --weekend-border: rgba(255, 255, 255, 0.15);
  --weekend-border-soft: rgba(255, 255, 255, 0.11);
  --weekend-surface-border: rgba(255, 255, 255, 0.14);
  --weekend-surface-border-strong: rgba(255, 255, 255, 0.22);
  --weekend-surface-border-soft: rgba(255, 255, 255, 0.10);
  --weekend-chip-border: rgba(255, 255, 255, 0.18);
  --weekend-chip-border-hover: rgba(255, 255, 255, 0.28);

  /* Surface tokens — single fill, no multi-layer gradient noise */
  --polish-surface: #0c0f13;
  --polish-surface-soft: #0a0d11;

  /* Accent — keep purple but cool it down for editorial feel */
  --polish-accent: #a78bfa;
  --polish-accent-tint: rgba(167, 139, 250, 0.10);
}

body.weekend-standalone-theme[data-weekend-theme="light"] {
  --polish-line: rgba(11, 13, 17, 0.13);
  --polish-line-strong: rgba(11, 13, 17, 0.22);
  --weekend-border: rgba(116, 130, 148, 0.54);
  --weekend-border-soft: rgba(116, 130, 148, 0.42);
  --weekend-surface-border: rgba(116, 130, 148, 0.58);
  --weekend-surface-border-strong: rgba(86, 101, 120, 0.62);
  --weekend-surface-border-soft: rgba(116, 130, 148, 0.46);
  --weekend-chip-border: rgba(116, 130, 148, 0.58);
  --weekend-chip-border-hover: rgba(86, 101, 120, 0.68);
  --polish-surface: #ffffff;
  --polish-surface-soft: #f7f8fa;
  --polish-accent: #6d28d9;
  --polish-accent-tint: rgba(109, 40, 217, 0.08);
}

/* --------------------------------------------------------------------------
   Header — tighter, more confident "Powered by"
   -------------------------------------------------------------------------- */

.weekend-header-compact {
  padding: 0.6rem 1rem !important;
  gap: 0.75rem !important;
  border-bottom-color: var(--polish-line) !important;
  background: linear-gradient(180deg, rgba(7, 9, 11, 0.88), rgba(7, 9, 11, 0.78)) !important;
}

body.weekend-standalone-theme[data-weekend-theme="light"] .weekend-header-compact {
  background: linear-gradient(180deg, rgba(255, 255, 255, 0.92), rgba(247, 248, 250, 0.82)) !important;
  border-bottom-color: var(--polish-line) !important;
}

.weekend-trade-nav-copy--powered {
  font-size: var(--polish-fs-micro);
  font-weight: 500;
  letter-spacing: 0.02em;
  text-transform: uppercase;
  color: rgba(168, 178, 191, 0.62);
}

body.weekend-standalone-theme[data-weekend-theme="light"] .weekend-trade-nav-copy--powered {
  color: rgba(75, 85, 99, 0.68);
}

.weekend-trade-nav-logo {
  width: 6rem;
}

.weekend-header-compact .weekend-header-tape-shell {
  border-left-color: var(--polish-line) !important;
  padding-left: 0.75rem;
}

/* --------------------------------------------------------------------------
   Page intro / hero — editorial confidence
   -------------------------------------------------------------------------- */

.weekend-main-compact {
  gap: 0.5rem !important;
  padding: calc(var(--weekend-app-header-height) + 1.25rem) 1.25rem
    calc(var(--weekend-app-footer-height) + 1.25rem) !important;
}

@media (max-width: 767.98px) {
  .weekend-main-compact {
    padding-top: 0.4rem !important;
  }
}

.weekend-page-intro {
  gap: 0.4rem !important;
  margin-bottom: 0.25rem;
}

.weekend-page-title {
  font-family: "IBM Plex Sans", "Inter", ui-sans-serif, system-ui, sans-serif;
  font-size: var(--polish-fs-xl) !important;
  font-weight: 600 !important;
  letter-spacing: -0.022em;
  line-height: 1.1;
  color: var(--weekend-text);
}

.weekend-page-intro p {
  max-width: 44rem;
  font-size: var(--polish-fs-sm) !important;
  font-weight: 400;
  line-height: 1.5 !important;
  color: rgba(207, 215, 224, 0.78);
  letter-spacing: -0.005em;
}

body.weekend-standalone-theme[data-weekend-theme="light"] .weekend-page-intro p {
  color: rgba(60, 68, 78, 0.92);
}

.weekend-page-intro a {
  font-size: inherit !important;
  font-weight: 500;
}

/* --------------------------------------------------------------------------
   Toolbar — search, surface toggle, summary chips
   -------------------------------------------------------------------------- */

#weekend-toolbar.weekend-toolbar {
  gap: 0.5rem !important;
  align-items: center;
}

.weekend-toolbar-controls {
  gap: 0.5rem !important;
}

.weekend-search-shell {
  height: 2rem;
  border-radius: 0.5rem !important;
  border-color: var(--polish-line-strong) !important;
  background: var(--polish-surface) !important;
  padding: 0 0.625rem !important;
  transition: none;
}

.weekend-search-shell:focus-within {
  border-color: var(--polish-accent);
  background: var(--polish-surface-soft) !important;
}

.weekend-search-input {
  font-size: var(--polish-fs-sm);
  font-weight: 400;
  letter-spacing: -0.005em;
}

.weekend-search-input::placeholder {
  color: rgba(133, 144, 160, 0.7);
}

/* Surface toggle: cleaner pill with stronger active state */
.weekend-surface-toggle {
  height: 2rem;
  gap: 0.125rem;
  padding: 0.1875rem;
  border-color: var(--polish-line-strong) !important;
  background: var(--polish-surface) !important;
  border-radius: 0.5rem !important;
  box-shadow: none !important;
}

.weekend-surface-toggle__button {
  min-height: calc(2rem - 0.375rem - 2px);
  min-width: 4rem;
  padding: 0 0.75rem;
  border-radius: 0.375rem !important;
  font-size: var(--polish-fs-xs);
  font-weight: 500;
  letter-spacing: -0.003em;
  color: rgba(155, 164, 175, 0.85);
}

body.weekend-standalone-theme[data-weekend-theme="light"] .weekend-surface-toggle__button {
  color: rgba(75, 85, 99, 0.86);
}

.weekend-surface-toggle__button:hover {
  background: var(--polish-line);
  color: var(--weekend-text);
}

.weekend-surface-toggle__button--coming-soon,
.weekend-surface-toggle__button--coming-soon:hover {
  background: transparent;
  color: rgba(155, 164, 175, 0.58);
  cursor: not-allowed;
}

.weekend-surface-toggle__button.is-active {
  background: var(--polish-accent-tint) !important;
  color: var(--polish-accent) !important;
  font-weight: 600;
  box-shadow: inset 0 0 0 1px rgba(167, 139, 250, 0.18);
}

body.weekend-standalone-theme[data-weekend-theme="light"] .weekend-surface-toggle__button.is-active {
  box-shadow: inset 0 0 0 1px rgba(109, 40, 217, 0.20);
}

/* Theme toggle (Dark/Light) — match surface toggle treatment */
.weekend-theme-toggle {
  height: 2rem;
  border-color: var(--polish-line-strong) !important;
  background: var(--polish-surface) !important;
  border-radius: 0.5rem !important;
  padding: 0.1875rem;
  box-shadow: none !important;
}

.weekend-theme-toggle__button {
  min-height: calc(2rem - 0.375rem - 2px);
  min-width: 3rem;
  padding: 0 0.625rem;
  border-radius: 0.375rem !important;
  font-size: var(--polish-fs-xs);
  font-weight: 500;
  letter-spacing: -0.003em;
}

.weekend-theme-toggle__button.is-active {
  background: var(--polish-line) !important;
  color: var(--weekend-text) !important;
  box-shadow: inset 0 0 0 1px var(--polish-line-strong) !important;
}

/* --------------------------------------------------------------------------
   Summary chips (WVI, breadth, vol, etc.)
   -------------------------------------------------------------------------- */

.weekend-summary-inline {
  gap: 0.375rem !important;
}

.weekend-summary-chip {
  height: 2rem;
  min-height: 2rem;
  padding: 0 0.6875rem;
  border-radius: 0.5rem;
  border-color: var(--polish-line-strong);
  background: var(--polish-surface);
  gap: 0.4rem;
}

.weekend-summary-chip__label {
  font-size: 0.5625rem;
  font-weight: 600;
  letter-spacing: 0.06em;
  color: rgba(133, 144, 160, 0.84);
}

.weekend-summary-chip__value {
  font-family: "IBM Plex Mono", "Geist Mono", ui-monospace, SFMono-Regular, Menlo, monospace;
  font-size: var(--polish-fs-xs);
  font-weight: 500;
  font-feature-settings: "tnum", "zero";
  letter-spacing: -0.005em;
  color: var(--weekend-text);
}

.weekend-summary-chip--warm {
  background: rgba(244, 189, 41, 0.08);
  border-color: rgba(244, 189, 41, 0.22);
}

.weekend-summary-chip--warm .weekend-summary-chip__value {
  color: #f4bd29;
}

.weekend-summary-chip:hover {
  border-color: var(--polish-line-strong);
  background: var(--polish-surface-soft);
}

/* --------------------------------------------------------------------------
   Card / surface — flat, hairline, no shadow noise
   -------------------------------------------------------------------------- */

.weekend-card-compact {
  border-color: var(--polish-line-strong) !important;
  background: var(--polish-surface) !important;
  border-radius: 0.5rem !important;
  box-shadow: none !important;
}

body.weekend-standalone-theme[data-weekend-theme="light"] .weekend-card-compact {
  box-shadow: none !important;
}

/* Mini chart cards (chart grid surface) — flat and quiet */
.weekend-mini-chart-card {
  background: var(--polish-surface) !important;
  border-color: var(--polish-line) !important;
  border-radius: 0.4rem !important;
  box-shadow: none !important;
  transition: border-color 140ms ease !important;
}

.weekend-mini-chart-card:hover {
  border-color: var(--polish-line-strong) !important;
  box-shadow: none !important;
  transform: none !important;
}

body.weekend-standalone-theme[data-weekend-theme="light"] .weekend-mini-chart-card {
  background: var(--polish-surface) !important;
  border-color: var(--polish-line) !important;
  box-shadow: none !important;
}

body.weekend-standalone-theme[data-weekend-theme="light"] .weekend-mini-chart-card:hover {
  border-color: var(--polish-line-strong) !important;
  box-shadow: none !important;
}

/* --------------------------------------------------------------------------
   Chart surface header — legend + mode toggle (Live / Historic weekend / etc.)
   -------------------------------------------------------------------------- */

.weekend-chart-surface__head {
  align-items: center !important;
  padding: 0.5rem 0.625rem !important;
  margin-bottom: 0.25rem !important;
  gap: 1rem !important;
  border-bottom: 1px solid var(--polish-line);
}

.weekend-chart-surface__legend {
  align-items: center !important;
  gap: 0.5rem 1.25rem !important;
}

.weekend-chart-surface__legend-item {
  font-size: var(--polish-fs-micro) !important;
  font-weight: 500 !important;
  letter-spacing: 0 !important;
  color: rgba(165, 175, 188, 0.78) !important;
  gap: 0.45rem !important;
}

.weekend-chart-surface__legend-item--muted {
  color: rgba(125, 135, 148, 0.62) !important;
  font-weight: 400 !important;
}

body.weekend-standalone-theme[data-weekend-theme="light"] .weekend-chart-surface__legend-item {
  color: rgba(60, 68, 78, 0.84) !important;
}

body.weekend-standalone-theme[data-weekend-theme="light"] .weekend-chart-surface__legend-item--muted {
  color: rgba(110, 120, 134, 0.78) !important;
}

.weekend-chart-surface__legend-line {
  width: 0.875rem;
  border-top-width: 1px;
}

.weekend-chart-surface__legend-dot {
  width: 0.4375rem;
  height: 0.4375rem;
}

/* Mode toggle group — match surface toggle treatment */
.weekend-chart-control-group {
  height: 1.75rem;
  box-sizing: border-box;
  padding: 0.1875rem !important;
  gap: 0.1875rem !important;
  border-color: var(--polish-line-strong) !important;
  background: var(--polish-surface) !important;
  border-radius: 0.4375rem !important;
}

.weekend-chart-control {
  box-sizing: border-box;
  min-height: calc(1.75rem - 0.375rem - 2px);
  padding: 0 0.625rem !important;
  border-radius: 0.3125rem !important;
  font-size: var(--polish-fs-micro) !important;
  font-weight: 500 !important;
  letter-spacing: 0 !important;
  line-height: 1 !important;
  color: rgba(155, 164, 175, 0.86) !important;
  border: 0 !important;
  background: transparent !important;
  transition: background 140ms ease, color 140ms ease !important;
}

.weekend-chart-control:hover {
  color: var(--weekend-text) !important;
  background: var(--polish-line) !important;
}

.weekend-chart-control.is-active {
  background: var(--polish-accent-tint) !important;
  color: var(--polish-accent) !important;
  font-weight: 600 !important;
  border: 0 !important;
  box-shadow: inset 0 0 0 1px rgba(167, 139, 250, 0.18) !important;
}

body.weekend-standalone-theme[data-weekend-theme="light"] .weekend-chart-control-group {
  background: var(--polish-surface) !important;
  border-color: var(--polish-line-strong) !important;
}

body.weekend-standalone-theme[data-weekend-theme="light"] .weekend-chart-control.is-active {
  box-shadow: inset 0 0 0 1px rgba(109, 40, 217, 0.20) !important;
}

body.weekend-standalone-theme[data-weekend-theme="light"] .weekend-chart-control {
  color: rgba(75, 85, 99, 0.86) !important;
}

/* --------------------------------------------------------------------------
   Chart card title row — tighter hierarchy, readable price
   -------------------------------------------------------------------------- */

.weekend-mini-chart-card__head {
  align-items: flex-start;
  gap: 0.4rem;
}

.weekend-mini-chart-card__title {
  font-size: 0.8125rem !important;
  font-weight: 600 !important;
  letter-spacing: -0.01em !important;
  color: var(--weekend-text);
}

.weekend-mini-chart-card__subtitle {
  font-size: 0.625rem !important;
  font-weight: 500;
  letter-spacing: 0.005em;
  color: rgba(133, 144, 160, 0.78);
  text-transform: none;
}

.weekend-mini-chart-card__move {
  font-size: 0.8125rem !important;
  font-weight: 600 !important;
  letter-spacing: -0.012em !important;
  font-family: "IBM Plex Mono", "Geist Mono", ui-monospace, SFMono-Regular, Menlo, monospace;
  font-feature-settings: "tnum", "zero";
}

.weekend-mini-chart-card__price {
  font-size: 0.6875rem !important;
  font-weight: 500;
  font-family: "IBM Plex Mono", "Geist Mono", ui-monospace, SFMono-Regular, Menlo, monospace;
  font-feature-settings: "tnum", "zero";
  color: rgba(165, 175, 188, 0.74) !important;
}

.weekend-mini-chart-card__favorite {
  color: rgba(133, 144, 160, 0.5);
}

.weekend-mini-chart-card__favorite:hover {
  color: rgba(165, 175, 188, 0.8);
}

.weekend-mini-chart-card__favorite.is-active {
  color: var(--polish-accent);
}

/* Rvol mini-bar — quieter neutral tone instead of saturated blue gradient */
.weekend-mini-chart-rvol__fill {
  background: rgba(167, 139, 250, 0.55) !important;
}

.weekend-mini-chart-rvol__scale,
.weekend-mini-chart-rvol__value {
  color: rgba(133, 144, 160, 0.62);
  font-size: 0.4375rem;
}

.weekend-mini-chart-rvol__label {
  color: rgba(110, 120, 134, 0.58);
  font-size: 0.4rem;
  letter-spacing: 0.06em;
}

/* --------------------------------------------------------------------------
   Analytics surface — calmer fills and quieter chart palette
   -------------------------------------------------------------------------- */

/* Error-into-reopen — the big purple dome was overpowering */
.analytics-error-line-band {
  fill: rgba(167, 139, 250, 0.06) !important;
  stroke: rgba(167, 139, 250, 0.18) !important;
}

.analytics-error-line-path {
  stroke: rgba(167, 139, 250, 0.92) !important;
  stroke-width: 1.5 !important;
}

.analytics-error-line-whisker {
  stroke: rgba(167, 139, 250, 0.42) !important;
}

.analytics-error-line-point {
  fill: rgba(167, 139, 250, 0.94) !important;
  stroke: var(--polish-surface) !important;
  stroke-width: 1.4 !important;
}

/* Parity zone shading + axis labels — keep subtle. Scatter point fills are
   driven by inline --analytics-parity-point CSS variables (per-asset
   category color), so the rules below use that variable with a fallback. */
.analytics-parity-zone {
  opacity: 0.06 !important;
}

.analytics-parity-zone--friday {
  fill: rgba(232, 105, 122, 0.7) !important;
}

.analytics-parity-zone--hl {
  fill: rgba(75, 198, 153, 0.7) !important;
}

.analytics-parity-zone-label--friday {
  fill: rgba(232, 105, 122, 0.66) !important;
  font-size: 8px !important;
  font-weight: 600 !important;
  letter-spacing: 0.02em !important;
}

.analytics-parity-zone-label--hl {
  fill: rgba(75, 198, 153, 0.7) !important;
  font-size: 8px !important;
  font-weight: 600 !important;
  letter-spacing: 0.02em !important;
}

.analytics-parity-line {
  stroke: rgba(218, 225, 236, 0.34) !important;
}

/* Parity scatter points — read per-asset color from the JS-set CSS variable
   so each asset shows its category color (purple equities / blue FX /
   gold macro). Fallback keeps the original purple if the var isn't set. */
.analytics-parity-point--win {
  fill: var(--analytics-parity-point, #6b5cf6) !important;
  opacity: 1 !important;
}

.analytics-parity-point--miss {
  fill: rgba(255, 255, 255, 0.04) !important;
  stroke: rgba(165, 175, 188, 0.62) !important;
  stroke-width: 1 !important;
}

/* Volume bars — DON'T override .analytics-volume-bar / --weekend / --context
   / .is-current here. Those bars use inline fill="url(#...)" gradients per
   asset, and a class-level !important would clobber the gradient. The
   stacked breadth-chart variant pulls its color from
   --analytics-volume-stack which the JS sets inline. */
.analytics-volume-bar--stacked {
  fill: var(--analytics-volume-stack, rgba(165, 175, 188, 0.42)) !important;
}

/* Liquidity scatter point fill comes from --analytics-liquidity-point set
   inline per asset; trend line stays calm. */
.analytics-liquidity-point {
  fill: var(--analytics-liquidity-point, #6b5cf6) !important;
  stroke: rgba(15, 18, 24, 0.5) !important;
}

.analytics-liquidity-trend {
  stroke: rgba(218, 225, 236, 0.34) !important;
}

/* Box plot — subtler latest highlight */
.analytics-boxplot-box--latest {
  fill: rgba(167, 139, 250, 0.18) !important;
  stroke: rgba(167, 139, 250, 0.7) !important;
}

.analytics-boxplot-box--aggregate {
  fill: rgba(238, 185, 61, 0.1) !important;
  stroke: rgba(246, 205, 112, 0.62) !important;
}

/* Analytics card chrome — flat hairlines, no drop shadows */
.analytics-card {
  border: 1px solid var(--polish-line-strong) !important;
  border-radius: 0.5rem !important;
  background: var(--polish-surface) !important;
  box-shadow: none !important;
}

.analytics-card--soft {
  background: var(--polish-surface) !important;
}

body.weekend-standalone-theme[data-weekend-theme="light"] .analytics-card,
body.weekend-standalone-theme[data-weekend-theme="light"] .analytics-card--soft {
  border-color: var(--polish-line-strong) !important;
  background: var(--polish-surface) !important;
  box-shadow: none !important;
}

.analytics-kicker {
  font-size: 0.5625rem !important;
  font-weight: 600 !important;
  letter-spacing: 0.06em !important;
  color: rgba(133, 144, 160, 0.78) !important;
}

.analytics-title {
  font-size: var(--polish-fs-md) !important;
  font-weight: 600 !important;
  letter-spacing: -0.018em !important;
  margin: 0.1875rem 0 0 !important;
  color: var(--weekend-text);
}

.analytics-subtitle {
  font-size: var(--polish-fs-xs) !important;
  font-weight: 400 !important;
  line-height: 1.4 !important;
  margin: 0.25rem 0 0 !important;
  color: rgba(165, 175, 188, 0.72) !important;
  letter-spacing: -0.005em !important;
}

.analytics-card-head {
  padding: 0.75rem 0.875rem 0.5rem !important;
  gap: 0.75rem !important;
}

/* --------------------------------------------------------------------------
   Table — column header refinement, subtle row stripes & hover
   -------------------------------------------------------------------------- */

.weekend-table-grid {
  font-size: var(--polish-fs-sm);
}

.weekend-table-grid-head {
  min-height: 2.25rem !important;
  background: rgba(255, 255, 255, 0.015) !important;
  box-shadow: inset 0 -1px 0 var(--polish-line-strong) !important;
}

.weekend-table-grid-head::before {
  background: rgba(255, 255, 255, 0.015) !important;
}

body.weekend-standalone-theme[data-weekend-theme="light"] .weekend-table-grid-head,
body.weekend-standalone-theme[data-weekend-theme="light"] .weekend-table-grid-head::before {
  background: rgba(11, 13, 17, 0.025) !important;
}

.weekend-table-grid-head [role="columnheader"] {
  background: transparent !important;
  font-size: 0.6875rem !important;
  font-weight: 600 !important;
  letter-spacing: 0.04em !important;
  text-transform: uppercase;
  color: rgba(133, 144, 160, 0.86) !important;
  padding: 0.5rem 0.875rem !important;
  min-height: 2.25rem !important;
}

body.weekend-standalone-theme[data-weekend-theme="light"] .weekend-table-grid-head [role="columnheader"] {
  color: rgba(75, 85, 99, 0.92) !important;
}

.weekend-table-grid [role="row"] {
  border-bottom-color: var(--polish-line) !important;
}

/* Hover animation — keep the original gradient sweep + scaling accent stripe.
   The base CSS in weekend-price-moves.css owns the animation; we don't
   override it here. */

.weekend-table-grid [role="row"] > [role="cell"] {
  font-size: var(--polish-fs-sm) !important;
  padding: 0.5rem 0.875rem !important;
  min-height: 2.375rem !important;
}

/* Sort indicator color refinement */
.weekend-table-grid-head [role="columnheader"][aria-sort="ascending"],
.weekend-table-grid-head [role="columnheader"][aria-sort="descending"] {
  color: var(--polish-accent) !important;
  box-shadow: inset 0 -2px 0 var(--polish-accent) !important;
}

/* --------------------------------------------------------------------------
   Methodology link — gentler accent treatment
   -------------------------------------------------------------------------- */

.weekend-methodology-link,
.weekend-page-copy-meta [data-weekend-methodology-link] {
  color: var(--polish-accent) !important;
  font-weight: 600 !important;
  letter-spacing: -0.005em;
}

.weekend-methodology-link:hover {
  color: #c4b5fd !important;
}

body.weekend-standalone-theme[data-weekend-theme="light"] .weekend-methodology-link:hover {
  color: #5b21b6 !important;
}

/* --------------------------------------------------------------------------
   Footer — match new spacing rhythm
   -------------------------------------------------------------------------- */

.weekend-aesthetic-footer {
  border-top-color: var(--polish-line) !important;
  background: rgba(7, 9, 11, 0.92) !important;
  backdrop-filter: blur(14px);
  -webkit-backdrop-filter: blur(14px);
}

body.weekend-standalone-theme[data-weekend-theme="light"] .weekend-aesthetic-footer {
  background: rgba(255, 255, 255, 0.92) !important;
}

.weekend-aesthetic-footer::after {
  background: var(--polish-line-strong) !important;
}

.weekend-aesthetic-footer__inner {
  font-size: var(--polish-fs-micro);
  padding: 0.25rem 1rem 0;
  min-height: 2.25rem;
  gap: 1rem;
}

.weekend-aesthetic-footer__message {
  font-size: var(--polish-fs-micro);
  font-weight: 500;
  letter-spacing: -0.005em;
}

.weekend-aesthetic-status-pill {
  font-size: 0.5625rem;
  font-weight: 700;
  letter-spacing: 0.08em;
  padding: 0.1875rem 0.5rem 0.1875rem 0.4375rem;
  border-radius: 999px;
}

/* --------------------------------------------------------------------------
   Filter pills (All, Favorites, Commodities, etc.)
   -------------------------------------------------------------------------- */

.weekend-filter-pill,
.weekend-filter-pill-button,
[data-weekend-filter-pill] {
  border-radius: 999px;
  font-size: var(--polish-fs-xs);
  font-weight: 500;
  letter-spacing: -0.003em;
}

/* --------------------------------------------------------------------------
   Tape (price ticker) — slightly tighter
   -------------------------------------------------------------------------- */

.weekend-tape-item {
  font-family: "IBM Plex Sans", "Inter", ui-sans-serif, system-ui, sans-serif;
  font-size: var(--polish-fs-xs);
  font-weight: 500;
  letter-spacing: -0.003em;
}

.weekend-tape-item-symbol {
  font-weight: 600;
}

.weekend-tape-item-change {
  font-family: "IBM Plex Mono", "Geist Mono", ui-monospace, SFMono-Regular, Menlo, monospace;
  font-feature-settings: "tnum";
}

/* --------------------------------------------------------------------------
   Asset / ticker symbols in tables — bolder rendering
   -------------------------------------------------------------------------- */

.weekend-asset-symbol {
  font-weight: 600 !important;
  letter-spacing: -0.01em;
  color: var(--weekend-text);
}

/* --------------------------------------------------------------------------
   Methodology page polish — applies via the methodology-page class
   -------------------------------------------------------------------------- */

.methodology-page {
  font-feature-settings: "ss01", "cv11";
}

.methodology-page .methodology-shell {
  max-width: 980px;
  padding: calc(var(--methodology-header-height) + 1.5rem) 1.25rem
    calc(var(--methodology-footer-height) + 1.5rem);
}

.methodology-page .methodology-title {
  font-size: var(--polish-fs-xl, 1.375rem);
  font-weight: 600;
  letter-spacing: -0.022em;
  line-height: 1.1;
}

.methodology-page .methodology-copy {
  font-size: var(--polish-fs-sm, 0.8125rem);
  line-height: 1.55;
  color: rgba(207, 215, 224, 0.78);
  max-width: 44rem;
}

.methodology-page .methodology-header {
  background: rgba(7, 9, 11, 0.88) !important;
  backdrop-filter: blur(18px) saturate(140%);
  -webkit-backdrop-filter: blur(18px) saturate(140%);
  border-bottom-color: var(--polish-line, rgba(255, 255, 255, 0.06)) !important;
}

.methodology-page .methodology-brand {
  font-size: var(--polish-fs-md);
  font-weight: 600;
  letter-spacing: -0.014em;
}

.methodology-page .methodology-nav {
  font-size: var(--polish-fs-xs);
  gap: 1rem;
}

/* --------------------------------------------------------------------------
   Light theme — overall refinements
   -------------------------------------------------------------------------- */

body.weekend-standalone-theme[data-weekend-theme="light"] .weekend-card-compact {
  background: var(--polish-surface) !important;
  border-color: var(--polish-line-strong) !important;
}

/* Light-mode row hover handled by base CSS (purple → fade gradient). */

body.weekend-standalone-theme[data-weekend-theme="light"] .weekend-summary-chip {
  background: var(--polish-surface) !important;
  border-color: var(--polish-line-strong) !important;
}

body.weekend-standalone-theme[data-weekend-theme="light"] .weekend-search-shell {
  background: var(--polish-surface) !important;
  border-color: var(--polish-line-strong) !important;
}

body.weekend-standalone-theme[data-weekend-theme="light"] .weekend-surface-toggle,
body.weekend-standalone-theme[data-weekend-theme="light"] .weekend-theme-toggle {
  background: var(--polish-surface) !important;
  border-color: var(--polish-line-strong) !important;
}

/* --------------------------------------------------------------------------
   Tabular nums everywhere data lives
   -------------------------------------------------------------------------- */

.weekend-table-grid [role="cell"],
.weekend-summary-chip__value,
.weekend-tape-item,
.weekend-aesthetic-footer__inner {
  font-feature-settings: "tnum", "zero";
  font-variant-numeric: tabular-nums;
}

/* --------------------------------------------------------------------------
   Selection / focus polish
   -------------------------------------------------------------------------- */

::selection {
  background: rgba(167, 139, 250, 0.32);
  color: #ffffff;
}

body.weekend-standalone-theme[data-weekend-theme="light"] ::selection {
  background: rgba(109, 40, 217, 0.22);
  color: #0b0d11;
}

button:focus-visible,
a:focus-visible,
input:focus-visible {
  outline: 1px solid var(--polish-accent);
  outline-offset: 1px;
  border-radius: 3px;
}

/* --------------------------------------------------------------------------
   Mobile tightening
   -------------------------------------------------------------------------- */

@media (max-width: 720px) {
  .weekend-page-title {
    font-size: 1.125rem !important;
  }

  .weekend-page-intro p {
    font-size: var(--polish-fs-xs) !important;
  }

  .weekend-surface-toggle__button {
    min-width: 3.25rem;
    padding: 0 0.5rem;
    font-size: 0.6875rem;
  }

  .weekend-summary-chip {
    height: 1.875rem;
    min-height: 1.875rem;
  }
}

/* ==========================================================================
   ROUND 2 — Editorial precision pass
   Pushes the analytics surface, chart cards, methodology, and small details
   to the same Blockworks × trade.xyz feel as the rest of the app.
   ========================================================================== */

/* --------------------------------------------------------------------------
   Header: tighter "Powered by" + Blockworks lockup
   -------------------------------------------------------------------------- */

.weekend-trade-nav-link {
  display: inline-flex;
  align-items: center;
  gap: 0.5rem;
  text-decoration: none;
  color: inherit;
}

.weekend-trade-nav-copy--powered {
  font-size: 0.625rem !important;
  font-weight: 600 !important;
  letter-spacing: 0.08em !important;
  text-transform: uppercase !important;
  color: rgba(168, 178, 191, 0.55) !important;
}

body.weekend-standalone-theme[data-weekend-theme="light"] .weekend-trade-nav-copy--powered {
  color: rgba(75, 85, 99, 0.62) !important;
}

.weekend-trade-nav-logo {
  width: 5.25rem !important;
}

/* --------------------------------------------------------------------------
   Filter pill row (All / Favorites / Commodities / Equities / Indices / ETFs / FX)
   Match the surface toggle visual language for consistency
   -------------------------------------------------------------------------- */

.weekend-filter-pill,
.weekend-filter-pill-button,
[data-weekend-filter-pill] {
  height: 1.875rem;
  min-height: 1.875rem;
  padding: 0 0.6875rem !important;
  border-radius: 999px !important;
  border-color: var(--polish-line-strong) !important;
  background: transparent !important;
  font-size: var(--polish-fs-xs) !important;
  font-weight: 500 !important;
  letter-spacing: -0.003em !important;
  color: rgba(155, 164, 175, 0.86) !important;
  transition: border-color 140ms ease, background 140ms ease, color 140ms ease !important;
}

.weekend-filter-pill:hover,
.weekend-filter-pill-button:hover,
[data-weekend-filter-pill]:hover {
  border-color: var(--polish-line-strong) !important;
  background: var(--polish-line) !important;
  color: var(--weekend-text) !important;
}

.weekend-filter-pill.is-active,
.weekend-filter-pill-button.is-active,
[data-weekend-filter-pill].is-active,
.weekend-filter-pill[aria-pressed="true"],
.weekend-filter-pill[aria-current="true"] {
  background: var(--polish-accent-tint) !important;
  border-color: rgba(167, 139, 250, 0.28) !important;
  color: var(--polish-accent) !important;
  font-weight: 600 !important;
  box-shadow: inset 0 0 0 1px rgba(167, 139, 250, 0.18) !important;
}

body.weekend-standalone-theme[data-weekend-theme="light"] .weekend-filter-pill.is-active,
body.weekend-standalone-theme[data-weekend-theme="light"] .weekend-filter-pill[aria-pressed="true"] {
  background: var(--polish-accent-tint) !important;
  border-color: rgba(109, 40, 217, 0.30) !important;
  color: var(--polish-accent) !important;
  box-shadow: inset 0 0 0 1px rgba(109, 40, 217, 0.20) !important;
}

/* --------------------------------------------------------------------------
   Analytics surface — toolbar status chip
   -------------------------------------------------------------------------- */

.analytics-toolbar {
  gap: 0.5rem !important;
}

.analytics-status-chip {
  height: 2rem;
  padding: 0 0.6875rem !important;
  border-radius: 0.5rem !important;
  border: 1px solid var(--polish-line-strong) !important;
  background: var(--polish-surface) !important;
  color: rgba(155, 164, 175, 0.92) !important;
  font-size: var(--polish-fs-xs) !important;
  font-weight: 500 !important;
  letter-spacing: -0.003em !important;
  display: inline-flex;
  align-items: center;
}

body.weekend-standalone-theme[data-weekend-theme="light"] .analytics-status-chip {
  border-color: var(--polish-line-strong) !important;
  background: var(--polish-surface) !important;
  color: rgba(75, 85, 99, 0.92) !important;
}

/* Analytics nav link (Trade / Dashboard / Analytics) — match weight rhythm */
.analytics-nav-link {
  font-size: var(--polish-fs-xs);
  font-weight: 500;
  letter-spacing: -0.003em;
  color: rgba(155, 164, 175, 0.78);
  transition: color 140ms ease;
}

.analytics-nav-link:hover {
  color: var(--weekend-text);
}

.analytics-nav-link.is-active {
  color: var(--polish-accent);
  font-weight: 600;
}

/* --------------------------------------------------------------------------
   Analytics CARDS — flatten + refine type, padding, and right-edge stat
   -------------------------------------------------------------------------- */

.analytics-card {
  background: var(--polish-surface) !important;
  border-color: var(--polish-line-strong) !important;
  border-radius: 0.5rem !important;
  box-shadow: none !important;
}

body.weekend-standalone-theme[data-weekend-theme="light"] .analytics-card {
  background: var(--polish-surface) !important;
  border-color: var(--polish-line-strong) !important;
  box-shadow: none !important;
}

.analytics-card-head {
  gap: 0.875rem !important;
  padding: 0.875rem 1rem 0.5rem !important;
}

.analytics-kicker {
  font-size: 0.625rem !important;
  font-weight: 600 !important;
  letter-spacing: 0.06em !important;
  color: rgba(133, 144, 160, 0.78) !important;
  text-transform: uppercase !important;
}

.analytics-title {
  margin: 0.125rem 0 0 !important;
  font-size: 0.9375rem !important;
  font-weight: 600 !important;
  line-height: 1.15 !important;
  letter-spacing: -0.018em !important;
  color: var(--weekend-text) !important;
}

.analytics-subtitle {
  margin: 0.1875rem 0 0 !important;
  font-size: 0.6875rem !important;
  font-weight: 400 !important;
  line-height: 1.42 !important;
  color: rgba(145, 155, 166, 0.7) !important;
  letter-spacing: -0.003em !important;
}

.analytics-card-header-row {
  align-items: flex-end !important;
  gap: 0.875rem !important;
}

.analytics-card-header-note {
  font-size: 0.625rem !important;
  font-weight: 500 !important;
  color: rgba(133, 144, 160, 0.7) !important;
  letter-spacing: 0.005em !important;
  font-feature-settings: "tnum", "zero";
  font-variant-numeric: tabular-nums;
}

/* Volume / chart cards inside analytics — the 6-up grid */
.analytics-card.analytics-volume-board,
body.weekend-standalone-theme[data-weekend-theme="light"] .analytics-card.analytics-volume-board {
  border: 0 !important;
  border-radius: 0 !important;
  background: transparent !important;
  box-shadow: none !important;
}

.analytics-volume-grid {
  gap: 1px !important;
  border: 0 !important;
  border-radius: 0 !important;
  background: var(--polish-line-strong) !important;
  overflow: hidden;
}

.analytics-volume-card {
  background: var(--polish-surface) !important;
  border-color: var(--polish-line-strong) !important;
  border-radius: 0.5rem !important;
  box-shadow: none !important;
  padding: 0.75rem 0.8125rem 0.75rem !important;
  gap: 0.4375rem !important;
}

.analytics-volume-grid > .analytics-volume-card {
  border: 0 !important;
  border-radius: 0 !important;
}

body.weekend-standalone-theme[data-weekend-theme="light"] .analytics-volume-card {
  background: var(--polish-surface) !important;
  border-color: var(--polish-line-strong) !important;
  box-shadow: none !important;
}

.analytics-volume-card__head {
  gap: 0.625rem !important;
  align-items: flex-start !important;
}

.analytics-volume-card__copy {
  gap: 0.1875rem !important;
}

.analytics-volume-card__title {
  font-size: 0.8125rem !important;
  font-weight: 600 !important;
  line-height: 1.15 !important;
  letter-spacing: -0.014em !important;
  color: var(--weekend-text) !important;
}

.analytics-volume-card__subtitle {
  font-size: 0.625rem !important;
  font-weight: 400 !important;
  line-height: 1.36 !important;
  color: rgba(145, 155, 166, 0.7) !important;
  letter-spacing: -0.002em !important;
  max-width: 28rem;
}

.analytics-volume-card__headline {
  gap: 0.0625rem !important;
  padding-top: 0 !important;
}

.analytics-volume-card__move {
  font-family: "IBM Plex Mono", "Geist Mono", ui-monospace, SFMono-Regular, Menlo, monospace !important;
  font-size: 0.875rem !important;
  font-weight: 600 !important;
  line-height: 1.15 !important;
  letter-spacing: -0.012em !important;
  font-feature-settings: "tnum", "zero";
  font-variant-numeric: tabular-nums;
}

.analytics-volume-card__move.is-positive {
  color: #7edec9 !important;
}

.analytics-volume-card__move.is-negative {
  color: #f17b82 !important;
}

.analytics-volume-card__move.is-neutral {
  color: var(--weekend-text) !important;
}

.analytics-volume-card__price {
  font-size: 0.625rem !important;
  font-weight: 400 !important;
  line-height: 1.3 !important;
  color: rgba(145, 155, 166, 0.66) !important;
  font-feature-settings: "tnum", "zero";
  font-variant-numeric: tabular-nums;
}

/* Expand button (the small fullscreen icon top-right of cards) */
.analytics-volume-card__expand {
  width: 1.625rem !important;
  height: 1.625rem !important;
  border-radius: 0.375rem !important;
  border-color: var(--polish-line-strong) !important;
  background: transparent !important;
  color: rgba(155, 164, 175, 0.6) !important;
  transition: border-color 140ms ease, color 140ms ease, background 140ms ease !important;
}

.analytics-volume-card__expand:hover,
.analytics-volume-card__expand:focus-visible {
  border-color: rgba(167, 139, 250, 0.32) !important;
  background: var(--polish-accent-tint) !important;
  color: var(--polish-accent) !important;
  transform: none !important;
}

/* --------------------------------------------------------------------------
   In-card pills (Daily / Weekend & weekday / Friday-close error / etc.)
   These are the small toggles inside analytics cards — match surface toggle
   -------------------------------------------------------------------------- */

.analytics-volume-window-group {
  height: 1.5rem;
  padding: 0.125rem !important;
  gap: 0.0625rem !important;
  border-radius: 0.375rem !important;
  border-color: var(--polish-line-strong) !important;
  background: var(--polish-surface) !important;
  box-shadow: none !important;
}

.analytics-volume-window-button {
  min-height: calc(1.5rem - 0.25rem - 2px) !important;
  padding: 0 0.5rem !important;
  border-radius: 0.25rem !important;
  font-size: 0.625rem !important;
  font-weight: 500 !important;
  letter-spacing: -0.003em !important;
  color: rgba(155, 164, 175, 0.84) !important;
  transition: background 140ms ease, color 140ms ease !important;
}

.analytics-volume-window-button:hover {
  background: var(--polish-line) !important;
  color: var(--weekend-text) !important;
}

.analytics-volume-window-button.is-active {
  background: var(--polish-accent-tint) !important;
  color: var(--polish-accent) !important;
  font-weight: 600 !important;
  box-shadow: inset 0 0 0 1px rgba(167, 139, 250, 0.18) !important;
}

body.weekend-standalone-theme[data-weekend-theme="light"] .analytics-volume-window-group {
  background: var(--polish-surface) !important;
  border-color: var(--polish-line-strong) !important;
}

body.weekend-standalone-theme[data-weekend-theme="light"] .analytics-volume-window-button {
  color: rgba(75, 85, 99, 0.86) !important;
}

body.weekend-standalone-theme[data-weekend-theme="light"] .analytics-volume-window-button.is-active {
  box-shadow: inset 0 0 0 1px rgba(109, 40, 217, 0.20) !important;
}

/* In-card filter pills (e.g., "TradeXYZ better" / "Friday better") */
.analytics-filter-pill {
  min-height: 1.5rem !important;
  padding: 0 0.625rem !important;
  border-radius: 999px !important;
  border-color: var(--polish-line-strong) !important;
  background: transparent !important;
  font-size: 0.625rem !important;
  font-weight: 500 !important;
  letter-spacing: -0.003em !important;
  color: rgba(155, 164, 175, 0.84) !important;
}

.analytics-filter-pill:hover {
  background: var(--polish-line) !important;
  color: var(--weekend-text) !important;
}

.analytics-filter-pill.is-active {
  background: var(--polish-accent-tint) !important;
  border-color: rgba(167, 139, 250, 0.28) !important;
  color: var(--polish-accent) !important;
  font-weight: 600 !important;
  box-shadow: inset 0 0 0 1px rgba(167, 139, 250, 0.18) !important;
}

.analytics-filter-pill--domain {
  min-height: 1.375rem !important;
  padding: 0 0.5rem !important;
  font-size: 0.5625rem !important;
}

/* Volume segment toggle (icon-only button group) */
.analytics-volume-segment {
  border-radius: 0.375rem !important;
  border-color: var(--polish-line-strong) !important;
  background: var(--polish-surface) !important;
  padding: 0.125rem !important;
  gap: 0.0625rem !important;
}

.analytics-volume-segment__button {
  border-radius: 0.25rem !important;
  color: rgba(155, 164, 175, 0.84) !important;
}

.analytics-volume-segment__button.is-active {
  background: var(--polish-accent-tint) !important;
  color: var(--polish-accent) !important;
  box-shadow: inset 0 0 0 1px rgba(167, 139, 250, 0.18) !important;
}

/* Single read-only pill (e.g., "Pre-open edge filter: TradeXYZ better") */
.analytics-volume-pill {
  height: 1.375rem;
  min-height: 1.375rem !important;
  padding: 0 0.5rem !important;
  border-radius: 999px !important;
  border-color: var(--polish-line-strong) !important;
  background: var(--polish-surface) !important;
  font-size: 0.5625rem !important;
  font-weight: 500 !important;
  color: rgba(155, 164, 175, 0.86) !important;
  letter-spacing: -0.002em !important;
}

/* Legend tweaks inside analytics cards */
.analytics-legend-item {
  font-size: 0.6125rem !important;
  font-weight: 500 !important;
  letter-spacing: -0.003em !important;
  color: rgba(165, 175, 188, 0.74) !important;
}

body.weekend-standalone-theme[data-weekend-theme="light"] .analytics-legend-item {
  color: rgba(60, 68, 78, 0.84) !important;
}

/* Focus toolbar (separator under hero card title row) */
.analytics-focus-toolbar {
  padding: 0 1rem 0.4375rem !important;
  border-bottom-color: var(--polish-line) !important;
  gap: 0.625rem !important;
}

/* Card-side toolbar (above plot in 6-up grid) */
.analytics-volume-card__toolbar {
  gap: 0.25rem 0.375rem !important;
}

/* --------------------------------------------------------------------------
   Analytics rankings table — clean it up to match main table
   -------------------------------------------------------------------------- */

.analytics-rankings-inner {
  padding: 0.875rem 1rem 1rem !important;
}

.analytics-table th,
.analytics-table td {
  padding: 0.5rem 0.4375rem !important;
  border-bottom-color: var(--polish-line) !important;
  font-size: var(--polish-fs-xs) !important;
}

.analytics-table th {
  background: rgba(255, 255, 255, 0.015) !important;
}

body.weekend-standalone-theme[data-weekend-theme="light"] .analytics-table th {
  background: rgba(11, 13, 17, 0.025) !important;
}

.analytics-sort-button {
  font-size: 0.6875rem !important;
  font-weight: 600 !important;
  letter-spacing: 0.04em !important;
  color: rgba(133, 144, 160, 0.86) !important;
}

.analytics-sort-button.is-active {
  color: var(--weekend-text) !important;
}

.analytics-sort-arrow {
  color: var(--polish-accent) !important;
  font-size: 0.625rem !important;
}

.analytics-table-row:hover {
  background: rgba(255, 255, 255, 0.025) !important;
}

body.weekend-standalone-theme[data-weekend-theme="light"] .analytics-table-row:hover {
  background: rgba(11, 13, 17, 0.03) !important;
}

.analytics-ticker-cell strong {
  font-size: 0.8125rem !important;
  font-weight: 600 !important;
  letter-spacing: -0.014em !important;
}

.analytics-ticker-cell span {
  font-size: 0.625rem !important;
  color: rgba(127, 139, 151, 0.86) !important;
}

/* --------------------------------------------------------------------------
   Chart surface — refine the mini-card head: tighter title, cleaner price tag
   -------------------------------------------------------------------------- */

.weekend-mini-chart-card {
  padding: 0.5rem 0.5625rem 0.5rem !important;
  gap: 0.3125rem !important;
}

.weekend-mini-chart-card__title {
  font-size: 0.8125rem !important;
  font-weight: 600 !important;
  letter-spacing: -0.014em !important;
  line-height: 1.1 !important;
  color: var(--weekend-text) !important;
}

.weekend-mini-chart-card__subtitle {
  font-size: 0.5625rem !important;
  font-weight: 500 !important;
  line-height: 1.2 !important;
  letter-spacing: 0 !important;
  color: rgba(133, 144, 160, 0.66) !important;
  margin-top: 0.0625rem !important;
}

.weekend-mini-chart-card__move {
  font-size: 0.8125rem !important;
  font-weight: 600 !important;
  letter-spacing: -0.014em !important;
  font-family: "IBM Plex Mono", "Geist Mono", ui-monospace, SFMono-Regular, Menlo, monospace;
  font-feature-settings: "tnum", "zero";
  font-variant-numeric: tabular-nums;
}

.weekend-mini-chart-card__price {
  font-size: 0.5625rem !important;
  font-weight: 500 !important;
  color: rgba(165, 175, 188, 0.66) !important;
  font-family: "IBM Plex Mono", "Geist Mono", ui-monospace, SFMono-Regular, Menlo, monospace;
  font-feature-settings: "tnum", "zero";
  font-variant-numeric: tabular-nums;
  margin-top: 0.0625rem !important;
}

/* Rvol bar — quieter still: muted purple, smaller dot/labels */
.weekend-mini-chart-rvol__fill {
  background: rgba(167, 139, 250, 0.42) !important;
  border-radius: 1px;
}

.weekend-mini-chart-rvol__scale,
.weekend-mini-chart-rvol__value,
.weekend-mini-chart-rvol__label {
  color: rgba(133, 144, 160, 0.5) !important;
}

/* --------------------------------------------------------------------------
   Methodology page — refine card hierarchy and table density
   -------------------------------------------------------------------------- */

.methodology-page .methodology-card {
  background: var(--polish-surface) !important;
  border-color: var(--polish-line-strong) !important;
  border-radius: 0.5rem !important;
  box-shadow: none !important;
  padding: 0.875rem 1rem !important;
}

.methodology-page .methodology-card h2 {
  font-size: 0.8125rem !important;
  font-weight: 600 !important;
  letter-spacing: -0.014em !important;
  margin: 0 0 0.4375rem !important;
}

.methodology-page .methodology-card p,
.methodology-page .methodology-card li {
  font-size: 0.75rem !important;
  line-height: 1.55 !important;
  color: rgba(198, 207, 216, 0.72) !important;
}

.methodology-page .methodology-card strong {
  font-weight: 600;
  color: var(--weekend-text);
}

.methodology-page .methodology-equation {
  background: rgba(255, 255, 255, 0.02) !important;
  border-color: var(--polish-line) !important;
  border-radius: 0.375rem !important;
  font-family: "IBM Plex Mono", "Geist Mono", ui-monospace, SFMono-Regular, Menlo, monospace;
  font-size: 0.6875rem !important;
  line-height: 1.5 !important;
  letter-spacing: -0.005em !important;
  color: #d9e1ea !important;
  padding: 0.5rem 0.625rem !important;
}

.methodology-page .methodology-table {
  font-size: 0.6875rem !important;
}

.methodology-page .methodology-table th {
  font-size: 0.625rem !important;
  font-weight: 600 !important;
  letter-spacing: 0.04em !important;
  text-transform: uppercase;
  color: rgba(133, 144, 160, 0.86) !important;
  padding: 0.5rem 0.4375rem !important;
}

.methodology-page .methodology-table td {
  padding: 0.5rem 0.4375rem !important;
  font-size: 0.6875rem !important;
  line-height: 1.45;
  color: rgba(207, 215, 224, 0.78) !important;
  border-bottom-color: var(--polish-line) !important;
}

.methodology-page .methodology-table tbody tr:nth-child(odd) {
  background: rgba(255, 255, 255, 0.012) !important;
}

.methodology-page .methodology-subhead {
  font-size: 0.625rem !important;
  font-weight: 600 !important;
  letter-spacing: 0.06em !important;
  color: rgba(133, 144, 160, 0.78) !important;
  margin: 0 0 0.3125rem !important;
}

.methodology-page .methodology-equation-inline {
  font-size: 0.92em;
  background: rgba(255, 255, 255, 0.03);
  padding: 0.0625rem 0.25rem;
  border-radius: 0.1875rem;
  color: #d9e1ea;
}

.methodology-page .methodology-links a {
  color: var(--polish-accent);
  font-weight: 500;
  font-size: 0.75rem;
  letter-spacing: -0.003em;
  text-decoration: none;
}

.methodology-page .methodology-links a:hover {
  color: #c4b5fd;
}

.methodology-page .methodology-nav a {
  font-size: var(--polish-fs-xs);
  font-weight: 500;
  letter-spacing: -0.003em;
  color: rgba(155, 164, 175, 0.7);
}

.methodology-page .methodology-nav a.is-active,
.methodology-page .methodology-nav a:hover {
  color: var(--polish-accent);
  font-weight: 600;
}

/* --------------------------------------------------------------------------
   Health surface — small refinements (status pills, card heads)
   -------------------------------------------------------------------------- */

.weekend-health-card {
  background: var(--polish-surface) !important;
  border-color: var(--polish-line-strong) !important;
  border-radius: 0.5rem !important;
  box-shadow: none !important;
}

body.weekend-standalone-theme[data-weekend-theme="light"] .weekend-health-card {
  background: var(--polish-surface) !important;
  border-color: var(--polish-line-strong) !important;
  box-shadow: none !important;
}

.weekend-health-card__title,
.weekend-health-title {
  font-size: 0.8125rem !important;
  font-weight: 600 !important;
  letter-spacing: -0.014em !important;
  color: var(--weekend-text) !important;
}

.weekend-health-card__subtitle,
.weekend-health-subtitle {
  font-size: 0.6875rem !important;
  font-weight: 400 !important;
  color: rgba(145, 155, 166, 0.7) !important;
  letter-spacing: -0.003em !important;
}

/* Coming soon overlay — quieter */
.weekend-coming-soon-overlay,
.weekend-health-coming-soon {
  font-size: 0.625rem !important;
  font-weight: 600 !important;
  letter-spacing: 0.08em !important;
  text-transform: uppercase !important;
  color: rgba(165, 175, 188, 0.5) !important;
}

/* --------------------------------------------------------------------------
   Map surface — top-right toggle (24h / 1 week / Historic weekend)
   match the surface toggle treatment
   -------------------------------------------------------------------------- */

.weekend-map-surface__controls {
  gap: 0.375rem !important;
}

.weekend-map-toggle,
.weekend-map-window-toggle {
  height: 1.875rem;
  padding: 0.125rem !important;
  border-radius: 0.4375rem !important;
  border-color: var(--polish-line-strong) !important;
  background: var(--polish-surface) !important;
  gap: 0.0625rem !important;
}

.weekend-map-toggle__button,
.weekend-map-window-toggle__button {
  min-height: calc(1.875rem - 0.25rem - 2px);
  padding: 0 0.625rem !important;
  border-radius: 0.3125rem !important;
  font-size: 0.6875rem !important;
  font-weight: 500 !important;
  letter-spacing: -0.003em !important;
  color: rgba(155, 164, 175, 0.86) !important;
}

.weekend-map-toggle__button.is-active,
.weekend-map-window-toggle__button.is-active {
  background: var(--polish-accent-tint) !important;
  color: var(--polish-accent) !important;
  font-weight: 600 !important;
  box-shadow: inset 0 0 0 1px rgba(167, 139, 250, 0.18) !important;
}

/* --------------------------------------------------------------------------
   Aesthetic footer — slightly tighter & quieter
   -------------------------------------------------------------------------- */

.weekend-aesthetic-footer__inner {
  font-size: 0.6875rem !important;
  padding: 0.3125rem 1rem 0 !important;
}

.weekend-aesthetic-footer__message {
  font-size: 0.6875rem !important;
  font-weight: 500 !important;
  letter-spacing: -0.003em !important;
  color: rgba(168, 178, 191, 0.74) !important;
}

.weekend-aesthetic-link {
  font-size: 0.6875rem !important;
  font-weight: 500 !important;
  letter-spacing: -0.003em !important;
  color: rgba(168, 178, 191, 0.78) !important;
  transition: color 140ms ease;
}

.weekend-aesthetic-link:hover {
  color: var(--polish-accent) !important;
}

.weekend-aesthetic-link--muted {
  color: rgba(133, 144, 160, 0.6) !important;
}

.weekend-aesthetic-status-pill {
  font-size: 0.5625rem !important;
  font-weight: 700 !important;
  letter-spacing: 0.08em !important;
  text-transform: uppercase;
  padding: 0.1875rem 0.5rem 0.1875rem 0.4375rem !important;
}

/* --------------------------------------------------------------------------
   Toolbar status chip & saved analytics chip — single visual language
   -------------------------------------------------------------------------- */

.weekend-toolbar [data-saved-analytics],
.analytics-toolbar [data-saved-analytics] {
  font-size: var(--polish-fs-xs) !important;
  letter-spacing: -0.003em !important;
}

/* --------------------------------------------------------------------------
   Asset cell — give the symbol slightly more presence
   -------------------------------------------------------------------------- */

.weekend-asset-symbol {
  letter-spacing: -0.014em !important;
  font-size: 0.8125rem !important;
}

.weekend-asset-name {
  font-size: 0.6875rem !important;
  font-weight: 400;
  color: rgba(145, 155, 166, 0.78) !important;
  letter-spacing: -0.003em;
}

/* --------------------------------------------------------------------------
   Universal fixes: drop overly-bright dividers, tighten common gaps
   -------------------------------------------------------------------------- */

.weekend-toolbar-controls > * + * {
  margin-left: 0;
}

.weekend-page-intro a:hover {
  color: #c4b5fd !important;
}

/* Accent line under hovered table cell sort indicator was 2px — make it sharper */
.weekend-table-grid-head [role="columnheader"][aria-sort="ascending"],
.weekend-table-grid-head [role="columnheader"][aria-sort="descending"] {
  box-shadow: inset 0 -1.5px 0 var(--polish-accent) !important;
}

/* --------------------------------------------------------------------------
   Light-theme specific subtitle/legend tone (analytics)
   -------------------------------------------------------------------------- */

body.weekend-standalone-theme[data-weekend-theme="light"] .analytics-volume-card__title,
body.weekend-standalone-theme[data-weekend-theme="light"] .analytics-title {
  color: var(--weekend-text) !important;
}

body.weekend-standalone-theme[data-weekend-theme="light"] .analytics-volume-card__subtitle,
body.weekend-standalone-theme[data-weekend-theme="light"] .analytics-subtitle,
body.weekend-standalone-theme[data-weekend-theme="light"] .weekend-mini-chart-card__subtitle {
  color: rgba(75, 85, 99, 0.74) !important;
}

body.weekend-standalone-theme[data-weekend-theme="light"] .analytics-volume-card__price,
body.weekend-standalone-theme[data-weekend-theme="light"] .weekend-mini-chart-card__price {
  color: rgba(75, 85, 99, 0.66) !important;
}

body.weekend-standalone-theme[data-weekend-theme="light"] .methodology-page .methodology-card p,
body.weekend-standalone-theme[data-weekend-theme="light"] .methodology-page .methodology-card li {
  color: rgba(60, 68, 78, 0.84) !important;
}

body.weekend-standalone-theme[data-weekend-theme="light"] .methodology-page .methodology-table td {
  color: rgba(60, 68, 78, 0.84) !important;
}

body.weekend-standalone-theme[data-weekend-theme="light"] .weekend-aesthetic-footer__message {
  color: rgba(75, 85, 99, 0.78) !important;
}

body.weekend-standalone-theme[data-weekend-theme="light"] .weekend-aesthetic-link {
  color: rgba(75, 85, 99, 0.84) !important;
}

/* ==========================================================================
   ROUND 3 — Light-mode editorial pass
   Goal: light theme reads as clean white-on-cool-gray, like dark mode reads
   as clean white-on-near-black. Drop the warm gradient/shadow chrome and the
   giant SVG chart watermark text bleeding through cards.
   ========================================================================== */

/* Body background — pure white, override Tailwind bg-brand-screen */
body.weekend-standalone-theme[data-weekend-theme="light"],
html:has(body.weekend-standalone-theme[data-weekend-theme="light"]) {
  background: #ffffff !important;
}

body.weekend-standalone-theme[data-weekend-theme="light"] .bg-brand-screen,
body.weekend-standalone-theme[data-weekend-theme="light"].bg-brand-screen {
  background-color: #ffffff !important;
}

/* Header — clean white, single hairline, no warm gradient */
body.weekend-standalone-theme[data-weekend-theme="light"] .weekend-header-compact,
body.weekend-standalone-theme[data-weekend-theme="light"] .weekend-header-mobile {
  background: #ffffff !important;
  border-bottom-color: var(--polish-line-strong) !important;
}

/* Aesthetic footer — clean white in light mode */
body.weekend-standalone-theme[data-weekend-theme="light"] .weekend-aesthetic-footer {
  background: rgba(255, 255, 255, 0.96) !important;
  border-top-color: var(--polish-line) !important;
}

body.weekend-standalone-theme[data-weekend-theme="light"] .weekend-aesthetic-footer::after {
  background: var(--polish-line-strong) !important;
}

/* --------------------------------------------------------------------------
   Analytics cards: pure white, single hairline, drop shadow & inset
   -------------------------------------------------------------------------- */

body.weekend-standalone-theme[data-weekend-theme="light"] .analytics-card,
body.weekend-standalone-theme[data-weekend-theme="light"] .analytics-volume-card,
body.weekend-standalone-theme[data-weekend-theme="light"] .analytics-volume-card--fullscreen,
body.weekend-standalone-theme[data-weekend-theme="light"] .analytics-card--soft {
  background: #ffffff !important;
  border-color: var(--polish-line-strong) !important;
  box-shadow: none !important;
}

/* Plot well: flat white, no gradient/inset/radial */
body.weekend-standalone-theme[data-weekend-theme="light"] .analytics-volume-card__plot-well {
  background: #ffffff !important;
  border-color: var(--polish-line) !important;
  box-shadow: none !important;
}

/* Empty state surface */
body.weekend-standalone-theme[data-weekend-theme="light"] .analytics-volume-empty {
  background: #ffffff !important;
  border-color: var(--polish-line-strong) !important;
}

/* Inset frame in scatter/parity charts */
body.weekend-standalone-theme[data-weekend-theme="light"] .analytics-inset-frame {
  fill: #f8f9fb !important;
  stroke: var(--polish-line-strong) !important;
}

/* Hide the giant chart watermark in light mode — that's the "text in background" */
body.weekend-standalone-theme[data-weekend-theme="light"] .analytics-volume-chart-watermark {
  display: none !important;
  fill: transparent !important;
}

/* Also tone down dark-mode watermark — still subtle but cleaner */
.analytics-volume-chart-watermark {
  fill: rgba(255, 255, 255, 0.025) !important;
}

/* Expand button in light mode */
body.weekend-standalone-theme[data-weekend-theme="light"] .analytics-volume-card__expand,
body.weekend-standalone-theme[data-weekend-theme="light"] .analytics-volume-card--fullscreen .analytics-volume-card__expand--overlay {
  background: transparent !important;
  border-color: var(--polish-line-strong) !important;
  color: rgba(75, 85, 99, 0.7) !important;
}

body.weekend-standalone-theme[data-weekend-theme="light"] .analytics-volume-card__expand:hover {
  background: var(--polish-accent-tint) !important;
  border-color: rgba(109, 40, 217, 0.32) !important;
  color: var(--polish-accent) !important;
}

/* --------------------------------------------------------------------------
   Status / saved-analytics chip — clean white in light
   -------------------------------------------------------------------------- */

body.weekend-standalone-theme[data-weekend-theme="light"] .analytics-status-chip {
  background: #ffffff !important;
  border-color: var(--polish-line-strong) !important;
  color: rgba(55, 65, 81, 0.86) !important;
}

/* --------------------------------------------------------------------------
   Discovery-bounds toolbar: search, surface toggle, theme toggle, summary chips
   pure white in light, hairline borders only
   -------------------------------------------------------------------------- */

body.weekend-standalone-theme[data-weekend-theme="light"] .weekend-search-shell,
body.weekend-standalone-theme[data-weekend-theme="light"] .weekend-surface-toggle,
body.weekend-standalone-theme[data-weekend-theme="light"] .weekend-theme-toggle,
body.weekend-standalone-theme[data-weekend-theme="light"] .weekend-summary-chip,
body.weekend-standalone-theme[data-weekend-theme="light"] .analytics-volume-window-group,
body.weekend-standalone-theme[data-weekend-theme="light"] .analytics-volume-segment {
  background: #ffffff !important;
  border-color: var(--polish-line-strong) !important;
  box-shadow: none !important;
}

body.weekend-standalone-theme[data-weekend-theme="light"] .weekend-theme-toggle__button:not(.is-active):hover,
body.weekend-standalone-theme[data-weekend-theme="light"] .weekend-theme-toggle__button:not(.is-active):focus-visible,
body.weekend-standalone-theme[data-weekend-theme="light"] .weekend-surface-toggle__button:not(.is-active):hover,
body.weekend-standalone-theme[data-weekend-theme="light"] .weekend-surface-toggle__button:not(.is-active):focus-visible,
body.weekend-standalone-theme[data-weekend-theme="light"] .weekend-chart-control:not(.is-active):hover,
body.weekend-standalone-theme[data-weekend-theme="light"] .weekend-chart-control:not(.is-active):focus-visible,
body.weekend-standalone-theme[data-weekend-theme="light"] .weekend-map-toggle__button:not(.is-active):hover,
body.weekend-standalone-theme[data-weekend-theme="light"] .weekend-map-toggle__button:not(.is-active):focus-visible,
body.weekend-standalone-theme[data-weekend-theme="light"] .weekend-map-window-toggle__button:not(.is-active):hover,
body.weekend-standalone-theme[data-weekend-theme="light"] .weekend-map-window-toggle__button:not(.is-active):focus-visible,
body.weekend-standalone-theme[data-weekend-theme="light"] .weekend-filter-pill:not(.is-active):not([aria-pressed="true"]):not([aria-current="true"]):hover,
body.weekend-standalone-theme[data-weekend-theme="light"] .weekend-filter-pill-button:not(.is-active):not([aria-pressed="true"]):not([aria-current="true"]):hover,
body.weekend-standalone-theme[data-weekend-theme="light"] [data-weekend-filter-pill]:not(.is-active):not([aria-pressed="true"]):not([aria-current="true"]):hover {
  background: rgba(11, 13, 17, 0.055) !important;
  color: rgba(15, 23, 42, 0.96) !important;
}

body.weekend-standalone-theme[data-weekend-theme="light"] .weekend-surface-toggle__button--coming-soon,
body.weekend-standalone-theme[data-weekend-theme="light"] .weekend-surface-toggle__button--coming-soon:hover,
body.weekend-standalone-theme[data-weekend-theme="light"] .weekend-surface-toggle__button--coming-soon:focus-visible {
  background: transparent !important;
  color: rgba(75, 85, 99, 0.58) !important;
}

/* In-card filter pills */
body.weekend-standalone-theme[data-weekend-theme="light"] .analytics-filter-pill,
body.weekend-standalone-theme[data-weekend-theme="light"] .weekend-filter-pill,
body.weekend-standalone-theme[data-weekend-theme="light"] [data-weekend-filter-pill] {
  background: #ffffff !important;
  border-color: var(--polish-line-strong) !important;
  color: rgba(75, 85, 99, 0.84) !important;
}

body.weekend-standalone-theme[data-weekend-theme="light"] .analytics-filter-pill:hover,
body.weekend-standalone-theme[data-weekend-theme="light"] .weekend-filter-pill:hover {
  background: rgba(11, 13, 17, 0.04) !important;
  color: rgba(15, 23, 42, 0.96) !important;
}

body.weekend-standalone-theme[data-weekend-theme="light"] .analytics-filter-pill.is-active,
body.weekend-standalone-theme[data-weekend-theme="light"] .weekend-filter-pill.is-active,
body.weekend-standalone-theme[data-weekend-theme="light"] [data-weekend-filter-pill].is-active {
  background: var(--polish-accent-tint) !important;
  border-color: rgba(109, 40, 217, 0.30) !important;
  color: var(--polish-accent) !important;
  box-shadow: inset 0 0 0 1px rgba(109, 40, 217, 0.20) !important;
}

/* Volume read-only pill */
body.weekend-standalone-theme[data-weekend-theme="light"] .analytics-volume-pill {
  background: #ffffff !important;
  border-color: var(--polish-line-strong) !important;
  color: rgba(75, 85, 99, 0.86) !important;
}

/* Summary chip values */
body.weekend-standalone-theme[data-weekend-theme="light"] .weekend-summary-chip__value {
  color: var(--weekend-text) !important;
}

body.weekend-standalone-theme[data-weekend-theme="light"] .weekend-summary-chip__label {
  color: rgba(75, 85, 99, 0.78) !important;
}

/* --------------------------------------------------------------------------
   Mini chart cards (chart surface) — pure white in light, hairline only
   -------------------------------------------------------------------------- */

body.weekend-standalone-theme[data-weekend-theme="light"] .weekend-mini-chart-card {
  background: #ffffff !important;
  border-color: var(--polish-line-strong) !important;
  box-shadow: none !important;
}

body.weekend-standalone-theme[data-weekend-theme="light"] .weekend-mini-chart-card:hover {
  border-color: var(--polish-accent-tint) !important;
  background: #ffffff !important;
  box-shadow: none !important;
}

/* Chart control group (Live / Historic weekend / Historic open) */
body.weekend-standalone-theme[data-weekend-theme="light"] .weekend-chart-control-group {
  background: #ffffff !important;
  border-color: var(--polish-line-strong) !important;
}

body.weekend-standalone-theme[data-weekend-theme="light"] .weekend-chart-control {
  color: rgba(75, 85, 99, 0.86) !important;
}

body.weekend-standalone-theme[data-weekend-theme="light"] .weekend-chart-control.is-active {
  background: var(--polish-accent-tint) !important;
  color: var(--polish-accent) !important;
  box-shadow: inset 0 0 0 1px rgba(109, 40, 217, 0.20) !important;
}

/* --------------------------------------------------------------------------
   Card head copy in light mode (analytics + chart): tighten color
   -------------------------------------------------------------------------- */

body.weekend-standalone-theme[data-weekend-theme="light"] .analytics-volume-card__title,
body.weekend-standalone-theme[data-weekend-theme="light"] .analytics-title,
body.weekend-standalone-theme[data-weekend-theme="light"] .weekend-mini-chart-card__title {
  color: var(--weekend-text) !important;
}

body.weekend-standalone-theme[data-weekend-theme="light"] .analytics-volume-card__subtitle,
body.weekend-standalone-theme[data-weekend-theme="light"] .analytics-subtitle,
body.weekend-standalone-theme[data-weekend-theme="light"] .weekend-mini-chart-card__subtitle {
  color: rgba(75, 85, 99, 0.7) !important;
}

body.weekend-standalone-theme[data-weekend-theme="light"] .analytics-volume-card__price,
body.weekend-standalone-theme[data-weekend-theme="light"] .weekend-mini-chart-card__price {
  color: rgba(75, 85, 99, 0.66) !important;
}

body.weekend-standalone-theme[data-weekend-theme="light"] .analytics-kicker {
  color: rgba(75, 85, 99, 0.78) !important;
}

body.weekend-standalone-theme[data-weekend-theme="light"] .analytics-card-header-note {
  color: rgba(75, 85, 99, 0.7) !important;
}

/* --------------------------------------------------------------------------
   Table surface — pure white panels in light mode
   -------------------------------------------------------------------------- */

body.weekend-standalone-theme[data-weekend-theme="light"] .weekend-card-compact {
  background: #ffffff !important;
  border-color: var(--polish-line-strong) !important;
  box-shadow: none !important;
}

body.weekend-standalone-theme[data-weekend-theme="light"] .weekend-table-grid-head,
body.weekend-standalone-theme[data-weekend-theme="light"] .weekend-table-grid-head::before {
  background: rgba(11, 13, 17, 0.025) !important;
}

body.weekend-standalone-theme[data-weekend-theme="light"] .weekend-table-grid [role="row"] {
  border-bottom-color: var(--polish-line) !important;
}

/* --------------------------------------------------------------------------
   Methodology page — light-mode polish
   -------------------------------------------------------------------------- */

body.weekend-standalone-theme[data-weekend-theme="light"] .methodology-page {
  background: #f3f4f6 !important;
  color: var(--weekend-text);
}

body.weekend-standalone-theme[data-weekend-theme="light"] .methodology-page .methodology-card {
  background: #ffffff !important;
  border-color: var(--polish-line-strong) !important;
  box-shadow: none !important;
}

body.weekend-standalone-theme[data-weekend-theme="light"] .methodology-page .methodology-equation {
  background: rgba(11, 13, 17, 0.025) !important;
  border-color: var(--polish-line) !important;
  color: var(--weekend-text) !important;
}

body.weekend-standalone-theme[data-weekend-theme="light"] .methodology-page .methodology-table tbody tr:nth-child(odd) {
  background: rgba(11, 13, 17, 0.018) !important;
}

body.weekend-standalone-theme[data-weekend-theme="light"] .methodology-page .methodology-header {
  background: rgba(255, 255, 255, 0.92) !important;
}

/* --------------------------------------------------------------------------
   Health surface — pure white in light
   -------------------------------------------------------------------------- */

body.weekend-standalone-theme[data-weekend-theme="light"] .weekend-health-card {
  background: #ffffff !important;
  border-color: var(--polish-line-strong) !important;
  box-shadow: none !important;
}

/* --------------------------------------------------------------------------
   Map surface light-mode treatment
   -------------------------------------------------------------------------- */

body.weekend-standalone-theme[data-weekend-theme="light"] .weekend-map-toggle,
body.weekend-standalone-theme[data-weekend-theme="light"] .weekend-map-window-toggle {
  background: #ffffff !important;
  border-color: var(--polish-line-strong) !important;
}

body.weekend-standalone-theme[data-weekend-theme="light"] .weekend-map-toggle__button,
body.weekend-standalone-theme[data-weekend-theme="light"] .weekend-map-window-toggle__button {
  color: rgba(75, 85, 99, 0.86) !important;
}

body.weekend-standalone-theme[data-weekend-theme="light"] .weekend-map-toggle__button.is-active,
body.weekend-standalone-theme[data-weekend-theme="light"] .weekend-map-window-toggle__button.is-active {
  background: var(--polish-accent-tint) !important;
  color: var(--polish-accent) !important;
  box-shadow: inset 0 0 0 1px rgba(109, 40, 217, 0.20) !important;
}

.weekend-map-surface .weekend-chart-surface__legend:empty {
  display: none !important;
}

.weekend-map-surface .weekend-chart-surface__head:has(.weekend-chart-surface__legend:empty) {
  justify-content: flex-end !important;
}

/* --------------------------------------------------------------------------
   Powered-by lockup — keep dark-mode logo visibility correct in light too
   The base CSS already toggles --dark / --light variants by theme; my earlier
   fix removed `display: block` which was breaking that.
   -------------------------------------------------------------------------- */

body.weekend-standalone-theme[data-weekend-theme="light"] .weekend-trade-nav-copy--powered {
  color: rgba(75, 85, 99, 0.62) !important;
}

body.weekend-standalone-theme[data-weekend-theme="light"] .weekend-trade-nav-logo--light {
  background: transparent !important;
}

/* --------------------------------------------------------------------------
   Chart grid — elite flat.
   No frame, no dividers, no hover animation. Cells separate via spacing alone.
   -------------------------------------------------------------------------- */

body.weekend-standalone-theme {
  --polish-grid-cell: #0a0d11;
  --polish-grid-divider: rgba(255, 255, 255, 0.09);
}

body.weekend-standalone-theme[data-weekend-theme="light"] {
  --polish-grid-cell: #ffffff;
  --polish-grid-divider: rgba(11, 13, 17, 0.13);
}

.weekend-chart-surface__head {
  padding-block: 0.5rem !important;
  padding-inline: 0.625rem !important;
  margin-bottom: 0 !important;
}

.weekend-chart-surface__grid {
  gap: 1px !important;
  background: var(--polish-grid-divider) !important;
  border: 0 !important;
  border-radius: 0 !important;
  box-shadow: none !important;
}

.weekend-mini-chart-card,
.weekend-mini-chart-card:hover,
body.weekend-standalone-theme[data-weekend-theme="light"] .weekend-mini-chart-card,
body.weekend-standalone-theme[data-weekend-theme="light"] .weekend-mini-chart-card:hover {
  border: 0 !important;
  border-radius: 0 !important;
  background: var(--polish-grid-cell) !important;
  box-shadow: none !important;
  transition: none !important;
  transform: none !important;
}

.weekend-mini-chart-card:hover .weekend-mini-chart-card__title,
.weekend-mini-chart-card:hover .weekend-mini-chart-card__subtitle,
.weekend-mini-chart-card:hover .weekend-mini-chart-card__price {
  color: inherit !important;
}

body.weekend-standalone-theme[data-weekend-theme="light"] .weekend-mini-chart-card:hover .weekend-mini-chart-card__title {
  color: rgba(15, 23, 42, 0.98) !important;
}

body.weekend-standalone-theme[data-weekend-theme="light"] .weekend-mini-chart-card:hover .weekend-mini-chart-card__subtitle {
  color: rgba(51, 65, 85, 0.88) !important;
}

body.weekend-standalone-theme[data-weekend-theme="light"] .weekend-mini-chart-card:hover .weekend-mini-chart-card__price {
  color: rgba(30, 41, 59, 0.9) !important;
}

/* ==========================================================================
   ROUND 4 - Pixel closure pass
   Fixes card/table clipping, chart-grid empty-state fill, and mobile tabs.
   ========================================================================== */

body.weekend-standalone-theme {
  --polish-card-radius: 0.5rem;
}

.weekend-card-compact {
  position: relative;
  overflow: hidden !important;
  border-radius: var(--polish-card-radius) !important;
  background: var(--polish-surface) !important;
  background-clip: padding-box !important;
}

.weekend-card-compact > .weekend-desktop-table {
  flex: 1 1 auto;
  min-height: 0;
  overflow: auto !important;
  border-radius: 0 !important;
  background: transparent !important;
}

.weekend-card-compact .weekend-table-loading,
.weekend-card-compact .weekend-table-grid {
  border-radius: 0 !important;
}

.weekend-table-grid [role="row"]:last-child {
  border-bottom: 0 !important;
}

.weekend-table-grid-head {
  top: 0;
}

.weekend-search-input {
  appearance: none;
  -webkit-appearance: none;
  background: transparent !important;
  box-shadow: none !important;
}

.weekend-search-input::-webkit-search-decoration,
.weekend-search-input::-webkit-search-cancel-button,
.weekend-search-input::-webkit-search-results-button,
.weekend-search-input::-webkit-search-results-decoration {
  display: none;
}

body.weekend-standalone-theme:has(.weekend-theme-toggle__button[data-weekend-theme-choice="light"].is-active) .weekend-search-shell {
  background: #ffffff !important;
  background-color: #ffffff !important;
}

@media (prefers-color-scheme: light) {
  body.weekend-standalone-theme .weekend-search-shell {
    background: #ffffff !important;
    background-color: #ffffff !important;
  }
}

body.weekend-standalone-theme[data-weekend-theme="dark"] .weekend-search-shell {
  background: var(--polish-surface) !important;
  background-color: var(--polish-surface) !important;
}

.weekend-chart-surface__grid {
  background: var(--polish-grid-divider) !important;
}

.weekend-mini-chart-card,
.weekend-mini-chart-card:hover,
body.weekend-standalone-theme[data-weekend-theme="light"] .weekend-mini-chart-card,
body.weekend-standalone-theme[data-weekend-theme="light"] .weekend-mini-chart-card:hover {
  box-shadow: none !important;
}

.analytics-volume-card.weekend-mini-chart-card,
.analytics-volume-card.weekend-mini-chart-card:hover,
body.weekend-standalone-theme[data-weekend-theme="light"] .analytics-volume-card.weekend-mini-chart-card,
body.weekend-standalone-theme[data-weekend-theme="light"] .analytics-volume-card.weekend-mini-chart-card:hover {
  box-shadow: none !important;
}

@media (max-width: 720px) {
  html,
  body.weekend-standalone-theme {
    overflow-y: auto !important;
    -webkit-overflow-scrolling: touch;
  }

  #weekend-analytics-root {
    min-height: 100dvh !important;
    height: auto !important;
    overflow-x: hidden !important;
    overflow-y: visible !important;
  }

  .weekend-analytics-main,
  .weekend-card-compact.weekend-card-compact--analytics,
  .weekend-card-compact.weekend-card-compact--methodology,
  .analytics-content-shell,
  .analytics-content-shell > *,
  .analytics-shell,
  .analytics-volume-shell,
  .analytics-card.analytics-volume-board {
    flex: none !important;
    min-height: 0 !important;
    height: auto !important;
    max-height: none !important;
    overflow: visible !important;
  }

  .analytics-content-shell,
  .analytics-content-shell > *,
  .analytics-shell,
  .analytics-volume-shell,
  .analytics-card.analytics-volume-board,
  .weekend-card-compact.weekend-card-compact--methodology > .weekend-methodology-surface {
    display: block !important;
  }

  .weekend-card-compact.weekend-card-compact--methodology > .weekend-methodology-surface {
    min-height: 0 !important;
    height: auto !important;
    max-height: none !important;
    overflow: visible !important;
  }

  .weekend-card-compact.weekend-card-compact--methodology .weekend-methodology-grid {
    display: grid !important;
    grid-template-columns: 1fr !important;
    min-height: 0 !important;
    height: auto !important;
    max-height: none !important;
    overflow: visible !important;
  }

  .weekend-card-compact.weekend-card-compact--methodology .weekend-methodology-card--wide {
    grid-column: auto !important;
  }

  .analytics-volume-grid {
    display: flex !important;
    flex-direction: column !important;
    min-height: 0 !important;
    height: auto !important;
    max-height: none !important;
    overflow: visible !important;
  }

  .analytics-volume-grid > .analytics-volume-card {
    flex: none !important;
    height: auto !important;
    min-height: 15.8rem !important;
  }

  .weekend-surface-toggle-wrap {
    width: 100%;
    max-width: 100%;
  }

  .weekend-surface-toggle {
    display: grid;
    grid-template-columns: repeat(3, minmax(0, 1fr));
    width: 100%;
    height: auto;
    gap: 0.125rem !important;
  }

  .weekend-surface-toggle__button {
    min-width: 0 !important;
    min-height: 1.625rem !important;
    padding: 0 0.375rem !important;
    overflow: hidden;
    text-overflow: ellipsis;
  }
}