/* Custom CSS for sidebar alignment fix */

/* Main content positioning when sidebar is collapsed */
.toggle-sidebar .main-content {
    margin-left: 0 !important;
    width: 100% !important;
}

/* Main content positioning when sidebar is expanded */
.main-content {
    margin-left: 260px;
    transition: margin-left 0.3s ease;
    width: calc(100% - 260px);
}

/* Responsive adjustments */
@media (max-width: 1024px) {
    .main-content {
        margin-left: 0 !important;
        width: 100% !important;
    }
}

/* Ensure proper positioning for header and content */
.main-content .dvanimation {
    margin-left: 0;
    width: 100%;
}

/* Fix for sidebar width when collapsed */
.sidebar {
    transition: width 0.3s ease;
}

.toggle-sidebar .sidebar {
    width: 0 !important;
    overflow: hidden;
}

/* Ensure main content takes full width when sidebar is hidden */
.toggle-sidebar .main-content {
    margin-left: 0 !important;
    width: 100% !important;
}