/* Post detail additions — matches "03 Publishing" / "04 Post detail" in
   the Musketr Mockups Claude Design file. In this app the two are the same
   page at different moments (there's no separate interstitial — publishing
   redirects straight here and continues in the background), so this one
   redesign covers both: a status pill that reads "Publishing" while any
   destination is still pending, and the richer per-destination cards once
   they resolve. Builds on the existing .post-detail-head/.dispatch-row/
   .status-pill rules in application.css; only adds what's new. */

.post-detail-head__title-row { display: flex; align-items: center; gap: 14px; flex-wrap: wrap; }
.post-detail-head__title-row h1 { margin: 0; }
.post-detail-head__meta { margin: 6px 0 14px; font: 400 0.78rem var(--font-meta); color: var(--faint); }

.status-pill { display: inline-flex; align-items: center; gap: 6px; border-radius: 20px; font-weight: 700; }
.status-pill::before { content: ""; width: 6px; height: 6px; border-radius: 50%; background: currentColor; }
.status-pill.is-failed { background: #fff2f0; color: var(--red); }
.status-pill.is-pending { background: #fbf0db; color: #906221; }
.status-pill.is-live { background: #eff9f2; color: var(--green); }

.detail-video__player { display: block; width: 100%; max-height: 620px; background: var(--ink); }

.dispatch-info h3 { font-weight: 700; }
.dispatch-meta { color: var(--faint) !important; font-family: var(--font-meta); font-size: 0.72rem !important; }
.dispatch-row--available { opacity: 0.8; }
.dispatch-row--available:hover { opacity: 1; }
.dispatch-row .button { white-space: nowrap; }