/* Badge Styles */
.badge {
  display: inline-block;
  padding: 6px 12px;
  border-radius: 20px;
  font-size: 12px;
  font-weight: 600;
  text-transform: uppercase;
  letter-spacing: 0.5px;
}

.badge-success {
  background: rgba(74, 222, 128, 0.15);
  color: var(--app-status-success);
}

.badge-warning {
  background: rgba(250, 204, 21, 0.15);
  color: var(--app-status-warning);
}

.badge-error {
  background: rgba(239, 68, 68, 0.15);
  color: var(--app-status-error);
}

.badge-info {
  background: rgba(96, 165, 250, 0.15);
  color: var(--app-status-info);
}
