/* =====================================================
   KANBAN HIGHLIGHTS - SISGCOE
===================================================== */

/* =====================================================
DESTAQUE OPERACIONAL POR SLA
===================================================== */

.card.card-atencao{
    border-color:rgba(245,158,11,.55);
}

.card.card-critico{
    border-color:rgba(239,68,68,.75);

    box-shadow:
        0 0 0 1px rgba(239,68,68,.35),
        0 14px 30px rgba(239,68,68,.22),
        0 8px 18px rgba(0,0,0,.38),
        inset 0 1px 0 rgba(255,255,255,.05);
}

.card.card-critico::after{
    content:"";
    position:absolute;
    left:0;
    top:0;
    bottom:0;
    width:4px;
    background:#ef4444;
    border-radius:16px 0 0 16px;
}


@keyframes flashAtualizado{

    0%{
        transform:scale(1);
        box-shadow:0 0 0 rgba(59,130,246,0);
    }

    50%{
        transform:scale(1.015);

        box-shadow:
            0 0 0 2px rgba(59,130,246,.45),
            0 0 24px rgba(59,130,246,.25);
    }

    100%{
        transform:scale(1);
        box-shadow:0 0 0 rgba(59,130,246,0);
    }
}

.card-atualizado{
    animation:flashAtualizado 1.2s ease;
}