/* Sticky Topbar CSS */

/* Make the main container take full viewport height */
.main-layout-dashboard-grid {
    --wp-sidebar-width: 160px;
}

.wp-admin.folded .main-layout-dashboard-grid {
    --wp-sidebar-width: 36px;
}

/* Make the top bar sticky */
.top-grid {
    position: fixed;
    top: 0;
    z-index: 100; /* Ensure it stays on top of other elements */
    width: calc(100% - var(--wp-sidebar-width));
    margin-top: 32px;
}

/* Ensure the bottom grid is fully visible */
.bottom-grid {
    position: fixed;
    bottom: 0;
    z-index: 100; /* Ensure it stays on top of other elements */
    background-color: #fff;
    width: calc( 100% - var(--wp-sidebar-width));
}