/**
 * DocumentActions — overflow menu (Unpublish / Delete) on the form chrome.
 *
 * Override handles:
 *   .byline-form-actions-icon         — the rotated ellipsis trigger icon
 *   .byline-form-actions-menu         — dropdown content panel
 *   .byline-form-actions-item         — a row inside the dropdown
 *   .byline-form-actions-item-icon    — fixed-width icon column
 *   .byline-form-actions-item-text    — label column
 *   .byline-form-actions-delete       — destructive label colour
 *   .byline-form-actions-modal-head   — modal header layout
 *   .byline-form-actions-modal-title  — modal heading text
 *   .byline-form-actions-sr-only      — visually-hidden autofocus shim
 */

.icon,
:global(.byline-form-actions-icon) {
  transform: rotate(90deg);
  color: var(--primary-500);
}

.menu,
:global(.byline-form-actions-menu) {
  min-width: 140px;
}

.item,
:global(.byline-form-actions-item) {
  display: flex;
  align-items: center;
  margin-left: var(--spacing-8);
}

.item-icon,
:global(.byline-form-actions-item-icon) {
  display: inline-block;
  width: 28px;
}

.item-text,
:global(.byline-form-actions-item-text) {
  display: inline-block;
  width: 100%;
  flex: 1;
  font-size: var(--font-size-sm);
  text-align: left;
}

.delete,
:global(.byline-form-actions-delete) {
  flex: 1;
  width: 100%;
  border: none;
  background: none;
  padding: 0;
  color: var(--red-600);
  line-height: 1;
  text-align: left;
  cursor: pointer;
}

.modal-head,
:global(.byline-form-actions-modal-head) {
  padding-top: 1rem;
  margin-bottom: var(--spacing-8);
}

.modal-title,
:global(.byline-form-actions-modal-title) {
  margin: 0 0 var(--spacing-8) 0;
  font-size: var(--font-size-2xl);
}

.sr-only,
:global(.byline-form-actions-sr-only) {
  position: absolute;
  width: 1px;
  height: 1px;
  padding: 0;
  margin: -1px;
  overflow: hidden;
  clip: rect(0, 0, 0, 0);
  white-space: nowrap;
  border: 0;
}

.list,
:global(.byline-form-actions-list) {
  margin: var(--spacing-8) 0;
  padding-left: 1.25rem;
  font-size: var(--font-size-sm);
}

.preview,
:global(.byline-form-actions-preview) {
  margin-top: var(--spacing-16);
  padding: var(--spacing-8) var(--spacing-12);
  background: var(--surface-2, rgba(0, 0, 0, 0.03));
  border: 1px solid var(--border-subtle, rgba(0, 0, 0, 0.08));
  border-radius: var(--radius-md, 4px);
  font-size: var(--font-size-sm);
}

.preview-label,
:global(.byline-form-actions-preview-label) {
  font-weight: 500;
  margin-bottom: var(--spacing-4);
  opacity: 0.75;
}

.preview-row,
:global(.byline-form-actions-preview-row) {
  display: flex;
  align-items: center;
  gap: var(--spacing-8);
  flex-wrap: wrap;
}

.preview-before,
:global(.byline-form-actions-preview-before) {
  font-family: var(--font-mono, monospace);
  opacity: 0.7;
}

.preview-arrow,
:global(.byline-form-actions-preview-arrow) {
  opacity: 0.5;
}

.preview-after,
:global(.byline-form-actions-preview-after) {
  font-family: var(--font-mono, monospace);
  font-weight: 500;
}

.copy-row,
:global(.byline-form-actions-copy-row) {
  display: flex;
  align-items: center;
  flex-wrap: wrap;
}

.copy-label,
:global(.byline-form-actions-copy-label) {
  /* Layout-only handle; spacing is set inline alongside the field. */
}

.copy-source,
:global(.byline-form-actions-copy-source) {
  font-family: var(--font-mono, monospace);
}

/* ─── Dark theme variants ───────────────────────────────────── */

:is([data-theme="dark"], :global(.dark)) {
  .delete,
  :global(.byline-form-actions-delete) {
    color: var(--red-400);
  }
}