style(web): Seiten auf Mosaik-Muster umgestellt

Einheitliche Seitenkoepfe mit Modul-Kachel, Knopf- und Linkklassen
statt gelber Schrift, Karten ohne harte Rahmen, Tabellenkoepfe ohne
Grossbuchstaben, Marktplatz mit Fluent-Reitern, Filterpillen und
Kachel-Karten, Einstellungs-/Verwaltungsnavigation mit Auswahlpille,
leere Zustaende mit Symbol im Kreis, Proxmox ohne leuchtende Schatten.

Co-Authored-By: Claude Opus 5.5 (1M context) <noreply@anthropic.com>

apps/web/src/components/proxmox/status-styles.ts

@@ -7,7 +7,8 @@ import type { MeterLevel, ServerHealth } from './proxmox-status';
  *
  * `fill` = Flaeche (Leiste, Punkt, Balken), `pill` = Statuspille (12 %
  * Flaeche + Textvariante), `text` = Schrift in Statusfarbe, `shadow` =
- * zweischichtiger Schatten, der untere im Statuston getoent.
+ * ruhender Fluent-Schatten (Design „Mosaik“: keine im Statuston
+ * leuchtenden Schatten mehr — der Zustand steht in Leiste und Pille).
  *
  * Seit quick-260924-i8v gemeinsam fuer Modulseite und Dashboard-Kachel.
  */
@@ -19,32 +20,31 @@ export const HEALTH_STYLE: Record<
     fill: 'bg-status-ok',
     pill: 'bg-status-ok/12 text-status-ok-fg',
     text: 'text-status-ok-fg',
-    shadow: 'shadow-[0_1px_2px_oklch(0_0_0/0.06),0_12px_28px_-14px_var(--status-ok)]',
+    shadow: 'shadow-sm',
   },
   warn: {
     fill: 'bg-status-warn',
     pill: 'bg-status-warn/12 text-status-warn-fg',
     text: 'text-status-warn-fg',
-    shadow: 'shadow-[0_1px_2px_oklch(0_0_0/0.06),0_12px_28px_-14px_var(--status-warn)]',
+    shadow: 'shadow-sm',
   },
   down: {
     fill: 'bg-status-down',
     pill: 'bg-status-down/12 text-status-down-fg',
     text: 'text-status-down-fg',
-    shadow: 'shadow-[0_1px_2px_oklch(0_0_0/0.06),0_12px_28px_-14px_var(--status-down)]',
+    shadow: 'shadow-sm',
   },
   idle: {
     fill: 'bg-status-idle',
     pill: 'bg-status-idle/12 text-status-idle-fg',
     text: 'text-status-idle-fg',
-    shadow: 'shadow-[0_1px_2px_oklch(0_0_0/0.06),0_12px_28px_-14px_var(--status-idle)]',
+    shadow: 'shadow-sm',
   },
-  // Kein farbiger Schatten: ein verwaister Server soll nicht „leuchten“.
   orphan: {
     fill: 'bg-status-orphan',
     pill: 'bg-status-orphan/12 text-status-orphan-fg',
     text: 'text-status-orphan-fg',
-    shadow: 'shadow-[0_1px_2px_oklch(0_0_0/0.04)]',
+    shadow: 'shadow-sm',
   },
 };
 
@@ -64,4 +64,4 @@ export const METER_TEXT: Record<MeterLevel, string> = {
 };
 
 /** Eingelassenes Messfeld („Well“). */
-export const WELL = 'rounded-lg bg-well shadow-[inset_0_1px_2px_oklch(0_0_0/0.06)]';
+export const WELL = 'rounded-lg bg-well';