Admin: Reiter E-Mail-Speicher, Abo mit Produkt; Schnittstelle fürs Ticketsystem

Co-Authored-By: Claude Fable 5.1 <noreply@anthropic.com>

public/admin.html

@@ -123,6 +123,12 @@
     .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); }
+    /* E-Mail-Speicher: ab der Warnschwelle des Hetzner-Pakets rot */
+    .calc-result.warn { background: rgba(248,113,113,0.12); border-color: rgba(248,113,113,0.45); color: #fca5a5; }
+    .storage-task strong { font-size: 15px; }
+    .storage-partial { color: #fca5a5; }
+    .storage-failed { margin: 14px 0 0; }
+    .storage-failed li { margin: 4px 0; font-size: 14px; }
     .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; }
@@ -158,6 +164,7 @@
       <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>
       <button class="admin-tab" data-tab="offers">Abo-Angebote</button>
+      <button class="admin-tab" data-tab="storage">E-Mail-Speicher</button>
     </div>
 
     <!-- Übersicht -->
@@ -263,6 +270,27 @@
       </div>
       <p class="admin-note">Ein Angebot legt sofort einen einmal einlösbaren Coupon in Stripe an. Ohne laufendes Abo wird er beim Abschluss angewendet (und schaltet die Bestellung für diesen Kunden frei), bei laufendem Abo gilt er ab der nächsten Abbuchung. Nach den Angebotsmonaten gilt automatisch wieder der reguläre Preis.</p>
     </section>
+
+    <!-- E-Mail-Speicher (Zusatzspeicher-Aufgaben fuers Team, Hetzner-Paket) -->
+    <section class="admin-section" id="tab-storage">
+      <div id="storage-summary" class="calc-result">Lade…</div>
+      <div class="admin-table-wrap no-scroll">
+        <table class="admin-table">
+          <colgroup>
+            <col style="width:14%"><col style="width:22%"><col style="width:34%"><col style="width:18%"><col style="width:12%">
+          </colgroup>
+          <thead>
+            <tr><th>Fällig</th><th>Kunde</th><th>Aufgabe in konsoleH</th><th>Bestellt</th><th></th></tr>
+          </thead>
+          <tbody id="storage-rows"><tr><td colspan="5" class="muted">Lade…</td></tr></tbody>
+        </table>
+      </div>
+      <div id="storage-failed" class="storage-failed hidden">
+        <h4>Gescheiterte Änderungen (letzte 30 Tage)</h4>
+        <ul class="recent-list" id="storage-failed-list"></ul>
+      </div>
+      <p class="admin-note">Jedes Abo bringt 5 GB E-Mail-Speicher mit, jedes Zusatzpaket 5 GB dazu. „Einrichten“: Postfachgrenze in konsoleH jetzt auf den Zielwert setzen. „Zum Periodenende“: erst am genannten Tag auf den Zielwert senken. Danach „Erledigt“ drücken – der Kunde hat seine Bestätigung schon bekommen.</p>
+    </section>
   </main>
 
   <script src="/chat-composer.js"></script>