/* 前の orca（feat/taskset 9108c1b）の styles.css のタスクセットの節をそのまま写したもの。直さない。足す分は app.css。 */
/* ===== タスクセット（一覧・詳細） ===== */
.ts-bar{display:flex;flex-wrap:wrap;align-items:center;gap:10px}
.ts-search{flex:1 1 260px;min-inline-size:0;height:44px}
.ts-new{display:inline-flex;align-items:center;gap:6px}
.ts-tabs{display:flex;flex-wrap:wrap;gap:6px;margin-block-start:16px;border-block-end:1px solid var(--line)}
.ts-tab{display:inline-flex;align-items:center;gap:6px;padding-block:9px;padding-inline:12px;border:0;border-block-end:2px solid transparent;background:none;cursor:pointer;
  font-family:var(--sans);font-size:14px;font-weight:700;line-height:1.4;letter-spacing:0;color:var(--muted)}
.ts-tab[aria-pressed="true"]{border-block-end-color:var(--mag);color:var(--ink)}
.ts-count{font-family:var(--mono);font-size:11.5px;font-weight:500;line-height:1.4;letter-spacing:0;color:var(--faint)}
.ts-list{display:flex;flex-direction:column;gap:10px;margin-block-start:14px}
.ts-card{display:flex;flex-direction:column;gap:8px;inline-size:100%;padding-block:14px;padding-inline:16px;border:1px solid var(--line);border-radius:var(--radius-sm);background:#fff;text-align:start;cursor:pointer;transition:.14s}
.ts-card:hover{border-color:var(--mag);box-shadow:var(--shadow)}
.ts-card[data-status="done"],.ts-card[data-status="archived"]{background:var(--bg-soft);opacity:.62}
.ts-card-head,.ts-dhead{display:flex;flex-wrap:wrap;align-items:center;gap:8px}
.ts-title{font-family:var(--sans);font-size:15.5px;font-weight:900;line-height:1.45;letter-spacing:-.01em;color:var(--ink)}
.ts-vis,.ts-tag{padding-block:2px;padding-inline:8px;border-radius:20px;font-family:var(--sans);font-size:11.5px;font-weight:700;line-height:1.5;letter-spacing:0}
.ts-vis{background:var(--line);color:var(--muted)}
.ts-vis[data-vis="shared"]{background:var(--ok-wash);color:var(--ok)}
.ts-tag{background:var(--mag-tint);color:var(--mag-700)}
.ts-progress{display:flex;align-items:center;gap:10px}
.ts-bar-track{flex:1 1 auto;max-inline-size:280px;block-size:6px;border-radius:6px;background:var(--line);overflow:hidden}
.ts-bar-fill{display:block;block-size:100%;background:var(--mag)}
.ts-bar-text{font-family:var(--mono);font-size:12px;font-weight:500;line-height:1.4;letter-spacing:0;color:var(--muted)}
.ts-facts{display:flex;flex-wrap:wrap;gap:4px 16px;font-family:var(--sans);font-size:12.5px;font-weight:500;line-height:1.5;letter-spacing:0;color:var(--faint)}
.ts-detail{display:flex;flex-direction:column;gap:18px}
.ts-back{align-self:flex-start}
.ts-back svg{rotate:90deg}
.ts-dtitle{font-family:var(--sans);font-size:20px;font-weight:900;line-height:1.4;letter-spacing:-.01em;color:var(--ink)}
.ts-dacts{display:flex;flex-wrap:wrap;align-items:center;gap:8px;margin-inline-start:auto}
.ts-inline{display:inline-flex;align-items:center;gap:6px;font-family:var(--sans);font-size:12.5px;font-weight:700;line-height:1.4;letter-spacing:0;color:var(--muted)}
.ts-inline select,.ts-facts-grid input{padding-block:6px;padding-inline:8px;border:1px solid var(--line-strong);border-radius:8px;background:#fff;font-family:var(--sans);font-size:13px;font-weight:500;line-height:1.4;letter-spacing:0;color:var(--ink)}
.ts-facts-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(180px,1fr));gap:12px}
.ts-facts-grid div{display:flex;flex-direction:column;gap:4px;padding-block:12px;padding-inline:14px;border:1px solid var(--line);border-radius:var(--radius-sm)}
.ts-facts-grid dt{font-family:var(--sans);font-size:12px;font-weight:700;line-height:1.4;letter-spacing:0;color:var(--faint)}
.ts-facts-grid dd{font-family:var(--sans);font-size:14px;font-weight:700;line-height:1.5;letter-spacing:0;color:var(--ink)}
.ts-sec{display:flex;flex-direction:column;gap:10px;padding-block:16px;padding-inline:16px;border:1px solid var(--line);border-radius:var(--radius)}
.ts-sh{font-family:var(--sans);font-size:15px;font-weight:900;line-height:1.4;letter-spacing:0;color:var(--ink)}
.ts-note{font-family:var(--sans);font-size:12.5px;font-weight:500;line-height:1.5;letter-spacing:0;color:var(--muted)}
.ts-mode{display:flex;flex-wrap:wrap;align-items:center;gap:6px}
.ts-seg{padding-block:6px;padding-inline:12px;border:1px solid var(--line-strong);border-radius:20px;background:#fff;cursor:pointer;font-family:var(--sans);font-size:13px;font-weight:700;line-height:1.4;letter-spacing:0;color:var(--muted)}
.ts-seg[aria-pressed="true"]{border-color:var(--mag);background:var(--mag-tint);color:var(--mag-700)}
.ts-seg:disabled{cursor:not-allowed;opacity:.6}
.ts-steps{display:flex;flex-direction:column;gap:8px;list-style:none}
.ts-step{display:flex;align-items:center;gap:12px;padding-block:10px;padding-inline:12px;border:1px solid var(--line);border-radius:var(--radius-sm)}
.ts-step[data-state="done"]{background:var(--bg-soft);opacity:.62}
.ts-step-no{display:grid;place-items:center;flex:none;inline-size:26px;block-size:26px;border-radius:50%;background:var(--line);font-family:var(--mono);font-size:12px;font-weight:500;line-height:1;letter-spacing:0;color:var(--muted)}
.ts-step-main{display:flex;flex-direction:column;gap:2px;flex:1 1 auto;min-inline-size:0}
.ts-step-title{font-family:var(--sans);font-size:14px;font-weight:700;line-height:1.5;letter-spacing:0;color:var(--ink)}
.ts-step-who{font-family:var(--sans);font-size:12px;font-weight:500;line-height:1.4;letter-spacing:0;color:var(--faint)}
.ts-step-state{flex:none;padding-block:2px;padding-inline:9px;border-radius:20px;background:var(--line);font-family:var(--sans);font-size:11.5px;font-weight:700;line-height:1.5;letter-spacing:0;color:var(--muted)}
.ts-step-state[data-state="done"]{background:var(--ok-wash);color:var(--ok)}
.ts-step-state[data-state="running"]{background:var(--ink);color:#fff}
.ts-step-state[data-state="waiting"]{background:var(--mag-wash);color:var(--mag-700)}
.ts-run{display:flex;flex-wrap:wrap;align-items:center;gap:8px 12px}
.ts-vis-pick,.ts-checks{display:flex;flex-wrap:wrap;gap:8px 16px}
.ts-check{display:inline-flex;align-items:center;gap:6px;font-family:var(--sans);font-size:13.5px;font-weight:500;line-height:1.5;letter-spacing:0;color:var(--ink)}
.ts-pick{display:flex;flex-direction:column;gap:8px}
.ts-pick[hidden]{display:none}
.ts-sec > .ghost{align-self:flex-start}
.ts-events{display:flex;flex-direction:column;gap:6px;list-style:none}
.ts-events li{display:flex;flex-wrap:wrap;gap:4px 12px;font-family:var(--sans);font-size:13px;font-weight:500;line-height:1.5;letter-spacing:0;color:var(--ink)}
.ts-events time{font-family:var(--mono);font-size:12px;font-weight:500;line-height:1.5;letter-spacing:0;color:var(--faint)}
.ts-modefield{border:0;display:flex;flex-direction:column;gap:6px}
.ts-bar [hidden]{display:none}