/* NarrowVision TEST — decorative CSS only: no login, account or portal behavior changes. */
/* Full-width dashboard background; use the approved login's overlay brightness. */
#dashboard .shell {
  min-height: 100vh;
  background-color: #0b1020;
  background-image:
    radial-gradient(ellipse at 94% 76%, rgba(121, 35, 170, .11), transparent 46%),
    radial-gradient(ellipse at 94% 24%, rgba(35, 76, 169, .09), transparent 42%),
    linear-gradient(180deg, rgba(11, 16, 32, .54), rgba(11, 16, 32, .68)),
    url('/assets/portal-background.svg');
  background-position: center, center, center, center;
  background-size: cover, cover, cover, cover;
  background-repeat: no-repeat;
}
/* The artwork belongs to the full dashboard, not the width-limited content. */
#dashboard .shell > main.portal {
  min-height: 100vh;
  background: transparent;
}
/* Login uses the same branding, behind the existing solid, readable login card. */
#login-screen.login-shell,
#session-loading.login-shell {
  background-color: #0b1020;
  background-image:
    radial-gradient(ellipse at 14% 32%, rgba(22, 92, 210, .16), transparent 42%),
    radial-gradient(ellipse at 87% 69%, rgba(156, 32, 205, .18), transparent 44%),
    linear-gradient(180deg, rgba(11, 16, 32, .54), rgba(11, 16, 32, .68)),
    url('/assets/portal-background.svg');
  background-position: center, center, center, center;
  background-size: cover, cover, cover, cover;
  background-repeat: no-repeat;
}
/* Mobile: match the approved login overlay, retain the dashboard's existing crop. */
@media (max-width: 600px) {
  #dashboard .shell {
    background-image:
      radial-gradient(ellipse at 92% 72%, rgba(131, 40, 205, .19), transparent 52%),
      radial-gradient(ellipse at 12% 23%, rgba(38, 100, 215, .17), transparent 50%),
      linear-gradient(180deg, rgba(11, 16, 32, .39), rgba(11, 16, 32, .51)),
      url('/assets/portal-background.svg');
    background-position: center, center, center, center 120px;
    background-size: cover, cover, cover, 900px auto;
    background-repeat: no-repeat;
  }
  #login-screen.login-shell,
  #session-loading.login-shell {
    background-image:
      radial-gradient(ellipse at 90% 70%, rgba(143, 37, 217, .20), transparent 53%),
      radial-gradient(ellipse at 8% 25%, rgba(30, 101, 220, .18), transparent 53%),
      linear-gradient(180deg, rgba(11, 16, 32, .39), rgba(11, 16, 32, .51)),
      url('/assets/portal-background.svg');
    background-position: center, center, center, center;
    background-size: cover, cover, cover, 920px auto;
    background-repeat: no-repeat;
  }
}
/* Respect high-contrast modes; visuals must never compete with the UI. */
@media (forced-colors: active) {
  #dashboard .shell,
  #login-screen.login-shell,
  #session-loading.login-shell { background-image: none; }
}