/* idf-quality-badge — Datenqualitäts-Badge + Kriterien-Aufriss (Toni)
 *
 * Gegenstück zu domain/prio-badge für den Qualitäts-Score aus dim-quality.
 * Geometrie und Typografie kommen aus dem shared `.idf-pill-tag`, hier nur
 * Zentrierung und die Band-Tints.
 *
 * Die Bänder laufen umgekehrt zum Prio-Badge: Dort ist ein hoher Wert ein
 * Alarm und deshalb rot, hier ist er das Ziel und deshalb grün. Die Grenze
 * bei 80 ist fachlich vorgegeben — ab da setzt dim-quality beim
 * Verbrauchsmaterial auch quality_check.
 *
 * Loader-Flag: $useQualityBadge (nur CSS; JS als direkter Script-Tag,
 * Muster prio-badge). */
.idf-quality-badge {
  min-width: 34px;
  justify-content: center;
  cursor: default;
  font-variant-numeric: tabular-nums;
}
.idf-quality-badge[data-band="gut"]     { background: var(--tint-green);   color: var(--green-text, #1f7a3f); }
.idf-quality-badge[data-band="mittel"]  { background: var(--tint-yellow);  color: var(--yellow-text, #b58600); }
.idf-quality-badge[data-band="schwach"] { background: var(--tint-red);     color: var(--red, #c8134b); }

/* Qualitäts-Zeile im Detail-Modal: Badge plus ausgeschriebener Aufriss,
 * read-only. Die Label-Optik der Row kommt aus dem shared idf-forms.css
 * (.idf-form-row-full > span). */
/* Bewusst OHNE flex-wrap (anders als beim Prio-Badge, dessen Aufriss
   kürzer ist): Bei einem Artikel mit zehn fehlenden Angaben rutschte der
   Text sonst unter das Badge, und die Zeilen sahen von Artikel zu Artikel
   unterschiedlich aus. Jetzt bleibt das Badge links stehen und der Text
   bricht in sich um. */
.idf-quality-summary-value {
  display: flex;
  align-items: baseline;
  gap: 10px;
}
.idf-quality-summary-value .idf-quality-badge {
  flex: 0 0 auto;
}
.idf-quality-summary-detail {
  flex: 1 1 auto;
  min-width: 0;
  font-size: 13px;
  color: var(--mid, #555);
  line-height: 1.5;
}
/* Das Gewicht steht in Klammern hinter jedem fehlenden Kriterium. Es ist
 * die Nebeninformation, nicht die Botschaft — welche Angabe fehlt, ist
 * wichtiger als wie viele Punkte sie bringt. */
.idf-quality-summary-gewicht,
.idf-quality-summary-stand {
  opacity: 0.7;
}