.badge {
  display: inline-flex;
  align-items: center;
  gap: 4px;
  padding: 2px 6px;
  border-radius: var(--radius-md);
  font-size: var(--font-xs);
  font-family: var(--font-mono);
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
}

.branch {
  background: var(--bg-tertiary);
  color: var(--fg-secondary);
  flex-shrink: 1;
  min-width: 0;
}

.pr {
  background: var(--accent);
  color: var(--text-on-accent);
}

.merged {
  background: #a371f7;
  color: var(--text-on-accent);
}

.closed {
  background: var(--error);
  color: var(--text-on-error);
}

.ci {
  background: var(--bg-tertiary);
  color: var(--fg-secondary);
}

.info {
  background: rgba(122, 162, 247, 0.12);
  color: var(--accent);
}

.success {
  background: rgba(158, 206, 106, 0.2);
  color: var(--success);
}

.error {
  background: rgba(247, 118, 142, 0.2);
  color: var(--error);
}

.warning {
  background: rgba(224, 175, 104, 0.2);
  color: var(--warning);
}
