/* Minimal app.css — eigentliche Styles kommen aus hitster.css.
   Hier nur noch das Blazor-Error-UI, damit die Default-Komponente weiter funktioniert. */

#blazor-error-ui {
    color-scheme: light only;
    background: lightyellow;
    bottom: 0;
    box-shadow: 0 -1px 2px rgba(0, 0, 0, 0.2);
    box-sizing: border-box;
    display: none;
    left: 0;
    padding: 0.6rem 1.25rem 0.7rem 1.25rem;
    position: fixed;
    width: 100%;
    z-index: 1000;
}

#blazor-error-ui .dismiss {
    cursor: pointer;
    position: absolute;
    right: 0.75rem;
    top: 0.5rem;
}

.blazor-error-boundary {
    background: var(--surface-2, #2a1a4a);
    padding: 1rem 1rem 1rem 3.7rem;
    color: var(--text-primary, #fff);
    border-radius: 12px;
}

    .blazor-error-boundary::after {
        content: "Ein Fehler ist aufgetreten.";
    }