/* ===== Base Auth Layout ===== */

body.auth-bg-deepblue { background: #02173E; min-height: 100vh; display: flex; align-items: center; justify-content: center; }
body.auth-bg-navy     { background: #0F212E; min-height: 100vh; display: flex; align-items: center; justify-content: center; }

/* Container width control */
.auth-container { max-width: 900px; width: 100%; }

/* Brand / Logo */
.brand-section { padding: 40px; text-align: center; }
.brand-logo { width: 180px; height: auto; display: block; }

/* Card */
.auth-card {
  max-width: 400px;
  width: 100%;
  padding: 30px;
  background: #fff;
  border-radius: 8px;
  box-shadow: 0px 4px 10px rgba(0,0,0,0.1);
}

/* Small screens: add spacing so it isn’t glued to the top */
@media (max-width: 767.98px) {
  .auth-card { margin-top: 80px; }
}

/* Alerts + utilities can be handled by Bootstrap */

/* ===== Password Criteria (shared for Register / Reset) ===== */
.criteria-list { list-style: none; padding-left: 0; margin: 0; }
.criteria-list li.valid::before { content: '✅ '; }
.criteria-list li.invalid::before { content: '❌ '; }
.text-danger { font-size: 0.875rem; }

/* Optional helpers if you want spacing tweaks on specific pages */
.auth-card .form-floating + .form-floating { margin-top: .75rem; }