/* App-spezifisch: nur Blazor-Infrastruktur. UI-Bausteine gehören in design/desk-theme.css. */
.app-loading { color: var(--muted); text-align: center; padding: 20vh 1rem; font-weight: 600; }

#blazor-error-ui {
    display: none; position: fixed; bottom: 0; left: 0; right: 0; z-index: 1000;
    padding: .7rem 1.25rem; background: var(--bad-bg); color: var(--bad-fg); font-weight: 600;
    box-shadow: var(--shadow-md);
}
#blazor-error-ui .reload { margin-left: .5rem; }
#blazor-error-ui .dismiss { cursor: pointer; position: absolute; right: 1rem; top: .6rem; }

.blazor-error-boundary { background: var(--bad-bg); color: var(--bad-fg); padding: 1rem; border-radius: var(--radius-sm); }
.blazor-error-boundary::after { content: "Beim Anzeigen ist ein Fehler aufgetreten."; }

/* FocusOnNavigate setzt den Fokus auf h1 (Barrierefreiheit) – ohne sichtbaren Rahmen */
h1:focus { outline: none; }