/* Scoped to publishing so concurrent screen redesigns keep their own layout. */
.ui-modal.is-publishing .ui-modal-body { display: block; }
.ui-modal.is-publishing .ui-field { margin-block: var(--s3); }
.ui-modal.is-publishing details { margin-block: var(--s3); padding: var(--s3); border: 1px solid var(--line); border-radius: var(--r-md); }
.ui-modal.is-publishing summary { cursor: pointer; padding-block: var(--s2); font-weight: 600; }
.ui-modal.is-publishing fieldset { border: 0; min-width: 0; padding: 0; margin: 0; }
.ui-modal.is-publishing fieldset > legend { padding-block: var(--s2); font-weight: 600; }
.ui-modal.is-publishing .ui-btn { max-width: 100%; white-space: normal; overflow-wrap: anywhere; }
.ui-modal.is-publishing img, .ui-modal.is-publishing video { display: block; max-width: 100%; height: auto; }
.ui-modal.is-publishing p { overflow-wrap: anywhere; white-space: pre-wrap; }
.ui-modal.is-publishing .ui-modal-foot { flex-wrap: wrap; }
.ui-modal.is-publishing .ui-modal-foot:empty { display: none; }

.ui-modal.is-publishing dd { overflow-wrap: anywhere; white-space: pre-wrap; }

.pub-status { padding-block: var(--s2); }
.pub-status-heading { display: flex; align-items: center; gap: var(--s3); }
.pub-status-description, .pub-review-note { color: var(--ink-soft); margin-block: var(--s3) var(--s5); }
.pub-destinations { display: grid; gap: var(--s3); }
.pub-destination { display: flex; flex-wrap: wrap; align-items: center; gap: var(--s3); padding: var(--s4); border: 1px solid var(--line); border-radius: var(--r-lg); background: var(--panel-sunken); }
.pub-destination > div { flex: 1; min-width: 0; }
.pub-destination strong, .pub-destination small { display: block; overflow-wrap: anywhere; }
.pub-destination small { color: var(--ink-soft); margin-top: var(--s1); }
.pub-request-note { flex-basis: 100%; margin: 0; color: var(--ink-soft); }
.pub-review-media { display: flex; gap: var(--s2); overflow-x: auto; padding-block: var(--s3); }
.ui-modal.is-publishing .pub-review-media img { width: calc(var(--s8) * 2); height: calc(var(--s8) * 2.5); flex: 0 0 auto; object-fit: cover; border-radius: var(--r-md); }
.pub-caption { padding: var(--s4); background: var(--panel-sunken); border-radius: var(--r-lg); }
.ui-modal.is-publishing .pub-review-media img:only-child { width: 100%; height: auto; max-height: calc(var(--s8) * 8); object-fit: contain; }
.pub-advanced { color: var(--ink-soft); }
@media (max-width: 600px) {
  .ui-modal.is-publishing .ui-btn { min-height: var(--control-h-mobile); }
  .ui-modal.is-publishing .ui-modal-foot { display: grid; grid-template-columns: minmax(0, 1fr); gap: var(--s2); }
  .ui-modal.is-publishing .ui-modal-foot .ui-btn { width: 100%; margin: 0; }
  .ui-modal.is-publishing .ui-modal-foot .is-primary { order: -1; }
  .pub-destination { padding: var(--s3); }
  .pub-destination .ui-btn { flex-basis: 100%; min-height: var(--control-h-mobile); }
  .ui-modal.is-publishing .pub-review-media img { width: calc(var(--s8) * 1.5); height: calc(var(--s8) * 1.875); }
}
@media (prefers-reduced-motion: no-preference) {
  .pub-status[data-state="publishing"] .ui-pill.is-info .ui-pill-dot { animation: pub-pulse calc(var(--normal) * 8) ease-in-out infinite; }
  @keyframes pub-pulse { 50% { opacity: .35; } }
}

/* One-click scheduling: each platform's post as it will be sent. */
.pub-plan-target { display: grid; gap: var(--s2); padding-block: var(--s3); border-block-start: 1px solid var(--line); }
.pub-plan-head { display: flex; align-items: center; justify-content: space-between; gap: var(--s3); }
.pub-plan-head > div { min-width: 0; }
.pub-plan-head strong, .pub-plan-head small { display: block; overflow-wrap: anywhere; }
.pub-plan-head small { color: var(--ink-soft); margin-top: var(--s1); }
.pub-plan-note { margin: 0; color: var(--ink-soft); }
.pub-plan-errors { margin: var(--s2) 0; padding-inline-start: var(--s5); color: var(--ink); }
.pub-plan-errors li { margin-block: var(--s1); }
.pub-plan-tiktok { display: grid; gap: var(--s2); padding: var(--s3); border: 1px solid var(--line); border-radius: var(--r-md); }
.pub-queue { list-style: none; margin: var(--s3) 0; padding: 0; display: grid; }
.pub-queue-row { display: flex; align-items: flex-start; justify-content: space-between; gap: var(--s3); padding-block: var(--s3); border-block-start: 1px solid var(--line); }
.pub-queue-row > div { min-width: 0; }
.pub-queue-row strong, .pub-queue-row small { display: block; }
.pub-queue-row small { color: var(--ink-soft); margin-top: var(--s1); }
.pub-queue-row .pub-caption { margin-block: var(--s2) 0; padding: var(--s2) var(--s3); }
.pub-results { flex-basis: 100%; margin: 0; color: var(--ink-soft); }
.pub-confirm { margin-block: var(--s4); padding: var(--s3); border: 1px solid var(--line); border-radius: var(--r-md); background: var(--panel-sunken); }
@media (max-width: 600px) {
  .pub-queue-row { flex-direction: column; }
}