/* Sidebar Menu Alignment Fix - DCI System */
/* This file ensures collapse arrows are properly aligned with menu text */

/* Force flexbox layout on all nav links */
.main-sidebar .nav-sidebar .nav-link {
    display: flex !important;
    align-items: center !important;
    padding: 0.5rem 1rem !important;
    position: relative !important;
}

/* Icon alignment */
.main-sidebar .nav-sidebar .nav-link .nav-icon {
    margin-right: 0.5rem !important;
    width: 1.6rem !important;
    min-width: 1.6rem !important;
    text-align: center !important;
    display: inline-flex !important;
    align-items: center !important;
    justify-content: center !important;
    flex-shrink: 0 !important;
}

/* Text container - add margin to create space before arrow */
.main-sidebar .nav-sidebar .nav-link p {
    flex: 1 !important;
    margin: 0 !important;
    margin-right: 2rem !important; /* Space between text and arrow */
    padding: 0 !important;
    display: inline-block !important;
    white-space: nowrap !important;
    overflow: hidden !important;
    text-overflow: ellipsis !important;
}

/* Collapse arrow - position to far right with proper spacing */
.main-sidebar .nav-sidebar > .nav-item > .nav-link.has-treeview .right {
    position: absolute !important;
    right: 1rem !important;
    top: 50% !important;
    transform: translateY(-50%) !important;
    margin: 0 !important;
    padding: 0 !important;
    float: none !important;
    transition: transform 0.3s ease !important;
    font-size: 0.8rem !important;
}

/* Rotate arrow when expanded (ONLY for parent items) */
.main-sidebar .nav-sidebar > .nav-item > .nav-link.has-treeview[aria-expanded="true"] .right {
    transform: translateY(-50%) rotate(-90deg) !important;
}

.main-sidebar .nav-sidebar > .nav-item > .nav-link.has-treeview[aria-expanded="false"] .right {
    transform: translateY(-50%) rotate(0deg) !important;
}

/* Submenu styling - SMALL INDENTATION */
.main-sidebar .nav-treeview {
    padding-left: 0 !important;
}

.main-sidebar .nav-treeview > .nav-item > .nav-link {
    padding-left: 2rem !important; /* SMALL indent - just 2rem */
    padding-right: 1rem !important;
    padding-top: 0.4rem !important;
    padding-bottom: 0.4rem !important;
}

/* Remove extra margin for submenu text */
.main-sidebar .nav-treeview > .nav-item > .nav-link p {
    margin-right: 0 !important;
}

/* Submenu icons - smaller */
.main-sidebar .nav-treeview > .nav-item > .nav-link .nav-icon {
    width: 1.2rem !important;
    min-width: 1.2rem !important;
}

/* Ensure ONLY parent items (with collapse arrows) have extra right padding */
.main-sidebar .nav-sidebar > .nav-item > .nav-link.has-treeview {
    padding-right: 3rem !important; /* Increased from 2.5rem */
}

/* For parent items without submenus, normal padding */
.main-sidebar .nav-sidebar > .nav-item > .nav-link:not(.has-treeview) {
    padding-right: 1rem !important;
}

/* Also remove margin for non-treeview items */
.main-sidebar .nav-sidebar > .nav-item > .nav-link:not(.has-treeview) p {
    margin-right: 0 !important;
}

/* Badge alignment if any */
.main-sidebar .nav-sidebar .nav-link .badge {
    margin-left: auto !important;
    margin-right: 1.5rem !important;
}