.badge {
  display: inline-flex;
  align-items: center;
  padding: var(--space-1) var(--space-2);
  border-radius: var(--radius-full);
  font-size: var(--text-sm);
  font-weight: var(--font-medium);
}
.badge-productive { background: rgba(16, 185, 129, 0.1); color: var(--state-productive); }
.badge-stopped { background: rgba(239, 68, 68, 0.1); color: var(--state-stopped); }
.badge-warning { background: rgba(245, 158, 11, 0.1); color: var(--state-warning); }