/* =========================================================
   Shared textual status badges
   ---------------------------------------------------------
   Loaded after modern-refresh.css as an additive compatibility
   layer. Existing feature-specific classes remain in place.
   ========================================================= */

.nn-badge.nn-badge {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  gap: var(--nn-space-2);
  max-width: 100%;
  min-height: 24px;
  padding: 3px var(--nn-space-3);
  border: 1px solid var(--nn-color-border);
  border-radius: var(--nn-radius-status);
  background: #f8fafc;
  color: var(--nn-color-text-muted);
  font-size: 0.72rem;
  font-weight: 700;
  line-height: 1.2;
  vertical-align: middle;
  white-space: nowrap;
}

.nn-badge.nn-badge--neutral {
  border-color: var(--nn-color-border);
  background: #f8fafc;
  color: var(--nn-color-text-muted);
}

.nn-badge.nn-badge--success {
  border-color: #abefc6;
  background: var(--nn-color-success-soft);
  color: var(--nn-color-success);
}

.nn-badge.nn-badge--warning {
  border-color: #fedf89;
  background: var(--nn-color-warning-soft);
  color: var(--nn-color-warning);
}

.nn-badge.nn-badge--danger {
  border-color: #fecdca;
  background: var(--nn-color-danger-soft);
  color: var(--nn-color-danger);
}

.nn-badge.nn-badge--info {
  border-color: #b9dce4;
  background: var(--nn-color-info-soft);
  color: var(--nn-color-info);
}