#breadcrumbs{
	margin-top:5rem;
	margin-left:2rem;
}
/* Layout */
.split-container {
    display: flex;
    height: calc(100vh - 80px); /* Adjust based on your header height */
    overflow: hidden;
}

/* Sidebar */
.sidebar-panel {
    width: 300px;
    background: #f4f5f7;
    border-right: 1px solid #ddd;
    padding: 20px;
    overflow-y: auto;
    flex-shrink: 0;
}

/* Main Content */
.content-panel {
    flex-grow: 1;
    padding: 40px;
    overflow-y: auto;4
    background: #fff;
}

/* Tree Styles */
.tree-list { list-style: none; padding-left: 0; margin: 0; }
.tree-list .tree-list { padding-left: 20px; border-left: 1px solid #e0e0e0; margin-left: 8px; }

.tree-row { display: flex; align-items: center; padding: 4px 0; }

.tree-toggle {
    cursor: pointer;
    width: 20px;
    margin-right: 5px;
    color: #888;
    transition: transform 0.2s;
}
.tree-spacer { width: 25px; }

.tree-link {
    cursor: pointer;
    padding: 4px 8px;
    border-radius: 4px;
    transition: background 0.2s;
    color: #333;
}
.tree-link:hover { background: #e0e0e0; }
.tree-link.active { background: #007bff; color: white; }

/* Collapsing Logic */
.tree-children-wrapper { display: none; }
.tree-item.open > .tree-children-wrapper { display: block; }
.tree-item.open > .tree-row > .tree-toggle i { transform: rotate(90deg); }

/* Detail Block Styles */
.detail-block {
    animation: fadeIn 0.3s ease;
}
@keyframes fadeIn {
    from { opacity: 0; transform: translateY(5px); }
    to { opacity: 1; transform: translateY(0); }
}