/* FortiGate Inventory Design System V2 - badges */
.ds-badge {
  border-radius: var(--fi-radius-pill);
  padding: .42rem .68rem;
  font-weight: 800;
  letter-spacing: .012em;
  box-shadow: inset 0 0 0 1px rgba(255, 255, 255, .12);
}
.ds-badge--danger { background: rgba(239, 68, 68, .14) !important; color: #b91c1c !important; }
.ds-badge--warning { background: rgba(245, 158, 11, .18) !important; color: #92400e !important; }
.ds-badge--success { background: rgba(16, 185, 129, .16) !important; color: #047857 !important; }
.ds-badge--info { background: rgba(6, 182, 212, .16) !important; color: #0e7490 !important; }
.ds-badge--primary { background: rgba(15, 95, 217, .16) !important; color: #0b4fb8 !important; }
.ds-badge--neutral, .ds-badge--neutral { background: var(--fi-gray-100) !important; color: var(--fi-gray-700) !important; }
body.app-dark-mode .ds-badge--danger { color: #fecaca !important; background: rgba(239, 68, 68, .26) !important; }
body.app-dark-mode .ds-badge--warning { color: #fde68a !important; background: rgba(245, 158, 11, .26) !important; }
body.app-dark-mode .ds-badge--success { color: #a7f3d0 !important; background: rgba(16, 185, 129, .24) !important; }
body.app-dark-mode .ds-badge--info { color: #a5f3fc !important; background: rgba(6, 182, 212, .24) !important; }
body.app-dark-mode .ds-badge--primary { color: #bfdbfe !important; background: rgba(15, 95, 217, .32) !important; }

/* =========================================================
   UI-4 DS decommission badge primitives
   ========================================================= */
.ds-badge {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  gap: .3rem;
  padding: .34rem .62rem;
  border: 1px solid transparent;
  border-radius: var(--fi-radius-pill);
  font-size: .74rem;
  font-weight: 900;
  letter-spacing: .012em;
  line-height: 1;
  white-space: nowrap;
}

.ds-badge--primary {
  background: rgba(15, 95, 217, .16);
  color: #0b4fb8;
  border-color: rgba(15, 95, 217, .18);
}

.ds-badge--success {
  background: rgba(16, 185, 129, .16);
  color: #047857;
  border-color: rgba(16, 185, 129, .2);
}

.ds-badge--warning {
  background: rgba(245, 158, 11, .18);
  color: #92400e;
  border-color: rgba(245, 158, 11, .22);
}

.ds-badge--danger {
  background: rgba(239, 68, 68, .14);
  color: #b91c1c;
  border-color: rgba(239, 68, 68, .2);
}

.ds-badge--info {
  background: rgba(6, 182, 212, .16);
  color: #0e7490;
  border-color: rgba(6, 182, 212, .2);
}

.ds-badge--neutral {
  background: var(--fi-gray-100);
  color: var(--fi-gray-700);
  border-color: var(--fi-border);
}

body.app-dark-mode .ds-badge--primary { color: #bfdbfe; background: rgba(15, 95, 217, .32); }
body.app-dark-mode .ds-badge--success { color: #a7f3d0; background: rgba(16, 185, 129, .24); }
body.app-dark-mode .ds-badge--warning { color: #fde68a; background: rgba(245, 158, 11, .26); }
body.app-dark-mode .ds-badge--danger { color: #fecaca; background: rgba(239, 68, 68, .26); }
body.app-dark-mode .ds-badge--info { color: #a5f3fc; background: rgba(6, 182, 212, .24); }