/* Blazor-specific overrides */
#blazor-error-ui {
    background: rgba(239,68,68,0.1);
    border: 1px solid rgba(239,68,68,0.3);
    border-radius: 12px;
    bottom: 0; left: 0; right: 0;
    box-shadow: 0 -4px 20px rgba(0,0,0,0.4);
    color: #ef4444;
    display: none;
    padding: 16px 24px;
    position: fixed;
    z-index: 1000;
}
#blazor-error-ui .dismiss {
    cursor: pointer;
    position: absolute;
    right: 16px; top: 14px;
    font-size: 1.2rem;
}
.blazor-error-boundary::after {
    content: "An error has occurred. Please refresh the page.";
}