/* Minimal Admin Horizontal Scroll Fix */

/* Fix sidebar navigation layout - ensure vertical stacking */
.modern-admin-layout .sidebar-nav {
    display: flex !important;
    flex-direction: column !important;
}

.modern-admin-layout .nav-section {
    display: block !important;
    width: 100% !important;
}

.modern-admin-layout .nav-list {
    display: flex !important;
    flex-direction: column !important;
    list-style: none !important;
    padding: 0 !important;
    margin: 0 !important;
    width: 100% !important;
}

.modern-admin-layout .nav-item {
    display: block !important;
    width: 100% !important;
}

.modern-admin-layout .nav-link {
    display: flex !important;
    align-items: center !important;
    width: 100% !important;
    flex-direction: row !important;
}

/* Fix admin main content to prevent horizontal overflow */
.modern-admin-layout .admin-main {
    max-width: calc(100vw - 280px) !important;
    overflow-x: hidden !important;
    box-sizing: border-box !important;
}

/* Ensure admin content doesn't overflow */
.modern-admin-layout .admin-content {
    max-width: 100% !important;
    box-sizing: border-box !important;
    overflow-x: hidden !important;
}

/* Fix any Bootstrap containers inside admin */
.modern-admin-layout .container,
.modern-admin-layout .container-fluid {
    max-width: 100% !important;
    overflow-x: hidden !important;
}

/* Fix Bootstrap rows that might have negative margins */
.modern-admin-layout .row {
    margin-left: 0 !important;
    margin-right: 0 !important;
    max-width: 100% !important;
}

/* Mobile responsive - remove constraints on small screens */
@media (max-width: 768px) {
    .modern-admin-layout .admin-main {
        max-width: 100vw !important;
    }
}