.todo-summary{display:flex;flex-wrap:wrap;gap:10px;margin-top:22px}.todo-summary span{padding:8px 12px;border:1px solid var(--line);background:#fffef9;color:#667064;font-size:12px}.todo-summary b{margin-left:4px;color:var(--ink)}
.todo-controls{display:flex;align-items:end;justify-content:flex-end;gap:10px}.todo-field{display:flex;flex-direction:column;gap:6px;color:#766b61;font-size:11px}.todo-field select{padding:9px 28px 9px 10px;border:1px solid var(--line);background:#fffef9;color:var(--ink)}
.todo-item{grid-template-columns:auto minmax(0,1fr) auto auto!important}.todo-main h3{cursor:pointer}.todo-main h3:hover{color:var(--red)}.todo-manage{display:flex;gap:9px;align-items:center}.todo-manage select{padding:8px 9px;border:1px solid var(--line);background:#f7f4e9;color:var(--ink);font-size:12px}.todo-status{font-size:11px;font-weight:700}.todo-priority-high{border-left-color:var(--red)!important}.todo-priority-medium{border-left-color:#c99852!important}.todo-priority-low{border-left-color:var(--moss)!important}.todo-item.is-done{opacity:.68;border-left-color:#94a28d!important}.todo-item.is-done h3{text-decoration:line-through}.todo-item.is-doing{box-shadow:inset 0 0 0 1px #bfcbb8}.todo-remove{width:34px;height:34px;border:1px solid transparent!important}.todo-remove:hover{border-color:var(--line)!important;color:var(--red)}
@media(max-width:900px){.todo-controls{justify-content:flex-start;flex-wrap:wrap}.todo-item{grid-template-columns:auto 1fr!important}.todo-manage,.todo-remove{grid-column:2}.todo-score{grid-column:2}.todo-manage{flex-wrap:wrap}}