.task-order-panel .task{position:relative;grid-template-columns:34px auto minmax(0,1fr) auto;gap:8px}
.task-order-panel .task-text,.task-drag-ghost .task-text{min-width:0;overflow-wrap:anywhere}
.task-order-panel .task>.task-grip,.task-drag-ghost>.task-grip{display:grid;place-items:center;width:34px;height:44px;padding:0;border:0;border-radius:6px;background:transparent;color:var(--muted);cursor:grab;touch-action:none;user-select:none;-webkit-user-select:none}
.task-order-panel .task>.task-grip:not(:disabled):hover{color:var(--terra);background:var(--soft)}
.task-order-panel .task>.task-grip:active{cursor:grabbing}
.task-order-panel .task>.task-grip:disabled{opacity:.3;cursor:default}
.task-order-panel .task>.task-grip:focus-visible{outline:2px solid var(--terra);outline-offset:2px}
.task-order-panel .task-moved{background:#f0e6d8;border-radius:9px;box-shadow:0 0 0 1px #d7c4ad}
.task-is-dragging{opacity:.35}
.task-drop-before:before,.task-drop-after:after{content:"";height:3px;position:absolute;left:0;right:0;background:var(--terra);border-radius:3px;z-index:2;pointer-events:none}
.task-drop-before:before{top:-2px}.task-drop-after:after{bottom:-2px}
.task.task-drag-ghost{position:fixed;left:0;top:0;z-index:10000;display:grid;grid-template-columns:34px auto minmax(0,1fr) auto;gap:8px;padding:13px 10px;background:var(--card);border:1px solid var(--line);border-left-width:4px;border-radius:10px;box-shadow:0 12px 32px #29262130;pointer-events:none;opacity:.95;will-change:transform}
.task-drag-in-progress,.task-drag-in-progress *{cursor:grabbing!important;user-select:none!important;-webkit-user-select:none!important}
.task-sr-only{position:absolute!important;width:1px!important;height:1px!important;padding:0!important;margin:-1px!important;overflow:hidden!important;clip:rect(0,0,0,0)!important;white-space:nowrap!important;border:0!important}
.task-order-feedback{font-size:12px;line-height:1.5;overflow-wrap:anywhere}
.task-order-error{display:block;color:#9a3f34;margin-top:10px}
@media(width<=420px){.task-order-panel{padding:16px}.task-order-panel .task{grid-template-columns:30px auto minmax(0,1fr) auto;gap:6px}.task-order-panel .task>.task-grip{width:30px}.task-order-panel .task select{max-width:82px}}