Feinschliff Risiko/Bewertung: Ampelfarben, Titel, Skala, Legende

- Detail-Popups einheitlich: Name/Bezeichner steht immer im Titel
  (Risiko "R-001 · <Name>", Maßnahme "M-001 · <Name>", Prozess <Name>)
- Bewertungsbalken (Schutzbedarf/Schadenshöhe) + Score-Pillen als
  einheitliche Ampel: 1 grün, 2 gelb, 3 orange, 4 rot; Risiko-Pillen
  folgen exakt der Heatmap-Skala (medium = gelb statt blau, elevated =
  orange) — Restrisiko-Pille jetzt korrekt gelb
- Risiko-Detailkarte: Farbskala von der Mitte nach oben verschoben;
  alle Detail-/Bearbeiten-Popups etwas breiter (max-w-4xl)
- CiaGauge-Beschriftung vereinheitlicht: VER/INT/VFB erscheint einmal
  pro Tabelle als Spaltenüberschrift (Asset-Liste + Popup-Tabellen),
  keine Labels mehr pro Zeile; Standalone-Gauges in Detailkarten
  behalten die Labels

Verifiziert: alle vier Ampelfarben im DOM, Restrisiko-Pille gelb,
Legende in Tabellenköpfen, Titel mit Name.

Co-Authored-By: Claude Opus 4.8 <noreply@anthropic.com>

src/app/(app)/assets/page.tsx

@@ -9,6 +9,7 @@ import { Button } from "@/components/ui/button";
 import { FilterTabs } from "@/components/filter-tabs";
 import {
   CiaBadge,
+  CiaLegend,
   KpiCard,
   OwnerChip,
   PageHead,
@@ -196,7 +197,12 @@ export default async function AssetsPage({
               <TableHead>Asset</TableHead>
               <TableHead>{t("type")}</TableHead>
               <TableHead>{t("owner")}</TableHead>
-              <TableHead>{t("protection")} (C/I/A)</TableHead>
+              <TableHead>
+                <span className="flex flex-col gap-1">
+                  {t("protection")}
+                  <CiaLegend />
+                </span>
+              </TableHead>
               <TableHead>{t("dependencies")}</TableHead>
               <TableHead>{t("status")}</TableHead>
             </TableRow>