/* Sidebar Locked State */
.sidebar-item.locked {
    opacity: 0.5;
    cursor: not-allowed;
    position: relative;
    background: transparent !important;
    /* Remove hover effect */
    color: #7d8592 !important;
    /* Keep default color */
}

/* Optional: Add a visual Lock Icon to locked items */
.sidebar-item.locked .sidebar-icon-circle::after {
    content: '\f023';
    /* FontAwesome lock icon */
    font-family: FontAwesome;
    position: absolute;
    top: -5px;
    right: -5px;
    font-size: 10px;
    background: #333;
    color: #fff;
    width: 16px;
    height: 16px;
    border-radius: 50%;
    display: flex;
    align-items: center;
    justify-content: center;
    border: 1px solid #555;
    z-index: 10;
}