/* stylelint-disable -- Migrated parity CSS: keep cascade, selector order, and declarations visually identical. */
  /* ---------- Badges ---------- */
  .badge { display:inline-flex; align-items:center; gap:6px; font-size:12px; font-weight:600; padding:4px 10px; border-radius:var(--r-pill); line-height:1; }
  .badge .dot { width:7px; height:7px; border-radius:50%; }
  .badge.scheduled{background:var(--status-scheduled-soft);color:var(--status-scheduled-ink)} .badge.scheduled .dot{background:var(--status-scheduled)}
  .badge.running{background:var(--status-running-soft);color:var(--status-running-ink)} .badge.running .dot{background:var(--status-running);animation:blink 1.2s infinite}
  .badge.success{background:var(--status-success-soft);color:var(--status-success-ink)} .badge.success .dot{background:var(--status-success)}
  .badge.failed{background:var(--status-failed-soft);color:var(--status-failed-ink)} .badge.failed .dot{background:var(--status-failed)}
  .badge.canceled{background:var(--status-canceled-soft);color:var(--status-canceled-ink)} .badge.canceled .dot{background:var(--status-canceled)}
  @keyframes blink { 0%,100%{opacity:1} 50%{opacity:.3} }
