/*
 * Login gate injected by src/auth.js, used by survey.html and manage.html.
 *
 * Deliberately kept out of styles.css: that sheet also defines the consumer
 * app's shell (full-height flex body, map/results split) which would fight
 * the tool pages' own simple document layout.
 */
#login-overlay {
  position: fixed;
  inset: 0;
  z-index: 9999;
  background: #1b2a3a;
  display: flex;
  align-items: center;
  justify-content: center;
  padding: 1rem;
  font-family: system-ui, -apple-system, "Segoe UI", sans-serif;
}

#login-form {
  background: #fff;
  border-radius: 10px;
  padding: 1.5rem;
  width: 100%;
  max-width: 340px;
  display: flex;
  flex-direction: column;
  gap: 0.6rem;
}

#login-form h2 {
  margin: 0;
  font-size: 1.1rem;
  color: #1b2a3a;
}

#login-form p {
  margin: 0;
  font-size: 0.85rem;
  color: #666;
}

#login-form input {
  padding: 0.7rem;
  font-size: 1rem;
  border: 1px solid #ccc;
  border-radius: 6px;
  font-family: inherit;
}

#login-form button {
  padding: 0.75rem;
  font-size: 1rem;
  font-weight: 600;
  border: none;
  border-radius: 6px;
  background: #2e7d32;
  color: #fff;
  cursor: pointer;
}

#login-error {
  min-height: 1.2em;
  color: #c62828;
  font-weight: 600;
}