Chat: Bilder, Kamerafoto, Dateien und Sprachnachrichten

- Kundenbereich und Admin-Chat: Bueroklammer-Menue (Bild, Kamera, Datei),
  Mikrofon fuer Sprachnachrichten, Vorschau vor dem Senden mit
  Upload-Fortschritt, Einfuegen (Strg+V) und Hineinziehen von Dateien
- Kamera: am Handy/Tablet die Kamera-App, am Rechner die Kamera im Browser
  mit Vorschau, Kamerawechsel und "Nochmal"
- Sprachnachricht: Aufnahme mit Zeit und Pegel, vorher anhoerbar oder
  direkt senden, hoechstens 5 Minuten
- Verlauf: Bilder (einzeln bzw. Raster, Grossansicht), Player fuer
  Sprachnachrichten, Datei-Kacheln mit Download
- Server: jede Datei einzeln roh hochgeladen (max. 25 MB, 10 je Nachricht,
  max. 3 gleichzeitig), Typ aus dem Inhalt, nur erlaubte Endungen, keine
  Programme; Ablage unter upload-data/chat/<Kunde>/ ausserhalb von public/,
  Auslieferung nur mit Login; Bilder, Audio und PDF inline, alles andere
  als Download (nosniff, CSP sandbox)
- Nicht gesendete Anhaenge werden nach 24 Stunden geloescht
- Benachrichtigungs-Mail nennt nur Art und Namen der Anhaenge
- Appwrite: neues Attribut portalMessages.attachments
  (scripts/setup-chat-collection.mjs, vor dem Deploy ausfuehren)
- Datenschutzerklaerung Abschnitt 6 ergaenzt (Stand 26.09.2026), PDF neu

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

public/admin.html

@@ -82,6 +82,11 @@
       background: rgba(255,255,255,0.06); color: inherit; font: inherit;
     }
     .chat-empty { display: flex; align-items: center; justify-content: center; flex: 1; opacity: 0.6; }
+    /* Anhaenge und Sprachnachrichten (chat-composer.css) im Tuerkis des Admin-Panels */
+    body {
+      --chat-accent: #2dd4bf; --chat-accent-hover: #5eead4; --chat-accent-soft: rgba(94,234,212,0.16);
+      --chat-accent-line: rgba(94,234,212,0.5); --chat-accent-text: #5eead4; --chat-on-accent: #042f2e;
+    }
 
     /* Übernahmegutschriften */
     .credit-filter { display: flex; gap: 8px; margin-bottom: 12px; }
@@ -126,6 +131,7 @@
     .history-item { font-size: 13px; padding: 6px 0; border-bottom: 1px solid rgba(255,255,255,0.06); }
     .history-item:last-child { border-bottom: none; }
   </style>
+  <link rel="stylesheet" href="/chat-composer.css">
 </head>
 <body class="portal-page dashboard-page">
   <div class="dot-background" aria-hidden="true">
@@ -259,6 +265,7 @@
     </section>
   </main>
 
+  <script src="/chat-composer.js"></script>
   <script src="/admin.js"></script>
   <script>
     initAdminPage();