replaced sweet alert inline styles with CSS classes

public/js/admin.js

@@ -406,7 +406,7 @@ function deleteContribution(contributionId) {
         showCancelButton: true,
         confirmButtonText: 'Beitrag löschen',
         cancelButtonText: 'Abbrechen',
-        confirmButtonColor: '#c62828'
+        customClass: { confirmButton: 'swal-btn-danger' },
     }).then(function (result) {
         if (!result.isConfirmed) return;
 
@@ -500,7 +500,7 @@ function deleteModComment(commentId) {
         showCancelButton: true,
         confirmButtonText: 'Löschen',
         cancelButtonText: 'Abbrechen',
-        confirmButtonColor: '#c62828'
+        customClass: { confirmButton: 'swal-btn-danger' },
     }).then(function (result) {
         if (!result.isConfirmed) return;
 
@@ -637,7 +637,7 @@ function deleteNews(newsId) {
         showCancelButton: true,
         confirmButtonText: 'Löschen',
         cancelButtonText: 'Abbrechen',
-        confirmButtonColor: '#c62828'
+        customClass: { confirmButton: 'swal-btn-danger' },
     }).then(function (result) {
         if (!result.isConfirmed) return;
 

public/js/app.js

@@ -714,7 +714,7 @@ function deleteContribution(contributionId) {
         showCancelButton: true,
         confirmButtonText: 'Löschen',
         cancelButtonText: 'Abbrechen',
-        confirmButtonColor: '#c62828'
+        customClass: { confirmButton: 'swal-btn-danger' },
     }).then(function (result) {
         if (!result.isConfirmed) return;
 

public/styles.css

@@ -286,10 +286,12 @@ select.form-input { cursor: pointer; }
 }
 
 /* SweetAlert2 Portal Theme */
+/* SweetAlert2 Portal Theme — Notifications */
 .swal2-popup {
     font-family: var(--font-body) !important;
     border-radius: var(--radius-lg) !important;
     font-size: var(--font-base) !important;
+    padding: var(--space-xl) !important;
 }
 
 .swal2-title {
@@ -304,31 +306,38 @@ select.form-input { cursor: pointer; }
     line-height: 1.6 !important;
 }
 
+.swal2-actions {
+    gap: var(--space-sm) !important;
+}
+
 .swal2-confirm {
     border-radius: var(--radius-md) !important;
     font-size: var(--font-sm) !important;
     font-weight: 600 !important;
     font-family: var(--font-body) !important;
     padding: var(--space-sm) var(--space-lg) !important;
+    min-height: 40px !important;
+    box-shadow: none !important;
+    background-color: var(--color-primary) !important;
 }
 
-.swal2-cancel {
+.swal2-cancel,
-    border-radius: var(--radius-md) !important;
-    font-size: var(--font-sm) !important;
-    font-weight: 600 !important;
-    font-family: var(--font-body) !important;
-    padding: var(--space-sm) var(--space-lg) !important;
-    background: var(--color-bg) !important;
-    color: var(--color-text) !important;
-    border: 1px solid var(--color-border) !important;
-}
-
 .swal2-deny {
     border-radius: var(--radius-md) !important;
     font-size: var(--font-sm) !important;
     font-weight: 600 !important;
     font-family: var(--font-body) !important;
     padding: var(--space-sm) var(--space-lg) !important;
+    min-height: 40px !important;
+    background: var(--color-bg) !important;
+    color: var(--color-text) !important;
+    border: 1px solid var(--color-border) !important;
+    box-shadow: none !important;
+}
+
+.swal2-cancel:hover,
+.swal2-deny:hover {
+    background: var(--color-border) !important;
 }
 
 .swal-label {
@@ -365,6 +374,10 @@ select.form-input { cursor: pointer; }
     color: #999;
 }
 
+.swal-btn-danger {
+    background-color: var(--color-error) !important;
+}
+
 
 /* -----------------------------------------------------------------
    3.7 Warning Notices