/* Auth Dev Tools - Dark Theme */

/* Container */
.auth-dev-container {
  font-family: system-ui, -apple-system, Segoe UI, sans-serif;
  max-width: 900px;
  margin: 0 auto;
  padding: 1.25rem;
  color: var(--text-primary);
}

.auth-dev-container h2 {
  color: var(--text-primary);
}

.auth-dev-container ul {
  color: var(--text-primary);
}

.auth-dev-container li strong {
  color: var(--text-primary);
}

/* Error Message */
.auth-dev-error {
  margin: 1rem 0;
  padding: 0.5rem;
  background: var(--error-bg);
  border: 1px solid var(--error);
  color: var(--error);
  border-radius: 4px;
}

/* Button Group */
.auth-dev-buttons {
  display: flex;
  gap: 0.75rem;
  margin: 1rem 0;
}

.auth-dev-buttons button {
  padding: 0.5rem 1rem;
  background: transparent;
  color: var(--accent-red);
  border: 2px solid var(--accent-red);
  border-radius: 4px;
  cursor: pointer;
  font-weight: 500;
  transition: all 0.2s;
}

.auth-dev-buttons button:hover {
  background: var(--accent-red);
  color: #ffffff;
}