feat(schreibtisch): der Benutzer wird ein Widget, beide Leisten gleich hoch

Die Menueleiste war 34 px hoch, die HoneyBar in den Apps 32 — beim Wechsel sah
man den Sprung. Jetzt beide 32.

Und der Name samt Bild stand rechts in der Menueleiste. Das war das einzige
Stueck, das die HoneyBar in den Apps nicht hat — genau der Unterschied, den man
nicht sehen soll. Er sitzt jetzt als eigenes Widget auf dem Schreibtisch, mit
der Begruessung, die vorher im Systemfenster stand. Beide Leisten tragen damit
ueberall dasselbe.

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

web/style.css

@@ -176,13 +176,13 @@ body {
   align-items: center;
   gap: 10px;
   padding: 0 10px;
-  height: 34px;
-  flex: 0 0 34px;
+  /* 32 px — dieselbe Höhe wie honeybar.js in den Apps (BAR_H). Wer von einer
+     App auf den Schreibtisch wechselt, soll keinen Sprung sehen. */
   border-bottom: 1px solid var(--p-dim);
   background: var(--bg-raised);
   padding-top: env(safe-area-inset-top);
-  height: calc(34px + env(safe-area-inset-top));
-  flex-basis: calc(34px + env(safe-area-inset-top));
+  height: calc(32px + env(safe-area-inset-top));
+  flex: 0 0 calc(32px + env(safe-area-inset-top));
 }
 
 .mb-logo {
@@ -233,7 +233,6 @@ body {
   color: var(--p-mid);
   font-size: 12px;
 }
-.mb-user { opacity: 0.9; }
 .mb-clock { font-variant-numeric: tabular-nums; color: var(--p); }
 
 .mb-btn {
@@ -271,9 +270,10 @@ body {
      das Wetter landete dann neben „system" und schob die Kacheln in die
      schmale linke Spalte. Links stehen die Anzeigen untereinander, rechts
      gehören die Apps, über die volle Höhe. */
-  .win-status { grid-column: 1; grid-row: 1; }
-  .win-weather { grid-column: 1; grid-row: 2; }
-  .tiles { grid-column: 2; grid-row: 1 / span 2; }
+  .win-user { grid-column: 1; grid-row: 1; }
+  .win-status { grid-column: 1; grid-row: 2; }
+  .win-weather { grid-column: 1; grid-row: 3; }
+  .tiles { grid-column: 2; grid-row: 1 / span 3; }
 }
 
 /* Fenster */
@@ -309,11 +309,6 @@ body {
 
 .win-body { padding: 14px; }
 
-.greet {
-  margin: 0 0 12px;
-  font-size: 15px;
-}
-
 .statlist {
   margin: 0;
   display: grid;
@@ -823,13 +818,6 @@ body {
 .login-note b { color: var(--p-mid); font-weight: 400; }
 
 /* Nutzer in der Leiste */
-.mb-avatar {
-  width: 18px;
-  height: 18px;
-  object-fit: cover;
-  border: 1px solid var(--p-dim);
-}
-.mb-avatar[hidden] { display: none; }
 
 /* ── App-Verwaltung ────────────────────────────────────────────────────── */
 .apped { display: flex; flex-direction: column; gap: 10px; }
@@ -972,3 +960,40 @@ body {
 .mb-wx[hidden] { display: none; }
 .mb-wx svg { width: 14px; height: 14px; display: block; }
 @media (max-width: 700px) { .mb-wx-temp { display: none; } }
+
+/* ── Wer angemeldet ist ────────────────────────────────────────────────────
+   Zwei Rahmen, ein Aufbau — Fenster im Terminal-Modus, Schild auf dem
+   Schreibtisch, genau wie beim Wetter. */
+.uw { display: flex; align-items: center; gap: 12px; }
+.uw-bild {
+  width: 40px;
+  height: 40px;
+  flex: 0 0 40px;
+  display: block;
+  border: 1px solid var(--p-dim);
+  object-fit: cover;
+  image-rendering: pixelated;
+}
+.uw-leer { color: var(--p-dim); padding: 4px; }
+.uw-leer svg { width: 100%; height: 100%; display: block; }
+.uw-text { display: flex; flex-direction: column; line-height: 1.3; min-width: 0; }
+.uw-name { color: var(--p); font-size: 15px; }
+.uw-gruss { color: var(--p-mid); }
+.uw-host { color: var(--p-dim); font-size: 12px; }
+.win-user { max-width: 320px; align-self: start; }
+
+/* Die Schilder auf dem Schreibtisch stapeln sich oben rechts. */
+.deskwidgets {
+  position: absolute;
+  top: 14px;
+  right: 14px;
+  z-index: 5;
+  display: flex;
+  flex-direction: column;
+  gap: 10px;
+  align-items: flex-end;
+}
+.deskwidgets .deskwidget { position: static; }
+@media (max-width: 620px) {
+  .deskwidgets { position: static; align-items: stretch; margin: 10px; }
+}