/**
 * Estilos específicos para o alerta de contas vencidas
 */

/* Animação para piscar */
@keyframes blink {
    0% { color: white; background-color: transparent; }
    50% { color: white; background-color: #ff0000; }
    100% { color: white; background-color: transparent; }
}

/* Classe para aplicar a animação */
.blink {
    animation: blink 0.8s linear infinite !important;
    font-weight: bold !important;
    padding: 5px 10px !important;
    border-radius: 4px !important;
    text-shadow: 0 0 5px rgba(255,0,0,0.5) !important;
}

/* Classe para o ícone de exclamação */
.contas-vencidas {
    position: relative !important;
}

/* Pseudo-elemento para o ícone de exclamação */
.contas-vencidas::after {
    content: '!' !important;
    position: absolute !important;
    top: -8px !important;
    right: -8px !important;
    background-color: #ff0000 !important;
    color: white !important;
    border-radius: 50% !important;
    width: 20px !important;
    height: 20px !important;
    font-size: 14px !important;
    display: flex !important;
    align-items: center !important;
    justify-content: center !important;
    font-weight: bold !important;
    box-shadow: 0 0 5px rgba(0,0,0,0.3) !important;
    z-index: 100 !important;
}