.ov-badge {
  display: inline-flex;
  align-items: center;
  padding: 2px var(--ov-space-2);
  border-radius: var(--ov-radius-pill);
  font-family: var(--ov-font-sans);
  font-weight: var(--ov-w-semibold);
  font-size: var(--ov-fs-xs);
  letter-spacing: 0.02em;
  white-space: nowrap;
  line-height: 1.4;
}

.ov-badge[data-color="gray"] {
  background: var(--ov-cloud);
  color: var(--ov-steel);
  border: 1px solid var(--ov-line);
}

.ov-badge[data-color="blue"] {
  background: var(--ov-blue-50);
  color: var(--ov-blue-700);
  border: 1px solid var(--ov-blue-100);
}

.ov-badge[data-color="green"] {
  background: var(--ov-free-bg);
  color: var(--ov-free-fg);
  border: 1px solid var(--ov-free-border);
}

.ov-badge[data-color="red"] {
  background: var(--ov-banned-bg);
  color: var(--ov-banned-fg);
  border: 1px solid var(--ov-banned-border);
}

.ov-badge[data-color="orange"] {
  background: var(--ov-cond-bg);
  color: var(--ov-cond-fg);
  border: 1px solid var(--ov-cond-border);
}