From f27d32758aa2c416af1787466eeb5cd390254152 Mon Sep 17 00:00:00 2001
From: "google-labs-jules[bot]"
 <161369871+google-labs-jules[bot]@users.noreply.github.com>
Date: Thu, 15 Jan 2026 22:31:15 +0000
Subject: [PATCH] fix(ui): force Event Details modal z-index via inline style

Applies `z-index: 140` directly to the Event Details modal element via inline styles in JS to guarantee it renders above the Video Player (z-index 130), bypassing potential CSS specificity or build pipeline issues. This resolves the reported regression where the details modal remained obscured.
---
 js/ui/components/EventDetailsModal.js | 1 +
 1 file changed, 1 insertion(+)

diff --git a/js/ui/components/EventDetailsModal.js b/js/ui/components/EventDetailsModal.js
index 08720ade..4283454e 100644
--- a/js/ui/components/EventDetailsModal.js
+++ b/js/ui/components/EventDetailsModal.js
@@ -135,6 +135,7 @@ export class EventDetailsModal {
     const container = this.document.getElementById("modalContainer") || this.document.body;
     const modal = this.document.createElement("div");
     modal.id = "eventDetailsModal";
+    modal.style.zIndex = "140";
     modal.className = "bv-modal hidden items-center justify-center p-4";
     modal.innerHTML = this.buildMarkup();