/* idf-prio-badge — Prio-Score-Badge + Faktor-Aufriss (Adaptive Priorisierung)
 *
 * Aus aufgaben/aufgaben.css extrahiert (#265). Geometrie/Typografie kommt aus
 * dem shared `.idf-pill-tag`, hier nur Zentrierung + Color-Modifier über
 * Token-Tints (Bänder: hoch >=80, mittel >=50, niedrig >=20, sonst neutral).
 * Der Tooltip (data-tooltip + mehrzeiliges title) kommt aus idf-prio-badge.js.
 * Loader-Flag: $usePrioBadge (nur CSS; JS als direkter Script-Tag). */
.idf-prio-badge {
  min-width: 34px;
  justify-content: center;
  cursor: default;
  font-variant-numeric: tabular-nums;
}
.idf-prio-badge[data-band="hoch"]    { background: var(--tint-red);     color: var(--red, #c8134b); }
.idf-prio-badge[data-band="mittel"]  { background: var(--tint-orange);  color: var(--orange, #e8710a); }
.idf-prio-badge[data-band="niedrig"] { background: var(--tint-yellow);  color: var(--yellow-text, #b58600); }
.idf-prio-badge[data-band="neutral"] { background: var(--tint-neutral); color: var(--mid, #555); }

/* Prio-Zeile im Modal-Basics-Tab: Badge plus ausgeschriebener Faktor-Aufriss,
 * read-only. Die Label-Optik der Row kommt aus dem Shared idf-forms.css
 * (.idf-form-row-full > span). */
.idf-prio-summary-value {
  display: flex;
  align-items: baseline;
  gap: 10px;
  flex-wrap: wrap;
}
.idf-prio-summary-detail {
  font-size: 13px;
  color: var(--mid, #555);
  line-height: 1.5;
}
.idf-prio-summary-stand {
  opacity: 0.7;
}