/* admin-login-consaas.css v1.0.0 — 🎨 Anmeldeseite Admin 2.0 im consaas-Design (Kern-Tausch Etappe 5). Greift NUR, wenn <html class="ld-consaas"> gesetzt ist
   (admin-login-design.js / Vorab-Schalter im <head>). Ohne die Klasse bleibt alles im Selberhurra-Design. Schriften lokal (Sora, Public Sans), keine externen Anfragen. */
@font-face { font-family: 'Sora'; src: url('/assets/fonts/sora.woff2') format('woff2'); font-weight: 100 800; font-display: swap; }
@font-face { font-family: 'Public Sans'; src: url('/assets/fonts/public-sans.woff2') format('woff2'); font-weight: 100 900; font-display: swap; }
html.ld-consaas { --ld-bg: #F6F8F5; --ld-ink: #1F2A1F; --ld-green: #3C4A3A; --ld-accent: #4E9270; --ld-accent-t: #2F6B4A; --ld-wash: #EAF0E8; --ld-sage: #C0CEBF; --ld-dark: #101A14; --ld-muted: #5B6858; --ld-line: #DCE4DB; }
html.ld-consaas #login { background: linear-gradient(180deg, var(--ld-dark) 0%, var(--ld-green) 42%, var(--ld-bg) 42.1%); font-family: 'Public Sans', 'Segoe UI', system-ui, sans-serif; color: var(--ld-ink); }
html.ld-consaas #login .box { border-radius: 16px; box-shadow: 0 16px 44px rgba(16, 26, 20, .28); border: 1px solid var(--ld-line); }
html.ld-consaas #login img { border-radius: 22px; background: var(--ld-sage); }
html.ld-consaas #login h1 { font-family: 'Sora', 'Segoe UI', system-ui, sans-serif; font-weight: 700; letter-spacing: -.01em; color: var(--ld-ink); }
html.ld-consaas #login .ld-mit { text-align: center; margin: 0 0 4px; font-size: 12px; font-weight: 600; letter-spacing: .04em; text-transform: uppercase; color: var(--ld-accent-t); }
html.ld-consaas #login .sub { color: var(--ld-muted); }
html.ld-consaas #login label.f { color: var(--ld-green); }
html.ld-consaas #login .in { border-color: var(--ld-sage); font-family: inherit; }
html.ld-consaas #login .in:focus { border-color: var(--ld-accent-t); box-shadow: 0 0 0 3px rgba(78, 146, 112, .18); }
html.ld-consaas #login .btn { background: var(--ld-accent-t); color: #fff; font-family: inherit; }
html.ld-consaas #login .btn:hover { background: var(--ld-green); }
html.ld-consaas #login .btn.sec { background: #fff; color: var(--ld-accent-t); border-color: var(--ld-sage); }
html.ld-consaas #login .btn.sec:hover { background: var(--ld-wash); }
html.ld-consaas #login .chips button, html.ld-consaas #login .chip { border-color: var(--ld-sage); }
html.ld-consaas #login .err { background: #F6E6DE; color: #8A3B1E; }
html.ld-consaas #login a { color: var(--ld-accent-t); }
html.ld-consaas #login input[type=checkbox] { accent-color: var(--ld-accent-t); }
@media (prefers-color-scheme: dark) {
  html.ld-consaas #login { background: linear-gradient(180deg, #0B120D 0%, #1B2A1E 42%, #121813 42.1%); }
  html.ld-consaas #login .box { background: #1B231C; border-color: #2E3A2F; color: #E6ECE4; }
  html.ld-consaas #login h1 { color: #E6ECE4; }
  html.ld-consaas #login .ld-mit, html.ld-consaas #login a { color: #7FC39A; }
  html.ld-consaas #login .sub, html.ld-consaas #login [style*="color:var(--muted)"] { color: #A6B2A3 !important; }
  html.ld-consaas #login label.f, html.ld-consaas #login label { color: #C9D6C6; }
  html.ld-consaas #login .in { background: #121813; color: #E6ECE4; border-color: #3A4A3B; }
  html.ld-consaas #login .btn.sec { background: #1B231C; color: #7FC39A; border-color: #3A4A3B; }
  html.ld-consaas #login [style*="border-top:1px solid var(--line)"] { border-top-color: #2E3A2F !important; }
}