/* ── todo-detail：一件事的展開區（框裡、編輯視窗裡共用） ── */
.td{display:grid;gap:var(--sp-4);min-width:0}
.td-f{display:block;min-width:0}
.td-f>span,.td-who legend,.td-log h5{display:block;font-size:var(--fs-cap);font-weight:700;color:var(--ink-3);margin:0 0 3px;line-height:var(--lh-tight)}
.td-f input,.td-f select,.td-f textarea{width:100%;min-height:var(--tap);padding:var(--sp-3) var(--sp-4);border:1px solid var(--line);border-radius:7px;
  background:var(--surface);font-size:var(--fs-body);line-height:var(--lh-tight)}
.td-f textarea{resize:vertical;min-height:64px}
.td-row3{display:grid;grid-template-columns:minmax(0,1.1fr) minmax(0,1fr) minmax(0,.8fr);gap:var(--sp-3)}
.td-prog{margin:0;font-size:var(--fs-sm);color:var(--ink-2);display:flex;flex-wrap:wrap;gap:var(--sp-1) var(--sp-5)}
.td-got b{color:var(--ok-ink);font-variant-numeric:tabular-nums}
.td-talk{color:var(--warn-ink)}
.td-who{border:0;padding:0;margin:0;min-width:0}
.td-chks{display:flex;flex-wrap:wrap;gap:var(--sp-1) var(--sp-3)}
.td-chk{display:inline-flex;align-items:center;gap:var(--sp-2);min-height:var(--tap);padding:0 var(--sp-4);border:1px solid var(--line);border-radius:var(--r-pill);
  background:var(--surface);font-size:var(--fs-sm);cursor:pointer}
.td-chk input{width:18px;height:18px;margin:0}
.td-chk:has(input:checked){border-color:var(--people);background:var(--people-bg);color:var(--people-ink);font-weight:700}
.td-chk.is-gone span{color:var(--ink-3);font-style:italic}
.td-log h5{margin-top:var(--sp-2)}