.action-badge {
  display: inline-flex;
  align-items: center;
  padding: 3px 12px;
  border-radius: var(--radius-full);
  font-size: 0.78rem;
  font-weight: 700;
  border: 1px solid;
}

.action-badge.action-success {
  background: var(--emerald-bg);
  color: var(--emerald);
  border-color: rgba(45, 106, 79, 0.2);
}

.action-badge.action-danger {
  background: var(--terra-bg);
  color: var(--terra-cotta);
  border-color: rgba(139, 58, 43, 0.2);
}

.action-badge.action-info {
  background: var(--navy-50);
  color: var(--navy);
  border-color: rgba(30, 58, 95, 0.2);
}

.action-badge.action-warning {
  background: var(--amber-bg);
  color: var(--amber-warn);
  border-color: rgba(184, 134, 11, 0.2);
}

.action-badge.action-neutral {
  background: var(--stone-light);
  color: var(--text-secondary);
  border-color: var(--stone);
}