/**
 * View Transitions API — navegação MPA (portal do colaborador + CMS).
 * Progressive enhancement: browsers sem suporte ignoram estas regras.
 * Ativo apenas quando o usuário não pediu redução de movimento.
 *
 * CMS: morph só na sidebar (chrome estável). Sem nome no conteúdo —
 * tabelas densas + fade nomeado deixavam a troca "pesada".
 * Root: crossfade curto.
 */

@media (prefers-reduced-motion: no-preference) {
    @view-transition {
        navigation: auto;
    }

    ::view-transition-old(root),
    ::view-transition-new(root) {
        animation-duration: 0.12s;
        animation-timing-function: ease-out;
    }

    /* Portal — header sticky entre dashboard / meu ponto / foto */
    .portal-header {
        view-transition-name: np-portal-header;
    }

    /* CMS — só a sidebar permanece estável entre telas */
    .sidebar {
        view-transition-name: np-cms-sidebar;
    }
}

@media print {
    .portal-header,
    .sidebar {
        view-transition-name: none !important;
    }
}