.treeview {
    user-select: none;
    font-size: 0.9rem;
}

.tree-node {
    display: block;
}

.tree-row {
    display: flex;
    align-items: center;
    min-height: 32px;
    padding: 2px 8px;
    cursor: pointer;
    border-radius: 4px;
    transition: background-color .15s;
}

    .tree-row:hover {
        background-color: var(--primary-color);
        color: white;
    }

    .tree-row.selected {
        background: var(--bs-gray-200);
        color: var(--primary-color);
    }

    .tree-row.branch-node {
        font-weight: 500;
    }
            

    .tree-row.disabled {
        opacity: .5;
        cursor: default;
    }

.tree-toggle {
    width: 20px;
    text-align: center;
    cursor: pointer;
    flex-shrink: 0;
}

.tree-icon {
    width: 20px;
    text-align: center;
    margin-right: 6px;
    flex-shrink: 0;
}

.tree-label {
    flex: 1;
}

.tree-children {
    margin-left: 20px;
}