.filter-btn {
  padding: 0.25rem 0.75rem;
  border-radius: 9999px;
  color: #64748b;
}
.filter-btn:hover { background: #e2e8f0; }
.filter-btn.active { background: #6366f1; color: #fff; }

.todo-item { transition: opacity .2s; }
.todo-item.done .todo-title { text-decoration: line-through; color: #94a3b8; }
.todo-item .actions { opacity: 0; transition: opacity .15s; }
.todo-item:hover .actions, .todo-item:focus-within .actions { opacity: 1; }
@media (hover: none) { .todo-item .actions { opacity: 1; } }

.prio-high { border-left: 4px solid #ef4444; }
.prio-medium { border-left: 4px solid #f59e0b; }
.prio-low { border-left: 4px solid #10b981; }