/* Fehlerdialog, wenn die Verbindung zur App wegen eines Fehlers beendet wurde (#blazor-error-ui in App.razor).
   Blazor blendet ihn per style="display:block" ein; Blazor selbst kann danach nichts mehr darstellen, deshalb reines
   HTML/CSS. Farben aus dem MudBlazor-Theme, mit festen Werten als Rückfall. */
#blazor-error-ui {
    display: none;
    position: fixed;
    inset: 0;
    z-index: 3000;
    overflow-y: auto;
    padding: 1rem;
    background: rgba(9, 22, 38, .58);
    font-family: "Roboto", system-ui, -apple-system, "Segoe UI", sans-serif;
}

#blazor-error-ui .error-dialog {
    max-width: 28rem;
    margin: min(18dvh, 10rem) auto 1rem;
    padding: 1.5rem 1.5rem 1.25rem;
    border-radius: 12px;
    background: var(--mud-palette-surface, #ffffff);
    color: var(--mud-palette-text-primary, #1b2733);
    box-shadow: 0 18px 50px rgba(0, 0, 0, .3);
}

#blazor-error-ui .error-dialog__head {
    display: flex;
    gap: .75rem;
    align-items: center;
    margin-bottom: .75rem;
}

#blazor-error-ui .error-dialog__icon {
    flex: 0 0 auto;
    width: 2.25rem;
    height: 2.25rem;
    fill: var(--mud-palette-error, #d32f2f);
}

#blazor-error-ui .error-dialog__title {
    margin: 0;
    font-size: 1.2rem;
    font-weight: 600;
    line-height: 1.3;
}

#blazor-error-ui .error-dialog__text {
    margin: 0 0 1.25rem;
    font-size: .95rem;
    line-height: 1.5;
    color: var(--mud-palette-text-secondary, #4a5866);
}

#blazor-error-ui .error-dialog__actions {
    display: flex;
    justify-content: flex-end;
}

#blazor-error-ui .reload {
    font: inherit;
    font-size: .92rem;
    font-weight: 500;
    letter-spacing: .02em;
    text-decoration: none;
    padding: .6rem 1.2rem;
    border: 0;
    border-radius: 8px;
    cursor: pointer;
    background: var(--mud-palette-primary, #103870);
    color: var(--mud-palette-primary-text, #ffffff);
}

#blazor-error-ui .reload:hover { filter: brightness(1.12); }
#blazor-error-ui .reload:focus-visible { outline: 3px solid #f0a020; outline-offset: 2px; }

@media (max-width: 30rem) {
    #blazor-error-ui .error-dialog__actions .reload { flex: 1 1 100%; }
}