Dashboard-Reihenfolge, Drei-Punkte-Menü, Mehrrollen-Kürzel, Login-Rechte

- Meine Aufgaben: Projekte in der Reihenfolge der Projektliste, je Konto
  per Ziehen umsortierbar (users.dashboard_reihenfolge)
- Projektliste: Öffnen/Löschen hinter einem "⋯"-Menü
- Avatare je Person statt je Rolle; mehrere Rollen als senkrechte
  Farbstreifen; Titelleiste zieht Rollenänderungen sofort nach
- Nach dem Anmelden vollständiges Konto über /whoami laden (Seitenleiste
  zeigte sonst erst nach Neuladen alle Einträge)

Co-Authored-By: Claude Opus 5.5 <noreply@anthropic.com>

public/styles.css

@@ -4802,6 +4802,7 @@ tr.is-menu-open { background: var(--surface-alt); }
 }
 .board-row:hover .board-row-actions,
 .board-row.open .board-row-actions,
+.board-row.is-menu-open .board-row-actions,
 .board-row-actions:focus-within{ opacity: 1; }
 
 /* Der Ziehgriff steht vor dem Aufklapp-Pfeil. */
@@ -6172,3 +6173,29 @@ html.glas .abw-tl-wer { background: var(--glas-deckend, var(--surface)); }
 /* Verdeckte Abwesenheit einer anderen Person: nur „abwesend“, neutral, nicht änderbar */
 .abw-verdeckt-zeile { --abw-c: var(--text-subtle); }
 .abw-verdeckt-zeile .board-row-main { cursor: default; }
+
+/* ---------- Meine Aufgaben: eigene Reihenfolge der Projekte ----------
+   Griff vorn im Projektkopf (dashGriffDruck()/dashGriffTaste(),
+   js/dashboard/dashboard.js). */
+.dash-proj-griff {
+  display: inline-flex; align-items: center; margin-right: -4px;
+  color: var(--text-subtle); cursor: grab; border-radius: var(--r-sm);
+}
+.dash-proj-griff:hover { color: var(--text); }
+.dash-proj-griff:focus-visible { outline: 2px solid var(--accent); outline-offset: 2px; }
+.dash-proj-griff svg { width: 14px; height: 14px; }
+.dash-proj.ist-gezogen { opacity: .5; }
+#dashReihenfolgeReset:not([hidden]) + #dashAlleKnopf { margin-left: 10px; }
+
+/* Kürzel-Kreis einer Person mit mehreren Rollen (beteiligtenAvatarHtml(),
+   js/utils.js): Segmente in den Rollenfarben, weiße Schrift mit Schatten. */
+.board-avatar.ist-mehrfach {
+  /* Das Verlaufsbild beginnt an der Außenkante des Rands und wiederholt sich
+     nicht — sonst kachelt es in den (durchsichtigen) Rand hinein, und links
+     und rechts erscheint je ein schmaler Streifen der jeweils anderen Farbe. */
+  background-color: transparent;
+  background-origin: border-box;
+  background-repeat: no-repeat;
+  color: #fff; border-color: transparent;
+  text-shadow: 0 0 2px rgba(0,0,0,.55), 0 0 1px rgba(0,0,0,.6);
+}