html,
body,
.main-wrapper {
    display: flex;
    flex-direction: column;
    min-height: 100%;
}

.main-wrapper {
    flex-direction: column;
    flex-wrap: nowrap;
    margin-left: var(--app-nav-width);
    padding: 2rem var(--app-layout-spacing);
}

.page-header {
    display: flex;
    flex-wrap: wrap;
    align-items: center;
    margin-bottom: 1rem;
    gap: 1rem;

    > .page-title {
        flex-grow: 9999999;
    }

    > .page-toolbar {
        flex-grow: 1;
    }
}

.container,
.container-fluid,
.container-lg,
.container-md,
.container-sm,
.container-xl,
.container-xxl {
    --bs-gutter-x: var(--app-layout-spacing);
}