/* RAZ Compass — die kleinen Seiten der Anmeldung (Auftrag-Oberflaeche-Professionell, Teil B; Rubens Go 23.10.2026)
 * =====================================================================================================================================
 * Gilt fuer login.html, anmeldung-zurueck.html und otto-zurueck.html: EINE Karte in der Mitte, Wortmarke, ein Satz, die Knoepfe. Keine rohe Farbe:
 * alles aus den `--ds-*`-Tokens von designsystem.css (Hell und Dunkel folgen dem Kopf-Skript der Seite, `data-theme`).
 *
 * Die Klassennamen `login-seite`, `login-karte`, `logo`, `sub`, `login-fehler`, `login-hinweis` blieben, weil Pruefdateien sie in den Seiten festhalten
 * (test_compass_heute.py: `.logo` und `.sub`; test_ui_login.py). Neu ist ihr Aussehen: vorher kamen sie aus `dashboard.css` (Agentur-Oberflaeche).
 */

[hidden] { display: none !important; }
body.login-seite { margin: 0; min-height: 100vh; display: grid; place-items: center; padding: var(--ds-s5) var(--ds-s4); }
.login-karte { width: 100%; max-width: 400px; }
.login-karte .ds-karte-koerper { gap: var(--ds-s4); padding: var(--ds-s6) var(--ds-s5); }
.logo { font-size: 24px; line-height: 32px; font-weight: 700; letter-spacing: -0.01em; }
.nav-logo-dot { color: var(--ds-text2); }
.sub { margin-top: calc(-1 * var(--ds-s2)); color: var(--ds-text2); }
.login-karte .ds-input { min-height: 44px; font-size: 16px; }
.login-block, a.login-block { width: 100%; min-height: 44px; font-size: 16px; text-decoration: none; }
.login-fehler { min-height: 20px; color: var(--ds-kritisch); font-size: var(--ds-t-klein); }
.login-hinweis { color: var(--ds-leise); font-size: var(--ds-t-klein); }
#diag { margin: 0; overflow-x: auto; font-family: var(--ds-font-mono); font-size: var(--ds-t-klein); color: var(--ds-text2); }