/* Fix sidebar and main-content spacing mismatch */

/* Standardize sidebar width */
.sidebar {
    width: 250px !important; /* Override conflicting widths */
}

/* Match main-content margin to sidebar width */
.main-content {
    margin-left: 250px !important;
}

/* Keep collapsed state working */
.main-content.sidebar-collapsed {
    margin-left: 0 !important;
}

/* Ensure properties panel matches if needed */
.properties-panel {
    width: 250px !important;
}

/* Update responsive breakpoints */
@media (max-width: 768px) {
    .sidebar {
        width: 100% !important;
    }
    
    .main-content {
        margin-left: 0 !important;
    }
}