.tree-nav{margin-top:15px}.tree-nav h3{font-size:.8rem;margin:0 0 8px 0;padding-bottom:4px;border-bottom:1px solid var(--border-color);color:var(--primary-color);font-weight:600;text-transform:uppercase;letter-spacing:.5px}.tree{list-style:none;padding-left:0;margin:0}.tree ul{list-style:none;padding-left:12px;margin:0}.tree-item{margin:1px 0;position:relative}.tree-item-content{display:flex;align-items:center;padding:4px 6px;border-radius:3px;cursor:pointer;transition:all .2s ease;text-decoration:none;color:var(--text-light);font-size:.8rem;position:relative;overflow:hidden;white-space:nowrap;text-overflow:ellipsis}.tree-item-content:hover{background-color:var(--hover-bg);color:var(--primary-color);padding-left:8px}.tree-item-content.active{background-color:var(--bg-light);color:var(--primary-color);font-weight:500;position:relative}.tree-item-content.active::before{content:'';position:absolute;left:0;top:0;bottom:0;width:3px;background-color:var(--primary-color)}.tree-toggle{margin-right:4px;width:12px;text-align:center;font-size:10px;cursor:pointer;transition:transform .2s ease;color:var(--text-lighter);display:inline-flex;align-items:center;justify-content:center;height:14px}.tree-toggle.expanded{transform:rotate(90deg)}.file-icon,.folder-icon{margin-right:4px;width:14px;text-align:center;font-size:.85em;display:inline-flex;align-items:center;justify-content:center}.folder-icon{color:#f39c12}.file-icon{color:var(--text-lighter)}.tree-item-content .item-name{flex:1;overflow:hidden;text-overflow:ellipsis}