/* Gestaltung, die nur das Basis-Frontend braucht.
 *
 * WARUM NICHT IN portal.css. Die gemeinsame Gestaltung steckt per go:embed in
 * JEDEM Frontend-Image. Vier Regeln für eine Tabelle, die es nur im
 * Basis-System gibt, ziehen dort vierzehn Images nach sich, in denen sie nie
 * jemand anwendet — und jedes davon muss gebaut, hochgeladen und ausgerollt
 * werden.
 *
 * Hier liegt, was nur hier gilt. Was mehrere Oberflächen brauchen, gehört
 * weiterhin nach portal.css: Eine Regel in zwei Stylesheets läuft auseinander,
 * und dann sieht dieselbe Sache an zwei Stellen verschieden aus.
 */
/* ---------- Änderungsprotokoll: geänderte Felder ---------- */

/* Im Protokoll steht jetzt, WELCHES Feld sich geändert hat und von was auf
   was. Vorher stand dort abgeschnittenes JSON — brauchbar, solange es nur um
   Anmeldungen ging, nutzlos für einen Vergleich. */
.protokoll-felder {
	display: flex;
	flex-direction: column;
	gap: 0.15rem;
}

.protokoll-feld {
	display: flex;
	flex-wrap: wrap;
	align-items: baseline;
	gap: 0.4rem;
	font-size: 0.84rem;
	line-height: 1.4;
}

.protokoll-feld__name {
	font-weight: 600;
	/* Nicht schrumpfen: Die Beschriftung sagt, worum es geht — sie ist das
	   Letzte, was wegfallen darf. */
	flex: none;
}

.protokoll-feld__wechsel {
	display: flex;
	flex-wrap: wrap;
	align-items: baseline;
	gap: 0.35rem;
	min-width: 0;
}

/* Alt und neu müssen sich unterscheiden, OHNE dass man die Reihenfolge kennen
   muss: Der alte Wert steht durchgestrichen und blass, der neue normal. Allein
   am Pfeil zu hängen hieße, bei einem Zeilenumbruch zu raten. */
.protokoll-feld__alt {
	color: var(--text-muted);
	text-decoration: line-through;
	overflow-wrap: anywhere;
}

.protokoll-feld__neu {
	overflow-wrap: anywhere;
}

.protokoll-feld__pfeil {
	color: var(--text-muted);
	flex: none;
}