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;
+}

workspace/assets/css/start.css

@@ -3932,7 +3932,19 @@ body[data-fremde-sicht="ja"]::after {
   gap: 14px;
   padding: 13px 15px 13px 17px;
   border: 1px solid var(--rand);
-  border-radius: var(--radius-klein);
+  /* DIE FASE STATT RUNDER ECKEN (08.09.2026).
+
+     Gefunden durch den Formvergleich ueber alle fuenf Rollen: Dieser
+     Baustein war einer von zweien, die noch runde Ecken trugen -- und
+     er faellt auf, weil er auf der Startseite direkt unter Kacheln mit
+     Fase steht.
+
+     Nicht ueber die Modulliste, sondern hier: `::before` traegt die
+     Farbkante links, und die Modulliste braucht dasselbe Pseudo-Element
+     fuer ihre Eckwinkel. Die Kante ist an einer Terminzeile die
+     wichtigere Aussage -- sie sagt, um welche Art Termin es geht. */
+  clip-path: polygon(var(--fase, 18px) 0, 100% 0, 100% 100%, 0 100%, 0 var(--fase, 18px));
+  border-radius: 0;
   /* Ein Hauch der Terminfarbe von links, dann nichts mehr. Die Fläche
      bleibt fast schwarz -- die Farbe soll die Kante betonen, nicht die
      Karte einfärben. */
@@ -4111,7 +4123,11 @@ body[data-fremde-sicht="ja"]::after {
    aria-label sagt den ganzen Satz. */
 .tagesliste__link {
   position: absolute; inset: 0;
-  border-radius: var(--radius-klein);
+  /* Kein eigener Radius mehr: Die Zeile darueber traegt seit dem
+     08.09.2026 die Fase und schneidet mit `overflow: hidden` ohnehin
+     zu. Ein runder Rand hier wuerde nur beim Lesen behaupten, hier sei
+     etwas rund -- sichtbar ist er nie. */
+  border-radius: 0;
 }
 /* "3 weitere Termine heute" -- der Hinweis auf das, was nicht mehr
    in die Kachel passte. Still gehalten: Er ist ein Wegweiser, keine