feat(web): Dashboard mit Begruessung, Befehlsleiste und ruhigeren Kacheln

Begruessung nach Tageszeit mit Datum, Befehlsleiste oben rechts statt
schwebendem Knopf, einheitliche Kachel-Kopfzeilen mit Symbol, Kalender
mit Pfeilknoepfen, runden Tagen und Terminpunkten, Favoriten als
36-px-Zeilen bzw. App-Starter-Kacheln, Notiz-Kaestchen im Akzent,
leerer Zustand mit drei Vorschlaegen.

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

apps/web/src/app/globals.css

@@ -58,6 +58,8 @@
   --color-status-orphan-fg: var(--status-orphan-fg);
   --color-well: var(--well);
   --color-link: var(--link);
+  --color-tile: var(--tile);
+  --color-tile-foreground: var(--tile-foreground);
   --color-primary-strong: var(--primary-strong);
   --color-input-strong: var(--input-strong);
   --color-appbar: var(--appbar);
@@ -118,6 +120,9 @@
   --ring: oklch(0.3 0.01 260);
   /* Verweise: nie gelbe Schrift auf Weiss. 5,9:1 auf --card. */
   --link: oklch(0.50 0.15 255);
+  /* Neutrale Modul-Kachel (Runde 2: einfarbig statt bunt). */
+  --tile: oklch(0.93 0.004 260);
+  --tile-foreground: oklch(0.35 0.01 260);
   /* Akzent fuer duenne Markierungen (Auswahlpille, Reiter-Unterstrich) auf
      hellem Grund: die Akzentfarbe um knapp ein Drittel abgedunkelt, damit
      auch Gelb neben Hellgrau noch erkennbar bleibt. */
@@ -177,6 +182,8 @@
   --input-strong: oklch(1 0 0 / 0.42);
   --ring: oklch(0.92 0.005 260);
   --link: oklch(0.78 0.11 250);
+  --tile: oklch(0.32 0.01 260);
+  --tile-foreground: oklch(0.88 0.005 260);
   --primary-strong: var(--primary);
 
   --appbar: oklch(0.18 0.01 260);
@@ -502,3 +509,41 @@ input[type="checkbox"], input[type="radio"] {
 .dashboard-has-bg [data-widget-id] {
   box-shadow: 0 0 2px oklch(0 0 0 / 0.14), 0 2px 6px oklch(0 0 0 / 0.16);
 }
+
+/* Begruessung, Befehlsleiste und leerer Zustand: ohne Hintergrund frei auf
+   der Arbeitsflaeche, mit Hintergrund auf derselben Kachelflaeche wie die
+   Widgets (deckend als Rueckfall, durchscheinend wo moeglich). */
+.dashboard-has-bg .dashboard-chrome {
+  padding: 0.375rem 0.75rem;
+  background-color: var(--card);
+  box-shadow: 0 0 2px oklch(0 0 0 / 0.14), 0 2px 6px oklch(0 0 0 / 0.16);
+}
+.dashboard-has-bg [role="toolbar"].dashboard-chrome {
+  padding: 0.25rem;
+}
+@supports ((backdrop-filter: blur(1px)) or (-webkit-backdrop-filter: blur(1px))) {
+  @media not (prefers-reduced-transparency: reduce) {
+    .dashboard-has-bg .dashboard-chrome {
+      background-color: oklch(1 0 0 / 0.86);
+      -webkit-backdrop-filter: blur(20px) saturate(1.2);
+      backdrop-filter: blur(20px) saturate(1.2);
+    }
+    .dark .dashboard-has-bg .dashboard-chrome {
+      background-color: oklch(0.24 0.01 260 / 0.88);
+    }
+  }
+}
+
+/* Notiz-Checklisten: Kaestchen in der Akzentfarbe; der Browser waehlt den
+   Haken selbst hell oder dunkel passend zur Akzentfarbe. */
+:root .widget-note-body input[type="checkbox"] {
+  accent-color: var(--primary);
+  width: 1rem;
+  height: 1rem;
+  margin: 0 0.5rem 0 0;
+  vertical-align: -0.15em;
+}
+:root .widget-note-body .task-list-item {
+  padding-block: 0.125rem;
+  line-height: 1.5rem;
+}