Adopt shared WebUI structural primitives

webui/src/styles/campaign-workspace.css

@@ -133,12 +133,6 @@
   font-size: 14px;
   letter-spacing: .01em;
 }
-.subsection-heading.split {
-  display: flex;
-  align-items: center;
-  justify-content: space-between;
-  gap: 12px;
-}
 .toggle-grid {
   display: grid;
   grid-template-columns: repeat(2, minmax(180px, 1fr));
@@ -1042,19 +1036,6 @@
   padding: 10px;
 }
 
-.recipient-address-category-header {
-  display: flex;
-  align-items: center;
-  justify-content: space-between;
-  gap: 12px;
-}
-
-.recipient-address-category-header h3 {
-  margin: 0;
-  font-size: 15px;
-  color: var(--text-strong);
-}
-
 .recipient-address-category-controls {
   display: flex;
   align-items: center;
@@ -1821,43 +1802,6 @@
   background: var(--surface);
 }
 
-.review-flow-fact-grid,
-.review-flow-execution-summary {
-  display: grid;
-  grid-template-columns: repeat(4, minmax(130px, 1fr));
-  gap: 10px;
-  margin-bottom: 16px;
-}
-
-.review-flow-fact,
-.review-flow-execution-summary > div {
-  display: grid;
-  gap: 5px;
-  min-width: 0;
-  padding: 12px 14px;
-  border: var(--border-line);
-  border-radius: 6px;
-  background: var(--panel-soft);
-}
-
-.review-flow-fact span,
-.review-flow-execution-summary span {
-  color: var(--muted);
-  font-size: 11px;
-  font-weight: 800;
-  letter-spacing: .04em;
-  text-transform: uppercase;
-}
-
-.review-flow-fact strong,
-.review-flow-execution-summary strong {
-  min-width: 0;
-  overflow: hidden;
-  color: var(--text-strong);
-  font-size: 16px;
-  text-overflow: ellipsis;
-}
-
 .review-flow-inline-note {
   display: flex;
   align-items: center;
@@ -2009,13 +1953,6 @@
   50% { box-shadow: 0 0 0 7px color-mix(in srgb, var(--review-stage-color) 18%, transparent), 0 4px 12px var(--campaign-stage-shadow-color); }
 }
 
-@media (max-width: 980px) {
-  .review-flow-fact-grid,
-  .review-flow-execution-summary {
-    grid-template-columns: repeat(2, minmax(130px, 1fr));
-  }
-}
-
 @media (max-width: 680px) {
   .review-flow-stage {
     grid-template-columns: 36px minmax(0, 1fr);
@@ -2036,11 +1973,6 @@
   .review-flow-lock-message {
     inset: 100px 0 0;
   }
-  .review-flow-fact-grid,
-  .review-flow-execution-summary {
-    grid-template-columns: 1fr;
-  }
-
   .deliverability-preflight-header {
     align-items: flex-start;
     flex-direction: column;