Web: Text-Cursor (I-Beam) nur noch auf echten Eingabefeldern

body bekommt cursor:default (vererbt) -> ueber Text erscheint der Pfeil statt des
I-Beams, damit nicht-editierbarer Text nicht wie ein Eingabefeld aussieht. I-Beam
nur noch auf Text-/Zahlenfeldern & textarea/contenteditable; Hand fuer Links,
Selects, Checkbox/Radio und deren Labels. Klickbares mit eigener Regel (Buttons,
Sortier-Header, Kacheln, klickbare Zeilen) bleibt unveraendert.

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

web/src/styles.css

@@ -40,8 +40,24 @@ body {
   font-size: 14.5px;
   line-height: 1.5;
   -webkit-font-smoothing: antialiased;
+  /* Pfeil als Standard – sonst zeigt der Browser über jedem Text den Text-Cursor
+     (I-Beam), und alles sieht aus wie ein Eingabefeld. cursor wird vererbt. */
+  cursor: default;
 }
 
+/* Text-Cursor nur dort, wo man wirklich tippt. */
+textarea,
+[contenteditable="true"],
+input:where([type="text"], [type="number"], [type="search"], [type="email"],
+            [type="password"], [type="url"], [type="tel"]),
+input:not([type]) { cursor: text; }
+
+/* Hand für klar Klickbares, das noch keine eigene Regel hat (Buttons, Sortier-
+   Header, Kacheln, Menüoptionen, klickbare Zeilen bringen sie schon selbst mit). */
+a[href], select, summary,
+input[type="checkbox"], input[type="radio"], input[type="file"],
+.checklist label, .check-inline, .enforce-toggle { cursor: pointer; }
+
 a { color: var(--accent); text-decoration: none; }
 a:hover { text-decoration: underline; }