From 0db81aa7156f5530f42dd90e19b4aa2037b20a30 Mon Sep 17 00:00:00 2001
From: Claude <claude@ctl.de>
Date: Sat, 20 Jun 2026 11:04:11 +0200
Subject: [PATCH] Remove duplicate CSS rules and simplify z-index hierarchy in
 globals.css

Co-Authored-By: Claude Sonnet 4.6 <noreply@anthropic.com>
---
 src/app/globals.css | 124 ++------------------------------------------
 1 file changed, 3 insertions(+), 121 deletions(-)

diff --git a/src/app/globals.css b/src/app/globals.css
index 94df047..a052461 100644
--- a/src/app/globals.css
+++ b/src/app/globals.css
@@ -53,7 +53,6 @@ button:disabled {
 
 .app {
   min-height: 100vh;
-  background: var(--background);
   color: var(--text);
 }
 
@@ -304,14 +303,9 @@ button:disabled {
 
 .react-grid-item.react-draggable-dragging,
 .react-grid-item.resizing {
-  z-index: 200;
   transition: none;
 }
 
-.gridItemMenuOpen {
-  z-index: 250 !important;
-}
-
 .react-grid-item > .react-resizable-handle {
   z-index: 40;
   width: 30px;
@@ -403,20 +397,11 @@ button:disabled {
 }
 
 .widgetMenu {
-  position: relative;
   flex: 0 0 auto;
 }
 
 .widgetMenuButton {
-  height: 30px;
-  padding: 0 9px;
-  color: var(--text);
-  background: var(--surface-strong);
-  border: 1px solid var(--border);
-  border-radius: 9px;
-  cursor: pointer;
   white-space: nowrap;
-  font-size: 12px;
 }
 
 .widgetMenuButton:hover,
@@ -425,18 +410,10 @@ button:disabled {
 }
 
 .widgetDropdown {
-  position: absolute;
-  top: calc(100% + 8px);
-  right: 0;
-  z-index: 350;
   width: 190px;
   display: grid;
-  gap: 7px;
-  padding: 10px;
   background: var(--surface);
   border: 1px solid var(--border);
-  border-radius: 14px;
-  box-shadow: var(--shadow);
 }
 
 .widgetDropdownButton {
@@ -1408,31 +1385,6 @@ button:disabled {
   border-radius: 16px;
 }
 
-.app {
-  position: relative;
-  isolation: isolate;
-  --dashboard-background-image: none;
-  --dashboard-background-opacity: 0;
-}
-
-.app::before {
-  content: "";
-  position: fixed;
-  inset: 0;
-  z-index: -1;
-  pointer-events: none;
-  background-image: var(--dashboard-background-image);
-  background-size: cover;
-  background-position: center;
-  background-repeat: no-repeat;
-  opacity: var(--dashboard-background-opacity);
-}
-
-.app > * {
-  position: relative;
-  z-index: 1;
-}
-
 .settingsSubPanel {
   display: grid;
   gap: 14px;
@@ -1522,56 +1474,21 @@ button:disabled {
   z-index: 1200;
 }
 
-.dashboardWorkspace,
-.widgetGridShell,
-.emptyDashboard {
-  z-index: 1;
-}
-
-.app::before {
-  z-index: 0;
-}
-
-.app > * {
-  position: relative;
-  z-index: 1;
-}
-
 .app > .topBar,
 .app > .adminTopBar {
   position: relative;
   z-index: 5000;
 }
 
-.topBar .profileMenu {
-  position: relative;
-  z-index: 5100;
-}
-
 .topBar .profileDropdown {
   position: absolute;
-  z-index: 5200;
   pointer-events: auto;
 }
 
-.dashboardWorkspace,
-.widgetGridShell,
-.widgetGrid,
-.emptyDashboard,
-.react-grid-layout,
-.react-grid-item {
+.widgetGrid {
   z-index: auto;
 }
 
-.react-grid-item.react-draggable-dragging,
-.react-grid-item.resizing {
-  z-index: 200;
-}
-
-.gridItemMenuOpen {
-  z-index: 250 !important;
-}
-
 .widgetCard-search .searchWidgetForm {
   grid-template-columns: minmax(82px, 130px) minmax(0, 1fr) auto !important;
   align-items: center;
@@ -1805,6 +1722,8 @@ button:disabled {
 .app {
   position: relative;
   isolation: isolate;
+  --dashboard-background-image: none;
+  --dashboard-background-opacity: 0;
   background-color: var(--background);
 }
 
@@ -2472,33 +2391,6 @@ button:disabled {
   padding-bottom: 0 !important;
 }
 
-/* Widget-Menüs immer über anderen Widgets anzeigen */
-.react-grid-item {
-  overflow: visible !important;
-}
-
-.react-grid-item.gridItemMenuOpen {
-  z-index: 99999 !important;
-}
-
-.gridItemMenuOpen,
-.gridItemMenuOpen .widgetCard,
-.gridItemMenuOpen .widgetHeader,
-.gridItemMenuOpen .widgetMenu {
-  overflow: visible !important;
-  z-index: 99999 !important;
-}
-
-.widgetMenu {
-  position: relative !important;
-  z-index: 100000 !important;
-}
-
-.widgetDropdown {
-  position: absolute !important;
-  z-index: 100001 !important;
-}
-
 /* Suche-Widget: im normalen Modus ohne Rahmen/Header, im Bearbeitungsmodus aber mit Ziehen/Menü */
 .widgetCard-search {
   overflow: visible !important;
@@ -2839,16 +2731,6 @@ button:disabled {
   z-index: 99999 !important;
 }
 
-.widgetMenu {
-  position: relative !important;
-  z-index: 100000 !important;
-}
-
-.widgetDropdown {
-  position: absolute !important;
-  z-index: 100001 !important;
-}
-
 /* Fix: Widget-Edit-Header sauber vertikal zentrieren */
 .widgetCard.widgetEditing .widgetHeader {
   min-height: 44px !important;