/* ═══════════════════════════════════════════════════════════════════
   BADGES — pill-shaped status/category tags
   Variantes semânticas + mapeamento direto TipoSituacao.categoria → cor.
   Extraído de base.css na Sessão 5.
   ═══════════════════════════════════════════════════════════════════ */

.ia-badge {
    display: inline-block;
    padding: 3px 10px;
    border-radius: 999px;
    font-size: .72rem;
    font-weight: 600;
    letter-spacing: 0.03em;
    text-transform: uppercase;
    background: var(--bg-elevated);
    border: 1px solid var(--border-color);
    color: var(--text-primary);
    white-space: nowrap;
}
/* Variantes semânticas — use em vez de cores customizadas por tela */
.ia-badge--blue   { background: rgba(59,130,246,.12); color: #3B82F6; border-color: transparent; }
.ia-badge--cyan   { background: rgba(6,182,212,.12);  color: #06B6D4; border-color: transparent; }
.ia-badge--purple { background: rgba(167,139,250,.12); color: #A78BFA; border-color: transparent; }
.ia-badge--amber  { background: rgba(245,158,11,.12); color: #F59E0B; border-color: transparent; }
.ia-badge--red    { background: rgba(239,68,68,.12);  color: #EF4444; border-color: transparent; }
.ia-badge--green  { background: rgba(34,197,94,.12);  color: #22C55E; border-color: transparent; }
.ia-badge--gray   { background: rgba(139,148,158,.12); color: #8B949E; border-color: transparent; }

/* Mapeamento TipoSituacao.categoria → cor. Mesmas cores das variantes semânticas,
   mas aplicadas via classe igual ao valor do campo (evita ter que mapear
   categoria→slug no template/view). */
.ia-badge.ATIVO       { background: rgba(59,130,246,.12); color: #3B82F6; border-color: transparent; }
.ia-badge.APOSENTADO  { background: rgba(6,182,212,.12);  color: #06B6D4; border-color: transparent; }
.ia-badge.PENSIONISTA { background: rgba(167,139,250,.12); color: #A78BFA; border-color: transparent; }
.ia-badge.EXONERADO   { background: rgba(245,158,11,.12); color: #F59E0B; border-color: transparent; }
.ia-badge.FALECIDO    { background: rgba(239,68,68,.12);  color: #EF4444; border-color: transparent; }
.ia-badge.CEDIDO      { background: rgba(34,197,94,.12);  color: #22C55E; border-color: transparent; }