/* V174 — keep V172/V173 dashboard background intact and continue the SAME fixed image behind sidebar. */
@media (min-width:901px){
  /* Do not move/remove the dashboard background. The home page keeps its original V172 fixed background. */
  body:has(#homePage.active){
    background:initial!important;
  }
  body:has(#homePage.active) #homePage{
    background:linear-gradient(rgba(18,28,36,.025),rgba(18,28,36,.025)),url('nirvana-bg-fast.webp') center center/cover fixed no-repeat!important;
  }

  /* Same viewport-fixed image under the sidebar = visually continuous background. */
  body:has(#homePage.active) .sidebar,
  html.nirvana-desktop body:has(#homePage.active) .sidebar{
    background:
      linear-gradient(180deg,rgba(247,251,255,.42),rgba(247,251,255,.34)),
      url('nirvana-bg-fast.webp') center center/cover fixed no-repeat!important;
    border-right:1px solid rgba(255,255,255,.50)!important;
    box-shadow:10px 0 30px rgba(8,24,42,.08)!important;
    backdrop-filter:blur(9px) saturate(1.06)!important;
    -webkit-backdrop-filter:blur(9px) saturate(1.06)!important;
  }

  body:has(#homePage.active) .side-brand{
    background:rgba(255,255,255,.12)!important;
  }
  body:has(#homePage.active) .season{
    background:rgba(255,184,65,.74)!important;
  }
  body:has(#homePage.active) .side-nav>button,
  body:has(#homePage.active) .nav-group>.nav-group-trigger{
    background:rgba(255,255,255,.10)!important;
  }
  body:has(#homePage.active) .side-nav>button:hover,
  body:has(#homePage.active) .nav-group>.nav-group-trigger:hover{
    background:rgba(255,255,255,.42)!important;
  }
  body:has(#homePage.active) .side-nav>button.active{
    background:linear-gradient(135deg,rgba(45,130,255,.95),rgba(49,151,255,.91))!important;
  }

  /* Readability without hiding the image. */
  body:has(#homePage.active) .side-brand strong,
  body:has(#homePage.active) .side-brand span,
  body:has(#homePage.active) .season-label,
  body:has(#homePage.active) .side-nav .nav-text,
  body:has(#homePage.active) .side-nav .nav-icon,
  body:has(#homePage.active) .nav-caret{
    color:#163555!important;
    text-shadow:0 1px 2px rgba(255,255,255,.75)!important;
  }
  body:has(#homePage.active) .side-nav>button.active .nav-text,
  body:has(#homePage.active) .side-nav>button.active .nav-icon{
    color:#fff!important;
    text-shadow:none!important;
  }
}