/*
 * idf-farbe-punkt - der Farbpunkt vor einem Farbnamen (Zelle, Zeile, Fenster).
 *
 * Der Ton kommt als CSS-Variable aus den DATEN (style="--farbe: <hex>"):
 * er ist ein gepflegter Wert (farben.hex, sonst der Ton der Farbgruppe) und
 * kein Design-Entscheid, deshalb steht hier kein Farb-Literal. Rand und
 * Radius aus den Tokens.
 *
 * Markup (der Konsument baut es selbst, wie bei idf-bild-cell):
 *   <span class="idf-farbe-punkt" style="--farbe: <hex>" aria-hidden="true"></span> Navy
 *
 * Dritter Konsument (mobile v0.1.4) nach zwei Modul-Kopien (kleidung
 * .kl-farb-punkt, unternehmen .un-farbe-punkt); Issue 1030 stellt die beiden
 * auf diese Klasse um.
 *
 * Laedt automatisch ueber infrastructure/page-styles/idf-page-styles.php an
 * derselben Bedingung wie idf-list-grid.css ($useListEngine || $useListGrid),
 * kein eigenes Flag (Muster idf-bild-cell.css, idf-ampel-dot.css).
 */
.idf-farbe-punkt {
  display: inline-block;
  flex: 0 0 auto;
  width: 12px;
  height: 12px;
  margin-right: var(--space-2);
  border: 1px solid var(--line);
  border-radius: var(--radius-pill);
  background: var(--farbe, transparent);
  vertical-align: -1px;
}