Aufgaben: Rueckmeldungen ("Aufgaben & Feedback")

Letzter offener Punkt aus dem Konzept, Seite 4: Ein Creator hat laut
Rollenbeschreibung "Aufgaben & Feedback" -- die Aufgaben gab es, das
Feedback nicht. Ohne diese Moeglichkeit endet jede Rueckfrage ausserhalb
des Systems, in WhatsApp, und damit ausserhalb dessen, was spaeter noch
nachvollziehbar ist.

Neue Tabelle aufgaben_notizen. Wer die Aufgabe sehen darf, darf auch
mitreden -- geprueft ueber DIESELBE Sichtbarkeitsregel wie fuer die
Aufgabe selbst. Eine eigene Regel gibt es bewusst nicht: Zwei Regeln
fuer dieselbe Sache laufen irgendwann auseinander, und die Aufgaben-
sichtbarkeit ist die schwierigere von beiden (Creator sieht eigene,
Scout die seiner betreuten Creator, Leitung alles).

404 statt 403, wenn die Aufgabe nicht sichtbar ist -- wer sie nicht
sehen darf, soll nicht erfahren, dass es sie gibt.

Die eigene Rueckmeldung darf jeder zuruecknehmen, fremde nur die
Leitung. Eine Rueckmeldung ist keine Abstimmung: Wer sich vertippt hat,
soll das nicht bei jemandem beantragen muessen.

Der Knopf auf der Karte zeigt die ANZAHL, nicht nur ein Symbol -- so
sieht man ohne Aufklappen, wo schon etwas besprochen wurde, und die
Karte bleibt trotzdem ruhig. Aufgeklappt wird direkt an der Karte, nicht
in einem Fenster: Man liest die Rueckmeldungen im Zusammenhang mit der
Aufgabe, sonst fehlt beim Antworten die Haelfte.

Geprueft:
- Chef und Luna schreiben sich gegenseitig, beide sehen beides
- Mika (fremder Creator) bekommt 404 beim Lesen UND beim Schreiben
- ohne Anmeldung 401, fremde Herkunft 403, leerer Text abgewiesen
- Luna kann Chefs Rueckmeldung nicht loeschen, ihre eigene schon
- Chef kann alle loeschen
- Zaehler auf der Karte stimmt, Handy ohne Ueberlauf, 0 Konsolenfehler

workspace/assets/css/aufgaben.css

@@ -165,3 +165,70 @@
 .karte__stift { margin-left: auto; }
 .karte__kopf { display: flex; align-items: flex-start; gap: 8px; }
 .karte__kopf .karte__titel { flex: 1 1 auto; }
+
+/* ===================================================================
+   Rückmeldungen an einer Aufgabe ("Aufgaben & Feedback", Konzept).
+
+   Direkt an der Karte, nicht in einem Fenster: Man liest sie im
+   Zusammenhang mit der Aufgabe -- sonst fehlt beim Antworten die
+   Hälfte.
+   =================================================================== */
+
+.karte__rueck {
+  display: inline-flex; align-items: center; gap: 7px;
+  margin-top: 10px; padding: 6px 11px; cursor: pointer;
+  background: transparent;
+  border: 1px solid var(--rand); border-radius: 999px;
+  color: var(--text-still); font: inherit; font-size: .76rem;
+  transition: color .16s ease, border-color .16s ease, background .16s ease;
+}
+.karte__rueck:hover { color: var(--text); border-color: rgba(255, 255, 255, .24); }
+/* Wo schon etwas besprochen wurde, sieht man es ohne Aufklappen. */
+.karte__rueck[data-hat="ja"] {
+  color: var(--akzent);
+  border-color: rgba(63, 189, 245, .38);
+  background: rgba(63, 189, 245, .08);
+}
+.karte__rueck[data-offen="ja"] { border-color: rgba(63, 189, 245, .6); color: #fff; }
+.karte__blase {
+  width: 14px; height: 14px; flex: none;
+  fill: none; stroke: currentColor; stroke-width: 1.7;
+  stroke-linecap: round; stroke-linejoin: round;
+}
+
+.rueck {
+  margin-top: 11px; padding-top: 11px;
+  border-top: 1px solid var(--rand);
+}
+.rueck__liste { display: grid; gap: 8px; margin-bottom: 11px; }
+.rueck__eintrag {
+  padding: 9px 12px;
+  background: rgba(255, 255, 255, .035);
+  border: 1px solid var(--rand); border-radius: var(--radius-klein);
+}
+.rueck__kopf { display: flex; align-items: baseline; gap: 8px; margin: 0 0 3px; }
+.rueck__wer { font-size: .79rem; font-weight: 650; color: var(--text); }
+.rueck__wann { font-size: .72rem; color: var(--text-still); }
+.rueck__weg {
+  margin-left: auto; padding: 0 5px; cursor: pointer; line-height: 1;
+  background: none; border: 0; color: var(--text-still); font-size: 1rem;
+}
+.rueck__weg:hover { color: #ffb4b9; }
+.rueck__text {
+  margin: 0; font-size: .85rem; color: var(--text-leise);
+  white-space: pre-wrap; line-height: 1.5;
+}
+
+.rueck__form { display: grid; gap: 8px; justify-items: start; }
+.rueck__feld {
+  width: 100%; padding: 9px 12px;
+  background: rgba(255, 255, 255, .045);
+  border: 1px solid var(--rand); border-radius: var(--radius-klein);
+  color: var(--text); font: inherit; font-size: .86rem; resize: vertical;
+}
+.rueck__feld:focus {
+  outline: none; border-color: rgba(63, 189, 245, .65);
+  box-shadow: 0 0 0 3px rgba(63, 189, 245, .15);
+}
+
+@media (prefers-reduced-motion: reduce) { .karte__rueck { transition: none; } }