/* lucyna.dev — edet-checklist.css (Batch-2 P12). Reuses .dr-cf-* modal shell. Tokens only. */

.dr-ckl-modal { width: min(440px, 100%); }
.dr-ckl-list { display: flex; flex-direction: column; gap: 0.2rem; margin-bottom: 0.7rem; }
.dr-ckl-item { display: flex; align-items: center; gap: 0.45rem; padding: 0.3rem 0.4rem; border-radius: var(--radius); cursor: pointer; }
.dr-ckl-item:hover { background: var(--row-hover); }
.dr-ckl-text { flex: 1 1 auto; color: var(--fg); font-size: var(--text-sm); }
.dr-ckl-item.is-done .dr-ckl-text { color: var(--fg-muted); text-decoration: line-through; }
.dr-ckl-add { display: flex; gap: 0.4rem; padding-top: 0.6rem; border-top: 1px solid var(--rule); }
.dr-ckl-add .dr-insp-input { flex: 1 1 auto; }
.dr-ckl-tpl { display: flex; gap: 0.4rem; margin-top: 0.5rem; }
.dr-ckl-tpl .dr-insp-select { flex: 1 1 auto; }
.dr-insp-ckl { width: 100%; justify-content: center; height: 30px; margin-top: 0.3rem; font-size: var(--text-xs); }