Systemmenue im Logo, in beiden Leisten

Das ■ HONEYOS ist jetzt ein Menue statt eines Links: Schreibtisch,
Einstellungen, HoneyBar einklappen, Abmelden. In fremden Apps sind es
Links auf den Schreibtisch (?einstellungen=1 / ?abmelden=1), weil die
HoneyBar dort nicht schreiben darf — Sitzung und CSRF-Pruefwort ueber-
leben die Site-Grenze nicht, und ein Abmelden per Aufruf koennte jede
Seite ausloesen.

Der Abmeldeknopf in der Menueleiste faellt weg (stand doppelt), und
Abmelden erscheint nur, wenn HoneyOS ueberhaupt anmeldet — dafuer gibt
/api/apps jetzt oidc mit heraus. Nebenbei: restliche 'Leiste' im Text
zu 'HoneyBar' vereinheitlicht.

web/css/style.css

@@ -769,6 +769,14 @@ body {
   box-shadow: 0 -8px 30px rgba(0, 0, 0, 0.6);
 }
 .startmenu[data-open="1"] { display: flex; }
+/* Dasselbe Menü, nur andersherum aufgehängt: das Startmenü wächst aus der
+   Taskleiste nach oben, das Systemmenü aus der Menüleiste nach unten. */
+.sysmenu {
+  top: calc(32px + env(safe-area-inset-top) + 2px);
+  bottom: auto;
+  box-shadow: 0 10px 30px rgba(0, 0, 0, 0.6);
+}
+.mb-logo[aria-expanded="true"] { background: var(--p-faint); }
 .startmenu .sm-head {
   padding: 4px 8px;
   font-size: 10px;
@@ -846,7 +854,7 @@ body {
 }
 .login-note b { color: var(--p-mid); font-weight: 400; }
 
-/* Nutzer in der Leiste */
+/* Nutzer in der HoneyBar */
 
 /* ── App-Verwaltung ────────────────────────────────────────────────────── */
 .apped { display: flex; flex-direction: column; gap: 10px; }
@@ -980,7 +988,7 @@ body {
 .wx-hit:hover { border-color: var(--p-faint); color: var(--p); }
 
 /* Wetter in der Menüleiste — dasselbe Maß wie in honeybar.js, damit die
-   Leiste hier und die in den Apps nicht unterschiedlich aussehen. */
+   HoneyBar hier und die in den Apps nicht unterschiedlich aussehen. */
 .mb-wx {
   display: flex;
   align-items: center;