/* Smart Shrimp Log — Global Background System v1
   Owner direction: one professional green background family across the authenticated app.
   Login remains its own visual authority. Presentation only; no data/business semantics. */

:root{
  --ssl-app-canvas:#f3f6f3;
  --ssl-app-canvas-soft:#eef5ef;
  --ssl-app-top-lime:#e9fba9;
  --ssl-app-top-mint:#8fe39a;
  --ssl-app-top-green:#22bb70;
  --ssl-app-top-green-deep:#0ba85d;
}

html{
  background:var(--ssl-app-canvas)!important;
}

/* One shared app atmosphere.
   This direct body override intentionally supersedes every legacy app-background image.
   Login stays visually isolated because its full-screen shell paints its own opaque image. */
body:before{
  content:""!important;
  position:fixed!important;
  inset:0!important;
  width:100%!important;
  height:100%!important;
  z-index:-2!important;
  pointer-events:none!important;
  background:
    radial-gradient(72% 34% at 5% 0%,rgba(239,255,169,.96) 0%,rgba(222,250,166,.56) 42%,rgba(222,250,166,0) 74%),
    radial-gradient(58% 30% at 98% 7%,rgba(34,190,111,.30) 0%,rgba(34,190,111,.12) 42%,rgba(34,190,111,0) 76%),
    linear-gradient(180deg,
      #e6faa7 0px,
      #a6e99b 112px,
      #64d989 205px,
      #20ba6f 292px,
      #d9efdc 420px,
      #edf5ee 545px,
      #f3f6f3 690px,
      #f4f6f4 100%)!important;
  background-repeat:no-repeat!important;
  background-size:cover!important;
  background-position:center top!important;
}

body:after{
  content:""!important;
  position:fixed!important;
  inset:0!important;
  z-index:-1!important;
  pointer-events:none!important;
  background:
    linear-gradient(180deg,
      rgba(255,255,255,.03) 0px,
      rgba(255,255,255,.04) 250px,
      rgba(244,249,245,.32) 420px,
      rgba(246,248,246,.50) 680px,
      rgba(246,248,246,.58) 100%)!important;
}

/* Remove page-family canvas conflicts. Cards, heroes and functional surfaces keep their own authority. */
body #app,
body .shell,
body .shell>.content,
body .content,
body .simple-os,
body .simple-content,
body .shell.pond-detail-shell,
body .shell.farm-level-shell,
body .shell.home-shell{
  background:transparent!important;
}

body .shell.pond-detail-shell,
body .shell.farm-level-shell,
body .shell.home-shell{
  backdrop-filter:none!important;
  -webkit-backdrop-filter:none!important;
}

/* Kill legacy page-level photo backgrounds, but preserve hero/card artwork. */
body .marix-reference-shell .content{
  background:transparent!important;
}
body .marix-home:before{
  background:none!important;
  background-image:none!important;
  opacity:0!important;
}
body .marix-home{
  background:transparent!important;
}

/* Final leak guard: legacy Golden Master paints a full-page farm photo on the
   shell pseudo-element. Disable only this page-canvas painter; hero/card media
   continue to own their own imagery. */
body{
  background:transparent!important;
  background-image:none!important;
}
body .shell.farm-level-shell::before,
body .shell.home-shell::before{
  content:none!important;
  display:none!important;
  background:none!important;
  background-image:none!important;
  opacity:0!important;
}
:root[data-theme="dark"] body .shell.farm-level-shell::before,
:root[data-theme="dark"] body .shell.home-shell::before{
  content:none!important;
  display:none!important;
  background:none!important;
  background-image:none!important;
  opacity:0!important;
}

/* Keep information surfaces calm and legible against the shared canvas. */
body .panel,
body .pond-card,
body .farm-card,
body .inventory-card,
body .stat-card,
body .module-card,
body .warehouse-table-panel{
  --ssl-global-card-edge:rgba(255,255,255,.78);
}

@media (max-width:900px){
  body:before{
    background:
      radial-gradient(92% 30% at 0% 0%,rgba(241,255,175,.98) 0%,rgba(228,251,169,.58) 44%,rgba(228,251,169,0) 76%),
      radial-gradient(78% 28% at 100% 4%,rgba(18,190,105,.35) 0%,rgba(18,190,105,.11) 50%,rgba(18,190,105,0) 82%),
      linear-gradient(180deg,
        #edffa8 0px,
        #bceb91 96px,
        #6bd986 176px,
        #19b96b 255px,
        #ddefdf 365px,
        #edf4ee 470px,
        #f2f5f2 590px,
        #f4f5f4 100%)!important;
  }
  body:after{
    background:
      linear-gradient(180deg,
        rgba(255,255,255,.02) 0px,
        rgba(255,255,255,.03) 235px,
        rgba(244,249,245,.28) 350px,
        rgba(246,248,246,.48) 540px,
        rgba(246,248,246,.58) 100%)!important;
  }
}

:root[data-theme="dark"] html{
  background:#0d1f19!important;
}
:root[data-theme="dark"] body:before{
  background:
    radial-gradient(70% 32% at 5% 0%,rgba(35,105,68,.46) 0%,rgba(35,105,68,0) 72%),
    linear-gradient(180deg,#153a2b 0px,#124c33 220px,#102a22 410px,#0d1f19 650px,#0d1f19 100%)!important;
}
:root[data-theme="dark"] body:after{
  background:linear-gradient(180deg,rgba(8,18,15,.08),rgba(8,18,15,.24) 45%,rgba(8,18,15,.34))!important;
}