/* ==========================================================
   login.css — page-specific styles for login.html
   (logged-out: single dynamic citizen/authority account card;
   logged-in citizen: full-width account dashboard)
   Shared header/footer/chip styles live in style.css.
========================================================== */

.login-card {
  background: #fff;
  border: 1px solid #e2e8f0;
  border-radius: 1.5rem;
  box-shadow: 0 4px 14px -4px rgba(20,83,45,.12), 0 2px 6px -2px rgba(20,83,45,.06);
}

.login-content-enter {
  animation: loginContentEnter 240ms ease-out both;
}

@keyframes loginContentEnter {
  from { opacity: 0; transform: translateY(8px); }
  to { opacity: 1; transform: translateY(0); }
}

.login-card input:read-only {
  background: #f8fafc;
  color: #475569;
}

@media (prefers-reduced-motion: reduce) {
  .login-content-enter { animation: none; }
}