.task-checklist-head { display: flex; align-items: center; justify-content: space-between; gap: 10px; }
.task-checklist-state { font-size: 12px; padding: 4px 10px; border-radius: 999px; white-space: nowrap; }
.task-checklist-state.ok { background: #e6f7ee; color: #157347; }
.task-checklist-state.wait { background: #fff4e0; color: #9a5b00; }
.task-checklist-list { list-style: none; margin: 10px 0; padding: 0; display: grid; gap: 8px; }
.task-checklist-list li { display: flex; align-items: flex-start; gap: 8px; line-height: 1.7; }
.task-checklist-list li span[aria-hidden] { font-weight: 700; color: #6b7b8c; }
.task-checklist-list li.checked span[aria-hidden] { color: #157347; }
.task-checklist-list li label { display: flex; align-items: flex-start; gap: 10px; cursor: pointer; min-height: 44px; padding: 6px 0; }
.task-checklist-list li input { width: 20px; height: 20px; margin-top: 3px; accent-color: #0a8a99; }
.task-checklist-dialog { direction: rtl; color: #172a3a; width: min(460px, calc(100vw - 32px)); padding: 22px; box-sizing: border-box; border: 0; border-radius: 18px; font: inherit; }
.task-checklist-dialog::backdrop { background: #0b1f3a99; }
.task-checklist-dialog h2 { margin: 0 0 6px; font-size: 20px; }
.task-checklist-dialog .worker-details-actions { display: flex; gap: 10px; margin-top: 14px; }
.task-checklist-dialog #task-checklist-confirm { flex: 1; background: #0a8a99; color: #fff; border: 0; border-radius: 10px; padding: 12px; font: inherit; cursor: pointer; min-height: 44px; }
.task-checklist-dialog #task-checklist-confirm:disabled { background: #cfd8dd; cursor: not-allowed; }
.task-checklist-dialog #task-checklist-cancel { border: 1px solid #cfd8dd; background: #fff; border-radius: 10px; padding: 12px 18px; font: inherit; cursor: pointer; min-height: 44px; }
.task-checklist-dialog #task-checklist-error { color: #b02a37; min-height: 18px; }