.treeview-container {
    max-height: 300px;
    overflow-y: auto;
    display: flex;
    justify-content: left;
    align-items: flex-start;
    max-width: 400px; /* Ajusta el ancho según tu necesidad */
}

.treeview-custom {
    font-size: 14px; /* Reducir un poco más el tamaño de fuente */
}

    .treeview-custom .TreeNode {
        margin: 1px 0 !important; /* Espaciado mínimo entre nodos */
        padding: 1px 2px !important; /* Espaciado interno mínimo */
        line-height: 1 !important; /* Altura de línea mínima */
    }

.treeview-container .treeview ul {
    margin: 0;
    padding-left: 10px; /* Disminuir la indentación */
}

.treeview-container .treeview li {
    line-height: 1 !important; /* Reducir la altura de los elementos */
    margin-bottom: 1px !important; /* Reducir el espacio entre nodos */
    padding: 1px 0 !important; /* Reducir el padding */
    list-style: none; /* Eliminar el estilo de lista */
}

.treeview-custom td {
    padding: 1px !important; /* Reducir el espacio interno de cada nodo */
    line-height: 1 !important; /* Ajustar la altura de línea */
    vertical-align: middle;
}

.treeview-custom span {
    line-height: 1 !important; /* Altura de línea compacta */
    padding: 0 !important;
}

.treeview-custom .TreeNode:hover {
    background-color: #e3f2fd;
    border-radius: 3px; /* Ajuste mínimo para evitar bordes bruscos */
}