/* ==========================================================================
   VORMERKUNG — wer von jemand anderem angemeldet wurde  (#787, 26.09.2026)
   ==========================================================================
   Tim am 26.09.2026: „Man kann jetzt andere anmelden. Diese Anmeldung sollte
   bestätigt werden." Abgenommen an der Abnahmeseite (alles A):
   https://claude.ai/artifact/GR2YqJPJfkeBcnni3HKMcJ

   Drei Teile, demonstriert in library-termine.html#vormerkung:

   .tc-vorgemerkt       die Marke „⏳ vorgemerkt von Timmay" — Text, nicht nur
                        Rahmen: Der Zustand steht nie allein in einer Form
                        (#270, dieselbe Regel wie „dabei" / „noch offen").
   .ist-vorgemerkt      der Zustand an seinem Träger — GEPUNKTET. Gestrichelt
                        ist schon vergeben: „vielleicht" (🤞, .ist-unsicher in
                        dashboard.css). Zwei Zustände mit derselben Linie
                        wären einer.
   .tc-vormerkung       der Kasten für die Person selbst, oben im
                        Terminfenster: tc-callout--info mit zwei Knöpfen.

   Wer „vorgemerkt" ist, sagt TerminRegeln.vorgemerkt() (js/termin-regeln.js),
   am Server tmVorgemerkt() (api/termin-lib.php). Hier wird nur gezeichnet.

   ⚠️ DIESE DATEI MUSS NACH dashboard.css UND dashboard-page.css LADEN.
   Die Träger setzen ihren Rahmen dort als Kurzform (`border: 1px solid …`)
   mit gleicher Spezifität — wer früher lädt, verliert.
   ========================================================================== */

/* ---- Die Marke ---------------------------------------------------------- */
.tc-vorgemerkt {
  display: inline-flex;
  align-items: center;
  gap: var(--tc-space-1);
  font-size: var(--tc-text-xs);
  line-height: 1.3;
  padding: 1px 7px;
  border-radius: var(--tc-radius-full);
  border: 1px dotted rgba(var(--tc-highlight-rgb), 0.75);
  color: var(--tc-highlight);
  background: rgba(var(--tc-highlight-rgb), 0.08);
  /* Umbrechen darf sie — am Handy steht sie in einem schmalen Chip, und
     eine Marke, die den Chip aus der Liste drückt, ist schlimmer als eine
     zweizeilige (dieselbe Überlegung wie in .participant-chip). */
  white-space: normal;
  overflow-wrap: anywhere;
}

/* ---- Der Zustand an seinen Trägern ------------------------------------- */
.participant-chip.ist-vorgemerkt,
.pf-char-pip.ist-vorgemerkt,
.pf-roster-entry.ist-vorgemerkt,
.tc-termin-chip.ist-vorgemerkt,
.tc-zusage__haupt.ist-vorgemerkt,
.btn.ist-vorgemerkt,
.tc-button.ist-vorgemerkt {
  border-style: dotted;
}

/* Das Gesicht auf der Terminkarte ist rund und trägt keinen eigenen Rahmen
   (tc-avatar) — dort ein Umriss, der die Überlappung der Reihe nicht
   verschiebt. */
.evt-face.ist-vorgemerkt {
  outline: 2px dotted var(--tc-highlight);
  outline-offset: 1px;
}

/* ---- Der Kasten für die Person selbst ---------------------------------- */
.tc-vormerkung {
  margin: 0 0 var(--tc-space-3);
}
.tc-vormerkung__knoepfe {
  display: flex;
  flex-wrap: wrap;
  gap: var(--tc-space-2);
  margin-top: var(--tc-space-2);
}