/* ==========================================================================
   CAOSmarada Design System · Badge
   --------------------------------------------------------------------------
   Variantes: keep, watch, cold, insufficient (gate de modelo)
              p0, p1, p2 (prioridade de alerta)
              tier-pro, tier-system-b (plano)
              active, frozen, legacy (universo Sistema A)
   Preview: .planning/design-preview/components.html (seção "Badges").
   ========================================================================== */

.cmd-badge {
  display: inline-flex;
  align-items: center;
  gap: var(--cmd-sp-1);
  padding: 3px var(--cmd-sp-2);
  border-radius: 5px;
  font: var(--cmd-w-semibold) var(--cmd-f-nano)/1 var(--cmd-ff-mono);
  letter-spacing: var(--cmd-ls-caps);
  text-transform: uppercase;
  border: 1px solid transparent;
  white-space: nowrap;
  vertical-align: middle;
}

/* Gate de modelo — qualidade ONNX */
.cmd-badge--keep {
  background: var(--cmd-em-soft);
  color: var(--cmd-em);
  border-color: var(--cmd-em-border);
}

.cmd-badge--watch {
  background: var(--cmd-hold-soft);
  color: var(--cmd-hold);
  border-color: var(--cmd-hold-border);
}

.cmd-badge--cold {
  background: var(--cmd-sell-soft);
  color: var(--cmd-sell);
  border-color: var(--cmd-sell-border);
}

.cmd-badge--insufficient {
  background: rgba(110, 110, 120, 0.1);
  color: var(--cmd-text-tertiary);
  border-color: var(--cmd-border-subtle);
}

/* Prioridade de alerta */
.cmd-badge--p0 {
  background: var(--cmd-sell);
  color: #fff;
  border-color: var(--cmd-sell);
}

.cmd-badge--p1 {
  background: var(--cmd-hold);
  color: #000;
  border-color: var(--cmd-hold);
}

.cmd-badge--p2 {
  background: var(--cmd-info-soft);
  color: var(--cmd-info);
  border-color: var(--cmd-info-border);
}

/* Tier de plano */
.cmd-badge--tier-pro {
  background: var(--cmd-hold-soft);
  color: var(--cmd-hold);
  border-color: var(--cmd-hold-border);
}

.cmd-badge--tier-system-b {
  background: var(--cmd-sys-b-soft);
  color: var(--cmd-sys-b);
  border-color: var(--cmd-sys-b-border);
}

/* Estado de universo (Sistema A — usado em selects ONNX) */
.cmd-badge--active {
  background: var(--cmd-em-soft);
  color: var(--cmd-em);
  border-color: var(--cmd-em-border);
}

.cmd-badge--frozen {
  background: var(--cmd-info-soft);
  color: var(--cmd-info);
  border-color: var(--cmd-info-border);
}

.cmd-badge--legacy {
  background: rgba(110, 110, 120, 0.1);
  color: var(--cmd-text-tertiary);
  border-color: var(--cmd-border-subtle);
}

/* Tamanho compacto pra listas densas */
.cmd-badge--sm {
  padding: 2px 6px;
  font-size: 9px;
}