{{-- modal family_tree --}}
    <div class="modal fade" id="modal-family_tree">
        <div class="modal-dialog modal-xl">
            <div class="modal-content custom-familytree-modal">
                <div class="custom-modal-header">
                    <h5 class="modal-title" style="color: white;">
                        <i class="fas fa-tree me-2"></i>
                        Pohon Keluarga
                    </h5>
                    <button type="button" class="custom-close-btn" data-bs-dismiss="modal">
                        &times;
                    </button>
                </div>
                <div class="custom-modal-body">
                    <div id="family-tree-container" class="custom-tree-viewport"></div>
                </div>
                <div class="custom-modal-footer">
                    <small class="text-muted">
                        Klik pada anggota untuk melihat detail
                    </small>
                    <div id="tree-debug" class="text-muted small"></div>
                </div>
            </div>
        </div>
    </div>