.auth-email-step[hidden],
.auth-email-active [data-auth-credential] {
  display: none;
}
.auth-email-step {
  display: grid;
  gap: 12px;
  min-width: 0;
}
.auth-email-step p {
  margin: 0;
}
.auth-email-actions {
  display: flex;
  flex-wrap: wrap;
  gap: 12px;
}
.auth-email-actions button {
  flex: 1 1 auto;
}
.auth-email-step input[aria-invalid="true"] {
  outline: 2px solid var(--color-danger);
  outline-offset: 2px;
}
#authForm button[aria-busy="true"]::after {
  content: "";
  display: inline-block;
  width: 0.8em;
  height: 0.8em;
  margin-inline-start: 0.5em;
  border: 2px solid currentColor;
  border-inline-end-color: transparent;
  border-radius: 50%;
  animation: login-email-spin 0.8s linear infinite;
}
@keyframes login-email-spin {
  to { transform: rotate(360deg); }
}
@media (prefers-reduced-motion: reduce) {
  #authForm button[aria-busy="true"]::after { animation-duration: 2.4s; }
}