/*
 * NotaryChain — Auth Modal
 */

.auth-tabs {
  display: flex;
  margin-bottom: var(--space-lg);
  background: var(--bg-primary);
  border-radius: var(--radius-md);
  padding: 4px;
  gap: 4px;
}

.auth-tab {
  flex: 1;
  padding: 0.6rem;
  background: none;
  border: none;
  border-radius: calc(var(--radius-md) - 2px);
  color: var(--text-secondary);
  font-weight: 600;
  cursor: pointer;
  transition: all var(--transition);
}

.auth-tab--active {
  background: var(--bg-secondary);
  color: var(--text-primary);
  box-shadow: var(--shadow);
}