/* 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: 6px; 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; }

/* progress badges on revision cards + inspector button */
.dr-ckl-badge {
    display: inline-flex; align-items: center; gap: 0.25rem;
    padding: 0.05rem 0.35rem; border-radius: 10px;
    background: var(--bg-raised, var(--bg-elevated)); border: 1px solid var(--rule);
    color: var(--fg-muted); font-size: var(--text-xs); cursor: pointer;
}
.dr-ckl-badge:hover { color: var(--accent); border-color: var(--accent); }
.dr-ckl-badge.is-complete { color: var(--status-ok); border-color: color-mix(in srgb, var(--status-ok) 50%, var(--rule)); }
.dr-insp-ckl { width: 100%; justify-content: center; height: 30px; margin-top: 0.3rem; font-size: var(--text-xs); }