#nav-order-list{max-height:55vh;max-height:55dvh;overflow-y:auto;overscroll-behavior:contain;scrollbar-gutter:stable;padding:2px 8px 2px 2px}
#nav-order-list .nav-order-row{padding:8px;border:1px solid #dfe6d9;border-radius:10px;margin:6px 0;background:#fff;min-height:60px;box-sizing:border-box}
#nav-order-list .nav-order-row strong{min-width:0;overflow-wrap:anywhere}
#nav-order-list .nav-order-handle{touch-action:none;cursor:grab;flex:0 0 44px;width:44px;height:44px;user-select:none;font-size:26px;color:#466b57}
#nav-order-list .nav-order-dragging{background:#eaf4ed;border:2px solid #287350;box-shadow:0 4px 12px #174b3c20}
#nav-order-list .nav-order-dragging .nav-order-handle{cursor:grabbing}
#nav-order-list .nav-order-handle:disabled{cursor:wait}
#nav-order-feedback{min-height:24px;font-size:13px;color:#47613e}
#modal[open]:has(#nav-order-list){display:flex;flex-direction:column;max-height:calc(100dvh - 32px);overflow:hidden}
#modal:has(#nav-order-list)>*{flex-shrink:0}
#modal #nav-order-list{flex:1 1 auto;min-height:100px}
#modal:has(#nav-order-list) .nav-order-actions{margin-bottom:0;gap:8px}
@media(max-width:700px){#modal:has(#nav-order-list){padding:20px}#modal:has(#nav-order-list) .nav-order-actions>button{padding:10px 12px;flex:1}#modal:has(#nav-order-list) .nav-order-actions>button:first-child{margin-right:0}}