.order-dialog{width:min(960px,95vw);max-height:90vh;padding:0;border:1px solid #dee0ff;border-radius:18px;background:#f8f9ff;color:#27324a;box-shadow:0 20px 80px #17204240}.order-dialog::backdrop{background:#10182c80}.order-heading,.order-footer{display:flex;align-items:center;justify-content:space-between;gap:12px;padding:16px 20px;background:white}.order-heading h2{font-size:18px;font-weight:800}.order-heading p,.order-help{font-size:12px;color:#64748b}.order-help{margin:14px 20px;line-height:1.7}.order-list{display:grid;grid-template-columns:repeat(auto-fill,minmax(140px,1fr));gap:12px;padding:6px 20px 20px;max-height:56vh;overflow:auto}.order-card{position:relative;border:2px solid #e2e7f3;border-radius:12px;padding:10px;background:white;cursor:grab;outline-offset:3px}.order-card:focus{outline:2px solid #7771ee}.order-card.dragging{opacity:.4}.order-card.drop-before{border-left-color:#6868f3;box-shadow:-5px 0 0 #6868f3}.order-card.drop-after{border-right-color:#6868f3;box-shadow:5px 0 0 #6868f3}.order-card img{width:100%;height:160px;object-fit:contain;background:#f3f5fa;margin:6px 0;pointer-events:none}.order-card strong{display:block;font-size:12px}.order-card-top{display:flex;align-items:center;justify-content:space-between}.order-position{background:#eeedff;color:#5952c5;border-radius:5px;padding:2px 7px;font-size:11px;font-weight:800}.drag-grip{font-size:21px;color:#818ca3}.order-controls{display:flex;justify-content:flex-end;gap:8px;margin-top:8px}.order-controls button{border:1px solid #dee0ff;border-radius:6px;padding:2px 12px}.order-controls button:disabled{opacity:.3}.order-footer{border-top:1px solid #e2e7f3;flex-wrap:wrap}.order-footer>div{display:flex;gap:8px}