.dashboard-todos{margin-top:17px}
.dashboard-todos .section-title{gap:16px}
.todo-list{display:grid;gap:9px}
.todo-item{display:grid;grid-template-columns:34px minmax(0,1fr) auto;gap:12px;align-items:center;padding:13px;border:1px solid var(--line);border-radius:11px;background:#fff}
.todo-item.completed{background:#f8faf9;color:var(--muted)}
.todo-item.completed>div>strong{text-decoration:line-through}
.todo-item p{margin:5px 0;color:var(--muted);line-height:1.4;overflow-wrap:anywhere}
.todo-item small{display:block;color:var(--muted);margin-top:5px;text-transform:capitalize}
.todo-check{width:32px;height:32px;border:1px solid var(--line);border-radius:50%;background:var(--blush);color:var(--wine);font-size:1.15rem;font-weight:850;cursor:pointer}
.todo-item.completed .todo-check{background:#e7f5ed;color:var(--green)}
.todo-actions{display:flex;gap:7px;flex-wrap:wrap;justify-content:flex-end}
@media(max-width:760px){
  .dashboard-todos .section-title{align-items:flex-start;flex-direction:column}
  .dashboard-todos .section-title .button{width:100%}
  .todo-item{grid-template-columns:34px minmax(0,1fr)}
  .todo-actions{grid-column:2;justify-content:flex-start}
  .todo-actions .button{flex:1 1 110px}
}