feat: hive card with SVG, outline, edit sheets and catalog settings (Beute L2)

- lib/hive: frontend port of the hive domain (ops, validator, facts,
  layout, follow-ups, describe texts, reason texts) running the backend
  fixtures, API client
- hive card on the colony page (same height as Stammdaten): SVG view,
  accessible outline tree, frame/part sheets with optimistic save,
  conflict sheet, history with past states, init from template or
  another colony, inspection draft mode
- follow-up toasts prefilling feeding and treatment forms (treatment
  end only with an open treatment)
- settings page "Beutensysteme" (hive-systems:manage)
- NumberStepper decimal steps, reactive motion level hook, holo tokens
- spec: owner design decision 2026-10-16 (glass hologram, focus mode)

The SVG view is the fallback; the 3D scene follows in L3.

Co-Authored-By: Claude Opus 5.5 (1M context) <[email protected]>

ApiCore-Frontend/src/app/globals.css

@@ -41,6 +41,12 @@
   --color-condition-weak-foreground: var(--condition-weak-foreground);
   --color-condition-critical: var(--condition-critical);
   --color-condition-critical-foreground: var(--condition-critical-foreground);
+  --color-holo-bg: var(--holo-bg);
+  --color-holo-edge: var(--holo-edge);
+  --color-holo-edge-strong: var(--holo-edge-strong);
+  --color-holo-fill: var(--holo-fill);
+  --color-holo-label-bg: var(--holo-label-bg);
+  --color-holo-label-fg: var(--holo-label-fg);
   --color-accent-foreground: var(--accent-foreground);
   --color-accent: var(--accent);
   --color-muted-foreground: var(--muted-foreground);
@@ -126,6 +132,13 @@
   --gradient-sky: linear-gradient(135deg, oklch(0.68 0.1 235) 0%, oklch(0.5 0.1 255) 100%);
   --shadow-elevated: 0 1px 2px -1px oklch(0.3 0.05 50 / 8%), 0 8px 24px -8px oklch(0.3 0.05 50 / 16%);
   --shadow-soft: 0 1px 2px -1px oklch(0.3 0.05 50 / 6%), 0 4px 12px -4px oklch(0.3 0.05 50 / 10%);
+  /* Hive "screen": always dark, in light and dark mode (spec 9.3). */
+  --holo-bg: oklch(0.18 0.03 250);
+  --holo-edge: oklch(0.78 0.14 220);
+  --holo-edge-strong: oklch(0.88 0.12 215);
+  --holo-fill: oklch(0.78 0.14 220 / 10%);
+  --holo-label-bg: oklch(0.26 0.04 250);
+  --holo-label-fg: oklch(0.95 0.02 230);
 }
 
 .dark {
@@ -179,6 +192,13 @@
   --gradient-sky: linear-gradient(135deg, oklch(0.55 0.09 235) 0%, oklch(0.34 0.09 255) 100%);
   --shadow-elevated: 0 1px 2px -1px oklch(0 0 0 / 30%), 0 8px 24px -8px oklch(0 0 0 / 45%);
   --shadow-soft: 0 1px 2px -1px oklch(0 0 0 / 25%), 0 4px 12px -4px oklch(0 0 0 / 30%);
+  /* Hive "screen": always dark, in light and dark mode (spec 9.3). */
+  --holo-bg: oklch(0.18 0.03 250);
+  --holo-edge: oklch(0.78 0.14 220);
+  --holo-edge-strong: oklch(0.88 0.12 215);
+  --holo-fill: oklch(0.78 0.14 220 / 10%);
+  --holo-label-bg: oklch(0.26 0.04 250);
+  --holo-label-fg: oklch(0.95 0.02 230);
 }
 
 /* ---------------------------------------------------------------------------