/* auth.css */

.auth-page {
  max-width: 480px;
  padding-top: var(--space-6);
  padding-bottom: var(--space-7);
}

.auth-card {
  background: white;
  padding: var(--space-5);
}

.auth-tabs {
  display: flex;
  border-bottom: 1px solid var(--color-border);
  margin-bottom: var(--space-4);
}
.auth-tab {
  flex: 1;
  padding: var(--space-3);
  background: none;
  border: none;
  font-size: 1rem;
  color: var(--color-text-secondary);
  cursor: pointer;
  border-bottom: 2px solid transparent;
}
.auth-tab.active {
  color: var(--color-primary);
  border-bottom-color: var(--color-primary);
}

.auth-form label {
  display: block;
  margin-top: var(--space-3);
  font-size: 0.875rem;
  color: var(--color-text-secondary);
}
.auth-form label input {
  display: block;
  width: 100%;
  margin-top: var(--space-1);
}

.auth-form h2 { margin-bottom: var(--space-2); }

@media (max-width: 768px) {
  .auth-page { padding: var(--space-4); }
}