dialog.route-order-dialog[open]{display:flex;flex-direction:column;width:min(920px,calc(100% - 12px));height:92dvh;max-height:92dvh;overflow:hidden}
.route-order-dialog .load-dialog-head{position:static;flex-shrink:0;padding:9px 12px}.route-order-dialog .load-dialog-head h2{font-size:18px}
.route-order-dialog .load-dialog-head h2{min-width:0;overflow-wrap:anywhere;line-height:1.2}.route-order-dialog .load-dialog-head button{flex-shrink:0}
.route-order-map-wrap{position:relative;flex:0 0 clamp(180px,32dvh,310px);min-height:0;border-bottom:1px solid #416578}.route-order-map{height:100%;width:100%;background:#0b2432}
.route-order-map-state{position:absolute;bottom:22px;left:7px;right:7px;z-index:800;border-radius:5px;background:#08273be8;color:#e8f5ff;padding:4px 7px;font-size:11px;pointer-events:none}
.route-order-controls{padding:7px 10px;flex-shrink:0;border-bottom:1px solid #416578}.route-order-tools{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:6px}.route-order-tools button{min-height:38px;padding:6px 3px;font-size:12px}
.route-order-controls .lp-note{font-size:11px;margin:5px 0}.route-order-finish{display:flex;align-items:center;gap:7px;margin:4px 0;font-size:12px}.route-order-finish[hidden]{display:none}.route-order-finish input{width:20px;min-height:20px;height:20px;margin:0;flex:0 0 20px}
.route-order-list{flex:1 1 auto;min-height:75px;overflow:auto;overscroll-behavior:contain;padding:5px 8px;touch-action:pan-y}
.route-order-row{display:flex;align-items:center;gap:8px;padding:8px 5px;margin-bottom:5px;border:1px solid #416578;border-radius:9px;background:#10344a;min-height:50px;box-sizing:border-box}
.route-order-row.is-selected{border:2px solid #ffac35;background:#234254}.route-order-row.is-yard{background:#263b46}.route-order-row.sortable-ghost{opacity:.3}.route-order-row.sortable-drag{box-shadow:0 3px 18px #0008}
.route-order-handle{flex:0 0 37px;width:37px;min-height:46px;padding:0;background:#244b61;border:1px solid #6b8999;border-radius:7px;cursor:grab;touch-action:none;color:#fff;font-size:20px}
.route-order-handle{user-select:none;-webkit-user-select:none;-webkit-touch-callout:none}
.route-order-number{flex:0 0 26px;text-align:center;font-size:21px;font-weight:800;color:#ffd36b}.route-order-label{flex:1;min-width:0;font-size:13px;line-height:1.3}.route-order-label b{display:block;overflow-wrap:anywhere}.route-order-label small{display:block;color:#bfd0d8;font-size:11px;overflow-wrap:anywhere}
.route-order-arrows{display:flex;flex-direction:column;gap:3px;flex:0 0 32px}.route-order-arrows button{padding:0;min-height:28px;width:32px;font-size:14px}.route-order-remove{padding:0 5px;min-height:32px;font-size:14px}
.route-order-footer{flex-shrink:0;padding:7px 10px max(9px,env(safe-area-inset-bottom));background:#08273b;border-top:1px solid #416578}.route-order-footer p{margin:0 0 5px;font-size:12px;color:#ffbc83}.route-order-footer>div{display:grid;grid-template-columns:1fr 2fr;gap:8px}.route-order-footer button{min-height:42px}
@media(min-width:760px){.route-order-map-wrap{flex-basis:38dvh}.route-order-label{font-size:14px}}
