/* AGGRESSIVE fix to hide the Assessor Review button in the bottom navigation */
nav.fixed.bottom-0 > div:nth-child(5),
nav.fixed.bottom-0 > div:last-child,
nav.fixed.bottom-0 > div[href*="assessor-review"],
nav.fixed.bottom-0 > a[href*="assessor-review"],
nav.fixed.bottom-0 > div:has(a[href*="assessor-review"]),
nav.fixed.bottom-0 > div:contains("Assessor Review") {
  display: none !important;
  visibility: hidden !important;
  opacity: 0 !important;
  width: 0 !important;
  height: 0 !important;
  overflow: hidden !important;
}

/* Make sure all four navigation items are properly visible */
nav.fixed.bottom-0 {
  display: flex !important;
  justify-content: space-around !important;
  width: 100% !important;
}

nav.fixed.bottom-0 > div:not(:nth-child(5)):not(:last-child) {
  width: 25% !important;
  flex: 1 !important;
  padding: 0 !important;
  margin: 0 !important;
  display: flex !important;
  flex-direction: column !important;
  align-items: center !important;
}

/* Fix to ensure evidence displays properly */
[role="tabpanel"][aria-labelledby="tab-evidence"] {
  min-height: 200px !important;
  display: block !important;
}

/* Cached evidence should always display */
[role="tabpanel"][aria-labelledby="tab-evidence"][data-cached="true"] {
  display: block !important;
  opacity: 1 !important;
  visibility: visible !important;
}

/* Hide loading state when cached content is available */
[role="tabpanel"][aria-labelledby="tab-evidence"][data-cached="true"] div:only-child:has(svg) {
  display: none !important;
}

/* Handle loading state properly */
[role="tabpanel"][aria-labelledby="tab-evidence"] div:only-child:has(svg) {
  animation: fadeInOut 2s infinite !important;
  opacity: 0.7 !important;
}

/* Loading animation to make it less jarring */
@keyframes fadeInOut {
  0% { opacity: 0.3; }
  50% { opacity: 0.7; }
  100% { opacity: 0.3; }
}

/* Hide assessment control buttons that aren't needed in the app */
button[class*="bg-green-600"],
button[class*="bg-red-600"],
button[class*="bg-orange-600"] {
  display: none !important;
}

/* Make sure criteria information is visible */
.text-blue-400 {
  display: block !important;
  visibility: visible !important;
}

/* Fix for evidence items to ensure they display properly */
.bg-neutral-900.rounded-2xl {
  display: block !important;
  margin-bottom: 16px !important;
}

/* Ensure feedback content is visible */
.bg-neutral-800.p-3.rounded-lg {
  display: block !important;
}

/* Remove "Failed to update status" error message */
div[class*="text-red-500"],
div[class*="bg-red-100"] {
  display: none !important;
}

/* Hide React error messages and overlays, but keep our modals visible */
#__next > div[role="dialog"]:not([class*="evidence-modal"]),
div[style*="background-color:rgba(0,0,0,0.9)"]:not([class*="evidence-modal"]),
div[style*="overflow:auto"]:not([class*="evidence-modal"]),
#__nextjs-portal-root > div:has(> div[role="dialog"]):not([class*="evidence-modal"]) {
  display: none !important;
}