.network-tree-page{min-height:100vh;display:flex;flex-direction:column;background:var(--app-color-background)}.network-tree-page .app-nav{flex:none;background:var(--app-color-surface)}.network-toolbar{padding:14px 16px;display:flex;align-items:center;justify-content:space-between;gap:12px;background:var(--app-color-surface);border-bottom:1px solid var(--app-color-border)}.network-toolbar span,.network-toolbar strong{display:block}.network-toolbar strong{font-size:15px}.network-toolbar div span{margin-top:3px;color:var(--app-color-text-muted);font-size:11px}.network-toolbar .network-type{padding:4px 8px;color:var(--app-color-brand-active);background:var(--app-color-brand-soft);border-radius:var(--app-radius-sm);font-size:11px}.network-canvas{width:100%;min-height:calc(100vh - 104px);flex:1;overflow:auto;background-color:var(--app-color-background)}.network-canvas jmnode{max-width:190px;padding:9px 12px!important;color:var(--app-color-text)!important;background:var(--app-color-surface)!important;border:1px solid var(--app-color-border)!important;border-radius:var(--app-radius-md)!important;box-shadow:var(--app-shadow-card)!important;font-family:var(--app-font-family)!important;font-size:12px!important;overflow-wrap:anywhere}.network-canvas jmnode.root{color:#fff!important;background:var(--app-color-brand)!important;border-color:var(--app-color-brand)!important}