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;
+}