.badge {
  font-size: 0.72rem;
  font-weight: 600;
  padding: 0.35em 0.65em;
  border-radius: 4px;
}

.bg-primary-transparent {
  background-color: rgba(var(--primary-rgb), 0.12) !important;
  color: var(--primary-color) !important;
}

.bg-success-transparent {
  background-color: rgba(25, 135, 84, 0.12) !important;
  color: #198754 !important;
}

.bg-warning-transparent {
  background-color: rgba(245, 158, 11, 0.15) !important;
  color: #b45309 !important;
}

.bg-danger-transparent {
  background-color: rgba(239, 68, 68, 0.12) !important;
  color: #dc2626 !important;
}

.bg-info-transparent {
  background-color: rgba(2, 132, 199, 0.12) !important;
  color: #0284c7 !important;
}

.bg-secondary-transparent {
  background-color: rgba(100, 116, 139, 0.12) !important;
  color: #64748b !important;
}

.badge-soft-primary {
  background-color: rgba(var(--primary-rgb), 0.12) !important;
  color: var(--primary-color) !important;
}

.badge-soft-success {
  background-color: rgba(25, 135, 84, 0.12) !important;
  color: #198754 !important;
}

.badge-soft-warning {
  background-color: rgba(245, 158, 11, 0.15) !important;
  color: #b45309 !important;
}

.badge-soft-danger {
  background-color: rgba(239, 68, 68, 0.12) !important;
  color: #dc2626 !important;
}

.badge-soft-secondary {
  background-color: #f1f5f9 !important;
  color: #64748b !important;
}