.cancelled-plan-jobs { border-top: 1px solid #ddd9d1; background: #f7f5f1; }
.cancelled-plan-jobs > summary { padding: 10px 14px; color: #69635b; cursor: pointer; font-size: 12px; font-weight: 600; }
.cancelled-plan-jobs > summary:focus-visible { outline: 2px solid #b67105; outline-offset: -3px; }
.cancelled-plan-jobs[open] > summary { border-bottom: 1px solid #ddd9d1; }
.cancelled-plan-list .job.cancelled { background: #f7f5f1; }
.cancelled-archive-hint { margin: 0; padding: 8px 14px; font-size: 12px; color: #69635b; }
#planView #jobs .cancelled-plan-list .job.cancelled { grid-template-columns: minmax(0,1fr) auto; gap: 10px; padding: 10px 14px; }
.cancelled-job-summary { min-width: 0; overflow-wrap: anywhere; }
.cancelled-job-summary p { margin: 4px 0; }
#jobReactivateDialog { width: min(760px, 96vw); }
.job-reactivate-body { padding: 18px 24px; display: grid; gap: 12px; }
.job-reactivate-body p { margin: 0; }
.job-reactivate-body label:not(.reactivate-keep) { display: grid; gap: 6px; }
.reactivate-keep { display: flex; align-items: center; gap: 10px; }
.reactivate-keep input { width: auto; }
#jobReactivatePreview:not(:empty) { padding: 12px; background: #fff4db; border-left: 3px solid #cf8700; }
#jobReactivatePreview p + p { margin-top: 6px; }