Tidy the mail and system screens and let the mail log be cleared

Text in admin cards had no size of its own, so 16px browser default sat
next to 13px notes; cards now use 13px throughout while fields stay at
16px for iOS. The mail page gets option cards, a 2x2 SMTP grid, a styled
save button in the card foot and a log with status pills and collapsed
server messages, plus "Protokoll leeren". The package card uses the same
sections and a styled file picker. The E-Mail-Versand subitem only shows
inside System and sits beside it in the horizontal strip.

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

templates/admin/system.html.twig

@@ -268,22 +268,22 @@
     <div class="card-body">
         <p class="muted">Ein Inhaltspaket enthält Seiten mit allen Fassungen, Bereiche, Menüs, Medien und PDFs, Formulare, Weiterleitungen, Kategorien, Übersetzungen, Design und Einstellungen. Nicht darin: Anfragen, Statistik, Zugangsdaten zu Diensten (Turnstile) und – ohne Häkchen – die Konten.</p>
 
-        <h3>Exportieren</h3>
-        <form action="{{ path('admin_package_export') }}" method="post">
+        <form class="card-section" action="{{ path('admin_package_export') }}" method="post">
+            <h3>Exportieren</h3>
             <input type="hidden" name="_csrf_token" value="{{ csrf_token('system') }}">
             <label class="check-label"><input type="checkbox" name="benutzer" value="1"> Konten mit Passwörtern mitnehmen</label>
             <p class="field-help">Nur nötig, wenn die andere Website noch kein Konto hat. Das Paket enthält dann die Passwort-Hashes – nicht weitergeben.</p>
-            <button class="secondary" type="submit">Paket herunterladen</button>
+            <div class="button-row"><button class="secondary" type="submit">Paket herunterladen</button></div>
         </form>
 
-        <h3>Importieren</h3>
-        <form action="{{ path('admin_package_import') }}" method="post" enctype="multipart/form-data">
+        <form class="card-section" action="{{ path('admin_package_import') }}" method="post" enctype="multipart/form-data">
+            <h3>Importieren</h3>
             <input type="hidden" name="_csrf_token" value="{{ csrf_token('system') }}">
-            <label for="paket-datei">Paket hochladen (.zip)</label>
+            <label class="field-first" for="paket-datei">Paket hochladen (.zip)</label>
             <input id="paket-datei" type="file" name="paket" accept=".zip,application/zip">
             <p class="field-help">Höchstens {{ uploadLimit }} je Upload (Einstellung des Hostings). Größere Pakete per FTP nach <code>var/pakete/</code> legen, dann erscheinen sie hier zur Auswahl.</p>
             {% if packages is not empty %}
-            <fieldset class="field-group">
+            <fieldset class="field-set">
                 <legend>Oder ein Paket aus var/pakete/</legend>
                 {% for package in packages %}
                 <label class="check-label"><input type="radio" name="wartend" value="{{ package.name }}">
@@ -296,7 +296,7 @@
             <p class="field-help">Ohne Häkchen bleiben Benutzer und Passwörter dieser Website, wie sie sind.</p>
             <label class="check-label"><input type="checkbox" name="bestaetigt" value="1" required> Ich weiß, dass die Inhalte dieser Website ersetzt werden.</label>
             <p class="field-help">Vorher wird automatisch eine Sicherung angelegt; während des Imports antwortet die Website mit der Wartungsseite.</p>
-            <button class="primary" type="submit">Paket importieren</button>
+            <div class="button-row"><button class="primary" type="submit">Paket importieren</button></div>
         </form>
     </div>
 </div>