/* Delete's confirm (views/job-manage.js). Duplicate, Archive and Delete are items in the header's
   More menu, group "This job" (2026-10-21); the one thing drawn on the page is this confirm, a
   compact panel right under the header while it is open: the question, what goes, then the two
   buttons, all left aligned. Under 640px the buttons stack, full width and 44px tall. */
.view.job #manage {
  max-width: 640px; margin: 16px 0 24px; padding: 16px 20px; background: var(--panel);
  border: 1px solid var(--line); border-top: 1px solid var(--line); border-left: 4px solid var(--danger);
  border-radius: var(--r-card); box-shadow: var(--shadow-rest);
}
.view.job #manage > h2 { margin: 0 0 4px; font-size: var(--t-md); line-height: var(--lh-md); }
.manage-why { margin: 2px 0 0; font-size: 14px; line-height: 1.45; color: var(--ink-dim); }
.manage-confirm { display: grid; gap: 8px; justify-items: start; }
.manage-confirm > p { margin: 0; font-size: 14px; color: var(--ink); }
.manage-confirm > p.manage-why { color: var(--ink-dim); }
.manage-confirm-actions { display: flex; flex-wrap: wrap; gap: 8px; margin-top: 4px; }
@media (max-width: 640px) {
  .manage-confirm { justify-items: stretch; }
  .manage-confirm-actions { flex-direction: column; }
  .manage-confirm-actions > button { width: 100%; min-height: 44px; }
}