Locking refinement; Review/Send improvement

src/styles/campaign-workspace.css

@@ -1785,7 +1785,7 @@
   justify-content: center;
   min-width: 32px;
   min-height: 28px;
-  margin-left: auto;
+  margin-left: 2px;
   padding: 4px 9px;
   border: 1px solid color-mix(in srgb, var(--review-badge-color) 70%, var(--line));
   border-radius: var(--radius-pill);
@@ -1810,7 +1810,11 @@
   min-height: 150px;
 }
 
-.review-flow-stage-card.is-locked .review-flow-stage-header,
+.review-flow-stage-card.is-locked .review-flow-stage-header {
+  opacity: .58;
+  filter: grayscale(.25);
+}
+
 .review-flow-stage-card.is-locked .review-flow-stage-content {
   opacity: .38;
   filter: grayscale(.35);
@@ -2023,28 +2027,6 @@
   margin-left: auto;
 }
 
-.review-flow-collapse-button {
-  width: 30px;
-  height: 30px;
-  display: inline-grid;
-  place-items: center;
-  flex: 0 0 auto;
-  padding: 0;
-  border: 1px solid var(--line);
-  border-radius: 6px;
-  color: var(--muted);
-  background: #fff;
-  cursor: pointer;
-}
-
-.review-flow-collapse-button:hover,
-.review-flow-collapse-button:focus-visible {
-  border-color: var(--line-dark);
-  color: var(--text-strong);
-  background: var(--panel-soft);
-  outline: none;
-}
-
 .review-flow-stage-card.is-collapsed .review-flow-stage-header {
   min-height: 58px;
   border-bottom: 0;

src/styles/components.css

@@ -1185,64 +1185,36 @@
 /* Consistent row-level collection actions for editable DataGrid tables. */
 .data-grid-row-actions {
   display: grid;
-  grid-template-columns: repeat(4, 28px);
+  grid-template-columns: repeat(4, 36px);
   align-items: center;
   justify-content: end;
   gap: 4px;
   width: 100%;
 }
 
-.data-grid-row-action {
+.data-grid-row-action.btn {
   display: inline-grid;
   place-items: center;
-  width: 28px;
-  height: 28px;
-  border: 1px solid var(--line);
-  border-radius: 6px;
-  background: #fff;
-  color: var(--text);
-  cursor: pointer;
+  width: 36px;
+  height: 36px;
+  min-width: 36px;
   padding: 0;
 }
 
-.data-grid-row-action:hover:not(:disabled),
-.data-grid-row-action:focus-visible:not(:disabled) {
-  border-color: var(--line-dark);
-  background: var(--panel-soft);
-  outline: none;
-  box-shadow: var(--focus-ring);
+.data-grid-row-action.btn:disabled {
+  opacity: .45;
 }
 
-.data-grid-row-action.is-add {
-  border-color: color-mix(in srgb, var(--blue) 52%, var(--line));
-  background: color-mix(in srgb, var(--blue) 10%, #fff);
-  color: var(--blue);
+.data-grid-empty-message {
+  color: var(--muted);
+  min-height: 64px;
 }
 
-.data-grid-row-action.is-remove {
-  border-color: rgba(171, 70, 61, .35);
-  background: rgba(171, 70, 61, .06);
-  color: #9f433b;
+.data-grid-empty-action-cell {
+  justify-content: flex-end;
+  min-height: 64px;
 }
 
-.data-grid-row-action:disabled {
-  cursor: default;
-  opacity: .42;
-}
-
-.data-grid-row-action.is-placeholder {
-  visibility: hidden;
-  pointer-events: none;
-}
-
-.data-grid-empty-action {
-  display: flex;
-  align-items: center;
-  justify-content: space-between;
-  gap: 16px;
-  width: 100%;
-}
-
-.data-grid-empty-action > span {
-  min-width: 0;
+.data-grid-empty-row-actions {
+  justify-content: end;
 }