/* Deleted projects (js/deleted-projects.js, 10/8/26): the two-step delete and
   the archive, one body-level dialog for the CRM and Finance alike. It sits
   at the CRM's modal level (page-crm.css --crm-z-modal 340), under the toast,
   in the shell's own tokens so it reads the same light or dark. */
.dp-scrim{ position:fixed; inset:0; z-index:345; display:flex; align-items:center; justify-content:center; padding:16px; background:rgba(15,18,26,.45); }
.dp-dialog{ width:min(560px, 100%); max-height:calc(100vh - 48px); max-height:calc(100dvh - 48px); display:flex; flex-direction:column; background:var(--surface); color:var(--text-body); border:1px solid var(--rule-strong); border-radius:12px; box-shadow:0 18px 48px rgba(31,37,51,.28); font-family:var(--font-sans); }
.dp-head{ display:flex; align-items:center; justify-content:space-between; gap:12px; padding:18px 20px 10px; }
.dp-title{ margin:0; font-family:var(--font-serif); font-size:19px; font-weight:600; color:var(--text-head); }
.dp-x{ background:none; border:0; color:var(--text-muted); font-size:15px; cursor:pointer; padding:6px; border-radius:6px; }
.dp-x:hover{ background:var(--hover); color:var(--text-head); }
.dp-body{ padding:0 20px 8px; overflow:auto; }
.dp-foot{ display:flex; justify-content:flex-end; gap:8px; padding:12px 20px 18px; border-top:1px solid var(--rule); }
.dp-p{ margin:8px 0 0; font-size:13.5px; line-height:1.55; }
.dp-p b{ font-weight:600; color:var(--text-head); }
.dp-quiet{ color:var(--text-muted); font-size:12.5px; }
.dp-label{ font-size:12.5px; font-weight:600; color:var(--text-head); padding:0; margin-bottom:4px; }
.dp-scope{ border:0; margin:6px 0 4px; padding:0; }
.dp-choice{ display:flex; gap:10px; align-items:flex-start; padding:10px 0; border-top:1px solid var(--rule); font-size:13.5px; cursor:pointer; }
.dp-choice:first-of-type{ border-top:0; }
.dp-choice input{ margin-top:3px; }
.dp-choice b{ font-weight:600; color:var(--text-head); }
.dp-sub{ display:block; font-size:12.5px; color:var(--text-muted); line-height:1.5; margin-top:2px; }
.dp-soon{ color:var(--amber-ink); font-weight:600; }
.dp-confirm{ display:block; width:100%; margin-top:12px; letter-spacing:.06em; }
.dp-err{ margin:8px 0 0; font-size:12.5px; color:var(--red-ink); }
.dp-err[hidden]{ display:none; }
.dp-list{ padding-bottom:6px; }
.dp-row{ display:flex; gap:16px; align-items:flex-start; justify-content:space-between; padding:14px 0; border-top:1px solid var(--rule); }
.dp-row:first-of-type{ border-top:0; }
.dp-row-main{ min-width:0; }
.dp-row-name{ font-size:14px; font-weight:600; color:var(--text-head); overflow-wrap:anywhere; }
.dp-row-acts{ display:flex; gap:6px; flex-shrink:0; }
.dp-toast{ position:fixed; left:50%; bottom:28px; transform:translateX(-50%); z-index:350; background:var(--sidebar-bg); color:var(--sidebar-text-strong); font-size:13px; font-weight:600; padding:10px 16px; border-radius:10px; box-shadow:0 8px 24px rgba(0,0,0,.25); }
/* A delete affordance stays quiet until it is wanted. */
.dp-delete-link{ display:block; margin:18px 0 4px; padding:0; background:none; border:0; font:inherit; font-size:12.5px; color:var(--text-muted); text-decoration:underline; text-underline-offset:3px; cursor:pointer; }
.dp-delete-link:hover{ color:var(--red-ink); }
@media (max-width: 640px){
  .dp-row{ flex-direction:column; gap:8px; }
  .dp-foot .ds-btn, .dp-row-acts .ds-btn{ min-height:44px; }
}