/* The Tilikausi checklist and doneness lines: doneness is always on
   screen (ui_principles.md #5). */
.doneness { color: var(--muted); margin-block-end: var(--space-4); }
.doneness strong { color: var(--ok); }

.task-list {
  list-style: none;
  margin: 0 0 var(--space-5);
  padding: 0;
  display: grid;
  gap: var(--space-2);
}
.task {
  display: flex;
  gap: var(--space-2);
  align-items: baseline;
}
.task .task-body { min-inline-size: 0; }
.task-mark { color: var(--warn); font-weight: 700; }
.task.is-done .task-mark { color: var(--ok); }
.task.is-done .task-body { color: var(--muted); }
.task.is-upcoming .task-mark,
.task.is-upcoming .task-body { color: var(--muted); }
.task.is-warning .task-body { color: var(--warn); }
.task .task-body .meta { display: block; }

.open-item-form { display: flex; gap: var(--space-2); max-inline-size: 32rem; margin-block-end: var(--space-5); }
.open-item-form input { flex: 1; min-inline-size: 0; }