/*
 * App Theme — solo micro-animazioni, nessun cambio di colori o stile.
 * Caricato dopo main.css e app-overrides.css.
 */

/* Ingresso fluido dei contenuti a ogni navigazione/redirect. */
@media (prefers-reduced-motion: no-preference) {
    .app-main__inner > * {
        animation: at-rise 0.45s cubic-bezier(0.22, 1, 0.36, 1) both;
    }

    .app-main__inner > *:nth-child(2) { animation-delay: 0.05s; }
    .app-main__inner > *:nth-child(3) { animation-delay: 0.1s; }
    .app-main__inner > *:nth-child(4) { animation-delay: 0.15s; }

    /* Apertura morbida di dropdown (notifiche, menu utente) e pannelli filtri. */
    .dropdown-menu.show {
        animation: at-pop 0.18s ease-out both;
    }

    .collapse.show > .app-admin-filter__body {
        animation: at-rise 0.25s ease-out both;
    }
}

@keyframes at-rise {
    from {
        opacity: 0;
        transform: translateY(10px);
    }

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

@keyframes at-pop {
    from {
        opacity: 0;
        transform: translateY(-4px);
    }

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