/*
 * SwissBauArchiv Alpine workspace background
 * Visual-only layer: no data, auth, document or navigation behavior changes.
 */

html {
  min-height: 100%;
  background-color: #e5f0f8;
  background-image:
    linear-gradient(135deg, rgba(255, 255, 255, 0.5) 0%, rgba(246, 251, 255, 0.4) 50%, rgba(241, 246, 250, 0.62) 100%),
    radial-gradient(circle at 92% 6%, rgba(209, 8, 47, 0.1), transparent 26rem),
    url("./sba-alpine-background.jpg");
  background-position: center top, center top, center 36%;
  background-repeat: no-repeat;
  background-size: cover, cover, cover;
  background-attachment: fixed;
}

body {
  min-height: 100vh;
  background: transparent;
}

#app {
  min-height: 100vh;
  background: transparent;
}

/*
 * Keep the mountain visible behind the translucent workspace surfaces.
 * The stronger content cards remain intentionally light for document legibility.
 */
.login-shell,
.app-shell,
.admin-shell,
.customer-portal-shell.sba-vnext {
  background:
    linear-gradient(180deg, rgba(249, 252, 255, 0.32) 0%, rgba(244, 248, 252, 0.42) 52%, rgba(242, 246, 249, 0.58) 100%),
    url("./sba-alpine-background.jpg") center 36% / cover fixed no-repeat;
  background-color: #eaf3f9;
}

/*
 * The login shell has a legacy decorative mountain layer. Disable that layer
 * so the selected SBG background is used consistently.
 */
.login-shell::before {
  background: transparent;
  opacity: 0;
}

.login-shell::after {
  background:
    linear-gradient(135deg, rgba(255, 255, 255, 0.12), rgba(247, 251, 255, 0.18) 52%, rgba(249, 248, 248, 0.3)),
    radial-gradient(circle at 88% 18%, rgba(223, 0, 31, 0.05), transparent 24%);
  opacity: 1;
}

.app-shell .sidebar,
.admin-shell .portal-sidebar {
  background: rgba(255, 255, 255, 0.8);
  -webkit-backdrop-filter: blur(24px) saturate(125%);
  backdrop-filter: blur(24px) saturate(125%);
}

.app-shell .main,
.admin-shell .portal-main {
  background: linear-gradient(180deg, rgba(248, 252, 255, 0.2), rgba(242, 247, 251, 0.14));
}

@media (max-width: 760px) {
  html,
  .login-shell,
  .app-shell,
  .admin-shell,
  .customer-portal-shell.sba-vnext {
    background-attachment: scroll;
    background-position: center top;
  }
}

@media (prefers-reduced-motion: reduce) {
  html,
  .login-shell,
  .app-shell,
  .admin-shell,
  .customer-portal-shell.sba-vnext {
    background-attachment: scroll;
  }
}