/* idf-zeichen-strip.css — kleine SVG-Thumbs (28 px) nebeneinander,
   max. N sichtbar + „+n"-Overflow-Badge. Verwendung in Listen-Cells
   (BA-Liste, Gefahrstoffverzeichnis-Liste, …). Cell-Wrapper (Padding,
   Flex-Gap) bleibt modul-spezifisch. */

.idf-zeichen-thumb {
  width: 28px;
  height: 28px;
  flex: 0 0 28px;
  object-fit: contain;
  background: #fff;
  border: 1px solid var(--shade-08);
  border-radius: 3px;
}

.idf-zeichen-thumb-fallback {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  font-size: 9px;
  font-weight: var(--weight-semi);
  color: var(--mid);
}

.idf-zeichen-overflow {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  min-width: 24px;
  height: 24px;
  padding: 0 4px;
  border-radius: 3px;
  font-size: var(--font-xs);
  font-weight: var(--weight-semi);
  color: var(--mid);
  background: var(--tint-neutral);
}

.idf-zeichen-empty {
  color: var(--mid);
  opacity: 0.5;
}