/* Extras for the sign-in, setup, join, reset, and pending pages. */

.auth-card .steps { margin: 1.25rem 0; }
.auth-card .steps .qr { margin-top: 0.75rem; }
.auth-card .disclosure-inline { margin-top: 0.75rem; }
.auth-card .disclosure-body .copy-line { margin-bottom: 0.75rem; }
.auth-card .form { margin-top: 1.25rem; }
.auth-card .notice-slot { margin-top: 1rem; }
.auth-card .notice-slot + .form, .auth-card .notice-slot + .steps { margin-top: 1rem; }
.auth-card .auth-foot .link-button { min-height: 44px; }

.recovery-actions { margin: 1.25rem 0 0.5rem; }
.recovery-codes { margin-top: 1.25rem; }

.who-line { display: flex; flex-wrap: wrap; align-items: center; gap: 0.5rem; margin: 1rem 0; }
.who-line strong { font-size: 1.15rem; }

.success-burst {
  display: grid; justify-items: center; gap: 0.25rem; text-align: center;
  padding: 0.5rem 0 1rem;
  animation: pop-in 0.35s ease-out;
}
@keyframes pop-in { from { opacity: 0; transform: scale(0.94); } }

.checking-line {
  display: flex; flex-wrap: wrap; align-items: center; gap: 0.5rem 0.75rem;
  margin-top: 1.25rem; padding: 0.75rem 1rem;
  background: var(--field-bg); border: 1px solid var(--line-soft); border-radius: var(--radius-sm);
  color: var(--muted); font-size: 0.9375rem;
}
.checking-line .spinner { color: var(--accent); }
.checking-line .grow { flex: 1 1 10rem; }