/* =====================================================
   Hide Blazor Development Error Overlays
   ===================================================== */

/* Hide the black blur overlay that appears during development */
#dotnet-compile-error,
div[id*="compile-error"],
div[id*="blazor-error-boundary"] {
    display: none !important;
    visibility: hidden !important;
    opacity: 0 !important;
    pointer-events: none !important;
}

/* Ensure blazor-error-ui is hidden by default */
#blazor-error-ui {
    display: none !important;
    visibility: hidden !important;
}

/* Only show error UI when it has the 'show' class or when JS adds visibility */
#blazor-error-ui.show,
#blazor-error-ui[style*="display: block"] {
    display: block !important;
    visibility: visible !important;
}

/* Override any inline styles on the body that might be added by error handlers */
body[style*="overflow: hidden"] {
    overflow: auto !important;
}