first commit

assets/css/components/modal.css

@@ -1,45 +1,47 @@
 /**
  * CMS Component: Modals
- * Standardizes modal spacing and appearance
  */
 
 .modal-content {
-    border: none;
-    border-radius: var(--border-radius-lg);
-    box-shadow: var(--shadow-lg);
+  border: none;
+  border-radius: var(--border-radius-lg);
+  box-shadow: var(--shadow-lg);
+  overflow: hidden;
 }
 
 .modal-header {
-    border-bottom: 1px solid var(--border-color);
-    padding: var(--spacing-4);
-    background-color: #fff;
-    border-radius: var(--border-radius-lg) var(--border-radius-lg) 0 0;
+  border-bottom: 1px solid var(--border-color);
+  padding: 1.1rem 1.5rem;
+  background-color: #fff;
 }
 
 .modal-title {
-    font-weight: var(--font-weight-bold);
-    color: var(--text-main);
-    font-size: 1.15rem;
+  font-weight: var(--font-weight-semibold);
+  color: var(--text-main);
+  font-size: 1rem;
+  display: flex;
+  align-items: center;
+  gap: 0.5rem;
 }
 
-.modal-body {
-    padding: var(--spacing-4);
-}
+.modal-title i { color: var(--accent-color); }
+
+.modal-body { padding: 1.5rem; }
 
 .modal-footer {
-    border-top: 1px solid var(--border-color);
-    padding: var(--spacing-3) var(--spacing-4);
-    gap: var(--spacing-2);
+  border-top: 1px solid var(--border-color);
+  padding: 0.875rem 1.5rem;
+  gap: 0.5rem;
+  background: #fafbfc;
 }
 
-/* Modal sizing standards */
-.modal-dialog-centered {
-    display: flex;
-    align-items: center;
-    min-height: calc(100% - var(--bs-modal-margin) * 2);
+.modal-backdrop.show { opacity: 0.45; }
+
+/* Confirm modal */
+.modal-confirm .modal-header {
+  background: linear-gradient(135deg, var(--primary-color), var(--primary-light));
+  border-bottom: none;
 }
 
-/* Fix for backdrop issue reported in previous conversations */
-.modal-backdrop.show {
-    opacity: 0.5;
-}
+.modal-confirm .modal-title { color: #fff; }
+.modal-confirm .btn-close { filter: invert(1); }