Integrate campaign delivery with hierarchical mail profiles

webui/src/styles/campaign-workspace.css

@@ -1003,12 +1003,13 @@
 
 .recipient-address-empty-row {
   display: grid;
-  grid-template-columns: minmax(0, 1fr) auto;
+  grid-template-columns: minmax(150px, .7fr) minmax(220px, 1fr) auto;
   gap: 8px;
   align-items: center;
 }
 
 .recipient-address-empty {
+  grid-column: 1 / 3;
   margin: 0;
 }
 
@@ -1082,6 +1083,10 @@
     grid-template-columns: 1fr;
   }
 
+  .recipient-address-empty {
+    grid-column: auto;
+  }
+
   .recipient-address-category-header {
     align-items: flex-start;
     flex-direction: column;
@@ -1218,8 +1223,8 @@
 
 /* Shared message preview overlay --------------------------------------- */
 .message-preview-modal {
-  width: min(920px, 100%);
-  height: min(780px, calc(100dvh - 48px));
+  width: min(1104px, calc(100vw - 48px));
+  height: min(936px, calc(100dvh - 48px));
   max-height: calc(100dvh - 48px);
 }
 
@@ -1237,15 +1242,16 @@
 .message-preview-modal .modal-body {
   flex: 1 1 auto;
   min-height: 0;
-  display: grid;
-  align-content: start;
-  gap: 1rem;
-  overflow: auto;
-  scrollbar-gutter: stable;
+  overflow: hidden;
 }
 
 .message-preview-content {
-  display: contents;
+  display: flex;
+  flex-direction: column;
+  gap: 1rem;
+  height: 100%;
+  min-height: 0;
+  overflow: hidden;
 }
 
 .message-preview-modal .modal-footer {
@@ -1257,10 +1263,24 @@
   margin-right: auto;
 }
 
+.message-preview-modal .message-display-panel {
+  flex: 1 1 auto;
+  grid-template-rows: auto minmax(0, 1fr) auto;
+  min-height: 0;
+  overflow: hidden;
+}
+
+.message-preview-modal .message-display-body-section {
+  grid-template-rows: auto minmax(0, 1fr);
+  min-height: 0;
+  overflow: hidden;
+}
+
 .message-preview-modal .message-display-body,
 .message-preview-modal .message-display-html-frame {
-  height: clamp(280px, 45vh, 520px);
-  max-height: clamp(280px, 45vh, 520px);
+  height: 100%;
+  min-height: 0;
+  max-height: none;
 }
 
 .message-preview-meta {
@@ -1272,6 +1292,17 @@
   margin: 0 0 0.5rem;
 }
 
+.message-preview-modal .message-display-attachments {
+  flex: 0 0 auto;
+  min-height: 0;
+  overflow: hidden;
+}
+
+.message-preview-modal .message-display-attachments-scroll {
+  max-height: 116px;
+  overflow: auto;
+}
+
 .attachment-chip-grid {
   display: flex;
   flex-wrap: wrap;
@@ -1303,6 +1334,9 @@
 }
 
 .message-preview-raw {
+  flex: 0 0 auto;
+  max-height: 132px;
+  overflow: auto;
   border-top: 1px solid var(--line-subtle);
   padding-top: 0.75rem;
 }