/**
 * StatusBadge — workflow-status pill, optionally preceded by a "live" dot.
 *
 * Override handles:
 *   .byline-status-badge-wrap   — the outer flex container
 *   .byline-status-badge-dot    — the green "published version live" dot
 *   .byline-status-badge        — the badge itself
 */

.wrap,
:global(.byline-status-badge-wrap) {
  display: inline-flex;
  align-items: center;
  gap: var(--spacing-4);
}

.dot,
:global(.byline-status-badge-dot) {
  display: inline-block;
  width: 0.5rem;
  height: 0.5rem;
  border-radius: var(--border-radius-full);
  background-color: var(--green-500);
}

.badge,
:global(.byline-status-badge) {
  padding: 0 0.375rem;
  font-size: 0.65rem;
  line-height: 1.5;
}