/* Tasks screen only. Uses desk tokens; nothing here repeats components.css. */
.more{border-top:var(--border-w) solid var(--line);padding-top:var(--sp-2)}
.more summary{min-height:var(--target);display:flex;align-items:center;cursor:pointer;font-weight:500;color:var(--accent)}
.more-body{padding:var(--sp-2) 0}
.pair{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1fr);gap:var(--sp-2)}
.field:focus-visible,textarea.field:focus-visible{outline:3px solid var(--focus);outline-offset:1px}
.result-card{scroll-margin-top:var(--sp-4)}
.result-card h2{font-size:var(--fs-xl)}
.result-card h2:focus{outline:none}
.result-card h2:focus-visible{outline:3px solid var(--focus);outline-offset:3px;border-radius:var(--r-sm)}
.asked{color:var(--ink2);overflow-wrap:anywhere}
.boxes{display:flex;flex-direction:column;gap:var(--sp-3)}
.boxes .need{display:block;font-size:var(--fs-sm);color:var(--ink2);margin:-2px 0 4px}
.lbl .small{font-weight:400}
.boxes .need.req{color:var(--warn);font-weight:600}
.errcard{border-color:var(--del);background:var(--warn-soft)}
.errcard h2{color:var(--del)}
.findings{list-style:none;display:flex;flex-direction:column;gap:var(--sp-2)}
.finding{display:grid;grid-template-columns:40px minmax(0,1fr);gap:var(--sp-3);align-items:start;padding:var(--sp-3) var(--sp-4);border:var(--border-w) solid var(--line);border-radius:var(--r-md);background:var(--panel)}
.finding .mark{width:32px;height:32px}
.finding .status{font-weight:600}
.finding .message{overflow-wrap:anywhere;margin-top:2px}
.finding .cites{font-size:var(--fs-sm);color:var(--ink2);margin-top:var(--sp-1);overflow-wrap:anywhere}
.finding[data-status="issue"]{background:var(--warn-soft)}
.finding[data-status="issue"] .mark,.finding[data-status="issue"] .status{color:var(--del)}
.finding[data-status="ok"]{background:var(--ok-soft)}
.finding[data-status="ok"] .mark,.finding[data-status="ok"] .status{color:var(--ok)}
.finding[data-status="unsure"] .mark,.finding[data-status="unsure"] .status{color:var(--warn)}
.rowcard .body b{overflow-wrap:anywhere;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden}
.skel{height:64px;border-radius:var(--r-md);background:var(--stage)}
@media (max-width:640px){.pair{grid-template-columns:minmax(0,1fr)}}

.attach{display:flex;flex-direction:column;gap:var(--sp-2)}
.dropzone{position:relative;display:flex;flex-wrap:wrap;align-items:center;gap:var(--sp-2) var(--sp-4);padding:var(--sp-4);border:2px dashed var(--line-strong);border-radius:var(--r-md);background:var(--panel2)}
.dropzone.over{border-color:var(--accent);background:var(--accent-soft)}
.dropzone .filepick{position:absolute;width:1px;height:1px;opacity:0;overflow:hidden}
.dropzone .filepick:focus-visible+.attachbtn{outline:3px solid var(--focus);outline-offset:2px}
.attachbtn{min-height:56px;padding:0 var(--sp-5);font-weight:600;cursor:pointer}
.dropzone .small{flex:1 1 220px;min-width:0}
.attached{display:flex;flex-direction:column;gap:var(--sp-2);padding:var(--sp-3) var(--sp-4);border:var(--border-w) solid var(--line);border-radius:var(--r-md);background:var(--panel)}
.attached[hidden]{display:none}
.attachedhead{display:flex;flex-wrap:wrap;align-items:center;justify-content:space-between;gap:var(--sp-2)}
.attachedhead b{min-width:0;overflow-wrap:anywhere}
.usefile{display:flex;flex-direction:column;gap:var(--sp-1);padding:var(--sp-3);border:var(--border-w) solid var(--line);border-radius:var(--r-md);background:var(--panel2)}
.usefile select{width:100%;min-height:var(--target);padding:var(--sp-2) var(--sp-3);border:var(--border-w) solid var(--line-strong);border-radius:var(--r-sm);background:var(--panel);font:inherit;color:inherit}
.usefile select:focus-visible{outline:3px solid var(--focus);outline-offset:1px}

.yesno{border:0;min-width:0;padding:0;margin:0}
.yesno legend{padding:0;float:none;width:100%}
.yesno .need{display:block}
.yesno-opts{display:flex;flex-wrap:wrap;gap:var(--sp-2)}
.yesno .opt{display:inline-flex;align-items:center;gap:var(--sp-2);min-height:var(--target);min-width:96px;padding:0 var(--sp-4);border:var(--border-w) solid var(--line-strong);border-radius:var(--r-sm);background:var(--panel);cursor:pointer;font-weight:500}
.yesno .opt:has(input:checked){background:var(--accent-soft);border-color:var(--accent);font-weight:600}
.yesno .opt:has(input:focus-visible){outline:3px solid var(--focus);outline-offset:2px}
.yesno .opt input{width:20px;height:20px;accent-color:var(--accent)}