.hierarchy-editor{margin-top:16px}.hd-toolbar{display:flex;align-items:center;justify-content:space-between;gap:16px;flex-wrap:wrap;border-block:1px solid #e3eaf4;padding:16px 0}.hd-toolbar>div:first-child{display:flex;align-items:center;gap:12px;flex-wrap:wrap}.hd-tip,.hd-help{font-size:12px;color:#64748b;line-height:1.8}.hd-actions{display:flex;gap:8px;flex-wrap:wrap}.hd-status{padding:12px 14px;background:#edf4fe;color:#214e8f;border-radius:10px;min-height:44px;font-size:13px;line-height:1.6}.hd-tree{max-height:68vh;min-height:360px;overflow:auto;padding:20px;background:#f7f9fd;border:1px solid #dce5f1;border-radius:14px;overscroll-behavior:contain;scrollbar-color:#a4bbd9 #edf3fb}.hd-tree ul{list-style:none;margin:0;padding:0}.hd-tree .hd-children{margin:0 0 0 26px;padding:14px 0 0 24px;border-left:2px solid #c3d3e8}.hd-item{position:relative;min-width:280px}.hd-item+.hd-item{margin-top:14px}.hd-children>.hd-item:before{content:'';position:absolute;left:-24px;top:42px;width:24px;border-top:2px solid #c3d3e8}.hierarchy-row{display:flex;position:relative;align-items:center;gap:14px;min-height:90px;border:1px solid #d7e1ee;border-radius:12px;background:white;padding:14px;box-shadow:0 3px 8px #10204004}.hd-root{background:linear-gradient(125deg,#101c40,#23477e);color:#fff;border-color:#173966}.hd-info{flex:1;min-width:0}.hd-info>b{display:block;font-size:14px;line-height:1.6;overflow-wrap:anywhere}.hd-meta{display:block;font-size:11px;color:#71829b;margin:3px 0 8px}.hd-root .hd-meta,.hd-root .hd-empty{color:#ccdaf0}.hd-handle{flex-shrink:0;touch-action:none;user-select:none;cursor:grab;display:grid;place-items:center;width:38px;min-height:48px;border:1px solid #dce6f4;background:#f1f6fd;color:#265591;border-radius:8px;font:700 23px/1 sans-serif;letter-spacing:-5px;padding-right:9px}.hd-handle:active{cursor:grabbing}.hd-lock{width:38px;text-align:center;color:#ffd46b}.hd-handle:focus-visible,.hd-target-actions button:focus-visible{outline:3px solid #d4a329;outline-offset:3px}.hd-people{display:flex;gap:12px;flex-wrap:wrap}.hd-person{display:flex;align-items:center;gap:8px;min-width:0;font-size:12px;line-height:1.5}.hd-person img{width:32px;height:38px;object-fit:cover;object-position:center 20%;border-radius:6px;background:#edf3fb}.hd-initial{display:grid;place-items:center;width:32px;height:38px;border-radius:6px;background:#e6eefb;color:#285997;font-size:11px}.hd-empty{color:#71829b;font-size:11px}.hd-picked{outline:3px solid #d4a329;outline-offset:1px}.hd-target-actions{display:flex;flex-wrap:wrap;gap:6px;max-width:265px}.hd-target-actions button{border:1px solid #c5d7ee;background:#eef5ff;color:#164c9b;border-radius:7px;padding:8px;font:inherit;font-size:11px;cursor:pointer}.hd-dragging{opacity:.4}.hd-drop-inside{outline:3px solid #1d68c2;outline-offset:1px;background:#edf5ff;color:#17365f}.hd-drop-before:before,.hd-drop-after:after{content:'';position:absolute;left:0;right:0;height:5px;border-radius:8px;background:#1d68c2}.hd-drop-before:before{top:-9px}.hd-drop-after:after{bottom:-9px}.hierarchy-row[data-drop-label]:after{content:attr(data-drop-label);position:absolute;right:8px;top:-12px;bottom:auto;left:auto;width:auto;height:auto;background:#1657a6;color:#fff;border-radius:6px;padding:3px 8px;font-size:11px;z-index:2}.hd-drop-after[data-drop-label]:after{top:auto;bottom:-14px;border-bottom:4px solid #1d68c2}.hd-drop-invalid{outline:2px solid #cf4545}.hd-drop-invalid[data-drop-label]:after{background:#ad3434}.hd-drag-ghost{position:fixed;pointer-events:none;z-index:10000;max-width:260px;border-radius:9px;background:#153b74;color:white;padding:12px 16px;box-shadow:0 10px 30px #10204040;font:600 13px/1.6 system-ui}.hd-actions button:disabled{opacity:.5;cursor:default}
@media(max-width:700px){.hd-tree{padding:12px;max-height:65vh}.hd-tree .hd-children{margin-left:12px;padding-left:12px}.hd-children>.hd-item:before{left:-12px;width:12px}.hierarchy-row{padding:10px;gap:9px;flex-wrap:wrap}.hd-info>b{font-size:13px}.hd-target-actions{max-width:none;flex-basis:100%;margin-left:47px}.hd-actions{width:100%}.hd-actions #hd-save{flex:1}.hd-item{min-width:250px}.hd-person{font-size:11px}.hd-handle{width:34px;min-height:48px}.hd-help{font-size:12px}}