/* 排序頁：樣稿 itinerary-sort.html。class 一律 s- 開頭，不動 base / plan 的 class */
.s-done{display:inline-flex;align-items:center;justify-content:center;gap:4px;min-width:44px;min-height:44px;padding:0 16px;border-radius:22px;background:var(--moss);color:#fff}
.s-tip{margin:4px 0 0;color:var(--brick);font:400 16px/1.5 var(--font-hand);transform:rotate(-1deg)}

.s-day{margin-top:24px}
.s-head{position:relative;display:flex;align-items:center;justify-content:space-between;gap:8px;padding:8px 8px 8px 12px;margin-bottom:12px}
.s-head::before{content:"";position:absolute;top:-8px;left:24px;width:64px;height:16px;background:var(--tape);transform:rotate(-3deg)}
.s-head h2{margin:0;font:400 22px/1.3 var(--font-hand)}
.s-head p{margin:0;color:var(--ink-3)}
.s-delday{display:inline-flex;align-items:center;justify-content:center;gap:4px;min-width:44px;min-height:44px;padding:0 12px;border:1.5px solid var(--brick);border-radius:22px;color:var(--brick);background:none;font:inherit;cursor:pointer}
.s-delday:hover{background:var(--brick-soft)}

.s-list{list-style:none;margin:0;padding:0;min-height:52px}
.s-list:empty::before{content:"這天還沒有項目";display:block;padding:12px 0;color:var(--ink-3);text-align:center}

.s-row{display:flex;align-items:center;gap:4px;margin-top:8px;user-select:none;-webkit-user-select:none}
.s-row.is-stop{padding:4px 12px 4px 0}
.s-grip{display:flex;align-items:center;justify-content:center;width:44px;height:44px;flex:none;padding:0;border:0;background:none;color:var(--ink-3);cursor:grab;touch-action:none}
.s-gripic{width:20px;height:20px;fill:currentColor;stroke:none}
.s-txt{flex:1;min-width:0}
.s-txt time{display:block;color:var(--moss-ink)}
.s-txt h3{margin:0;font:400 20px/1.3 var(--font-hand);overflow-wrap:anywhere}
.s-pol{flex:none;width:44px;height:44px;margin:0;padding:3px;background:#fff;border:1px solid var(--hair);box-shadow:0 1px 3px rgba(47,42,36,.18);transform:rotate(2deg)}
.s-pol svg{display:block;width:100%;height:100%;background:var(--moss-soft)}

.s-row.is-leg{margin-left:24px;border-left:2px dashed var(--kraft);min-height:44px;color:var(--ink-2)}
.s-row.is-leg .s-grip{margin-left:-1px}
.s-legtxt{display:flex;align-items:center;gap:8px}

.s-row.lifted{position:fixed;z-index:6;margin:0;border-color:var(--brick);box-shadow:0 12px 20px rgba(47,42,36,.3);transform:rotate(-2deg) scale(1.02);background:#fff}
.s-row.lifted .s-grip{color:var(--brick);cursor:grabbing}
.s-slot{display:flex;align-items:center;justify-content:center;min-height:44px;margin-top:8px;border:2px dashed var(--brick);border-radius:var(--r);background:var(--brick-soft);color:var(--brick);font:400 16px/1.5 var(--font-hand)}

.s-add{display:flex;align-items:center;justify-content:center;gap:8px;width:100%;min-height:52px;margin-top:24px;border:2px dashed var(--kraft);border-radius:var(--r);background:none;color:var(--ink-2);font:inherit;cursor:pointer}
.s-add:hover{background:var(--card)}
.s-add:disabled{opacity:.6}