.binary-legs-component{box-sizing:border-box;width:100%;margin:0 auto;padding:20px}.binary-legs-component h2{margin-bottom:20px;font-size:24px;font-weight:600}.binary-navigation-controls{background-color:#f8f9fa;border:1px solid #e9ecef;border-radius:8px;align-items:center;margin-bottom:20px;padding:10px;display:flex}.binary-nav-button{color:#fff;cursor:pointer;background-color:#007bff;border:none;border-radius:4px;margin-right:10px;padding:8px 16px;font-size:14px;transition:all .2s}.binary-nav-button:hover:not(:disabled){background-color:#0069d9}.binary-nav-button:disabled{opacity:.5;cursor:not-allowed;background-color:#6c757d}.current-viewing-node{color:#495057;background-color:#e9ecef;border-radius:4px;margin-left:auto;padding:6px 12px;font-size:14px}.navigation-breadcrumb{color:#6c757d;margin-bottom:20px;font-size:14px}.breadcrumb-item{display:inline-block}.breadcrumb-item.root{color:#007bff;cursor:pointer}.breadcrumb-item.root:hover{text-decoration:underline}.breadcrumb-item.current{color:#495057;font-weight:600}.breadcrumb-separator{color:#adb5bd;margin:0 8px}.orgchart-container{text-align:center;border:2px dashed #aaa;border-radius:5px;width:100%;height:420px;display:block;position:relative;overflow:auto}.orgchart{box-sizing:border-box;-webkit-touch-callout:none;-webkit-user-select:none;user-select:none;white-space:nowrap;background-color:#fff;background-image:none;min-width:max-content;min-height:202px;margin:0 auto;padding:20px;display:inline-block}.node-wrapper{margin:0;padding:0;display:inline-block}.node-wrapper table{border-spacing:0;border-collapse:separate;margin:0 auto}.node-wrapper td{vertical-align:top;text-align:center;min-width:200px;padding:0}.orgchart .node{cursor:pointer;border:none;border-radius:8px;width:180px;min-width:180px;max-width:180px;margin:0 auto;transition:all .2s;position:relative;box-shadow:0 3px 6px #00000029}.orgchart .node:hover{transform:translateY(-2px);box-shadow:0 5px 10px #00000040}.orgchart .node .title{color:#fff;word-break:break-all;white-space:normal;border-radius:8px 8px 0 0;height:auto;min-height:28px;padding:6px;font-size:13px}.orgchart .node .title.normal-title{background-color:#3f51b5}.orgchart .node .title.shipper-title{background-color:#e91e63}.orgchart .node .content{text-align:left;word-break:break-all;white-space:normal;background-color:#f5f5f5;border-radius:0 0 8px 8px;height:auto;min-height:28px;padding:6px;font-size:12px}.orgchart .lines{height:25px;margin:0;padding:0;position:relative}:root{--line-color:#3f51b5;--line-thickness:3px;--line-shadow:0 0 2px #0000004d}.orgchart .lines .downLine{z-index:2;width:3px;height:25px;margin:0 auto;display:block;position:relative;box-shadow:0 0 2px #0000004d;background-color:#000!important}.orgchart .lines .rightLine{height:25px;position:relative}.orgchart .lines .rightLine:before{content:"";z-index:1;width:50%;height:3px;position:absolute;top:0;left:50%;box-shadow:0 0 2px #0000004d;background-color:#000!important}.orgchart .lines .leftLine{height:25px;position:relative}.orgchart .lines .leftLine:before{content:"";z-index:1;width:50%;height:3px;position:absolute;top:0;right:50%;box-shadow:0 0 2px #0000004d;background-color:#000!important}.vertical-line-to-child{width:3px;height:25px;margin:0 auto;box-shadow:0 0 2px #0000004d;background-color:#000!important}.orgchart .shipper .title,.orgchart .bordershipper .title{background-color:#e91e63}.orgchart .downlineshipper .title{background-color:#f44336}.orgchart .rightlineshipper .title{background-color:#ff9800}.orgchart .leftlineshipper .title{background-color:#4caf50}.orgchart .toplineshipper .title{background-color:#2196f3}.loading-indicator,.error-message,.empty-message{color:#666;justify-content:center;align-items:center;height:100%;font-size:16px;display:flex}.error-message{color:#f44336}@media (max-width:768px){.binary-legs-component{padding:10px}.orgchart-container{height:350px}.orgchart .node{width:140px;min-width:140px;max-width:140px}}@media (max-width:480px){.orgchart .node{width:120px;min-width:120px;max-width:120px}.orgchart .node .title,.orgchart .node .content{padding:4px;font-size:11px}}.single-child-container{position:relative}.single-child-container:before{content:"";z-index:2;width:3px;height:25px;position:absolute;top:-25px;left:50%;transform:translate(-50%);box-shadow:0 0 2px #0000004d;background-color:#000!important}.child-connector{z-index:2;width:3px;height:100%;position:absolute;top:0;left:50%;transform:translate(-50%);box-shadow:0 0 2px #0000004d;background-color:#000!important}.node.root-node{border:2px solid #4a89dc;position:relative;box-shadow:0 3px 8px #00000026}.node.root-node:after{content:"";opacity:.9;background-color:#4a89dc;border-radius:50%;width:8px;height:8px;position:absolute;top:-8px;right:-8px}.node-badges{justify-content:center;align-items:center;gap:8px;margin-top:8px;display:flex}.node-badge{border-radius:20px;justify-content:center;align-items:center;min-width:45px;padding:4px 10px;font-size:11px;font-weight:600;transition:all .2s;display:inline-flex;box-shadow:0 2px 4px #0000001a}.node-badge.level-badge,.node-badge.pv-badge{color:#333;background-color:#fff;border:1px solid #999}.node-badge:hover{transform:translateY(-1px);box-shadow:0 3px 6px #00000026}.orgchart .node .content{position:relative}.bubble-badge{color:#3f51b5!important;white-space:nowrap!important;text-align:center!important;background-color:#fff!important;border:2px solid #3f51b5!important;border-radius:12px!important;margin:2px!important;padding:4px 10px!important;font-size:10px!important;font-weight:700!important;line-height:1.2!important;display:inline-block!important;box-shadow:0 2px 4px #0000001a!important}.more-button{color:#fff!important;cursor:pointer!important;background-color:#3f51b5!important;border:none!important;border-radius:50%!important;width:28px!important;height:28px!important;margin:0 auto!important;font-size:18px!important;font-weight:700!important;transition:all .3s!important;display:inline-block!important;box-shadow:0 2px 4px #0003!important}.more-button:hover:not(:disabled){background-color:#303f9f!important;transform:scale(1.1)!important;box-shadow:0 4px 8px #0000004d!important}.more-button:disabled{opacity:.6!important;cursor:not-allowed!important}