.badge {
  display: inline-flex;
  align-items: center;
  padding: 2px 8px;
  border-radius: 9999px;
  font-size: 11px;
  font-weight: 600;
  line-height: 1.4;
  letter-spacing: 0.02em;
  text-transform: lowercase;
  border: 1px solid transparent;
  white-space: nowrap;
}

.badge--accepted {
  color: var(--badge-accepted-text);
  background: var(--badge-accepted-bg);
  border-color: var(--badge-accepted-border);
}

.badge--rejected {
  color: var(--badge-rejected-text);
  background: var(--badge-rejected-bg);
  border-color: var(--badge-rejected-border);
}

.badge--pending {
  color: var(--badge-pending-text);
  background: var(--badge-pending-bg);
  border-color: var(--badge-pending-border);
}

.badge--needs-revision {
  color: var(--badge-needs-revision-text);
  background: var(--badge-needs-revision-bg);
  border-color: var(--badge-needs-revision-border);
}

.badge--draft {
  color: var(--badge-draft-text);
  background: var(--badge-draft-bg);
  border-color: var(--badge-draft-border);
}

.badge--deleted {
  color: var(--badge-deleted-text);
  background: var(--badge-deleted-bg);
  border-color: var(--badge-deleted-border);
}

.badge--replaced {
  color: var(--badge-replaced-text);
  background: var(--badge-replaced-bg);
  border-color: var(--badge-replaced-border);
}

.badge--replacement {
  color: var(--badge-replacement-text);
  background: var(--badge-replacement-bg);
  border-color: var(--badge-replacement-border);
}

.badge--locked {
  color: var(--badge-locked-text);
  background: var(--badge-locked-bg);
  border-color: var(--badge-locked-border);
}