/* ============================================================
   PBI Monitor — Badges utilitários (.badge-* legados)
   ============================================================ */

.badge-success {
    background: var(--color-success-bg);
    color: var(--color-success);
}

.badge-warning {
    background: var(--color-warning-bg);
    color: var(--color-warning);
}

.badge-danger {
    background: var(--color-danger-bg);
    color: var(--color-danger);
}

.badge-info {
    background: var(--color-info-bg);
    color: var(--color-info);
}

.badge.badge--online {
    background: var(--color-success-bg);
    color: var(--color-success);
}


/* ============================================================
   Badges de STATUS / KEEP ALIVE / SITUAÇÃO (dashboard, watchlist)
   ------------------------------------------------------------
   Cada badge usa a MESMA cor do card de status correspondente
   no topo do dashboard (.glass-card-*), para leitura imediata:
     online  → card ONLINE (verde)
     offline → card OFFLINE (azul/ciano)
     atencao → card ATENÇÃO (âmbar)
     alerta  → card ALERTA (vermelho)
     inativo → card INATIVO (cinza)
     manut.  → card MANUTENÇÃO (laranja)
     diverg. → card DIVERGENTE (roxo)
   Fundo sólido + texto branco (amarelo usa texto escuro). A classe
   `.badge` do Bootstrap já garante padding/peso (negrito).
   ============================================================ */
/* Cores idênticas aos CARDS de status do dashboard (.glass-card-* / tokens
   --status-*-rgb). Hex explícito porque os nomes dos tokens são enganosos
   (ex.: --status-inativo guarda o azul do card Offline). */
.badge.pgo-badge-online      { background-color: #27AE60;                  color: var(--text-inverse); } /* card Online — verde */
.badge.pgo-badge-offline     { background-color: #00BCD4;                  color: var(--text-inverse); } /* card Offline — azul/ciano */
.badge.pgo-badge-atencao     { background-color: #F9B234;                  color: var(--text-charcoal); } /* card Atenção — âmbar */
.badge.pgo-badge-alerta      { background-color: #E74C3C;                  color: var(--text-inverse); } /* card Alerta — vermelho */
.badge.pgo-badge-inativo     { background-color: #788091;                  color: var(--text-inverse); } /* card Inativo — cinza */
.badge.pgo-badge-manutencao  { background-color: #F05A28;                  color: var(--text-inverse); } /* card Manutenção — laranja */
.badge.pgo-badge-divergente  { background-color: #A855F7;                  color: var(--text-inverse); } /* card Divergente — roxo */
.badge.pgo-badge-na          { background-color: var(--tone-bs-secondary); color: var(--text-inverse); opacity: .7; }

/* Badge sólido de marca (.badge.bg-primary do Bootstrap, ex.: contador do
   "Carrinho" em requisições). Força texto branco — sem isso herdava a cor de
   link magenta-clara da aba pai, ficando magenta-sobre-magenta (ilegível). */
.badge.bg-primary { color: var(--text-inverse); }