/* =========================================================================
   safeguard-it.css - Modul-eigenes CSS (additiv zu _shared).
   Erlaubt laut §7: grid-template-columns und das Seiten-Padding. Listen-
   Mechanik und -Optik kommen aus _shared (list-grid, forms, form-cell,
   hub-card, empty-state).
   ========================================================================= */

/* ---- Einstieg (Unternehmens-Auswahl, index.php) -------------------------- */
@media (max-width: 1100px) {
  }

/* ---- Prozesse: Spaltenraster --------------------------------------------- */
/* Status · Baum (Zuklappen) · Kennung · Name · Prozessart · Verantwortlich · Optionen (Kopieren,
   Loeschen). Breiten aus der Variable des col-resize-Bausteins; die Liste
   hier ist der Fallback und passt zu `colResizeColumns` in
   safeguard-it-prozesse.js (sieben Zellen). */
.sgit-prozesse-grid {
  display: grid;
  grid-template-columns: var(--sgit-prozesse-cols, 44px 44px 90px minmax(240px, 1fr) 200px 180px 108px);
}

/* ---- Rollen: Spaltenraster ----------------------------------------------- */
/* Rolle (Name, Beschreibung darunter) · Akteure (Pillen) · Optionen.
   Passt zu `colResizeColumns` in safeguard-it-rollen.js (drei Zellen). */
.sgit-rollen-grid {
  display: grid;
  grid-template-columns: var(--sgit-rollen-cols, minmax(240px, 1fr) 160px 76px);
}