/* OddsQ r82: unify the desktop intelligence stage without changing geometry. */

:root {
  --r82-market-stage: rgba(20, 25, 27, 0.94);
  --r82-market-line: rgba(190, 194, 185, 0.16);
  --r82-market-highlight: rgba(255, 255, 255, 0.035);
}

/* Header, live tape, and Market Moves now read as one graphite surface. */
.site-header,
.market-ticker {
  border-color: var(--r82-market-line) !important;
  background:
    radial-gradient(ellipse at 50% 0, var(--r82-market-highlight), transparent 58%),
    linear-gradient(90deg, rgba(255, 255, 255, 0.02), transparent 9%, transparent 91%, rgba(255, 255, 255, 0.02)),
    var(--r82-market-stage) !important;
}

.site-header {
  box-shadow: inset 0 -1px 0 rgba(255, 255, 255, 0.025) !important;
}

.market-ticker {
  box-shadow:
    inset 0 1px 0 var(--r82-market-highlight),
    inset 0 -1px 0 rgba(0, 0, 0, 0.22) !important;
}

.market-ticker::before {
  background:
    linear-gradient(90deg, rgba(255, 255, 255, 0.025), transparent 15%, transparent 85%, rgba(255, 255, 255, 0.025)),
    var(--r82-market-stage) !important;
}

.market-ticker .ticker-status {
  background: linear-gradient(90deg, rgba(255, 255, 255, 0.035), rgba(255, 255, 255, 0.012)) !important;
  border-right-color: var(--r82-market-line) !important;
}

@media (min-width: 1181px) {
  /* Fill only the exposed hero and window gaps with the shared graphite tone. */
  .dashboard {
    background:
      radial-gradient(ellipse at 50% 0, var(--r82-market-highlight), transparent 34rem),
      linear-gradient(90deg, rgba(255, 255, 255, 0.02), transparent 8%, transparent 92%, rgba(255, 255, 255, 0.02)),
      var(--r82-market-stage) !important;
  }

  /* Keep the desktop hero prominent without changing responsive layouts. */
  .dashboard .lead-title {
    font-size: 23.5px !important;
  }

  /* Two CSS millimetres, limited to the continuation-page headings. */
  .dashboard .continuation-stream .continuation-window-head .window-label {
    margin-left: 8px !important;
  }
}