/* Loaded only with an enabled palette. Disabling it restores the classic login. */
body.nam-login {
  background:radial-gradient(ellipse at 15% 10%,#839aff28,transparent 48%),radial-gradient(ellipse at 88% 90%,#24b9c024,transparent 45%),var(--nam-brand-shell,#080d1c);
  color:#f0f3ff;
}
.nam-login .auth-card { border:1px solid #a9bafa30; box-shadow:0 30px 80px #0008; background:#10182c; }
.nam-login .brand-pane { background:linear-gradient(155deg,color-mix(in srgb,var(--nam-brand-shell,#080d1c) 85%,#839aff),var(--nam-brand-shell,#080d1c)); color:#f0f3ff; }
.nam-login .brand-pane p, .nam-login .brand-pane .text-muted { color:#c5cee5!important; }
.nam-login .brand-pane h1, .nam-login .brand-pane h2, .nam-login .brand-pane h3 { color:#f0f3ff; }
.nam-login .form-pane { background:#fff; color:#17213a; --osen-body-color:#17213a; --osen-heading-color:#17213a; --osen-secondary-color:#596780; }
.nam-login .form-pane .text-muted { color:#596780!important; }
.nam-login .form-pane .form-control { color:#17213a; background:#fff; border-color:#c8d1e5; }
.nam-login .form-pane a { color:#435cc8; }
.nam-login .form-pane .btn-primary { color:#fff; background:var(--nam-brand-primary,#435cc8); border-color:var(--nam-brand-primary,#435cc8); }
.nam-login .form-pane .btn-primary:hover { background:#3048ac; border-color:#3048ac; }
.nam-login .form-pane .form-control:focus { border-color:#435cc8; box-shadow:0 0 0 .2rem #839aff35; }