/* Customer-safe publication preview, using the existing workbench tokens. */
.customer-publication-dialog { width: min(720px, calc(100vw - 32px)); max-height: calc(100dvh - 32px); box-sizing: border-box; overflow: auto; border: 1px solid var(--ds-line-strong); border-radius: var(--ds-radius-panel); padding: var(--ds-space-10); color: var(--ds-ink); background: var(--ds-surface-clean); font-family: var(--ds-font-sans); }
.customer-publication-dialog::backdrop { background: rgba(0, 7, 12, .55); }
.customer-publication-dialog label { display: grid; gap: var(--ds-space-2); min-width: 0; }
.customer-publication-dialog input:not([type=checkbox]), .customer-publication-dialog select { width: 100%; box-sizing: border-box; min-width: 0; }
.customer-publication-dialog [type=checkbox] { width: auto; justify-self: start; }
.customer-publication-dialog h3, .customer-publication-dialog p, .customer-publication-item { overflow-wrap: anywhere; }
.customer-publication-items { display: grid; gap: var(--ds-space-4); }
.customer-publication-item { display: flex; flex-wrap: wrap; gap: var(--ds-space-2) var(--ds-space-6); padding-block: var(--ds-space-3); border-bottom: 1px solid var(--ds-line-strong); min-width: 0; }
.customer-publication-item strong { flex: 1 1 100%; }

.customer-publication-dialog > .row-between { display: flex; flex-wrap: wrap; align-items: start; justify-content: space-between; gap: var(--ds-space-4); }
.customer-publication-dialog h3 { margin-block: var(--ds-space-2); flex: 1 1 220px; }
.customer-publication-dialog button { font-size: var(--ds-text-md); min-height: 40px; padding: var(--ds-space-3) var(--ds-space-6); }