/* MOTRIX — correção estrutural do layout desktop recolhível */

@media (min-width: 769px) {
    #app-view.app-shell {
        transition: grid-template-columns 180ms cubic-bezier(.2,.7,.2,1);
    }

    #app-view.v11-sidebar-collapsed {
        grid-template-columns: 82px minmax(0, 1fr) !important;
    }

    #app-view.v11-sidebar-collapsed .sidebar {
        width: 82px !important;
        min-width: 82px !important;
        max-width: 82px !important;
    }

    #app-view.v11-sidebar-collapsed .workspace {
        width: 100% !important;
        min-width: 0 !important;
        margin-left: 0 !important;
    }

    #app-view.v11-sidebar-collapsed .topbar,
    #app-view.v11-sidebar-collapsed .page-content {
        width: 100%;
        min-width: 0;
    }

    #app-view .workspace,
    #app-view .page-content,
    #app-view .topbar {
        transition: margin-left 180ms cubic-bezier(.2,.7,.2,1), width 180ms cubic-bezier(.2,.7,.2,1);
    }
}