/* ============================================================
   safeguard-ds-datenpannen — Datenpannen (Art. 33/34), #542 T2
   ------------------------------------------------------------
   Additiv zu idf-list-grid.css. Hier stehen nur Spalten-Grid und
   die Zustands-Tönungen; Zeilen-, Hover- und Pillen-Geometrie
   kommt aus Shared.

   Die Status-Pille der Zeile trägt bewusst die Trust-Klasse
   `.sgt-status-badge`: die Seite lädt safeguard-trust.css ohnehin
   (Vorfall-Modal), und zwei Farbsätze für dasselbe Feld wären genau
   der Ort, an dem beim nächsten neuen Status-Wert einer stehen bleibt.
   ============================================================ */

/* ---- Spalten-Grid (8): Titel · Entdeckt · Meldepflicht · Risiko ·
   Aufsicht (Art. 33) · Betroffene (Art. 34) · Status · Archiv ----
   Kein Löschen-Knopf: eine erfasste Datenpanne ist ein Nachweis. Aus der
   Liste nimmt sie die Archiv-Pille, endgültig weg nur die Basis-Liste in
   safeguard-trust. */
/* Breiten aus der CSS-Variable (col-resize-Baustein); Fallback = Defaults. */
.sgdp-grid {
  grid-template-columns: var(--sgdp-cols,
    minmax(220px, 1fr) 170px 170px 140px 170px 180px 150px 44px);
}

@media (max-width: 1100px) {
  /* col-resize ist im Schmal-Layout inaktiv (Modul-Grid gewinnt): Griffe weg,
     Scroll-Modus neutralisieren, damit nichts verrutscht/überläuft. */
  .idf-colresize-layer { display: none; }
  .idf-colresize-scroll .idf-list-thead,
  .idf-colresize-scroll .idf-list-rows { width: auto; min-width: 0; }
}

/* Enger Desktop: Meldepflicht (3.), Risiko (4.) und Status (7.) weichen.
   Die Einstufung steckt in der Aussage der beiden Melde-Zellen ohnehin drin
   („entfällt" / „zu prüfen" / „nicht gemeldet"), und der Befund der Seite sind
   genau diese zwei Zellen. Spuren zählen nach SICHTBAREN Zellen.

   Zwei Korrekturen, beide gemessen (Muster vertraege.css/#601):
   - `!important`, weil `.sgdp-row .sgdp-grid > .sgdp-cell-meldepflicht` (0,3,0)
     gegen die Shared-Zellenregel `.idf-list-rows .idf-list-row
     .idf-list-grid > div` (0,3,1) verliert. Ohne das blendet nur der KOPF aus,
     die Zeile behält sieben Zellen in fünf Spuren - Kopf und Zeilen stehen
     versetzt und die Liste scrollt seitwärts (bei 900 px gemessen: 96 px).
   - die `(min-width: 601px)`-Klammer, sonst nimmt `display: none` der
     Handy-Karte dieselben drei Werte weg; dort entscheiden die data-m-Rollen
     des Zeilen-Renderers. */
@media (max-width: 1100px) and (min-width: 601px) {
  .sgdp-grid { grid-template-columns: minmax(180px, 1fr) 150px 150px 160px 44px; }
  .sgdp-list-thead .sgdp-grid > div:nth-child(3),
  .sgdp-list-thead .sgdp-grid > div:nth-child(4),
  .sgdp-list-thead .sgdp-grid > div:nth-child(7),
  .sgdp-row .sgdp-grid > .sgdp-cell-meldepflicht,
  .sgdp-row .sgdp-grid > .sgdp-cell-risiko,
  .sgdp-row .sgdp-grid > .sgdp-cell-status { display: none !important; }
}

/* ---- Zellen ---- */
.sgdp-cell-meldepflicht,
.sgdp-cell-risiko,
.sgdp-cell-status,
.sgdp-cell-art33,
.sgdp-cell-art34 {
  display: flex;
  align-items: center;
  min-width: 0;
}

/* ---- Meldepflicht: eine Einordnung, keine Wertung ----
   Farbe bekommt nur „Zu prüfen" - das ist die einzige Stufe, die noch eine
   Entscheidung offen hat. „Meldepflichtig" allein ist kein Problem; ob es
   eines ist, sagt die Art.-33-Zelle daneben. */
.sgdp-meldepflicht-badge                          { background: var(--tint-neutral); color: var(--ink); }
.sgdp-meldepflicht-badge.is-zu_pruefen            { background: var(--tint-yellow);  color: var(--yellow-text); }
.sgdp-meldepflicht-badge.is-nicht_meldepflichtig  { background: var(--neutral-bg);   color: var(--mid); }

/* ---- Risiko für die Betroffenen: eine Rampe von neutral nach rot ----
   Hohes Risiko ist die Voraussetzung der Art.-34-Pflicht und darf deshalb
   auffallen, auch wenn die Information schon raus ist. */
.sgdp-risiko-badge.is-kein   { background: var(--neutral-bg);   color: var(--mid); }
.sgdp-risiko-badge.is-gering { background: var(--tint-neutral); color: var(--mid); }
.sgdp-risiko-badge.is-hoch   { background: var(--tint-red);     color: var(--red); }

/* ---- Die zwei Melde-Zellen: nur bei Problem färben ----
   Liegt die Meldung vor, steht dort schlicht das Datum - kein Grün für den
   Normalfall, sonst rauscht die Liste und Rot geht unter. */
.sgdp-melde-badge.is-offen     { background: var(--tint-red);    color: var(--red); }
.sgdp-melde-badge.is-pruefen   { background: var(--tint-yellow); color: var(--yellow-text); }
.sgdp-melde-badge.is-entfaellt { background: var(--neutral-bg);  color: var(--mid); }

.sgdp-melde-ok { color: var(--ink); }
.sgdp-melde-ok small { color: var(--mid); margin-left: var(--space-1); }
.sgdp-leer { color: var(--mid); }

/* ---- Archivierte Zeile: getönt und mit zurückgenommenem Titel.
   Denselben Zustand zeigt und schaltet die Archiv-Pille am Zeilenende
   (Muster der Vorfall-Liste). ---- */
.sgdp-list-rows .sgdp-row.is-archiviert { background: var(--wash-grey); }
.sgdp-list-rows .sgdp-row.is-archiviert .sgdp-titel { color: var(--mid); }

/* ---- Stats: der Befund der Seite steht in der Zählzeile ---- */
.sgdp-stats-warn { color: var(--red); }