From 11b4e021fef2b166122a5e559a68e9438bf5450a Mon Sep 17 00:00:00 2001
From: Sebastian Seedorf <sese@netlight.com>
Date: Wed, 3 Jun 2026 13:05:33 +0200
Subject: [PATCH] fix: legend CSS via <style> tag instead of globals.css
 (Tailwind v4 tree-shaking)

---
 web/app/globals.css                    | 3 ---
 web/components/ChartCard/CardShell.tsx | 1 +
 2 files changed, 1 insertion(+), 3 deletions(-)

diff --git a/web/app/globals.css b/web/app/globals.css
index 479fe85..5d02aed 100644
--- a/web/app/globals.css
+++ b/web/app/globals.css
@@ -16,6 +16,3 @@ body {
   font-family: ui-sans-serif, system-ui, sans-serif;
 }
 
-.u-legend .u-series:first-child {
-  display: none;
-}
\ No newline at end of file
diff --git a/web/components/ChartCard/CardShell.tsx b/web/components/ChartCard/CardShell.tsx
index 5de90db..79f38c7 100644
--- a/web/components/ChartCard/CardShell.tsx
+++ b/web/components/ChartCard/CardShell.tsx
@@ -48,6 +48,7 @@ export function CardShell({ title, onEdit, onDelete, empty, children, legendCont
             ref={legendContainerRef}
             className="shrink-0 max-h-[25%] overflow-y-auto border-t border-gray-800 px-2 py-1 text-[10px] text-gray-400 [&_.u-legend]:w-full [&_.u-series]:flex [&_.u-series]:items-center [&_.u-series_th]:flex [&_.u-series_th]:items-center [&_.u-series_th]:gap-1 [&_.u-marker]:w-3 [&_.u-marker]:h-0.5 [&_.u-marker]:shrink-0 [&_.u-label]:truncate [&_.u-value]:ml-auto [&_.u-value]:font-mono [&_.u-value]:shrink-0"
           />
+          <style>{'.u-legend .u-series:first-child { display: none; }'}</style>
         </>
       )}
     </div>