.badge{
    display:inline-flex;
    align-items:center;
    gap:6px;
    padding:6px 12px;
    border-radius:999px;
    font-size:.78rem;
    font-weight:700;
    letter-spacing:.3px;
    border:1px solid transparent;
}

.badge-pendente{
    background:rgba(239,68,68,.15);
    color:#ef4444;
    border-color:rgba(239,68,68,.25);
}

.badge-executando{
    background:rgba(59,130,246,.15);
    color:#3b82f6;
}

.badge-concluido{
    background:rgba(34,197,94,.15);
    color:#22c55e;
}

/* =====================================================
   OPERATIONAL BADGES - SISGCOE DESIGN SYSTEM
   Base futura para migração gradual do Kanban
===================================================== */

.badge-operacional{
    width:max-content;
    display:inline-flex;
    align-items:center;
    justify-content:center;
    gap:6px;
    padding:4px 8px;
    border-radius:999px;
    font-size:.62rem;
    font-weight:900;
    border:1px solid rgba(255,255,255,.10);
    background:#334155;
    color:#fff;
    white-space:nowrap;
}

.badge-recente{
    background:#2563eb;
    color:#fff;
}

.badge-media{
    background:#f59e0b;
    color:#111827;
}

.badge-antiga,
.badge-critica{
    background:#ef4444;
    color:#fff;
}

.badge-normal{
    background:#334155;
    color:#cbd5e1;
    border:1px solid rgba(255,255,255,.08);
}

.badge-atencao{
    background:#f59e0b;
    color:#111827;
}

.badge-reabertura{
    background:#7c3aed;
    color:#fff;
}