Tarif-Tabelle: hervorgehobene Zeile war keine Tabellenzeile mehr

Die aktuell gebuchte Tarifzeile trug class="hint-box success" auf dem <tr>.
.hint-box macht aus dem Element einen Flex-Container - auf einer Tabellenzeile
loest das die Spaltenaufteilung auf. Mit dem Grundstil aus main.css lagen die
Zellen noch nebeneinander und das fiel kaum auf; durch das in d18c55e
ergaenzte flex-direction: column standen sie dann untereinander.

Behoben an der Ursache statt am CSS: Die Zeile bekommt eine eigene Klasse
.tarif-aktuell und bleibt eine normale Tabellenzeile, die Hervorhebung laeuft
ueber Hintergrund und einen Akzentstreifen an der ersten Zelle. Zusaetzlich
ist die flex-direction-Regel jetzt auf div.hint-box eingegrenzt, damit die
Klasse auf einem Tabellenelement nicht erneut die Spalten zerstoeren kann.

Geprueft: http-smoke 34/0, role-matrix 55/0, settings-flow 15/0.

Co-Authored-By: Claude Opus 4.8 <noreply@anthropic.com>

assets/css/app.css

@@ -121,7 +121,26 @@ input[type="radio"] + label {
 }
 
 /* Mehrere Absaetze/Listen in einer Box sollen untereinander stehen statt
-   nebeneinander (Flex-Grundstil). */
-.hint-box {
+   nebeneinander (Flex-Grundstil).
+   Bewusst auf div eingegrenzt: .hint-box macht aus einem Element einen
+   Flex-Container. Auf einer Tabellenzeile zerstoert das die Spalten - fuer
+   hervorgehobene Zeilen gibt es .tarif-aktuell weiter unten. */
+div.hint-box {
 	flex-direction: column;
 }
+
+/* ---------------------------------------------------------------------------
+ * Hervorgehobene Tabellenzeile (aktuell gebuchter Tarif)
+ *
+ * Muss eine normale Tabellenzeile bleiben, damit die Zellen unter ihren
+ * Spaltenueberschriften stehen.
+ * ------------------------------------------------------------------------ */
+tr.tarif-aktuell > td {
+	background: #e8fbe8;
+	color: #1b5e20;
+	font-weight: 600;
+}
+
+tr.tarif-aktuell > td:first-child {
+	box-shadow: inset 5px 0 0 0 #4caf50;
+}