/* ── log-list：處理紀錄（一筆一張小卡） ── */
.ll{display:grid;gap:var(--sp-3);container-type:inline-size;container-name:ll}
.ll-list{list-style:none;margin:0;padding:0;display:grid;gap:var(--sp-3)}
.ll-row{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:var(--sp-3);padding:var(--sp-4);border:1px solid var(--line);border-radius:var(--r-md);background:var(--surface-2)}
.ll-row.is-done{border-left:4px solid var(--ok)}
.ll-f{display:block;min-width:0}
.ll-f>span{display:block;font-size:var(--fs-cap);font-weight:700;color:var(--ink-3);margin:0 0 3px;line-height:var(--lh-tight)}
.ll-f input,.ll-f select{width:100%;min-height:var(--tap);padding:var(--sp-2) var(--sp-3);border:1px solid var(--line);border-radius:7px;background:var(--surface);font-size:var(--fs-body)}
.ll-did,.ll-res{grid-column:1/-1}
.ll-end{grid-column:1/-1;display:flex;align-items:center;justify-content:space-between;gap:var(--sp-3)}
.ll-done{display:inline-flex;align-items:center;gap:var(--sp-3);min-height:var(--tap);font-size:var(--fs-sm);font-weight:700;cursor:pointer}
.ll-done input{width:20px;height:20px;margin:0}
.ll-row.is-done .ll-done{color:var(--ok-ink)}
.ll-del{border:1px solid var(--line);background:var(--surface);color:var(--bad-ink);border-radius:7px;min-height:var(--tap);padding:0 var(--sp-6);font-size:var(--fs-sm);font-weight:700}
.ll-empty{margin:0;font-size:var(--fs-cap);color:var(--ink-3)}
.ll-add{border:1.5px dashed var(--line);background:none;border-radius:7px;min-height:var(--tap);font-size:var(--fs-sm);font-weight:700;color:var(--ink-2);width:100%}
/* 夠寬（紀錄區 ≥ 560px，例如編輯視窗）才排三欄；框裡比較窄就兩欄，日期才不會被切掉 */
@container ll (min-width:560px){
  .ll-row{grid-template-columns:minmax(0,1.1fr) minmax(0,.8fr) minmax(0,1.1fr)}
  .ll-did{grid-column:1/3} .ll-res{grid-column:3/4}
}