.post-order-panel-col h3.order-col-heading { cursor:grab; touch-action:none; }
.order-col-grip { display:inline-flex; align-items:center; justify-content:center; flex:0 0 18px; width:18px; height:20px; padding:0; border:0; border-radius:3px; background:transparent; color:#8298ad; cursor:grab; touch-action:none; }
.order-col-grip:hover,.order-col-grip:focus-visible { color:#175cd3; background:#e5eefb; outline:1px solid #84adcf; }
.order-col-moving > header { box-shadow:inset 0 0 0 2px #79a8d4; }
.order-col-dragging,.order-col-dragging * { cursor:grabbing !important; user-select:none !important; }
.order-col-ghost { position:fixed; left:0; top:0; z-index:100100; pointer-events:none; padding:10px 14px; box-sizing:border-box; border:1px solid #7fa7d2; border-radius:6px; background:#f3f8ff; color:#214d79; font:600 13px Arial,sans-serif; overflow:hidden; text-overflow:ellipsis; white-space:nowrap; box-shadow:0 5px 18px #1e45652b; will-change:transform; }
.order-col-marker { position:fixed; left:0; width:3px; background:#237ac2; border-radius:2px; z-index:100099; pointer-events:none; will-change:transform; }
.order-col-marker::before { content:''; position:absolute; width:9px; height:9px; border-radius:50%; background:inherit; left:-3px; top:-3px; }
#orderPanelOrderNotice { position:fixed; right:18px; bottom:18px; z-index:100101; background:#edf8f2; border:1px solid #9bcab1; padding:9px 13px; border-radius:5px; color:#286144; font-size:12px; max-width:420px; box-shadow:0 3px 12px #1232; }
#orderPanelOrderNotice.error { background:#fff5e7; border-color:#e5b165; color:#855200; }