/* Ladehülle des WASM-Clients (Spec 2026-09-16): statisch vom Host gerendert, ClientRoot entfernt sie. */
#evoi-loading { position: fixed; inset: 0; display: grid; place-items: center; background: #f6f7fb; z-index: 10000; }
.evoi-loading-card { text-align: center; font-family: system-ui, -apple-system, "Segoe UI", Roboto, sans-serif; color: #1B1F3B; }
.evoi-loading-brand { font-weight: 600; font-size: 1.6rem; letter-spacing: .04em; margin-bottom: 1rem; }
.evoi-loading-bar { width: 16rem; height: .4rem; border-radius: .2rem; background: rgba(27,31,59,.15); overflow: hidden; }
/* Echter Fortschritt (Startzeit 2026-09-18): blazor.web.js setzt --blazor-load-percentage am <html>,
   während es die Framework-Dateien lädt. Vorher (Skripte im Head) steht der Balken auf 0, nach 100 %
   läuft die Runtime an — dann wechselt browser.js den Text auf data-starting. */
.evoi-loading-fill { height: 100%; width: var(--blazor-load-percentage, 0%); background: #1B1F3B; border-radius: .2rem; transition: width .25s ease-out; }
.evoi-loading-text { margin-top: .75rem; font-size: .9rem; opacity: .7; }
@media (prefers-color-scheme: dark) {
    #evoi-loading { background: #1B1F3B; }
    .evoi-loading-card { color: #f6f7fb; }
    .evoi-loading-bar { background: rgba(246,247,251,.2); }
    .evoi-loading-fill { background: #f6f7fb; }
}

/* Statische Anmeldewand (Stufe 3, 2026-09-19): Ladebalken unter der Karte, solange WASM lädt. */
#evoi-static-wall .evoi-wall-progress { margin-top: 1.25rem; text-align: center; opacity: .7; }
#evoi-static-wall .evoi-wall-progress .evoi-loading-bar { width: 100%; height: .25rem; background: rgba(27,31,59,.15); border-radius: .125rem; overflow: hidden; }
#evoi-static-wall .evoi-wall-progress .evoi-loading-fill { height: 100%; width: var(--blazor-load-percentage, 0%); background: #1B1F3B; transition: width .25s ease-out; }
#evoi-static-wall .evoi-wall-progress .evoi-loading-text { margin-top: .4rem; font-size: .8rem; }
#evoi-static-wall .auth-wall-legal a { color: inherit; }
[data-bs-theme="dark"] #evoi-static-wall .evoi-wall-progress .evoi-loading-bar { background: rgba(246,247,251,.2); }
[data-bs-theme="dark"] #evoi-static-wall .evoi-wall-progress .evoi-loading-fill { background: #f6f7fb; }

/* Statische Rechtsseiten (Phase 3): Impressum/Datenschutz ohne App-Layout. Farben aus theme.css
   (theme-boot.js setzt data-bs-theme vor dem ersten Paint — auch hier), sonst ist die Seite im
   dunklen Theme unlesbar. */
.static-legal { max-width: 52rem; margin: 0 auto; padding: 1.5rem; font-family: system-ui, -apple-system, "Segoe UI", Roboto, sans-serif; color: var(--evoi-text, #1f2937); }
.static-legal-header { display: flex; align-items: center; justify-content: space-between; padding: .75rem 0 1.25rem; border-bottom: 1px solid var(--evoi-border, #e5e7eb); margin-bottom: 1.5rem; }
.static-legal-brand { font-weight: 600; font-size: 1.4rem; color: var(--evoi-text, #1B1F3B); text-decoration: none; letter-spacing: .02em; }
.static-legal-back { color: var(--evoi-accent, #1B1F3B); text-decoration: none; font-size: .95rem; }
.static-legal-back:hover { text-decoration: underline; }
.static-legal-main h1 { font-size: 1.6rem; margin-bottom: 1rem; }
.static-legal-main h5 { margin-top: 1.25rem; font-size: 1.05rem; }
.static-legal .legal-text { color: var(--evoi-text, #1f2937); }