/* Login page + shared auth UI */
.auth-page {
  min-height: 100vh;
  display: flex;
  align-items: center;
  justify-content: center;
  background: linear-gradient(135deg, hsl(193, 82%, 26%), hsl(222, 47%, 18%));
  padding: 1.5rem;
}
.auth-shell { width: 100%; max-width: 420px; }
.auth-card {
  background: var(--bg-secondary, #fff);
  border-radius: 18px;
  padding: 2.5rem 2.25rem;
  box-shadow: 0 25px 60px rgba(0, 0, 0, 0.3);
}
.auth-brand { text-align: center; margin-bottom: 1.75rem; }
.auth-logo {
  font-family: var(--font-title, sans-serif);
  font-size: 1.9rem; font-weight: 800; letter-spacing: -0.03em; color: var(--text-primary, #0f172a);
}
.auth-logo-accent { color: var(--primary, #0e7490); }
.auth-tagline { margin-top: 0.35rem; color: var(--text-secondary, #64748b); font-size: 0.95rem; }

.auth-form { display: flex; flex-direction: column; gap: 1.1rem; }
.auth-field { display: flex; flex-direction: column; gap: 0.4rem; }
.auth-field span { font-size: 0.85rem; font-weight: 600; color: var(--text-secondary, #475569); }
.auth-field input {
  padding: 0.75rem 0.9rem; font-size: 1rem; border: 1px solid var(--border-color, #e2e8f0);
  border-radius: 10px; background: var(--bg-primary, #f8fafc); color: var(--text-primary, #0f172a);
  transition: border-color 0.15s, box-shadow 0.15s;
}
.auth-field input:focus {
  outline: none; border-color: var(--primary, #0e7490);
  box-shadow: 0 0 0 3px var(--primary-alpha, rgba(14,116,144,0.15));
}
.auth-submit { width: 100%; padding: 0.8rem; font-size: 1rem; margin-top: 0.25rem; }
.auth-error {
  background: var(--danger-light, #fef2f2); color: var(--danger, #dc2626);
  border: 1px solid var(--danger, #dc2626); border-radius: 8px;
  padding: 0.6rem 0.8rem; font-size: 0.875rem; font-weight: 500;
}
.auth-foot { text-align: center; margin-top: 1.5rem; font-size: 0.8rem; color: var(--text-secondary, #94a3b8); }

/* Small candidate badge + logout shown in the test app header */
.candidate-badge {
  display: inline-flex; align-items: center; gap: 0.5rem;
  font-size: 0.85rem; font-weight: 600; color: var(--text-secondary, #475569);
}
.candidate-badge .who { color: var(--text-primary, #0f172a); }