.order-head{display:flex;flex-wrap:wrap;gap:var(--s-2) var(--s-4);align-items:center;justify-content:space-between;margin-bottom:var(--s-3)}.order-head h2{margin:0}.order-list,.roster-list{list-style:none;padding:0;margin:0 0 var(--s-4);border-top:1px solid var(--line-soft)}.order-list.dragging{-webkit-user-select:none;-moz-user-select:none;user-select:none}.order-list.is-solving{opacity:.6;transition:opacity var(--t-fast) var(--ease-out)}.order-row,.roster-row{display:flex;align-items:flex-start;gap:6px;min-height:56px;padding:var(--s-2) var(--s-2);border-bottom:1px solid var(--line-soft);background:var(--card);transition:background-color var(--t-fast) var(--ease-out)}.order-row:hover,.roster-row:hover{background:var(--raised)}.roster-row.is-editing{background:var(--accent-soft)}.order-row.has-flag{box-shadow:inset 4px 0 0 var(--bad)}.order-row.is-dragged{background:var(--raised);outline:2px dashed var(--accent);outline-offset:-2px}.order-row[data-moved=up]{animation:row-from-below var(--t-fast) var(--ease-out)}.order-row[data-moved=down]{animation:row-from-above var(--t-fast) var(--ease-out)}@keyframes row-from-below{0%{transform:translateY(56px)}}@keyframes row-from-above{0%{transform:translateY(-56px)}}.order-num{position:relative;isolation:isolate;flex:none;width:2.25rem;font-family:var(--mono);font-feature-settings:"tnum";font-variant-numeric:tabular-nums;font-size:1.25rem;font-weight:700;line-height:44px;text-align:center;color:var(--ink)}@media (min-width:48rem){.order-num{width:2.75rem}}.order-num.spike{color:var(--mark-ink)}.order-num.spike:before{content:"";position:absolute;z-index:-1;left:50%;top:50%;width:max(22px,100%);max-width:2.25rem;height:14px;transform:translate(-50%,-50%);background:var(--mark);border:1px solid var(--mark-ink);border-radius:2px}.drag-handle{flex:none;width:44px;height:44px;display:inline-flex;align-items:center;justify-content:center;border:0;border-radius:var(--r-control);background:none;color:var(--muted);cursor:-webkit-grab;cursor:grab;touch-action:none;transition:opacity var(--t-fast) var(--ease-out)}.drag-handle svg{fill:currentColor}.drag-handle:hover{background:var(--card);color:var(--ink)}.is-locked .drag-handle{cursor:not-allowed}@media (hover:hover) and (pointer:fine){.drag-handle{opacity:0}.drag-handle:focus-visible,.order-row.is-dragged .drag-handle,.order-row:focus-within .drag-handle,.order-row:hover .drag-handle{opacity:1}}.order-main{flex:1 1;min-width:0;padding-top:10px}.order-title{margin:0;line-height:1.4;overflow-wrap:anywhere}.order-title strong{font-weight:600}.order-sub,.pin-note{margin:0;font-size:.875rem;line-height:1.45;color:var(--muted)}.pin-note{display:flex;align-items:center;gap:var(--s-1);color:var(--graphite);font-weight:600}.lock-glyph{flex:none}.order-meta{flex:none;display:flex;flex-direction:column;align-items:flex-end;padding-top:10px;font-size:.875rem;line-height:1.4}.order-length{color:var(--muted)}@media (max-width:47.99rem){.order-length{display:none}}.flag-list{list-style:none;margin:var(--s-1) 0 0;padding:0}.flag{font-size:.875rem;line-height:1.45;margin-bottom:var(--s-1)}.flag,.flag strong{color:var(--bad)}.why summary{cursor:pointer;min-height:44px;display:inline-flex;align-items:center;color:var(--ink);font-weight:600;text-decoration:underline;text-underline-offset:3px}.why p{color:var(--ink);margin:0 0 var(--s-1)}.row-actions{position:relative;flex:none;display:flex;flex-wrap:wrap;gap:var(--s-2);align-items:center}@media (max-width:37.49rem){.order-row{position:relative;display:grid;grid-template-columns:2.75rem minmax(0,1fr) auto auto;grid-column-gap:var(--s-2);column-gap:var(--s-2);align-items:center;padding:var(--s-1) var(--s-2)}.order-row .order-num{grid-column:1;grid-row:1;width:auto}.order-row .drag-handle{position:absolute;left:var(--s-2);top:var(--s-1);width:2.75rem;height:44px;opacity:1;background:none}.order-row .drag-handle svg{display:none}.order-row .order-main{display:contents}.order-row .order-title{grid-column:2;grid-row:1}.order-row .order-meta{grid-column:3;grid-row:1;padding-top:0}.order-row .row-actions{grid-column:4;grid-row:1}.order-row .order-sub,.order-row .pin-note{grid-column:2/-1;font-size:.8rem}.order-row .flag-list{grid-column:1/-1;margin:0}.order-row .flag{font-size:.8rem}}