/* NEXAM EdTech Blue - global workspace V3.
   Scope: only the ordinary post-login workspace (.wrapper > .main > .content).
   Deliberately does not style data cards, form controls, tables, sidebar, print pages,
   SEB verification screens or full-screen exam / game-play experiences.
   Existing HTML-based dark-mode styling remains authoritative. */
@media screen {
  html:not(.dark-mode) body:not(.login-page) .wrapper > .main > main.content,
  html:not(.dark-mode) body:not(.login-page) .wrapper > .main > .content {
    background-color: #edf5ff !important;
    background-image:
      linear-gradient(135deg, rgba(248,251,255,.66), rgba(246,251,255,.73)),
      url('../images/nexam-edtech-accents-v2.svg'),
      url('../images/nexam-edtech-background-v2.svg') !important;
    background-position: center center, center center, center center !important;
    background-size: cover, cover, cover !important;
    background-repeat: no-repeat, no-repeat, no-repeat !important;
    background-attachment: scroll, fixed, fixed !important;
    min-height: calc(100vh - 72px);
  }

  html:not(.dark-mode) body:not(.login-page) .wrapper > .main {
    background-color: #edf5ff;
  }

  /* Cards, tables and fields keep their own solid backgrounds for readability.
     No pointer-blocking overlays or elevated z-index surfaces are added. */
}

@media screen and (max-width: 768px) {
  html:not(.dark-mode) body:not(.login-page) .wrapper > .main > main.content,
  html:not(.dark-mode) body:not(.login-page) .wrapper > .main > .content {
    background-attachment: scroll, scroll, scroll !important;
    background-position: center center !important;
  }
}

@media print {
  html:not(.dark-mode) body:not(.login-page) .wrapper > .main > main.content,
  html:not(.dark-mode) body:not(.login-page) .wrapper > .main > .content {
    background-image: none !important;
    background-color: #fff !important;
  }
}