/* ---------- Auth pages ---------- */

.auth-card {
  max-width: 440px;
  margin: var(--space-12) auto;
}
.auth-card h1 { font-size: var(--text-2xl); margin-bottom: var(--space-6); text-align: center; }
.auth-card .btn { width: 100%; }
.auth-card__links {
  margin-top: var(--space-5);
  text-align: center;
  font-size: var(--text-sm);
  display: flex;
  flex-direction: column;
  gap: var(--space-2);
}
.auth-card__divider {
  display: flex;
  align-items: center;
  gap: var(--space-3);
  color: var(--text-faint);
  font-size: var(--text-sm);
  margin-block: var(--space-5);
}
.auth-card__divider::before, .auth-card__divider::after {
  content: "";
  flex: 1;
  border-top: 2px solid var(--border-soft);
}
.auth-card--wide { max-width: 640px; }

/* ---------- Dashboard ---------- */

.empty-state {
  text-align: center;
  padding: var(--space-12) var(--space-8);
}
.empty-state h3 { font-size: var(--text-xl); margin-bottom: var(--space-2); }
.empty-state p { color: var(--ink-700); margin: 0 0 var(--space-6); }