@@ -59,7 +59,7 @@ export default function BelegScanner({ gewerke = [], projekt, verschleissProzent
   const autoZuschnitt = useRef(false)
   const kiBilder = useRef(null) // Stücke des zugeschnittenen Belegs für die KI
   const videoStuecke = useRef(null) // einzelne scharfe Abschnitte aus dem Video-Scan für die KI
-  const galerie = useRef(null), bild = useRef(null), svg = useRef(null)
+  const galerie = useRef(null), handyKamera = useRef(null), bild = useRef(null), svg = useRef(null)
   // Ziehen ohne React-Neuzeichnen: Positionen in einer Ref, SVG direkt aktualisieren
   const live = useRef(null), griff = useRef(null), lupe = useRef(null)
   // Lupe wie bei OneDrive: zeigt die Umgebung des gezogenen Punkts vergrößert mit Fadenkreuz
@@ -280,10 +280,12 @@ export default function BelegScanner({ gewerke = [], projekt, verschleissProzent
     const positionen = alle.filter((p) => !p.privat).map((p) => ({ ...p, anteil: p.verschleiss ? Math.max(0, Math.min(100, parseBetrag(p.anteil) || 0)) : 100 }))
     const privat = alle.filter((p) => p.privat).reduce((a, p) => a + p.gesamt, 0)
     // Originalfoto (komprimiert) und Ecken mitgeben, damit der Zuschnitt später korrigierbar bleibt
-    const roh = { bild: quelle.toDataURL('image/jpeg', 0.7), ecken }
+    // Bild und Rohfoto zusammen klein genug für den Cloud-Upload halten (sonst bleibt der Eintrag auf dem Handy hängen)
+    let rohBild = quelle.toDataURL('image/jpeg', 0.6)
+    if (rohBild.length > 300000) rohBild = quelle.toDataURL('image/jpeg', 0.4)
+    const roh = { bild: rohBild, ecken }
     const privatPositionen = alle.filter((p) => p.privat)
-    // Größe für den Cloud-Upload begrenzen
-    const bildUrl = await ablagefassung(ergebnis)
+    const bildUrl = await ablagefassung(ergebnis, 800000, modus === 'dokument')
     onFertig({ dataUrl: bildUrl, lieferant: ki.lieferant.trim(), datum: ki.datum, betrag, positionen, privat, privatPositionen, roh }, { weiter })
   }
 
@@ -292,6 +294,9 @@ export default function BelegScanner({ gewerke = [], projekt, verschleissProzent
       <div className="space-y-2">
         <div className="text-white/75 text-xs">Beleg flach auf einen dunklen Untergrund legen und den ganzen Beleg fotografieren. Die App prüft, ob die Schrift scharf genug ist – bei langen Belegen führt sie dich danach durch einen Video-Scan.</div>
         <button onClick={() => setFotoKamera(true)} disabled={!!busy} className="w-full rounded-2xl py-3.5 font-bold btn-grad inline-flex items-center justify-center gap-2"><Camera className="w-5 h-5" /> Beleg fotografieren</button>
+        {/* Kamera des Handys selbst: volle Sensorauflösung (deutlich schärfer bei langen Belegen), aber ohne Taschenlampe und Hinweise */}
+        <button onClick={() => handyKamera.current.click()} disabled={!!busy} className="w-full rounded-2xl py-2.5 text-sm font-semibold bg-white/10 border border-white/20 inline-flex items-center justify-center gap-2"><Camera className="w-4 h-4" /> iPhone-Kamera-App öffnen (volle Auflösung)</button>
+        <input ref={handyKamera} type="file" accept="image/*" capture="environment" className="hidden" onChange={laden} />
         <button onClick={() => galerie.current.click()} disabled={!!busy} className="w-full text-white/60 text-xs py-1 inline-flex items-center justify-center gap-1.5"><ImagePlus className="w-3.5 h-3.5" /> Vorhandenes Bild wählen</button>
         <input ref={galerie} type="file" accept="image/*" className="hidden" onChange={laden} />
         {busy && <div className="text-amber text-sm">{busy}</div>}
@@ -403,8 +408,12 @@ export default function BelegScanner({ gewerke = [], projekt, verschleissProzent
                     {gewerke.map((g) => <option key={g} value={g}>{g}</option>)}
                   </select>
                   <input value={p.gesamt} onChange={(e) => setPos(i, { gesamt: e.target.value })} inputMode="decimal" className="w-20 bg-white/10 border border-white/20 rounded-lg px-2 py-1.5 text-sm text-right" />
-                  <button onClick={() => setPos(i, { privat: !p.privat, verschleiss: false })} className={'text-xs px-2 py-1 rounded-lg border ' + (p.privat ? 'border-ember/60 text-ember' : 'border-white/20 text-white/60')}>privat</button>
-                  <button onClick={() => setPos(i, { verschleiss: !p.verschleiss, privat: false, anteil: p.anteil || String(verschleissProzent) })} className={'text-xs px-2 py-1 rounded-lg border ' + (p.verschleiss ? 'border-amber/60 text-amber' : 'border-white/20 text-white/60')}>Verschleiß</button>
+                  {/* eindeutige Wahl: Baustelle (voll berechnet), Verschleiß (Anteil) oder privat (nicht berechnet) */}
+                  <div className="flex rounded-lg overflow-hidden border border-white/20 text-xs">
+                    <button onClick={() => setPos(i, { privat: false, verschleiss: false })} className={'px-2 py-1 ' + (!p.privat && !p.verschleiss ? 'bg-emerald-500/25 text-emerald-300 font-semibold' : 'text-white/60')}>Baustelle</button>
+                    <button onClick={() => setPos(i, { verschleiss: true, privat: false, anteil: p.anteil || String(verschleissProzent) })} className={'px-2 py-1 border-l border-white/20 ' + (p.verschleiss ? 'bg-amber/20 text-amber font-semibold' : 'text-white/60')}>Verschleiß</button>
+                    <button onClick={() => setPos(i, { privat: true, verschleiss: false })} className={'px-2 py-1 border-l border-white/20 ' + (p.privat ? 'bg-ember/20 text-ember font-semibold' : 'text-white/60')}>privat</button>
+                  </div>
                   <button title="Auf dem Beleg zeigen" disabled={suchePos >= 0} onClick={async () => {
                     setSuchePos(i)
                     let markierung = null
 
@@ -62,14 +62,24 @@ export function homographie(src, dst) {
 const abstand = (a, b) => Math.hypot(a.x - b.x, a.y - b.y)
 
 // Bild für die Ablage (Cloud-Sync) klein halten: lange Belege auf max. 1000 px Breite,
-// Qualität so weit senken, bis die Daten-URL unter maxZeichen liegt
-export async function ablagefassung(dataUrl, maxZeichen = 900000) {
+// Qualität so weit senken, bis die Daten-URL unter maxZeichen liegt.
+// dokument: Schwarz-Weiß-Fassung zuerst als PNG mit 4 Graustufen versuchen – gestochen scharf, ohne JPEG-Schlieren
+export async function ablagefassung(dataUrl, maxZeichen = 900000, dokument = false) {
   if (!dataUrl || dataUrl.length <= maxZeichen) return dataUrl
   const img = await ladeBild(dataUrl)
   const f = Math.min(1, 1000 / img.width)
   const c = document.createElement('canvas')
   c.width = Math.round(img.width * f); c.height = Math.round(img.height * f)
-  c.getContext('2d').drawImage(img, 0, 0, c.width, c.height)
+  const ctx = c.getContext('2d')
+  ctx.drawImage(img, 0, 0, c.width, c.height)
+  if (dokument) {
+    const d = ctx.getImageData(0, 0, c.width, c.height), p = d.data
+    for (let i = 0; i < p.length; i += 4) { const g = Math.round((p[i] * 0.3 + p[i + 1] * 0.59 + p[i + 2] * 0.11) / 85) * 85; p[i] = p[i + 1] = p[i + 2] = g }
+    const s = document.createElement('canvas'); s.width = c.width; s.height = c.height
+    s.getContext('2d').putImageData(d, 0, 0)
+    const png = s.toDataURL('image/png')
+    if (png.length <= maxZeichen) return png
+  }
   let url = ''
   for (const q of [0.8, 0.7, 0.6, 0.5, 0.4]) { url = c.toDataURL('image/jpeg', q); if (url.length <= maxZeichen) break }
   return url
 
@@ -359,8 +359,10 @@ function AddSheet({ s, type, defaultGewerk, gewerkeList, onClose, onSave, editEn
             const fmt = (n) => n.toLocaleString('de-DE', { minimumFractionDigits: 2, maximumFractionDigits: 2 }) + ' €'
             const notiz = 'Beleg' + (b.lieferant ? ' ' + b.lieferant : '') + (b.datum ? ' vom ' + new Date(b.datum + 'T12:00:00').toLocaleDateString('de-DE') : '') +
               ' · ' + fmt(b.betrag) + (b.privat > 0 ? ' (davon privat ' + fmt(b.privat) + ', nicht verrechnet)' : '')
-            const pos = b.positionen.length ? b.positionen : [{ bezeichnung: b.lieferant || 'Materialbeleg', menge: 1, gesamt: b.betrag - (b.privat || 0), gewerk }]
-            if (pos.reduce((a, p) => a + p.gesamt, 0) <= 0) { melden('Alle Positionen sind als privat markiert, es gibt nichts zu verrechnen.'); return }
+            // rein privater Beleg: trotzdem ablegen (nur als Dokumentation, nichts wird berechnet)
+            const nurPrivat = !b.positionen.length && (b.privatPositionen || []).length > 0 && b.betrag - (b.privat || 0) <= 0.01
+            const pos = b.positionen.length || nurPrivat ? [...b.positionen] : [{ bezeichnung: b.lieferant || 'Materialbeleg', menge: 1, gesamt: b.betrag - (b.privat || 0), gewerk }]
+            if (!nurPrivat && pos.reduce((a, p) => a + p.gesamt, 0) <= 0) { melden('Der Beleg hat keinen Betrag, es gibt nichts zu verrechnen.'); return }
             const summe = pos.reduce((a, p) => a + p.gesamt, 0)
             // Privatanteil gehört nicht zur Baustelle: Differenz nur gegen den Baustellenanteil rechnen
             const baustelle = b.betrag - (b.privat || 0)
@@ -369,7 +371,7 @@ function AddSheet({ s, type, defaultGewerk, gewerkeList, onClose, onSave, editEn
             for (const p of (b.privatPositionen || [])) pos.push({ ...p, privatDoku: true })
             // je Position eine Millisekunde später: so bleibt die Reihenfolge wie auf dem Beleg erhalten
             const zeitpunkt = (i) => new Date(Date.parse(createdAt) + i).toISOString()
-            onSave(pos.map((p, i) => {
+            const liste = pos.map((p, i) => {
               if (p.privatDoku) return {
                 type: 'material', gewerk: p.gewerk || gewerk, leistung: '', createdAt: zeitpunkt(i), note: notiz, qty: 1, unitCost: 0, dataUrl: '', belegRoh: null,
                 label: (b.lieferant ? b.lieferant + ': ' : '') + p.bezeichnung + ' (privat, nicht berechnet: ' + fmt(p.gesamt) + ')',
@@ -381,8 +383,11 @@ function AddSheet({ s, type, defaultGewerk, gewerkeList, onClose, onSave, editEn
               type: 'material', gewerk: p.gewerk || gewerk, leistung: '', createdAt: zeitpunkt(i), note: notiz,
               label: (b.lieferant ? b.lieferant + ': ' : '') + p.bezeichnung + (anteil < 100 ? ' (Verschleißanteil ' + anteil + ' % von ' + fmt(p.gesamt) + ')' : ''),
               qty: p.menge > 0 ? p.menge : 1, unitCost: Math.round((berechnet / (p.menge > 0 ? p.menge : 1)) * 10000) / 10000,
-              dataUrl: i === 0 ? b.dataUrl : '', belegRoh: i === 0 ? b.roh : null,
-            } }), { weiter: opt && opt.weiter })
+              dataUrl: '', belegRoh: null,
+            } })
+            // der erste Eintrag trägt das Belegbild (auch wenn er privat ist)
+            liste[0] = { ...liste[0], dataUrl: b.dataUrl, belegRoh: b.roh }
+            onSave(liste, { weiter: opt && opt.weiter })
             // Serienscan: Scanner für den nächsten Beleg frisch starten
             if (opt && opt.weiter) setScanNr((n) => n + 1)
           }} />