@import url('/static/css/auth/auth_common.css');

/* Specific overrides for Reset Password page - Pill Toggle (Landing Style) */
.auth-mode-toggle {
  display: flex;
  background: #eef2f8;
  padding: 4px;
  border-radius: 99px;
  margin-bottom: 24px;
  gap: 4px;
  border: 1px solid var(--line);
}

.auth-mode-btn {
  flex: 1;
  padding: 8px 14px;
  border: none;
  background: transparent;
  font-size: 13px;
  font-weight: 600;
  color: var(--ink2);
  border-radius: 99px;
  cursor: pointer;
  transition: all 0.2s var(--ease);
  font-family: var(--body);
  text-align: center;
}

.auth-mode-btn.active {
  background: #ffffff;
  color: var(--ink);
  box-shadow: 0 4px 12px rgba(16, 25, 47, 0.08);
}

.auth-mode-btn:hover:not(.active) {
  color: var(--ink);
}