/* ERIS – Risiko-Cockpit: gemeinsames Aussehen fuer alle Risikosichten (CSP-strict).
   Genutzt vom Risiko-Cockpit (controlling.html / risikomanagement.html, Grund-
   Stylesheet controlling.css) UND von der Aufsichtssicht risiko-ueberblick.html
   (Grund-Stylesheet finanz.css). Deshalb tragen alle Tokens Fallback-Ketten:
   controlling.css fuehrt --border/--r/--shadow-xs/--text-muted, finanz.css
   --line/--text-muted. Farben = HL-Ampel nach Risikoklasse der Zellposition. */
/* ── Kachelreihe (Kennzahlen ueber der Matrix) ── */
.risk-summary{display:grid;grid-template-columns:repeat(auto-fill,minmax(max(150px,calc((100% - 40px)/5)),1fr));gap:10px;margin-bottom:22px}
.rsk{background:var(--surface, #fff);border:1px solid var(--border, var(--line, #e3ddd2));border-radius:var(--r, 12px);padding:12px 14px 10px;box-shadow:var(--shadow-xs, 0 1px 2px rgba(0,0,0,.03))}
.rsk-label{font-size:10px;font-weight:700;letter-spacing:.07em;text-transform:uppercase;color:var(--text-muted, #6b7280);margin-bottom:4px}
.rsk-val{font-size:22px;font-weight:700;font-variant-numeric:tabular-nums;line-height:1.1}
.rsk-val.kritisch{color:var(--red, #c70d2d)}.rsk-val.wesentlich{color:var(--amber, #9e6b00)}
.rsk-val.ueberwachend{color:var(--green, #3d6e1a)}.rsk-val.gesamt{color:var(--text, #1d2733)}.rsk-val.offen{color:var(--text-muted, #6b7280)}
.rsk-val.pruef{color:var(--amber, #9e6b00)}
.rsk-val.geld{font-size:16px}
/* Zweitzeile: die Basis der Zahl („15 von 47 Risiken mit €-Bewertung“) */
.rsk-sub{font-size:var(--fs-mikro, 11px);color:var(--text-muted, #6b7280);margin-top:4px;line-height:1.3}

/* ── Risikomatrix ── */
.matrix-wrap{background:var(--surface, #fff);border:1px solid var(--border, var(--line, #e3ddd2));border-radius:var(--r, 12px);padding:18px 20px;margin-bottom:22px;box-shadow:var(--shadow-xs, 0 1px 2px rgba(0,0,0,.03));overflow-x:auto}
.matrix-title{font-size:11px;font-weight:700;letter-spacing:.07em;text-transform:uppercase;color:var(--text-muted, #6b7280);margin-bottom:14px}
.matrix-grid{display:grid;grid-template-columns:80px repeat(5,1fr);gap:2px;min-width:500px}
.matrix-cell{border-radius:4px;padding:6px 4px;min-height:52px;display:flex;flex-direction:column;align-items:center;justify-content:center;position:relative;transition:opacity .15s;cursor:default}
/* ⚠ NUR KLICKBARE ZELLEN reagieren (Audit U-09). Vorher lag der Hover auf JEDER
   Zelle — auch auf leeren und auf denen der aggregierten Sicht, die bewusst keine
   Risiko-Ids tragen; das tauschte eine Bedienbarkeit vor, die es nicht gab.
   Den Zeigefinger setzt die zentrale [data-act]-Regel in eris-theme.css. */
.matrix-cell.mc-klick:hover{opacity:.82}
.matrix-label{background:none;font-size:9.5px;color:var(--text-muted, #6b7280);font-weight:500;text-align:right;justify-content:flex-end;padding-right:6px;min-height:52px}
.matrix-xlabel{background:none;min-height:auto;padding:4px 2px;font-size:9.5px;color:var(--text-muted, #6b7280);font-weight:500;text-align:center}
.mc-num{font-size:18px;font-weight:700;color:#fff;line-height:1}
.mc-txt{font-size:9px;color:rgba(255,255,255,.8);margin-top:2px;text-align:center;max-width:100%;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;padding:0 2px}
/* Marke und Satz unter der Matrix: risiko-matrix.css (gemeinsam mit Stiftungssicht und Bericht). */
/* Matrix-Farben nach Risikoklasse (HL-Ampel) */
.mc-bag{background:#d8d8d8}        /* Bagatelle — ausgegraut */
.mc-zu {background:var(--gruen-flaeche,var(--green, #3d6e1a))}   /* Zu überwachen — grün */
.mc-wes{background:#e8b500}        /* Wesentlich — gelb */
.mc-kri{background:var(--rot-flaeche,var(--red, #c70d2d))}     /* Kritisch — rot */
/* Textfarbe: dunkel auf hellen Zellen (Bagatelle/Wesentlich), weiß sonst */
.mc-bag .mc-num{color:#4f4f4f}.mc-bag .mc-txt{color:rgba(0,0,0,.66)}
.mc-wes .mc-num{color:#4a3b00}.mc-wes .mc-txt{color:rgba(0,0,0,.72)}
.matrix-legende{display:flex;flex-wrap:wrap;gap:14px;margin-top:12px;padding-top:10px;border-top:1px solid var(--border, var(--line, #e3ddd2))}
.ml-item{display:inline-flex;align-items:center;gap:6px;font-size:11px;color:var(--text-muted, #6b7280)}
.ml-sw{width:13px;height:13px;border-radius:3px;display:inline-block}

/* ── Karten (Verteilungs-/Listenbloecke neben der Matrix) ── */
/* Risiko-Verteilung (Donut Anzahl + Netto-SEW je Kategorie, nebeneinander) */
.rv-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(max(300px,calc((100% - 16px)/2)),1fr));gap:16px;margin:18px 0}
.rv-card{background:var(--surface, #fff);border:1px solid var(--border, var(--line, #e3ddd2));border-radius:var(--r, 12px);box-shadow:var(--shadow-xs, 0 1px 2px rgba(0,0,0,.03));overflow:hidden}
.rv-head{padding:12px 16px;border-bottom:1px solid var(--border-mid, var(--line, #e3ddd2));font-size:11px;font-weight:700;letter-spacing:.07em;text-transform:uppercase;color:var(--text-muted, #6b7280)}
.rv-body{padding:16px;height:240px;position:relative}
.rv-hint{padding:0 16px 12px;font-size:11px;color:var(--text-muted, #6b7280)}
@media(max-width:820px){.rv-grid{grid-template-columns:1fr}}
/* Variante fuer Listeninhalte statt Charts (Aufsichtssicht): Hoehe waechst mit. */
.rv-body.rv-liste{height:auto}