/* Login der Download-Seite (Auftrag 54) — ergänzt seite.css aus 17 (Farben, Schrift, Kästen) um das Formular. */

:root { --fehler: #b3261e; }
@media (prefers-color-scheme: dark) {
  :root { --fehler: #ff8a80; }
}

main.schmal { max-width: 440px; }

form { display: grid; gap: 6px; }
label { font-size: 14px; font-weight: 600; }
input {
  font: inherit;
  padding: 8px 10px;
  margin-bottom: 8px;
  border: 1px solid var(--linie);
  border-radius: 6px;
  background: var(--grund);
  color: var(--text);
}
input:focus { outline: 2px solid var(--akzent); outline-offset: 1px; }
button {
  font: inherit;
  font-weight: 600;
  padding: 9px 14px;
  border: 0;
  border-radius: 6px;
  background: var(--akzent);
  color: var(--flaeche);
  cursor: pointer;
}
button:disabled { opacity: .6; cursor: progress; }

.meldung { min-height: 1.55em; margin: 4px 0 0; color: var(--leise); }
.meldung.fehler { color: var(--fehler); }