/*
 * View Transitions API — cross-document (MPA)
 * Progressive enhancement: browsers sem suporte ignoram.
 * Usar só em layouts com navegação real (gestão, público, login).
 * NÃO incluir em /campo/ nem Monitor TV.
 */

@view-transition {
    navigation: auto;
}

::view-transition-old(root),
::view-transition-new(root) {
    animation-duration: 180ms;
    animation-timing-function: cubic-bezier(0.4, 0, 0.2, 1);
}

::view-transition-old(root) {
    animation-name: erp-vt-fade-out;
}

::view-transition-new(root) {
    animation-name: erp-vt-fade-in;
}

@keyframes erp-vt-fade-out {
    from { opacity: 1; }
    to { opacity: 0; }
}

@keyframes erp-vt-fade-in {
    from { opacity: 0; }
    to { opacity: 1; }
}

@media (prefers-reduced-motion: reduce) {
    ::view-transition-group(*),
    ::view-transition-old(*),
    ::view-transition-new(*) {
        animation: none !important;
    }
}