/*
  MOSSY setup pages 2-6 background only.
  Scope: setup screen only (#setup). No JS, no router, no community/runtime changes.
*/

#setup,
.screen.setup {
  background-color: #001307 !important;
}

#setup.screen,
#setup.screen.active,
body[data-view="setup"] #setup,
body[data-view="setup"] .screen.setup,
.phone:has(#setup.active) #setup {
  background-image:
    linear-gradient(180deg, rgba(0, 9, 3, 0.02) 0%, rgba(0, 10, 4, 0.05) 44%, rgba(0, 8, 3, 0.18) 100%),
    url('/static/images/imo/setup/bg_pages_2_6_im_in_korea_original.png?v=pages26-fixed') !important;
  background-size: cover !important;
  background-position: center center !important;
  background-repeat: no-repeat !important;
  background-color: #001307 !important;
}

body[data-view="setup"] .phone,
.phone:has(#setup.active) {
  background-image:
    linear-gradient(180deg, rgba(0, 9, 3, 0.02) 0%, rgba(0, 10, 4, 0.05) 44%, rgba(0, 8, 3, 0.18) 100%),
    url('/static/images/imo/setup/bg_pages_2_6_im_in_korea_original.png?v=pages26-fixed') !important;
  background-size: cover !important;
  background-position: center center !important;
  background-repeat: no-repeat !important;
  background-color: #001307 !important;
}

#setup .setup-inner,
.screen.setup .setup-inner {
  background: transparent !important;
}

#setup .setup-card,
.screen.setup .setup-card {
  background: rgba(0, 54, 18, 0.80) !important;
  border-color: rgba(87, 255, 35, 0.62) !important;
  box-shadow: 0 18px 42px rgba(0,0,0,0.34), 0 0 34px rgba(89,255,35,0.10) !important;
  -webkit-backdrop-filter: blur(2px) saturate(1.08);
  backdrop-filter: blur(2px) saturate(1.08);
}

/* keep all non-setup screens as-is */
body:not([data-view="setup"]) #setup:not(.active) {
  background-image: none;
}