/* Global CSS to hide React development error overlays - more specific selectors */
iframe[data-reactroot] {
  display: none !important;
  visibility: hidden !important;
  opacity: 0 !important;
  pointer-events: none !important;
  z-index: -9999 !important;
}

react-error-overlay,
[data-react-error-overlay] {
  display: none !important;
  visibility: hidden !important;
  opacity: 0 !important;
  pointer-events: none !important;
  z-index: -9999 !important;
}

#react-error-overlay,
.__react-error-overlay {
  display: none !important;
  visibility: hidden !important;
  opacity: 0 !important;
  pointer-events: none !important;
  z-index: -9999 !important;
}

/* Hide webpack error overlays - more specific */
#webpack-dev-server-client-overlay {
  display: none !important;
  visibility: hidden !important;
}

/* Only hide divs that are specifically React error overlays with exact characteristics */
div[style*="z-index: 2147483647"][style*="position: fixed"][style*="top: 0px"][style*="left: 0px"][style*="width: 100vw"][style*="height: 100vh"] {
  display: none !important;
}