/* ============================================
   TreeList – Tema VSCode (linii subțiri, curate)
   ============================================ */

.dxtlNode_HRThemeV1916 {
    position: relative;
    padding: 3px 4px;
}

/* Coloana de indentare */
.dxtlIndent_HRThemeV1916,
.dxtlIndentWithButton_HRThemeV1916 {
    position: relative;
    width: 18px; /* indentare similară VSCode */
    box-sizing: border-box;
}

    /* Linie verticală – subțire, continuă */
    .dxtlIndent_HRThemeV1916::before,
    .dxtlIndentWithButton_HRThemeV1916::before {
        content: "";
        position: absolute;
        left: 9px; /* perfect centrat la nivel */
        top: 0;
        bottom: 0;
        width: 1px;
        background: #c7c7c7; /* gri VSCode */
        opacity: 0.7;
    }

    /* Linie orizontală – subțire, continuă */
    .dxtlIndentWithButton_HRThemeV1916::after {
        content: "";
        position: absolute;
        left: 9px;
        top: 14px; /* aliniată la mijlocul iconiței expand/collapse */
        width: 12px;
        height: 1px;
        background: #c7c7c7;
        opacity: 0.7;
    }

/* Eliminăm verticala după ultimul nod al unui grup */
.dxtlLastNode_HRThemeV1916 .dxtlIndent_HRThemeV1916::before {
    bottom: 14px; /* rupe linia exact ca VSCode */
}

/* Hover – discret și modern */
.dxtlNode_HRThemeV1916:hover {
    background: #f3f4f6;
}

/* Selectare – albastru VSCode */
.dxtlSelectedNode_HRThemeV1916 {
    background: #dce7ff !important;
}