.publication-status {
  --publication-ink: #8d302d;
  --publication-dot: #b63a34;
  --publication-wash: #fbe9e5;
  display: inline-flex;
  align-items: center;
  width: max-content;
  gap: 6px;
  padding: 4px 10px;
  border: 1px solid currentColor;
  border-radius: 999px;
  color: var(--publication-ink);
  background: var(--publication-wash);
  font-size: 12px;
  font-weight: 700;
  line-height: 1.5;
  white-space: nowrap;
  text-decoration: none;
}
.publication-status--live {
  --publication-ink: #175539;
  --publication-dot: #188047;
  --publication-wash: #e5f3e8;
}
.publication-status .icon { width: 15px; height: 15px; }
.publication-status-dot { width: 8px; height: 8px; border-radius: 50%; background: var(--publication-dot); }
a.publication-status { min-height: 36px; }
a.publication-status:hover { text-decoration: underline; text-underline-offset: 3px; }

.overview-publication-actions, .publication-editor-actions, .publication-editor-heading {
  display: flex;
  align-items: center;
  flex-wrap: wrap;
  gap: 8px 12px;
}
.overview-publication-actions { justify-content: flex-end; }
.publication-editor { border-bottom: 1px solid var(--color-border); background: var(--color-bg); }
.publication-editor-heading { justify-content: space-between; }
.publication-editor-heading h3 { margin: 0; }
.publication-editor .section-note { margin-top: 8px; }
.publication-editor-actions { margin-top: 12px; }
.publication-editor [data-field="publication_expires_at"] { grid-column: 1 / -1; }

@media (max-width: 700px) {
  .overview-publication-actions { justify-content: flex-start; }
}

@media screen {
  :root[data-court-theme^='dark-'] .publication-status {
    --publication-ink: var(--color-danger-text);
    --publication-dot: var(--color-danger-text);
    --publication-wash: var(--color-danger-bg);
  }
  :root[data-court-theme^='dark-'] .publication-status--live {
    --publication-ink: var(--color-success-text);
    --publication-dot: var(--color-success-text);
    --publication-wash: var(--color-success-bg);
  }
}