#tasks-dialog{width:min(720px,94vw);max-height:92vh;padding:22px;border:1px solid var(--border);border-radius:18px;background:var(--bg);color:var(--fg);overflow:auto}
#tasks-dialog::backdrop{background:rgba(0,0,0,.55)}
#tasks-dialog .toolbar{padding:0 0 14px}
#tasks-dialog>.toolbar{position:sticky;top:-22px;z-index:1;background:var(--bg);padding:12px 0}
#tasks-dialog .back{color:var(--fg)}
#tasks-detail-title{scroll-margin-top:100px}
#tasks-dialog h3,#tasks-dialog p{overflow-wrap:anywhere}
#tasks-dialog select{display:block;width:100%;font:inherit;min-height:44px;background:var(--bg);color:var(--fg);border:1px solid var(--border);border-radius:10px;padding:10px;margin-bottom:16px}
#tasks-dialog select:focus-visible{outline:3px solid var(--brand);outline-offset:3px}
#tasks-dialog a{color:var(--fg);text-underline-offset:3px}
#tasks-dialog .task-check{display:flex;align-items:center;gap:10px;margin:18px 0}
#tasks-dialog .task-check input{width:22px;height:22px;min-height:22px;margin:0}
#tasks-list{display:grid;gap:10px}
#tasks-list button{display:grid;gap:6px;text-align:left;width:100%;overflow-wrap:anywhere}
#tasks-list strong{font-size:1rem}
#tasks-list span{font-size:.85rem;color:var(--muted)}
#tasks-upload-preview,#tasks-private-photo{display:block;width:100%;max-height:360px;object-fit:contain;background:var(--soft);border-radius:10px;margin:14px 0}
#tasks-error,#tasks-confirm{padding:14px;border:1px solid var(--border);border-radius:10px;background:var(--soft)}
#tasks-status{color:var(--muted);font-size:.9rem}
#tasks-status:empty,#tasks-detail-text:empty{display:none}
.task-text{white-space:pre-wrap;overflow-wrap:anywhere}
#tasks-comments article{padding:12px 0;border-top:1px solid var(--border)}
#tasks-comments article p{margin:6px 0}
#tasks-dialog[aria-busy=true]{cursor:progress}
@media(max-width:430px){#tasks-dialog{padding:16px}#tasks-dialog>.toolbar{top:-16px}.task-state{font-size:.9rem}}