.login-screen {
  position: fixed;
  inset: 0;
  z-index: 30;
  display: none;
  place-items: center;
  padding: 24px;
  background: linear-gradient(135deg, #182033, #3158d4);
}

.logged-out .login-screen { display: grid; }
.logged-out > .rail,
.logged-out > header,
.logged-out > main,
.logged-out > #leadDialog,
.logged-out > #drawer { display: none; }

.login-card {
  width: min(430px, 100%);
  padding: 28px;
  border-radius: 18px;
  background: #fff;
  box-shadow: var(--shadow);
}

.login-card small { color: var(--brand); font-weight: 800; text-transform: uppercase; }
.login-card h1 { margin: 5px 0 8px; font-size: 30px; }
.login-card p { margin: 0 0 22px; color: var(--muted); }
.login-card .primary { width: 100%; }
.login-card #loginNotice,
.login-card #passwordChangeNotice { min-height: 22px; margin-top: 12px; color: var(--danger); }
.password-change-card .ghost { width: 100%; margin-top: 8px; }
.login-card[hidden] { display: none; }
.test-banner { margin: 18px 0 0; padding: 11px 14px; border: 1px solid #ead58e; border-radius: 10px; background: #fff8d8; color: #6e5600; }
.session { display: flex; align-items: center; gap: 10px; }