/* Sign-in screens and Account page (public/auth.js). Tokens from styles.css. */
.auth-wrap { max-width: 34rem; }
.auth-card { margin: 1rem 0; }
.auth-card h2 { margin-top: 0; }
.auth-card .field + .field { margin-top: 1.1rem; }
.auth-wrap input[type="email"], .auth-card input[type="email"] {
  width: 100%; font: inherit; min-height: 48px; padding: 10px 14px;
  border: 1.5px solid #9d94ad; border-radius: 10px; background: #fff; color: var(--ink);
}
.auth-wrap input[type="email"]:focus-visible { border-color: var(--brand); }
.auth-password { display: flex; gap: 0.5rem; align-items: stretch; }
.auth-password input { flex: 1 1 auto; min-width: 0; }
.auth-show { flex: 0 0 auto; min-width: 4.5rem; }
.auth-submit { min-width: 12rem; }
.auth-facts { display: grid; grid-template-columns: max-content 1fr; gap: 0.5rem 1.25rem; margin: 0 0 1rem; }
.auth-facts dt { font-weight: 650; }
.auth-facts dd { margin: 0; overflow-wrap: anywhere; }
.auth-outbox-list { list-style: none; padding: 0; display: grid; gap: 0.75rem; }
.auth-outbox-list p { margin: 0 0 0.35rem; overflow-wrap: anywhere; }
.verify-banner {
  background: var(--warn-bg); color: var(--warn); border-bottom: 1px solid #eed48a;
  padding: 10px 16px; font-size: 0.95rem; font-weight: 600; text-align: center;
}
.verify-banner a { color: inherit; }
.verify-banner[hidden] { display: none; }
@media (max-width: 640px) {
  .auth-submit { width: 100%; }
  .auth-facts { grid-template-columns: 1fr; gap: 0.15rem; }
  .auth-facts dd { margin-bottom: 0.6rem; }
}