/* Fachteil des Moduls: Stile, die nur dieses Modul braucht. Das Gemeinsame
   steht in style.css (Referenz, bei jedem Bau erzeugt). */

/* Die Simonsche Methode: die Auswahl als Kanban-Tafel, das Fokuspaket als die
   eine hervorgehobene Sache. Nur Variablen, die style.css wirklich definiert
   (--border, --blue, --blue-light, --grey) - eine erfundene Variable waere
   eine unsichtbare Farbe (css_variablen_pruefen.py, 30.08.2026). */

/* --- Kanban: die ausgewaehlten Teilaufgaben ------------------------------ */
.kanban { display: flex; gap: .8rem; align-items: flex-start; flex-wrap: wrap; }

.kanban-spalte {
  flex: 1 1 15rem;
  min-width: 15rem;
  border: 1px solid var(--border);
  border-radius: .5rem;
  padding: .6rem .7rem 1rem;
}

.kanban-spalte h4 { margin: 0 0 .5rem; font-size: .95rem; }

.ap-karte {
  border: 1px solid var(--border);
  border-radius: .4rem;
  padding: .5rem .6rem;
  margin-bottom: .5rem;
}

/* Das Fokuspaket ist die eine Sache, an der gerade gearbeitet wird. */
.ap-karte.ap-fokus { border: 2px solid var(--blue); background: var(--blue-light); }

.ap-kopf { line-height: 1.35; }

/* Die Nummer der Teilaufgabe - wie auf Christians Blatt: 1.1, 1.2, 2.17. */
.ap-nr {
  display: inline-block;
  min-width: 1.6rem;
  margin-right: .35rem;
  padding: 0 .3rem;
  border-radius: .25rem;
  background: var(--blue-light);
  color: var(--blue-dark);
  font-size: .78rem;
  text-align: center;
}

/* Fraktal: woraus diese Teilaufgabe herausgefallen ist. */
.ap-eltern { font-size: .82rem; color: var(--grey); }

/* Was tatsaechlich herausgekommen ist - der Satz, wegen dem eine Teilaufgabe
   ueberhaupt als erledigt gilt. */
.ap-ergebnis { font-size: .9rem; }

.ap-knoepfe { margin-top: .4rem; display: flex; gap: .25rem; flex-wrap: wrap; }
.ap-knoepfe button { font-size: .8rem; padding: .15rem .45rem; }

/* --- Fokus --------------------------------------------------------------- */
.fokus-card {
  border: 2px solid var(--blue);
  border-radius: .5rem;
  padding: 1rem 1.1rem;
  margin: .4rem 0 1.2rem;
}

.fokus-titel { font-size: 1.15rem; font-weight: 600; margin-bottom: .35rem; }

/* --- Historie ------------------------------------------------------------ */
.historie { list-style: none; padding-left: 0; margin: .4rem 0 0; }
.historie li { padding: .22rem 0; border-bottom: 1px solid var(--border); }
.historie li:last-child { border-bottom: none; }
.historie li .muted { display: inline-block; min-width: 10.5rem; }