.dependency-panel{min-width:0}.dependency-panel>p{margin:0;font-size:12px}.dependency-legend{list-style:none;display:flex;flex-wrap:wrap;gap:8px 18px;margin:10px 0 14px;padding:0;font-size:11px;color:#bdc9d4}.dependency-legend li{display:flex;align-items:center;gap:6px}.dependency-dot{width:8px;height:8px;border-radius:50%;background:#78818d}.dependency-dot.is-owned{background:#8dab70}.dependency-dot.is-available{background:#d6aa6c}.dependency-dot.is-locked{background:#78818d}
.dependency-view{width:100%;max-width:720px;margin:0 auto;min-width:0}.dependency-tree,.dependency-tree ul{list-style:none;margin:0;padding:0;min-width:0}.dependency-tree li{position:relative;display:block;min-width:0}.dependency-tree ul{margin-left:16px;padding-left:16px}.dependency-tree ul>li::before{content:"";position:absolute;left:-16px;top:0;bottom:0;border-left:2px solid #65717e}.dependency-tree ul>li:last-child::before{bottom:calc(100% - 15px)}.dependency-tree ul>li::after{content:"";position:absolute;left:-16px;top:15px;width:16px;border-top:2px solid #65717e}.dependency-tree>li+li{margin-top:8px}
.dependency-node{position:relative;display:flex;align-items:center;gap:7px;width:100%;min-width:0;min-height:28px;box-sizing:border-box;margin-bottom:2px;padding:2px 7px;border:1px solid #525c68;border-left:3px solid #78818d;border-radius:5px;background:#272e37;color:#e8eef4;text-decoration:none;box-shadow:0 2px 5px #0002}.dependency-node img{width:22px;height:22px;object-fit:contain;flex:none}.dependency-node strong{display:block;flex:1;min-width:0;font-size:12px;line-height:1.2;overflow-wrap:anywhere}.dependency-node span{flex:none;margin-left:auto;font-size:10px;color:#c3ccd6;white-space:nowrap}.dependency-node.is-owned{border-left-color:#8dab70;background:#2a342e}.dependency-node.is-owned span{color:#b6d497}.dependency-node.is-available{border-left-color:#d6aa6c;background:#38332b}.dependency-node.is-available span{color:#e1bc88}.dependency-node.is-locked img{opacity:.6}.dependency-node:hover{border-color:#d6aa6c;color:#fff;transform:none!important}.dependency-node:focus-visible{outline:2px solid #d6aa6c;outline-offset:1px}
@media(max-width:650px){.dependency-tree ul{margin-left:6px;padding-left:12px}.dependency-tree ul>li::before{left:-12px}.dependency-tree ul>li::after{left:-12px;width:12px;top:18px}.dependency-tree ul>li:last-child::before{bottom:calc(100% - 18px)}.dependency-node{min-height:36px;padding:4px 5px;gap:5px}.dependency-node img{width:20px;height:20px}.dependency-node strong{font-size:11px}.dependency-node span{font-size:9px}.dependency-legend{font-size:10px;gap:8px 12px}}