Review/Send refinement

src/styles/campaign-workspace.css

@@ -1616,7 +1616,9 @@
 .review-flow-navigation-track {
   display: flex;
   align-items: flex-start;
+  width: max-content;
   min-width: max-content;
+  margin: 0 auto;
 }
 
 .review-flow-navigation-group {
@@ -1667,6 +1669,10 @@
 }
 
 .review-flow-navigation-copy strong {
+  display: inline-flex;
+  align-items: center;
+  justify-content: center;
+  gap: 5px;
   color: var(--text-strong);
   font-size: 12px;
   white-space: nowrap;
@@ -1687,8 +1693,8 @@
 
 .review-flow-navigation-line {
   width: 42px;
-  height: 1px;
-  margin: 22px 2px 0;
+  height: 2px;
+  margin: 21px 2px 0;
   flex: 0 0 auto;
   background: linear-gradient(to right, var(--review-nav-color), var(--review-nav-next-color));
   opacity: .82;
@@ -1703,7 +1709,7 @@
 .review-flow-stage {
   display: grid;
   grid-template-columns: 42px minmax(0, 1fr);
-  gap: 10px;
+  gap: 22px;
   scroll-margin-top: 92px;
 }
 
@@ -1712,7 +1718,7 @@
   flex-direction: column;
   align-items: center;
   min-height: 100%;
-  padding-top: 14px;
+  padding-top: 17px;
   box-sizing: border-box;
 }
 
@@ -1736,7 +1742,7 @@
 }
 
 .review-flow-stage-line {
-  width: 1px;
+  width: 2px;
   flex: 1 1 auto;
   min-height: 54px;
   margin: 4px 0;
@@ -1767,6 +1773,11 @@
   margin: 0;
 }
 
+.review-flow-title-lock {
+  flex: 0 0 auto;
+  color: var(--muted);
+}
+
 .review-flow-state-badge {
   --review-badge-color: var(--line-dark);
   display: inline-flex;
@@ -1936,6 +1947,35 @@
   color: var(--muted);
 }
 
+.review-flow-stage-actions {
+  margin-bottom: 16px;
+}
+
+.review-flow-data-stack {
+  display: grid;
+  gap: 22px;
+  margin-top: 18px;
+}
+
+.review-flow-data-section {
+  min-width: 0;
+  margin-top: 18px;
+}
+
+.review-flow-data-section > h3 {
+  margin: 0 0 10px;
+  color: var(--text-strong);
+  font-size: 14px;
+}
+
+.review-flow-data-section > .data-grid-shell {
+  max-height: 420px;
+}
+
+.review-flow-data-section > .small-note {
+  margin: 10px 0 0;
+}
+
 @keyframes review-flow-pulse {
   0%, 100% { box-shadow: 0 0 0 4px var(--bg), 0 4px 12px rgba(48, 49, 53, .10); }
   50% { box-shadow: 0 0 0 7px color-mix(in srgb, var(--review-stage-color) 18%, transparent), 0 4px 12px rgba(48, 49, 53, .10); }
@@ -1951,7 +1991,7 @@
 @media (max-width: 680px) {
   .review-flow-stage {
     grid-template-columns: 36px minmax(0, 1fr);
-    gap: 8px;
+    gap: 14px;
   }
   .review-flow-stage-node {
     width: 34px;