/* === SCROLL + PUBLIC BACKGROUND RESTORE V46 === */
/* Restores desktop scrolling and Polita purple/cyan public background after V45. */

/* Keep browser safe-area dark, but do NOT lock normal scrolling */
html {
  background: #040817 !important;
  background-color: #040817 !important;
  min-height: 100% !important;
  height: auto !important;
  overflow-y: auto !important;
}

body {
  min-height: 100% !important;
  height: auto !important;
  overflow-y: auto !important;
  overflow-x: hidden !important;
  overscroll-behavior-y: auto !important;
}

/* Public pages: restore the proper Polita glow/grid background */
body:not(.dashboard-page) {
  background:
    radial-gradient(circle at 14% 18%, rgba(117, 64, 255, .30), transparent 34%),
    radial-gradient(circle at 88% 72%, rgba(0, 210, 255, .22), transparent 36%),
    radial-gradient(circle at 50% 120%, rgba(0, 255, 180, .10), transparent 36%),
    linear-gradient(180deg, #050817 0%, #07091d 48%, #040817 100%) !important;
  background-color: #040817 !important;
  background-attachment: fixed !important;
}

/* Public grid/dots overlay restored */
body:not(.dashboard-page)::before {
  content: "" !important;
  position: fixed !important;
  inset: 0 !important;
  pointer-events: none !important;
  z-index: 0 !important;
  background:
    linear-gradient(rgba(255,255,255,.025) 1px, transparent 1px),
    linear-gradient(90deg, rgba(255,255,255,.025) 1px, transparent 1px),
    radial-gradient(circle at 22% 26%, rgba(36,240,208,.22) 0 1px, transparent 2px),
    radial-gradient(circle at 76% 18%, rgba(116,92,255,.20) 0 1px, transparent 2px),
    radial-gradient(circle at 58% 78%, rgba(36,240,208,.14) 0 1px, transparent 2px);
  background-size:
    96px 96px,
    96px 96px,
    220px 220px,
    260px 260px,
    300px 300px !important;
  opacity: .58 !important;
}

/* Keep real page content above restored background */
body:not(.dashboard-page) header,
body:not(.dashboard-page) main,
body:not(.dashboard-page) footer,
body:not(.dashboard-page) .public-wrap,
body:not(.dashboard-page) .dash-public,
body:not(.dashboard-page) .polita-public-page {
  position: relative !important;
  z-index: 1 !important;
}

/* Mobile safe-area still stays dark instead of white */
@media (max-width: 760px) {
  html {
    background: #040817 !important;
    background-color: #040817 !important;
  }

  body {
    background-color: #040817 !important;
  }
}