/* Sidemenu Width Fix - Balanced width with word wrapping */

:root {
    --sidebar-width: 280px !important;
}

/* Set sidebar to 280px */
.sidebar,
aside.sidebar,
.sidebar:not(.collapsed) {
    width: 280px !important;
    max-width: 280px !important;
    min-width: 280px !important;
}

/* Main content positioning */
.main-content {
    margin-left: 280px !important;
}

/* Remove left positioning that causes issues */
body .main-content {
    left: auto !important;
}

/* Word wrapping for long menu items */
.nav-dropdown-menu .nav-link span,
.nav-link span {
    white-space: normal !important;
    word-wrap: break-word !important;
    word-break: break-word !important;
    overflow-wrap: break-word !important;
    display: inline-block !important;
    max-width: 200px !important;
    line-height: 1.3 !important;
}

/* Adjust padding for wrapped items */
.nav-dropdown-menu .nav-link {
    padding: 0.6rem 1rem !important;
    min-height: auto !important;
}

/* Icon alignment */
.nav-link i,
.nav-dropdown-menu .nav-link i {
    align-self: flex-start !important;
    margin-top: 2px !important;
    flex-shrink: 0 !important;
}

/* Mobile responsiveness */
@media (max-width: 768px) {
    .sidebar {
        transform: translateX(-100%);
    }
    
    .main-content {
        margin-left: 0 !important;
    }
}