/* ─── Auth Tabs ───────────────────────────────────────────────────── */

.auth-tabs {
  display: flex;
  border: 1px solid #e8e0d8;
  border-radius: 0.5rem;
  overflow: hidden;
}

.auth-tab {
  flex: 1;
  padding: 0.625rem 1rem;
  font-size: 0.8125rem;
  font-weight: 600;
  text-align: center;
  border: none;
  background: #faf8f5;
  color: #8E7E6A;
  cursor: pointer;
  transition: background 0.2s, color 0.2s;
}

.auth-tab.active {
  background: linear-gradient(135deg, #6E2038, #8B2842);
  color: white;
}

.auth-tab:not(.active):hover {
  background: #f0ece7;
}

.auth-tab-content.hidden {
  display: none;
}

/* ─── OTP Verification Badge ──────────────────────────────────────── */

.otp-verify-badge {
  display: inline-flex;
  align-items: center;
  gap: 0.375rem;
  padding: 0.25rem 0.625rem;
  border-radius: 999px;
  font-size: 0.6875rem;
  font-weight: 600;
}

.otp-verify-badge--pending {
  background: #fef3c7;
  color: #92400e;
}

.otp-verify-badge--verified {
  background: #d1fae5;
  color: #065f46;
}