/* Shared list actions. Toolbar, navigation and dialog buttons stay independent. */
:root {
  --list-action-ink: #526178;
  --list-action-hover: #f2f5f9;
  --list-action-accent: #245fc7;
  --list-action-accent-bg: #edf4ff;
  --list-action-danger: #be3c33;
  --list-action-danger-bg: #fff1ef;
  --list-icon-view: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='black' stroke-width='1.7' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M2 12s3.5-7 10-7 10 7 10 7-3.5 7-10 7S2 12 2 12Z'/%3E%3Ccircle cx='12' cy='12' r='3'/%3E%3C/svg%3E");
  --list-icon-plus: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='black' stroke-width='1.7' stroke-linecap='round'%3E%3Cpath d='M12 5v14M5 12h14'/%3E%3C/svg%3E");
  --list-icon-minus: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='black' stroke-width='1.7' stroke-linecap='round'%3E%3Cpath d='M5 12h14'/%3E%3C/svg%3E");
  --list-icon-download: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='black' stroke-width='1.7' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M12 3v12m-5-5 5 5 5-5M4 15v5h16v-5'/%3E%3C/svg%3E");
  --list-icon-text: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='black' stroke-width='1.7' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M14 2H5v20h14V7Zm0 0v5h5M8 12h8M8 16h8'/%3E%3C/svg%3E");
  --list-icon-link: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='black' stroke-width='1.7' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='m10 13 4-4m-6 7-1 1a4 4 0 0 1-6-6l4-4a4 4 0 0 1 6 0m2 1 1-1a4 4 0 0 1 6 6l-4 4a4 4 0 0 1-6 0'/%3E%3C/svg%3E");
  --list-icon-folder: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='black' stroke-width='1.7' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M3 19V5h6l2 3h10v3M3 19l3-8h16l-3 8Z'/%3E%3C/svg%3E");
  --list-icon-trash: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='black' stroke-width='1.7' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M3 6h18M9 6V3h6v3M5 6l1 15h12l1-15M10 10v7M14 10v7'/%3E%3C/svg%3E");
  --list-icon-copy: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='black' stroke-width='1.7' stroke-linecap='round' stroke-linejoin='round'%3E%3Crect x='8' y='8' width='13' height='13' rx='2'/%3E%3Cpath d='M16 4V3H3v13h1'/%3E%3C/svg%3E");
  --list-icon-edit: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='black' stroke-width='1.7' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='m15 4 5 5M3 21l2-7L17 2l5 5L10 19Z'/%3E%3C/svg%3E");
  --list-icon-restore: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='black' stroke-width='1.7' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M3 10a9 9 0 1 1 2 9M3 4v6h6M12 7v5l3 2'/%3E%3C/svg%3E");
  --list-icon-busy: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='black' stroke-width='1.7' stroke-linecap='round'%3E%3Cpath d='M20 12a8 8 0 1 1-8-8'/%3E%3C/svg%3E");
}

body :is(.monitor-work-actions, .monitor-taxonomy-card-actions, .project-row-actions, .template-actions, .layout-row-actions) > button,
body :is([data-delete-bgm], [data-delete-reference]) {
  --list-action-icon: var(--list-icon-view);
  --list-action-color: var(--list-action-ink);
  --list-action-background: transparent;
  --list-action-hover-background: var(--list-action-hover);
  box-sizing: border-box;
  display: inline-flex !important;
  align-items: center;
  justify-content: flex-start !important;
  gap: 8px;
  min-height: 32px !important;
  height: 32px !important;
  padding: 0 9px !important;
  margin: 0;
  border: 0 !important;
  border-radius: 6px !important;
  background: var(--list-action-background) !important;
  color: var(--list-action-color) !important;
  font-size: 13px !important;
  font-weight: 400 !important;
  line-height: 1.2;
  text-decoration: none;
  box-shadow: none !important;
  transform: none !important;
  filter: none !important;
  transition: background-color .12s ease, color .12s ease;
}

body :is(.monitor-work-actions, .monitor-taxonomy-card-actions, .project-row-actions, .template-actions, .layout-row-actions) > button::before,
body :is([data-delete-bgm], [data-delete-reference])::before {
  content: "";
  display: block;
  flex: 0 0 15px;
  width: 15px;
  height: 15px;
  background: currentColor;
  -webkit-mask: var(--list-action-icon) center / contain no-repeat;
  mask: var(--list-action-icon) center / contain no-repeat;
}

body :is(.monitor-work-actions, .monitor-taxonomy-card-actions, .project-row-actions, .template-actions, .layout-row-actions) > button:hover:not(:disabled),
body :is([data-delete-bgm], [data-delete-reference]):hover:not(:disabled) {
  background: var(--list-action-hover-background) !important;
}

