From 15d8347e1601c1ca9b6b8c473ce15db55e517e9e Mon Sep 17 00:00:00 2001
From: rene <mail@motocamp.de>
Date: Wed, 29 Apr 2026 20:57:46 +0200
Subject: [PATCH] Fix: Staging-Nav-Styles nach App.init() setzen (inline, mit
 Retry)

---
 backend/static/js/app.js | 26 +++++++++++---------------
 1 file changed, 11 insertions(+), 15 deletions(-)

diff --git a/backend/static/js/app.js b/backend/static/js/app.js
index 4495386..697e7d6 100644
--- a/backend/static/js/app.js
+++ b/backend/static/js/app.js
@@ -863,22 +863,18 @@ const App = (() => {
 
 // App starten
 document.addEventListener('DOMContentLoaded', () => {
+  App.init();
   if (IS_STAGING) {
     document.title = '⚗️ ' + document.title;
-    // Bottom-Nav lila einfärben als Staging-Indikator
-    const style = document.createElement('style');
-    style.textContent = `
-      #bottom-nav {
-        background: #2d1b69 !important;
-        border-top-color: #7c3aed !important;
-      }
-      #bottom-nav .nav-item-label { color: rgba(255,255,255,0.6) !important; }
-      #bottom-nav .nav-item.active .nav-item-label { color: #c4b5fd !important; }
-      #bottom-nav .nav-item svg { color: rgba(255,255,255,0.5) !important; }
-      #bottom-nav .nav-item.active svg { color: #c4b5fd !important; }
-      #bottom-nav .nav-item-center .plus-btn { background: #7c3aed !important; }
-    `;
-    document.head.appendChild(style);
+    // Nach App.init() Styles direkt setzen — sonst überschreibt init sie
+    const _applyStaging = () => {
+      const nav = document.getElementById('bottom-nav');
+      if (!nav) return;
+      nav.style.cssText += ';background:#2d1b69!important;border-top-color:#7c3aed!important;box-shadow:0 -2px 12px rgba(124,58,237,0.4)!important';
+      nav.querySelectorAll('.nav-item-label').forEach(el => el.style.color = 'rgba(196,181,253,0.75)');
+      nav.querySelectorAll('.plus-btn, .nav-item-center button').forEach(el => el.style.background = '#7c3aed');
+    };
+    _applyStaging();
+    setTimeout(_applyStaging, 400); // nochmal nach vollständigem Render
   }
-  App.init();
 });