/* Sign-in screens. Loaded after extensions.css. */

.auth-shell-photo:not(.auth-shell-no-photo) {
  background:
    var(--auth-photo, url('/images/backgrounds/campus-aerial.jpg')) center / cover no-repeat fixed,
    #f5f7fa;
}

.auth-shell-photo:not(.auth-shell-no-photo) .auth-brand-panel {
  background: linear-gradient(
    150deg,
    color-mix(in srgb, var(--if-primary, #041e42), transparent 8%) 0%,
    color-mix(in srgb, var(--if-primary, #041e42), transparent 26%) 100%
  );
}

.auth-shell-photo:not(.auth-shell-no-photo) .auth-content {
  background: rgba(245, 247, 250, 0.84);
  backdrop-filter: blur(6px);
  -webkit-backdrop-filter: blur(6px);
}

.auth-shell-photo:not(.auth-shell-no-photo) .auth-login-card {
  box-shadow: 0 18px 48px rgba(4, 30, 66, 0.18);
}