body :is(.monitor-work-actions, .monitor-taxonomy-card-actions, .project-row-actions, .template-actions, .layout-row-actions) > button:focus-visible,
body :is([data-delete-bgm], [data-delete-reference]):focus-visible {
  outline: 2px solid #93b4ff !important;
  outline-offset: 2px;
}

body .monitor-work-actions > [data-monitor-track],
body .project-row-actions > [data-open-project] {
  --list-action-color: var(--list-action-accent);
  --list-action-background: var(--list-action-accent-bg);
  --list-action-hover-background: #e2edff;
  font-weight: 500 !important;
}
body .monitor-work-actions > [data-monitor-track] { --list-action-icon: var(--list-icon-plus); }
body .monitor-work-actions > [data-monitor-untrack] { --list-action-icon: var(--list-icon-minus); }
body .monitor-work-actions > [data-monitor-media="download"] { --list-action-icon: var(--list-icon-download); }
body .monitor-work-actions > :is([data-monitor-media="transcribe"], [data-batch-transcript-retry]) { --list-action-icon: var(--list-icon-text); }
body .monitor-work-actions > [data-copy-original-url] { --list-action-icon: var(--list-icon-link); }
body .monitor-work-actions > [data-library-media] { --list-action-icon: var(--list-icon-folder); }
body .monitor-work-actions > [data-library-restore] { --list-action-icon: var(--list-icon-restore); }
body :is(.project-row-actions > [data-copy-project], .template-actions > [data-copy-layout-template]) { --list-action-icon: var(--list-icon-copy); }
body :is(.monitor-taxonomy-card-actions > [data-taxonomy-edit], .template-actions > [data-edit-template], .template-actions > [data-cover-layout], .template-actions > [data-preview-layout]) { --list-action-icon: var(--list-icon-edit); }
body :is(.monitor-work-actions > [data-library-delete], .monitor-taxonomy-card-actions > [data-taxonomy-delete], .template-actions > [data-delete-template], .template-actions > [data-delete-layout-template], .layout-row-actions > [data-delete-layout-element], [data-delete-bgm], [data-delete-reference]) {
  --list-action-icon: var(--list-icon-trash);
  --list-action-color: var(--list-action-danger);
  --list-action-hover-background: var(--list-action-danger-bg);
}
body .monitor-work-actions > button[aria-busy="true"] { --list-action-icon: var(--list-icon-busy); }
body .monitor-work-actions > :is([data-monitor-track], [data-monitor-untrack]):disabled { --list-action-icon: var(--list-icon-busy); }

/* Match legacy taxonomy danger selectors without affecting sidebar controls. */
body .monitor-taxonomy-card-actions > button.danger {
  border: 0 !important;
  background: var(--list-action-background) !important;
  color: var(--list-action-color) !important;
}
body .monitor-taxonomy-card-actions > button.danger:hover:not(:disabled) {
  background: var(--list-action-hover-background) !important;
  color: var(--list-action-color) !important;
}

body :is(.project-row-actions, .template-actions, .monitor-taxonomy-card-actions) { gap: 4px; }
body .monitor-work-actions { width: 124px !important; gap: 4px !important; }
body .monitor-work-actions > button { width: 100% !important; }
body .monitor-work-actions > .meta { text-align: left !important; overflow-wrap: anywhere; }
body .monitor-page .monitor-work-card { grid-template-columns: 144px minmax(0, 1fr) 124px; }
body .monitor-page .monitor-library-row { grid-template-columns: 220px minmax(0, 1fr) 124px; }
body [data-delete-reference] { width: auto !important; margin-top: 8px; }

/* Inline transcript controls retain their compact text-only form. */
body .monitor-library-text-tools > button:hover:not(:disabled) { box-shadow: none; transform: none; filter: none; }
@media(max-width:900px) {
  body .monitor-page .monitor-work-card { grid-template-columns: 100px minmax(0, 1fr) 124px; }
  body .monitor-page .monitor-library-row { grid-template-columns: 160px minmax(0, 1fr) 124px; }
}
@media(max-width:600px) {
  body .monitor-page .monitor-work-card { grid-template-columns: 80px minmax(0, 1fr); }
  body .monitor-page .monitor-library-row { grid-template-columns: minmax(0, 1fr) 124px; }
}
@media(pointer:coarse) {
  body :is(.monitor-work-actions, .monitor-taxonomy-card-actions, .project-row-actions, .template-actions, .layout-row-actions) > button,
  body :is([data-delete-bgm], [data-delete-reference]) { min-height: 44px !important; height: 44px !important; }
}
@media(prefers-reduced-motion:reduce) {
  body :is(.monitor-work-actions, .monitor-taxonomy-card-actions, .project-row-actions, .template-actions, .layout-row-actions) > button,
  body :is([data-delete-bgm], [data-delete-reference]) { transition: none; }
}