/* Arbeitssicherheit — baut auf dem Zeitkonto-Stylesheet auf, nur Eigenheiten hier. */
.unterweisung { border: 1px solid var(--rand, #d4dde4); border-radius: 12px;
  padding: 0.7rem 0.9rem; margin: 0.5rem 0; }
.unterweisung.faellig { border-left: 5px solid var(--rot, #d9534f); }
.unterweisung.ok { border-left: 5px solid var(--gruen, #2e9e5b); }
.unterweisung summary { cursor: pointer; font-weight: 600; min-height: 34px;
  display: flex; align-items: center; gap: 0.5rem; flex-wrap: wrap; }
.unterweisung pre { white-space: pre-wrap; font: inherit; font-size: 0.88rem;
  background: var(--flaeche-hell, #f4f8fb); border-radius: 8px; padding: 0.7rem; }
.badge { font-size: 0.72rem; padding: 0.15rem 0.55rem; border-radius: 999px; font-weight: 600; }
.badge.rot { background: #fdecea; color: #b3261e; }
.badge.gruen { background: #e8f5ec; color: #1d7a3f; }

.stoff { display: flex; justify-content: space-between; gap: 0.6rem; align-items: center;
  padding: 0.5rem 0; border-bottom: 1px solid var(--rand-hell, #e8eef3); flex-wrap: wrap; }
.stoff:last-child { border-bottom: none; }
.pikto { font-size: 1.15rem; letter-spacing: 0.1em; }

.gbu-block { border: 1px solid var(--rand, #d4dde4); border-radius: 12px;
  padding: 0.7rem 0.9rem; margin: 0.5rem 0; }
.massnahme { display: flex; justify-content: space-between; gap: 0.5rem; align-items: center;
  padding: 0.35rem 0; font-size: 0.87rem; border-bottom: 1px dashed var(--rand-hell, #e8eef3);
  flex-wrap: wrap; }
.massnahme:last-child { border-bottom: none; }
.risiko-hoch { color: #b3261e; font-weight: 700; }
.risiko-mittel { color: #b26a00; font-weight: 600; }
.risiko-gering { color: #1d7a3f; }

#matrix table { min-width: 560px; }
#matrix td.f { background: #fdecea; color: #b3261e; font-weight: 600; }
#matrix td.o { background: #e8f5ec; }