<script>
 // Reinitialize Metronic components after Blazor Server navigation
 (function() {
 // Initialize on page load
 function initMetronic() {
 if (typeof KTComponent !== "undefined") {
 KTComponent.init();
 }
 if (typeof KTLayout !== "undefined") {
 KTLayout.init();
 }
 }

 // Initialize on DOM ready
 if (document.readyState === "loading") {
 document.addEventListener("DOMContentLoaded", initMetronic);
 } else {
 initMetronic();
 }

 // Watch for Blazor Server navigation via MutationObserver
 // Blazor Server updates the DOM via SignalR, so we observe those changes
 let initTimeout;
 const observer = new MutationObserver(function(mutations) {
 // Debounce to avoid excessive initialization
 clearTimeout(initTimeout);
 initTimeout = setTimeout(function() {
 // Check if the main content area changed
 const contentChanged = mutations.some(function(mutation) {
 return mutation.target.id === "content" ||
 mutation.target.closest("#content") !== null;
 });

 if (contentChanged) {
 initMetronic();
 }
 }, 150);
 });

 // Observe the main content area for changes
 const contentArea = document.getElementById("content");
 if (contentArea) {
 observer.observe(contentArea, {
 childList: true,
 subtree: true
 });
 }
 })();
</script>