/* 待办事项 */
.td-add{display:flex;flex-wrap:wrap;gap:.5rem}
.td-add #tdInput{flex:1 1 16rem;min-width:10rem}
.td-add .td-due-in{flex:0 0 9.5rem;width:9.5rem}

.td-toolbar{display:flex;flex-wrap:wrap;align-items:center;gap:.5rem .75rem;margin-top:1rem}
.td-filters{display:flex;flex-wrap:wrap;align-items:center;gap:.25rem 1rem}
.td-filters .form-check{margin:0;padding-left:1.5em}
.td-tools{display:flex;flex-wrap:wrap;gap:.4rem;margin-left:auto}

.td-list{display:flex;flex-direction:column;gap:.4rem;margin-top:.875rem}
.td-list:empty{display:none}
.td-row{display:flex;align-items:center;gap:.6rem;padding:.5rem .65rem;border:1px solid #eef1f5;
  border-radius:.5rem;background:#fff}
.td-row.is-done{background:#fafbfd}
.td-check{flex:none;margin:0;width:1.05rem;height:1.05rem;cursor:pointer}
.td-text{flex:1 1 auto;min-width:0;font-size:.875rem;color:#334155;word-break:break-word;
  cursor:text;padding:.05rem .15rem;border-radius:.25rem}
.td-text:hover{background:#f7f9fb}
.td-row.is-done .td-text{color:#98a2b3;text-decoration:line-through}
.td-edit{flex:1 1 auto;min-width:0;font-size:.875rem}
.td-due{flex:none;font-size:.75rem;color:#8a94a3;font-variant-numeric:tabular-nums}
.td-due.is-over{color:#c92a2a;font-weight:600}
.td-due.is-today{color:#e8590c;font-weight:600}
.td-del{flex:none;border:0;background:none;padding:0 .2rem;color:#adb5bd;font-size:1rem;line-height:1;cursor:pointer}
.td-del:hover{color:#e03131}