#reorder-editor{display:grid;gap:20px}.order-group,.order-line{display:flex;align-items:center;gap:10px;border:1px solid #d9e1dc;border-radius:7px;padding:7px;margin:7px 0;background:white;min-width:0}.order-group.selected{border-color:#1b6155;background:#eef6f1}.order-group>button{flex:1;text-align:left;min-width:0;white-space:normal;overflow-wrap:anywhere;background:transparent;border:0}.order-arrows{display:flex;gap:4px;margin-left:auto;flex-shrink:0}.order-arrows button{padding:6px 12px;min-height:40px}.order-line>div:first-of-type{min-width:0;overflow-wrap:anywhere}.order-line small,.order-group small{display:block;color:var(--muted);font-size:11px;margin-top:4px}.order-grip{cursor:grab;font-weight:700;font-size:20px;color:var(--muted)}.order-line[draggable],.order-group[draggable]{cursor:grab}.order-review details{border-bottom:1px solid #d9e1dc;padding:12px 0}.order-review li{margin:6px 0;overflow-wrap:anywhere}.order-review small{color:var(--muted)}
@media(max-width:600px){.order-line{gap:7px}.order-arrows{flex-direction:column}.order-arrows button{min-width:40px}.order-group>button{padding:4px}#modal .modal-foot:has([data-action="reorder-back"]){display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1fr);gap:8px}#modal .modal-foot:has([data-action="reorder-back"]) button{width:100%;min-width:0;margin:0}#modal .modal-foot:has([data-action="reorder-back"]) button[type="submit"]{grid-column:1/-1}}
.order-grip{touch-action:none;user-select:none;display:flex;align-items:center;justify-content:center;min-width:24px;min-height:44px;flex-shrink:0}.order-dragging{opacity:.65}.order-drop{outline:2px solid #1b6155;outline-offset:2px}