/* ===== OO ErrorBar =====
   #blazor-error-ui: unsichtbar, bis blazor.web.js bei einem unbehandelten Fehler display: block setzt;
   dann unten fixiert über allem. Vorschau (--preview) inline und sichtbar. Die Optik kommt von MessageBar (Error).
   ======================= */

.oo-error-bar {
    display: none;
    position: fixed;
    right: var(--oo-space-4);
    bottom: var(--oo-space-4);
    left: var(--oo-space-4);
    z-index: var(--oo-z-toast);
}

.oo-error-bar.oo-error-bar--preview {
    display: block;
    position: static;
}

/* Icon mittig zur Zeile mit den Knöpfen statt oben; doppelte Klasse, weil message-bar.css später geladen wird */
.oo-messagebar.oo-error-bar__bar {
    align-items: center;
    max-width: 48rem;
    margin: 0 auto;
    box-shadow: var(--oo-shadow-lg);
}

.oo-error-bar--preview .oo-error-bar__bar {
    margin: 0;
    box-shadow: none;
}