/* ============================================================
   idf-kommentare.css - Kommentare als embed-Reiter
   Version: 0.1.0  (apps-v2 #634)

   Wie bei domain/verlauf steht hier NUR, was es sonst nirgends
   gibt. Zeilen-Geometrie, Polster, Hover und Radius kommen aus
   `.idf-sa-relation-item` (functions/detail-modal), Eingabefeld
   und Knopf aus blocks/forms und blocks/buttons.

   KEINE font-size in dieser Datei. Das war der Fehler der ersten
   Verlaufs-Fassung: Inhalt gehört auf --font-base, und den liefert
   die Relation-Liste bereits.
   ============================================================ */

/* Ein Kommentar ist mehrzeilig, eine Verknüpfung ist es nicht.
   `.idf-sa-relation-item` zentriert seine Spalten senkrecht - bei
   drei Zeilen Text stünden „wann · wer" und der Papierkorb dann in
   der Mitte des Absatzes statt an seinem Anfang. */
.km-item { align-items: start; }

/* Die Label-Spalte trägt zwei Dinge übereinander: den Beitrag und den
   Bezug darunter (die Aufgabe, die daraus entstanden ist). Ohne den
   eigenen Stack stünde die Sub-Line hinter dem Text in derselben Zeile. */
.km-label {
  display: flex;
  flex-direction: column;
  gap: var(--space-1);
  min-width: 0;
}

/* Zeilenumbrüche des Verfassers bleiben stehen. Ohne pre-wrap läuft
   eine Aufzählung zu einem Fließtext-Klumpen zusammen, und genau als
   Aufzählung ist sie geschrieben worden. Bewusst nur auf dem Textknoten
   und nicht auf `.km-label`: dort würde pre-wrap den Zeilenumbruch
   ZWISCHEN den beiden Kindern als Leerzeile mitrendern. */
.km-text { white-space: pre-wrap; }

/* Bezug unter dem Beitrag. Optik kommt komplett aus `.idf-link-annot`
   (functions/list-view/grid-css) - hier steht nur, dass die Zeile den
   Platz der Spalte nicht sprengt. */
.km-subline { min-width: 0; }

/* Mount-Punkt der Toggle-Pille. Die Pille selbst ist ein
   IDF.createFlagCheck im compact-Modus, ihre Geometrie und ihre Hover-
   und Aktiv-Zustände kommen von dort. */
.km-flag { display: inline-flex; }

/* Waehrend der Rueckfrage („Aufgabe loeschen?") ist die Pille gesperrt -
   sonst legt ein Doppelklick zwei Aufgaben an. */
.km-flag .is-busy { pointer-events: none; opacity: 0.6; }

/* Eingeklappte ältere Beiträge. OHNE diese Regel bleiben sie sichtbar:
   `.idf-sa-relation-item { display: grid }` ist eine Autoren-Regel und
   schlägt das `[hidden] { display: none }` des Browser-Stylesheets, egal
   wie die Spezifität steht. Dieselbe Falle wie im Verlauf. */
.km-item[hidden] { display: none; }

/* Zeile mit dem Aufklapp-Knopf. Kein Relation-Item, deshalb ohne dessen
   Grid - nur zentrieren. Steht ÜBER der Liste (die ältesten Beiträge
   klappen nach oben weg), darum Abstand unten statt oben. */
.km-mehr {
  list-style: none;
  display: flex;
  justify-content: center;
  padding-bottom: var(--space-2);
}

/* Die Eingabe setzt sich von der Liste ab: sie ist keine weitere Zeile
   des Threads, sondern der Ort, an dem eine dazukommt. */
.km-neu {
  margin-top: var(--space-4);
  padding-top: var(--space-3);
  border-top: 1px solid var(--line);
}

/* Der Knopf steht rechts unter dem Feld, wie im Modal-Fuß. */
.km-aktion {
  display: flex;
  justify-content: flex-end;
}

/* Für `.km-hinweis` steht hier bewusst NICHTS. Der Kasten ist ein reiner
   blocks/hint (`.idf-form-row-full.idf-hint.is-fehler`) und holt Polster,
   Ton, Icon-Position und Zeilenhöhe von dort. Die erste Fassung hatte einen
   „Ansehen"-Knopf im Kasten und dafür eine Regel an dieser Stelle - genau
   die machte die Box höher und schob Icon und Text auseinander. Die Klasse
   bleibt als Haken für den JS-Zugriff. */