/* Emergency fix for profile images with red backgrounds */

/* Catch all method to ensure no red backgrounds on any image */
img {
  background-color: #f8f9fa !important;
}

/* Fix for all profile images */
.profile-picture, 
.profile-picture-preview, 
.profile-image,
.rounded-circle,
.profile-pic img {
  background-color: #f8f9fa !important;
  color: transparent !important;
  border: 1px solid #e9ecef !important;
}

/* Containers */
.profile-pic-wrapper,
.preview-container,
.profile-picture-container,
.profile-img-wrapper {
  background-color: #f8f9fa !important;
  border-radius: 50% !important;
  overflow: hidden !important;
}

/* Broken image styling overrides for browsers */
img:-moz-broken {
  background-color: #f8f9fa !important;
  color: transparent !important;
}

/* Target image elements without a src attribute */
img:not([src]),
img[src=""],
img[src="#"],
img[src="data:,"],
img[src="about:blank"] {
  background-color: #f8f9fa !important;
  color: transparent !important;
}

/* Default profile placeholder image styles */
.default-profile-picture {
  background-color: #f8f9fa !important;
  color: #6c757d !important;
}

/* More aggressive selector for profile images */
[data-filename] {
  background-color: #f8f9fa !important;
}

/* Fix for Firefox broken images */
@-moz-document url-prefix() {
  img:-moz-broken {
    background-color: #f8f9fa !important;
    color: transparent !important;
  }
}