style(web): dunkle App-Leiste und Fluent-Seitenleiste

Kopfzeile 48 px dunkel mit Seitentitel statt immer Startseite,
Dashboard-Reiter mit Akzent-Unterstrich; Seitenleiste mit
Auswahlpille, Modul-Kacheln, aufgeklappten Kategorien und gefuelltem
Suchfeld; eingeklappt nur Kacheln. Einheitlicher PageHeader.

Co-Authored-By: Claude Opus 5.5 (1M context) <noreply@anthropic.com>

apps/web/src/components/brand/tessera-logo.tsx

@@ -20,9 +20,10 @@ export interface TesseraLogoProps {
    * Schaltet die halbtransparente helle Kontur der Grundplatte im dunklen
    * Erscheinungsbild ein. Auf Flaechen, die unabhaengig vom
    * Erscheinungsbild immer hell sind (etwa das gelbe Anmelde-Panel), muss
-   * dies auf `false` gesetzt werden. Vorgabe: `true`.
+   * dies auf `false` gesetzt werden; auf immer dunklen Flaechen (App-Leiste,
+   * Anmelde-Panel) auf `'always'`. Vorgabe: `true`.
    */
-  plateOutline?: boolean;
+  plateOutline?: boolean | 'always';
   /** Zusaetzliche Klassen fuer das aeusserste Element der gewaehlten Variante. */
   className?: string;
   /** Zusaetzliche Klassen fuer den Schriftzug (nur `horizontal`). */
@@ -38,7 +39,7 @@ function LogoMark({
   ariaLabel,
 }: {
   size: number;
-  plateOutline: boolean;
+  plateOutline: boolean | 'always';
   className?: string;
   ariaLabel: string;
 }) {
@@ -61,9 +62,11 @@ function LogoMark({
         fill={BRAND_PLATE}
         strokeWidth={2}
         className={
-          plateOutline
-            ? 'stroke-transparent dark:stroke-white/25'
-            : 'stroke-transparent'
+          plateOutline === 'always'
+            ? 'stroke-white/20'
+            : plateOutline
+              ? 'stroke-transparent dark:stroke-white/25'
+              : 'stroke-transparent'
         }
       />
       {/*