Abo: Uebernahmegutschrift fuer beim Altanbieter bezahlte Leistungen

- Kunde (Dashboard, nur mit laufendem Abo): Antrag mit Leistung, Anbieter,
  Domain, Rechnungsbetrag/-zeitraum, Grund, Rechnungsnachweis (PDF/JPG/PNG)
  und E-Mail fuer die Antwort; Eingangsbestaetigung per Mail, Status und
  Antwort auf Rueckfragen im Portal
- Admin-Mail mit Link admin.html?gutschrift=<id> (Login leitet zurueck)
- Admin-Tab "Gutschriften": Kunde und Vertrag, Nachweise, Verlauf,
  automatische Pruefungen (Duplikate per Datei-Hash/Domain, Abo, Zeitraum,
  DNS-Abgleich Nameserver/MX mit Anbieter), Pflicht-Checkliste, Rechner
  (tagesgenau anteilig), Genehmigen/Rueckfrage/Ablehnen mit Kundenmail
- Genehmigte Gutschrift als Stripe-Kundenguthaben (idempotent, Nachbuchen
  bei Stripe-Stoerung)
- Nachweise in upload-data/ (gitignored), Loeschung abgelehnter nach 6 Monaten
- Stundenkontingent auch fuer Monate, die ein Guthaben komplett deckt
  (invoice.total statt amount_paid)
- Datenschutzerklaerung Abschnitt 7 ergaenzt, PDF neu erzeugt
- Collection takeoverCredits in setup-abo-collections.mjs

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

public/admin.html

@@ -82,6 +82,49 @@
       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; }
+
+    /* Übernahmegutschriften */
+    .credit-filter { display: flex; gap: 8px; margin-bottom: 12px; }
+    .credit-filter button {
+      background: rgba(255,255,255,0.06); border: 1px solid rgba(255,255,255,0.14);
+      color: inherit; padding: 5px 13px; border-radius: 999px; cursor: pointer; font: inherit; font-size: 13px;
+    }
+    .credit-filter button.active { background: rgba(94,234,212,0.16); border-color: rgba(94,234,212,0.5); }
+    tr.credit-active td { background: rgba(94,234,212,0.07); }
+    .credit-detail { margin-top: 18px; }
+    .credit-head { display: flex; justify-content: space-between; align-items: flex-start; gap: 12px; flex-wrap: wrap; margin-bottom: 8px; }
+    .credit-head h3 { margin: 0; }
+    .credit-cols { display: grid; grid-template-columns: repeat(auto-fit, minmax(320px, 1fr)); gap: 22px; }
+    .credit-cols h4 { margin: 16px 0 6px; font-size: 13px; text-transform: uppercase; letter-spacing: 0.05em; opacity: 0.7; }
+    .credit-cols h4:first-child { margin-top: 4px; }
+    .kv { display: grid; grid-template-columns: max-content 1fr; gap: 4px 14px; font-size: 14px; margin: 0; }
+    .kv dt { opacity: 0.6; }
+    .kv dd { margin: 0; overflow-wrap: anywhere; }
+    .pre { white-space: pre-wrap; font-size: 14px; margin: 0; overflow-wrap: anywhere; }
+    .check-list { list-style: none; margin: 0; padding: 0; font-size: 14px; }
+    .check-list li { padding: 5px 0 5px 26px; position: relative; border-bottom: 1px solid rgba(255,255,255,0.06); }
+    .check-list li:last-child { border-bottom: none; }
+    .check-list li::before { position: absolute; left: 2px; top: 5px; font-weight: 700; }
+    .check-list li.ok::before { content: '✓'; color: #4ade80; }
+    .check-list li.warn::before { content: '!'; color: #fbbf24; left: 6px; }
+    .check-list li.info::before { content: 'i'; color: #7dd3fc; left: 6px; font-style: italic; }
+    .check-list small { display: block; opacity: 0.6; font-size: 12px; overflow-wrap: anywhere; }
+    .manual-checks label { display: flex; gap: 9px; align-items: flex-start; font-size: 14px; padding: 4px 0; cursor: pointer; }
+    .manual-checks input { margin-top: 3px; width: 16px; height: 16px; accent-color: #5eead4; flex: none; }
+    .calc-grid { display: grid; grid-template-columns: repeat(auto-fit, minmax(130px, 1fr)); gap: 10px; }
+    .calc-grid label, .credit-field label { display: block; font-size: 12px; opacity: 0.7; margin-bottom: 4px; }
+    .credit-input { width: 100%; box-sizing: border-box; padding: 7px 10px; border-radius: 9px; border: 1px solid rgba(255,255,255,0.2);
+      background: rgba(255,255,255,0.06); color: inherit; font: inherit; font-size: 14px; }
+    .credit-input option { color: #111; }
+    textarea.credit-input { min-height: 80px; resize: vertical; }
+    .calc-result { margin: 10px 0; padding: 9px 12px; border-radius: 10px; font-size: 14px; background: rgba(94,234,212,0.08); border: 1px solid rgba(94,234,212,0.3); }
+    .credit-field { margin-top: 10px; }
+    .credit-actions { display: flex; flex-wrap: wrap; gap: 8px; margin-top: 12px; }
+    .mini-btn:disabled { opacity: 0.45; cursor: default; }
+    .mini-btn.danger { border-color: rgba(248,113,113,0.5); }
+    .credit-msg { margin-top: 10px; font-size: 14px; }
+    .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>
 </head>
 <body class="portal-page dashboard-page">
@@ -107,6 +150,7 @@
       <button class="admin-tab" data-tab="projects">Projekte</button>
       <button class="admin-tab" data-tab="customers">Kunden</button>
       <button class="admin-tab" data-tab="chat">Chat <span id="admin-chat-badge" class="badge-pill hidden"></span></button>
+      <button class="admin-tab" data-tab="credits">Gutschriften <span id="admin-credit-badge" class="badge-pill hidden"></span></button>
     </div>
 
     <!-- Übersicht -->
@@ -169,6 +213,24 @@
         </div>
       </div>
     </section>
+
+    <!-- Übernahmegutschriften -->
+    <section class="admin-section" id="tab-credits">
+      <div class="credit-filter">
+        <button type="button" class="active" data-credit-filter="open">Offen</button>
+        <button type="button" data-credit-filter="all">Alle</button>
+      </div>
+      <div class="admin-table-wrap">
+        <table class="admin-table">
+          <thead>
+            <tr><th>Eingang</th><th>Kunde</th><th>Leistung / bisher bei</th><th>Rechnung</th><th>Bezahlt bis</th><th>Status</th><th></th></tr>
+          </thead>
+          <tbody id="credit-rows"><tr><td colspan="7" class="muted">Lade…</td></tr></tbody>
+        </table>
+      </div>
+      <div id="credit-detail" class="portal-card credit-detail hidden"></div>
+      <p class="admin-note">Übernahmegutschrift: Der Kunde hat Domain, Hosting oder E-Mail beim bisherigen Anbieter schon bezahlt. Nach der Prüfung wird der doppelt bezahlte Anteil als Guthaben in Stripe gebucht und mit den nächsten Abo-Rechnungen verrechnet.</p>
+    </section>
   </main>
 
   <script src="/admin.js"></script>