Die vier Call-Reiter stehen bei jeder Rolle -- und die Tagesliste bekommt die Fase

Filipe mit zwei Bildschirmfotos nebeneinander: "wieso bei den scouts so
und bei den manager so?" Bei Patrick stand EINE Tafel ueber die volle
Breite, bei Schulle vier nebeneinander.

DIE URSACHE war zweimal derselbe Satz Code an zwei Stellen in calls.js:

  `if (!liste.length) continue;`   eine leere Gruppe wurde nicht gebaut
  `... return;`                     sind ALLE leer, gab es nur einen Satz

Wer nichts Offenes hat, sah damit nicht "weniger", sondern eine anders
AUFGETEILTE Seite: Bei einer Tafel zieht sich diese ueber die ganze
Reihe. Genau derselbe Fehler wie bei den Aufgabenzahlen auf der
Startseite heute -- und dieselbe Loesung: Die Tafel bleibt stehen, wird
gedaempft und zeigt eine Null. "Protokoll fehlt: 0" ist eine Aussage,
ein fehlender Reiter ist keine. Leere Tafeln starten zugeklappt --
aufklappen wuerde nur eine leere Liste zeigen.

Der Hinweis "Noch keine Calls" bleibt, er ist nuetzlich, und steht jetzt
UEBER den vier Tafeln statt an ihrer Stelle.

DABEI EINEN ZWEITEN FEHLER GEBAUT UND GESEHEN: Der Hinweis wurde damit
zum Geschwister der Tafeln, und `.call-brett` ist ein Flex-Kasten in
EINER Reihe -- er nahm sich eine Spalte und quetschte die vier Tafeln
daneben auf je 80 px. Im Bildschirmfoto standen vier Stummel neben einem
breiten Satz. Behoben mit `flex-wrap: wrap` und voller Breite fuer den
Hinweis; nachgemessen stehen die vier jetzt bei je 280 px.

DAZU EIN BEFUND AUS DEM FORMVERGLEICH ueber alle fuenf Rollen:
`.tagesliste__punkt` (die Terminzeilen auf der Startseite) trug noch
runde Ecken -- direkt unter Kacheln mit Fase. Sie bekommt den Zuschnitt
von Hand, nicht ueber die Modulliste: `::before` traegt die Farbkante
links, die sagt, um welche Art Termin es geht, und die Modulliste
braucht dasselbe Pseudo-Element fuer ihre Eckwinkel.

NACHGEMESSEN ueber drei Rollen: scout 4 Reiter, admin 4, creator 4 --
alle mit derselben Aufteilung.
pruef-abbrechen-optik EXIT=0 (27), pruef-start-ansicht EXIT=0 (140),
pruef-css-klassen EXIT=0 (28).

Co-Authored-By: Claude Opus 5 <[email protected]>

workspace/assets/css/calls.css

@@ -655,3 +655,42 @@
 @media (forced-colors: active) {
   .call-brett .gruppe { background: Canvas; box-shadow: none; border: 1px solid CanvasText; }
 }
+
+/* EINE LEERE TAFEL BLEIBT STEHEN -- gedaempft (08.09.2026).
+
+   Filipe hatte zwei Bildschirmfotos nebeneinander gestellt: bei einem
+   Scout EINE Tafel ueber die volle Breite, bei einer Managerin vier
+   nebeneinander. Der Grund war, dass leere Gruppen gar nicht gebaut
+   wurden (calls.js) -- die Seite war damit nicht nur leerer, sondern
+   anders aufgeteilt.
+
+   Jetzt stehen immer alle vier. Die leeren treten zurueck, statt zu
+   verschwinden: weniger Deckkraft, die Null in Grau. Dieselbe Sprache
+   wie bei den Aufgabenzahlen auf der Startseite -- gedaempft ist auch
+   eine Antwort, nur eine leise. */
+.gruppe[data-leer="ja"] { opacity: .58; }
+.gruppe[data-leer="ja"] .stufe__zahl {
+  color: var(--text-still);
+  background: rgba(150, 186, 220, .09);
+  border-color: rgba(150, 186, 220, .14);
+}
+.gruppe[data-leer="ja"] .stufe__titel { color: var(--text-leise); }
+
+/* DER LEER-HINWEIS STEHT UEBER DEN TAFELN, NICHT NEBEN IHNEN.
+
+   Seit dem 08.09.2026 bleiben alle vier Tafeln stehen, auch wenn nichts
+   drin ist -- damit die Seite bei jeder Rolle gleich aufgebaut ist.
+   Der Hinweis "Noch keine Calls" ist damit zum GESCHWISTER der Tafeln
+   geworden, und `.call-brett` ist ein Flex-Kasten in einer Reihe: Er
+   nahm sich eine Spalte und quetschte die vier Tafeln daneben auf je
+   80 Pixel zusammen. Im Bildschirmfoto standen vier Stummel neben
+   einem breiten Satz.
+
+   `width: 100%` plus Umbruch loest das: Der Hinweis nimmt die ganze
+   erste Zeile, die vier Tafeln stehen darunter nebeneinander wie
+   immer. */
+.call-brett { flex-wrap: wrap; }
+.call-brett > .leer-hinweis {
+  width: 100%;
+  margin-bottom: 4px;
+}