/* =====================================================
   ROOT BROKER 2.0
   Animações
   Arquivo: assets/css/animations.css
   ===================================================== */

@keyframes rdsFadeUp {
    from {
        opacity: 0;
        transform: translateY(14px);
    }

    to {
        opacity: 1;
        transform: translateY(0);
    }
}

@keyframes rdsFadeIn {
    from {
        opacity: 0;
    }

    to {
        opacity: 1;
    }
}

@keyframes rdsPulseSoft {
    0% {
        box-shadow: 0 0 0 0 rgba(103, 239, 178, 0.22);
    }

    70% {
        box-shadow: 0 0 0 12px rgba(103, 239, 178, 0);
    }

    100% {
        box-shadow: 0 0 0 0 rgba(103, 239, 178, 0);
    }
}

.dashboard-grid,
.main-dashboard-row,
.bottom-dashboard-row,
.stat-card,
.section-card {
    animation: rdsFadeUp 0.45s ease both;
}

.stat-card:nth-child(1) { animation-delay: 0.02s; }
.stat-card:nth-child(2) { animation-delay: 0.06s; }
.stat-card:nth-child(3) { animation-delay: 0.10s; }
.stat-card:nth-child(4) { animation-delay: 0.14s; }
.stat-card:nth-child(5) { animation-delay: 0.18s; }

.notification-badge {
    animation: rdsPulseSoft 2.2s infinite;
}