From c6a03c1a389a27caa4fb90a7ddd3d65f8c78aad5 Mon Sep 17 00:00:00 2001
From: Clemens Creutzburg <creutzburg@ctb-it.de>
Date: Wed, 22 Jul 2026 17:48:17 +0200
Subject: [PATCH] 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        | 23 +++++++++++++++++++++--
 mandant-einstellungen.php |  2 +-
 2 files changed, 22 insertions(+), 3 deletions(-)

diff --git a/assets/css/app.css b/assets/css/app.css
index be25d5b..0717c9d 100644
--- a/assets/css/app.css
+++ b/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;
+}
diff --git a/mandant-einstellungen.php b/mandant-einstellungen.php
index ae65450..a4fbd27 100644
--- a/mandant-einstellungen.php
+++ b/mandant-einstellungen.php
@@ -249,7 +249,7 @@ include 'nav.php';
                         $selectable = billing_plan_selectable_for($pdo, (int)$user['tenant_id'], $planCode);
                         $isSelfService = $plan['stripe_lookup_key'] !== null || $planCode === 'free';
                     ?>
-                    <tr<?php echo $isCurrent ? ' class="hint-box success"' : ''; ?>>
+                    <tr<?php echo $isCurrent ? ' class="tarif-aktuell"' : ''; ?>>
                         <td><?php echo saas_html($plan['label']); ?></td>
                         <td><?php echo $plan['max_participants'] !== null ? (int)$plan['max_participants'] : 'unbegrenzt'; ?></td>
                         <td><?php echo $plan['price_cents'] > 0 ? saas_html(saas_format_money_cents($plan['price_cents'])) . ' €' : 'kostenlos'; ?></td>