/* HOP — Developer tools: HOP's ideas (devtools.js) */
.dv-main{ gap:14px; padding-top:14px; }
.dv-lead{ margin:0; font-size:16px; line-height:1.45; color:var(--text-muted); }
.dv-add{ display:flex; gap:8px; }
.dv-add input{ flex:1; min-width:0; font:inherit; font-size:17px; padding:12px; border-radius:12px; border:1px solid var(--border-strong); background:var(--surface); color:var(--text); }
.dv-add .btn{ flex:none; padding:0 18px; }
.dv-list{ list-style:none; margin:0; padding:0; display:flex; flex-direction:column; gap:8px; }
.dv-item{ display:flex; align-items:flex-start; gap:10px; padding:12px; background:var(--surface); border:1px solid var(--border); border-radius:var(--radius); box-shadow:var(--shadow-sm); }
.dv-check{ flex:none; width:28px; height:28px; margin-top:1px; border-radius:50%; border:2px solid var(--border-strong); background:var(--surface); color:#fff; cursor:pointer; display:flex; align-items:center; justify-content:center; padding:0; }
.dv-check.is-on{ background:var(--accent-500); border-color:var(--accent-500); }
.dv-text{ flex:1; min-width:0; border:0; background:transparent; padding:0; font:inherit; color:var(--text); text-align:left; cursor:pointer; display:flex; flex-direction:column; gap:4px; }
.dv-text b{ font-size:17px; line-height:1.3; overflow-wrap:anywhere; }
.dv-text span{ font-size:14.5px; line-height:1.4; color:var(--text-muted); overflow-wrap:anywhere; }
.dv-move{ flex:none; display:flex; flex-direction:column; gap:4px; }
.dv-move button{ width:32px; height:26px; border:1px solid var(--border); border-radius:8px; background:var(--surface-2); color:var(--text-muted); font-size:11px; cursor:pointer; padding:0; }
.dv-move button[disabled]{ opacity:.35; }
.dv-item.is-done .dv-text b{ color:var(--text-muted); text-decoration:line-through; text-decoration-thickness:1px; }
.dv-donebox summary{ cursor:pointer; font-weight:700; color:var(--text-muted); padding:8px 2px; }
.dv-donebox .dv-list{ margin-top:6px; }
.dv-empty{ padding:20px; text-align:center; color:var(--text-muted); }
.dv-main .btn svg{ vertical-align:-3px; margin-right:4px; }