Rework of campaign structure; locking

src/styles/campaign-workspace.css

@@ -1031,3 +1031,96 @@
   margin: 5px 0 0;
   color: var(--muted);
 }
+
+
+.locked-version-notice {
+  display: flex;
+  align-items: center;
+  justify-content: space-between;
+  gap: 1rem;
+}
+.locked-version-copy {
+  flex: 1 1 auto;
+  min-width: 0;
+}
+.locked-version-reason {
+  white-space: nowrap;
+}
+
+.locked-version-feedback {
+  color: var(--success, #157347);
+  font-weight: 600;
+}
+
+.locked-version-error {
+  color: var(--danger, #b42318);
+  font-weight: 600;
+}
+
+@media (max-width: 760px) {
+  .locked-version-notice {
+    align-items: stretch;
+    flex-direction: column;
+  }
+}
+
+/* Version navigation ---------------------------------------------------- */
+.version-line {
+  display: flex;
+  align-items: center;
+  gap: 0.35rem;
+  flex-wrap: wrap;
+  margin: 6px 0 0;
+  color: var(--muted);
+}
+
+.version-arrow {
+  display: inline-flex;
+  align-items: center;
+  justify-content: center;
+  width: 1.25rem;
+  height: 1.25rem;
+  border-radius: 999px;
+  color: var(--text, #243247);
+  text-decoration: none;
+  line-height: 1;
+  font-size: 0.72rem;
+}
+.version-arrow svg {
+  width: 1rem;
+  height: 1rem;
+  stroke-width: 1.8;
+}
+
+.version-arrow:hover {
+  background: var(--surface-subtle, rgba(15, 23, 42, 0.08));
+  color: var(--text, #111827);
+}
+
+.version-arrow.disabled {
+  opacity: 0.24;
+  pointer-events: none;
+}
+
+.version-line-separator {
+  opacity: 0.55;
+  margin-inline: 0.1rem;
+}
+
+.locked-version-actions {
+  flex: 0 0 auto;
+  flex-wrap: nowrap;
+  justify-content: flex-end;
+}
+.version-line button.version-arrow {
+  border: 0;
+  background: transparent;
+  padding: 0;
+  cursor: pointer;
+  font: inherit;
+}
+
+/* Overview version history refinements. */
+.version-history-table .current-version-row td {
+  font-weight: 700;
+}

src/styles/components.css

@@ -511,3 +511,42 @@
   font-size: 0.9rem;
   font-weight: 600;
 }
+
+/* Reusable confirm dialog ------------------------------------------------ */
+.confirm-backdrop {
+  position: fixed;
+  inset: 0;
+  z-index: 12000;
+  display: grid;
+  place-items: center;
+  padding: 1.5rem;
+  background: rgba(15, 23, 42, 0.36);
+  backdrop-filter: blur(2px);
+}
+
+.confirm-dialog {
+  width: min(460px, 100%);
+  padding: 1.25rem;
+  border: 1px solid var(--line, rgba(15, 23, 42, 0.14));
+  border-radius: var(--radius-lg, 18px);
+  background: var(--surface, #fff);
+  color: var(--text, #172033);
+  box-shadow: var(--shadow-strong, 0 24px 64px rgba(15, 23, 42, 0.25));
+}
+
+.confirm-dialog h2 {
+  margin: 0 0 0.55rem;
+  color: var(--text-strong, #111827);
+  font-size: 1.05rem;
+}
+
+.confirm-dialog p {
+  margin: 0;
+  color: var(--muted, #5f6b7a);
+  line-height: 1.5;
+}
+
+.confirm-dialog-actions {
+  justify-content: flex-end;
+  margin-top: 1.1rem;
+}

src/styles/tables.css

@@ -113,7 +113,7 @@
 .campaign-table th:nth-child(4),
 .campaign-table td:nth-child(4) { width: 230px; }
 .campaign-table th:nth-child(5),
-.campaign-table td:nth-child(5) { width: 86px; text-align: right; }
+.campaign-table td:nth-child(5) { width: 105px; text-align: right; }
 .campaign-table td.updated-cell {
   color: #696660;
   font-size: 12px;