.category-order-help{max-width:760px;margin:0 0 20px;color:var(--muted,#68786e);font-size:13px;line-height:1.6}
.category-order-list{display:grid;gap:9px;max-width:960px;margin:0;padding:0;list-style:none}
.category-order-row{display:flex;align-items:center;gap:14px;border:1px solid var(--line,#dbe3d8);border-radius:14px;padding:15px 18px;background:var(--paper,#fff);color:var(--ink,#21352a)}
.category-order-row[draggable="true"]{cursor:grab}
.category-order-row.is-dragging{opacity:.45}
.category-order-row.is-drop-target{border-color:#709052;box-shadow:0 0 0 2px #d6e6a4}
.category-drag-handle{font-size:22px;color:var(--muted,#758279)}
.category-order-position{display:grid;place-items:center;flex:none;width:30px;height:30px;border-radius:50%;background:#e9f0de;color:#294331;font-size:12px;font-weight:800}
.category-order-copy{min-width:0;flex:1}
.category-order-copy strong{display:block;font-size:14px;overflow-wrap:anywhere}
.category-order-copy span{display:block;margin-top:5px;color:var(--muted,#758279);font-size:12px;line-height:1.4}
.category-order-actions{display:flex;gap:7px;flex:none}
.category-order-actions button{width:40px;height:40px;border:1px solid var(--line,#cbd8cb);border-radius:10px;background:var(--paper,#fff);color:var(--ink,#21352a);font-size:20px}
.category-order-actions button:disabled{opacity:.3;cursor:default}
.category-order-actions button:hover:not(:disabled){background:#e9f0de;color:#294331}
.category-order-actions button:focus-visible{outline:3px solid #91ac6b;outline-offset:2px}
.category-order-footer{position:sticky;bottom:12px;display:flex;align-items:center;justify-content:space-between;gap:15px;max-width:960px;margin-top:20px;padding:16px 18px;border:1px solid var(--line,#dbe3d8);border-radius:14px;background:var(--paper,#fff);color:var(--ink,#21352a);box-shadow:0 8px 25px rgba(20,35,24,.12);z-index:2}
.category-order-footer p{margin:0;flex:1;font-size:13px;line-height:1.5}
.category-order-footer .category-save-actions{display:flex;gap:8px;flex-wrap:wrap}
.category-order-footer button:disabled{opacity:.5;cursor:default}
@media(max-width:600px){.category-order-row{padding:12px;gap:9px}.category-drag-handle{display:none}.category-order-position{width:25px;height:25px}.category-order-actions{gap:4px}.category-order-actions button{width:38px;height:40px}.category-order-footer{align-items:stretch;flex-direction:column}.category-save-actions button{flex:1}}