/* ============================================================
   idf-checklisten-anwendung.css - der Reiter „Checklisten" an Aufgaben
   und Projekten (Issue 1439)

   Zeilen, Kopf, Knoepfe und Pillen kommen aus dem Standard-Artefakt
   (`.idf-sa-relation-*`, `.idf-sa-o2m-item`), aus grid-css
   (`.idf-list-done-pill`, `.idf-list-action-link`, `.idf-pill-tag`) und aus
   blocks/flag-check. Hier steht nur, was eine Checkliste im Fenster anders
   macht als eine Verknuepfung: Unterpunkte eingerueckt wie im Baum der
   Listen (22/44 px), Erledigtes und Uebersprungenes wie im Editor, und Luft
   zwischen zwei genutzten Checklisten.
   ============================================================ */

.idf-cl-reiter .idf-cl-liste + .idf-cl-liste { margin-top: var(--space-4); }

/* Die Kopfzeile einer genutzten Checkliste traegt den Fortschritt vorn. */
.idf-cl-reiter .idf-cl-kopf .idf-sa-relation-label { font-weight: 600; }

/* Einrueckung wie `idf-list-tree` (22/44 px): derselbe Baum soll im Fenster
   nicht anders aussehen als im Editor. */
.idf-cl-reiter .idf-cl-punkt.is-ebene-1 { padding-left: calc(var(--space-3) + 22px); }
.idf-cl-reiter .idf-cl-punkt.is-ebene-2 { padding-left: calc(var(--space-3) + 44px); }

/* Erledigt: durchgestrichen, uebersprungen: kursiv mit Hinweis, beides
   gedaempft (Muster checklisten.css). */
.idf-cl-reiter .idf-cl-punkt.is-erledigt .idf-cl-text { text-decoration: line-through; color: var(--ink-75); }
.idf-cl-reiter .idf-cl-punkt.is-uebersprungen .idf-cl-text { font-style: italic; color: var(--ink-75); }
.idf-cl-reiter .idf-cl-hinweis {
  font-size: var(--font-xs);
  color: var(--ink-50);
  font-style: italic;
}