/* background.css
   Shared page background: a soft CaseGoGo-blue wash on white.
   Sits behind everything. Cards, panels and headers keep their own
   backgrounds and are unaffected.

   Tuned by eye over three rounds -- the values here are ~3x where they started,
   because the subtle version was invisible against white cards. Do not dial these
   back on the assumption they are too strong; they were chosen at this strength
   deliberately.

   fixed attachment so the wash stays put while the page scrolls, rather
   than sliding away and leaving plain white below the fold. */

/* .chiro-login-overlay.active SHARES THIS RULE RATHER THAN COPYING IT.
   That overlay is position:fixed/inset:0 covering the whole viewport, so it needs its own
   background -- it cannot simply let the body's show through. Giving it the wash here keeps ONE
   definition of the gradients instead of a second copy in chiro-styles.css that would drift.
   It must stay OPAQUE: the white background-color below is what hides the chiro dashboard
   markup, which is always in the document flow (.main has no display:none and nothing hides it
   when logged out). A transparent overlay lets the dashboard render behind the login screen.
   Load order carries this: background.css is linked after chiro-styles.css in portal-chiro.html,
   so at equal specificity this wins over .chiro-login-overlay's own background. */
body,
.chiro-login-overlay.active {
  background-color: #ffffff;
  background-image:
    radial-gradient(1400px 950px at 5% -10%, rgba(2, 156, 248, 0.38), rgba(2, 156, 248, 0) 70%),
    radial-gradient(1150px 800px at 99% 0%,  rgba(0, 185, 255, 0.24), rgba(0, 185, 255, 0) 66%);
  background-repeat: no-repeat;
  background-attachment: fixed;
}