/* ============================================================
   BADGES/CHIPS — pílulas de status e rótulos.
   ============================================================ */

.chip {
  display: inline-block;
  font-size: 12px;
  font-weight: 600;
  padding: 3px 10px;
  border-radius: 20px;
  white-space: nowrap;
}
.chip--neutro {
  background: var(--sup-hover);
  color: var(--txt-3);
  border: 1px solid var(--linha);
}
.chip--sucesso {
  background: var(--sucesso-suave);
  color: var(--sucesso-texto);
  border: 1px solid var(--sucesso-borda);
}
.chip--risco {
  background: var(--color-danger-soft);
  color: var(--color-danger);
  border: 1px solid var(--color-danger-border);
}
.chip--alerta {
  background: var(--color-warning-soft);
  color: var(--color-warning);
  border: 1px solid var(--color-warning-border);
}
.chip--info {
  background: var(--azul-suave);
  color: var(--marca-texto);
  border: 1px solid var(--color-primary-border);
}

/* Chip "Artigo" (verde, usado nas aulas) */
.chip--artigo {
  background: var(--verde-suave);
  border: 1px solid var(--verde-badge);
  color: var(--sucesso-texto);
  font-size: 11px;
  font-weight: 700;
  border-radius: 10px;
  padding: 2px 8px;
}