/* Login screen — page-specific; tokens from base.css. */
.login-wrap {
  display: grid;
  place-items: center;
  min-height: 70vh;
  padding: var(--space-6) var(--space-4);
}
.login-brand { display: block; margin-bottom: var(--space-5); text-align: center; }
.login-brand .site-logo {
  height: 3.25rem;
  padding: 0.45rem 1rem;
  border-radius: var(--radius-lg);
  margin: 0 auto;
}
.login-card {
  width: min(24rem, 100%);
  padding: var(--space-6);
  border-radius: var(--radius-lg);
  box-shadow: var(--shadow-md);
}
.login-form .errorlist {
  color: var(--danger-fg);
  margin: 0 0 var(--space-2);
  padding: 0;
  list-style: none;
  font-size: var(--text-small);
}
.login-form .helptext { display: none; }
.login-submit { width: 100%; }
@media (max-width: 640px) {
  .login-wrap { min-height: 60vh; padding: var(--space-5) var(--space-4); }
}