Verfuegbarkeits-Ampel im Eingang -- und eine eigene Gruppe fuer Team Dogi

Filipe: "ich will dass die kacheln von den modis bei der rolle dogfather
eine eigene kategorie haben. damit ich nicht zwischen den kacheln
suchen muss."

DIE AMPEL (Blueprint 7.1). Der Eingang zeigt je Person sieben Tage:
gruen frei, gelb belegt, rot voll ab 180 Minuten. Die Abfrage sammelt
Termine ueber VIER Wege (creator_id, teilnehmer_id, erstellt_von und
die Tabelle termin_teilnehmer) -- ueber nur einen davon waeren die
meisten Termine unsichtbar geblieben und die Ampel dauerhaft gruen.
Sie waehlt NIE titel, beschreibung oder ort: Filipe soll sehen, WANN
jemand kann, nicht WAS die Person vorhat. Belegung ist Arbeitslage,
Inhalt ist privat.

DIE GRUPPE. Die zwei Team-Kacheln standen zwischen einundzwanzig
anderen. Jetzt tragen sie `gruppe: "Team Dogi"` und `gruppeNach:
"Täglich"`; start.js setzt eine so markierte Gruppe direkt HINTER die
genannte statt ans Ende. Ohne das waere sie unten gelandet -- richtig
gruppiert und trotzdem zum Suchen.

Das Ideen-Board ist dabei aus workspace/assets/js/bereiche.js
ausgezogen. Es stand dort mit `rollen: ['admin']` in einer Datei, die
jeder Modi herunterlaedt: die Kachel war unsichtbar, ihr Name nicht.
Jetzt liefert der Server sie, wie den Eingang auch.

DREI FEHLER, DIE DER BILDSCHIRM GEZEIGT HAT, NICHT DER CODE:

  Das Profilbild sprengte die Karte. teamlage.js baute ein blankes
  <img> in `.tperson__zeichen` -- ohne die Klasse `tperson__bild`, die
  es auf 44 px begrenzt. Gemeldet hat es Filipe mit einem Bildschirm-
  foto, nicht eine Pruefung.

  Der Eingang hatte ueberhaupt keine Buehne. `zuSeite()` sucht nur in
  bereiche.js, und die Eingangs-Kachel kommt vom Server -- der Rueck-
  fall war ausgerechnet der Spicy-Wasserfall. Jetzt haengt das Bild an
  `data-buehne="eingang"` im CSS, wo kein Skript daran vorbeikommt.

  Pausierte Mitglieder verschwanden. `WHERE aktiv = 1` versteckte sie
  samt ihrer offenen Meldungen. Jetzt stehen sie hinten, sichtbar
  gekennzeichnet.

DIE ERWARTUNG IN pruef-start-ansicht steht auf FUENF Gruppen, in
ihrer Reihenfolge -- die Position ist hier die eigentliche Aussage.
Eine Gruppe, die ans Ende rutscht, faellt auf dem Bildschirm kaum auf.
Die Kachelzahl blieb bei 24: umgezogen, nichts hinzugefuegt.

pruef-team-ampel 28, pruef-team-stufen 24, pruef-rollen 274,
pruef-crew-adresse 123, pruef-modi-ideen 30, pruef-modi-wortleck 5,
pruef-zwischenspeicher 21, pruef-start-ansicht gruen.

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

workspace/assets/css/team.css

@@ -231,6 +231,15 @@
   border: 1px solid color-mix(in srgb, var(--r) 40%, transparent);
   flex: none;
 }
+/* SICHERHEITSNETZ (10.09.2026). In der Blase steht ein BUCHSTABE --
+   ein Bild gehoert in `.tperson__bild` daneben. Genau das ist einmal
+   schiefgegangen: ein blankes <img> darin, ohne Groesse, ohne
+   `overflow: hidden` am Elternteil -- das Foto lief ueber die ganze
+   Kachel. Behoben ist es im Skript; diese zwei Zeilen sorgen dafuer,
+   dass derselbe Fehler beim naechsten Mal nichts mehr anrichtet. */
+.tperson__zeichen { overflow: hidden; }
+.tperson__zeichen > img { width: 100%; height: 100%; object-fit: cover; }
+
 .tperson__zeichen {
   width: 44px; height: 44px; border-radius: 50%;
   display: grid; place-items: center; flex: none;
@@ -564,3 +573,59 @@
     color-mix(in srgb, #8fd6a6 76%, #5f8a9f));
 }
 @media (prefers-reduced-motion: reduce) { .tfort__zeile { transition: none; } }
+
+/* =======================================================================
+   DIE VERFUEGBARKEITS-AMPEL (Blueprint 7.1, 10.09.2026)
+
+   Sieben Tage, drei Farben. Sie sagt, OB jemand kann -- nie, was er
+   vorhat. Diese Grenze steht im Blueprint und laeuft hier mitten durch
+   eine Kachel; deshalb ist sie auch im Quelltext an beiden Enden
+   vermerkt.
+
+   DREI FARBEN, DIE MAN AUCH OHNE FARBE UNTERSCHEIDET: Wer Rot und Gruen
+   nicht auseinanderhaelt -- rund acht Prozent der Maenner --, sieht sonst
+   drei gleiche Kaesten. Deshalb tragen die drei Stufen zusaetzlich
+   verschieden viel FUELLUNG: frei ist nur umrandet, teils halb, voll
+   ganz. Und der Titel beim Draufzeigen sagt es in Worten.
+   ==================================================================== */
+.tampel {
+  display: grid; gap: 7px;
+  margin-top: 12px; padding-top: 11px;
+  border-top: 1px solid var(--rand);
+}
+.tampel__schild {
+  font-size: .72rem; font-weight: 700; letter-spacing: .1em;
+  text-transform: uppercase; color: var(--text-still);
+}
+.tampel__woche {
+  display: grid; gap: 4px;
+  grid-template-columns: repeat(7, 1fr);
+}
+.tampel__tag {
+  display: grid; place-items: center;
+  padding: 7px 0 6px; border-radius: 8px;
+  font-size: .7rem; font-weight: 700; letter-spacing: .02em;
+  cursor: default;
+  border: 1px solid var(--rand);
+}
+/* FREI: nur ein Rahmen. Nichts eingetragen ist auch optisch nichts. */
+.tampel__tag--frei {
+  color: var(--text-leise);
+  background: transparent;
+}
+/* TEILS: halb gefuellt -- ein Verlauf, der unten aufhoert. Er ist der
+   Unterschied, den man auch in Graustufen sieht. */
+.tampel__tag--teils {
+  color: color-mix(in srgb, #ffc978 84%, #ffffff);
+  border-color: color-mix(in srgb, #ffc978 38%, transparent);
+  background: linear-gradient(180deg, transparent 48%, rgba(255, 201, 120, .18) 48%);
+}
+/* VOLL: ganz gefuellt. */
+.tampel__tag--voll {
+  color: color-mix(in srgb, #ff9aa2 86%, #ffffff);
+  border-color: color-mix(in srgb, #ff9aa2 42%, transparent);
+  background: rgba(255, 154, 162, .17);
+}
+.tampel__satz {
+  font-size: .76rem; color: var(--text-still); line-height: 1.5;
+}