Workflow UI redesign - first draft

src/styles/campaign-workspace.css

@@ -1186,3 +1186,59 @@
   max-height: 420px;
   font-size: 0.82rem;
 }
+
+/* Shared message preview overlay --------------------------------------- */
+.message-preview-modal .modal-body {
+  display: grid;
+  gap: 1rem;
+}
+
+.message-preview-meta {
+  margin: 0;
+}
+
+.message-preview-attachments h3,
+.message-preview-raw summary {
+  margin: 0 0 0.5rem;
+}
+
+.attachment-chip-grid {
+  display: flex;
+  flex-wrap: wrap;
+  gap: 0.5rem;
+}
+
+.attachment-file-chip {
+  display: inline-flex;
+  flex-direction: column;
+  gap: 0.18rem;
+  min-width: min(220px, 100%);
+  max-width: 100%;
+  border: 1px solid var(--line-subtle);
+  border-radius: 12px;
+  background: rgba(255, 255, 255, 0.68);
+  padding: 0.55rem 0.7rem;
+  color: var(--text-primary);
+}
+
+.attachment-file-chip strong {
+  overflow: hidden;
+  text-overflow: ellipsis;
+  white-space: nowrap;
+}
+
+.attachment-file-chip span {
+  color: var(--muted);
+  font-size: 0.82rem;
+}
+
+.message-preview-raw {
+  border-top: 1px solid var(--line-subtle);
+  padding-top: 0.75rem;
+}
+
+.message-preview-raw summary {
+  cursor: pointer;
+  font-weight: 700;
+  color: var(--text-primary);
+}