adminandClaude Sonnet 5
61b7db30f0
Hauptursache fuer "Text kaum lesbar": globals.css schaltete bei einem System im Dark Mode automatisch auf helle Schrift auf dunklem Hintergrund um (prefers-color-scheme), waehrend jede einzelne Komponente durchgehend hartcodierte helle Tailwind-Klassen nutzt (bg-white, text-slate-800 etc.) - keine ist dark-mode-bewusst. Ergebnis je nach Systemeinstellung: helle Schrift auf hellem Hintergrund. Fix: die automatische Dark-Mode-Umschaltung komplett entfernt, App rendert immer hell (passend zu allen Komponenten), bis es einen echten Dark Mode gibt. Ausserdem: body ueberschrieb die bereits geladene Geist-Schrift mit hartcodiertem Arial-Fallback - behoben. Zusaetzlich alle 33 Stellen mit text-slate-400 (Kontrast ~2.9:1, faellt WCAG AA durch) auf text-slate-500 (~4.6:1, besteht AA) angehoben. Navigation vollstaendig neu gebaut: von einer horizontal umbrechenden Topbar mit ~10 Textlinks (die am PC schlecht aussah und am Handy komplett unbedienbar war, da nichts fuer Mobile vorgesehen war) zu einer echten Sidebar mit Icons (@tabler/icons-react, wie im urspruenglichen Architektur- plan vorgesehen aber bisher nie installiert) und gruppierten Abschnitten (Patienten / Recht & Briefe / Verwaltung / Konto). Unter der lg-Breakpoint wird die Sidebar zu einem Off-Canvas-Drawer mit Hamburger-Button und Backdrop - gleiches Pattern wie die mobile Sidebar der alten App. Co-Authored-By: Claude Sonnet 5 <noreply@anthropic.com>