/* ============ Tree View ============ */
#tree-view {
    width: 100%;
    height: 100%;
}

#tree-view svg {
    display: block;
}

#tree-view text {
    fill: #e2e8f0;
}

.link {
    fill: none;
    stroke: #4a5568;
    stroke-width: 2px;
}

.node-card {
    cursor: pointer;
}

.node-card rect {
    rx: 6;
    ry: 6;
    stroke-width: 2px;
}

.node-card:hover rect {
    filter: brightness(1.2);
}

.node-header {
    font-size: 11px;
    font-weight: bold;
    fill: #fff !important;
}

.node-content {
    font-size: 11px;
    fill: #e2e8f0 !important;
}

.node-expand-hint {
    font-size: 10px;
    fill: #63b3ed !important;
    font-style: italic;
}