.discussion-link{display:inline-flex;gap:8px;align-items:center;margin-top:6px;padding:3px 9px;border:1px solid #dce7f5;border-radius:6px;color:var(--brand);font-size:11px;background:#f6f9fe;cursor:pointer}
.discussion-link:hover{background:#eaf2ff;border-color:#9abbdf}.is-viewer .edit-task[data-discussion]{cursor:pointer}.is-viewer .edit-task[data-discussion]:hover{color:var(--brand)}
#taskDetail{margin:auto 0 auto auto;border:0;border-left:1px solid var(--line);width:min(720px,100%);max-width:100%;height:100dvh;max-height:100dvh;padding:0;color:var(--text);background:var(--bg);box-shadow:-12px 0 50px #002b4922;font:14px/1.6 var(--sans)}
#taskDetail::backdrop{background:#002b4955;backdrop-filter:blur(2px)}
.detail-head{position:sticky;top:0;z-index:1;padding:22px 26px 18px;background:white;border-bottom:1px solid var(--line);display:flex;gap:20px;justify-content:space-between;align-items:flex-start}.detail-head small{color:var(--brand);font-size:11px}.detail-head h2{font-size:21px;color:var(--navy);line-height:1.45;margin-top:4px;overflow-wrap:anywhere}.detail-close{font-size:24px;padding:0 6px;color:var(--muted)}
.detail-body{padding:22px 26px 36px}.detail-card{padding:20px;background:white;border:1px solid var(--line);border-radius:12px;margin-bottom:18px}.detail-card h3{font-size:15px;color:var(--navy);margin-bottom:12px}.detail-facts{display:flex;gap:8px 22px;flex-wrap:wrap;font-size:12px;color:var(--muted);margin-top:10px}.detail-notes{white-space:pre-wrap;overflow-wrap:anywhere;font-size:13px;margin-top:12px}.detail-hint{font-size:12px;color:var(--muted);margin:7px 0 12px}.detail-identity{display:flex;flex-wrap:wrap;gap:8px;align-items:center;padding:12px 14px;border:1px solid #dce7f5;background:#f5f9ff;border-radius:9px;margin-bottom:18px}.detail-identity b{color:var(--navy)}.detail-identity button{color:var(--brand);text-decoration:underline}.detail-identity input{max-width:220px;min-width:0;padding:7px 10px;border:1px solid var(--line);border-radius:6px;font:inherit}.detail-identity label{display:flex;align-items:center;gap:8px;flex-wrap:wrap}
#messageText{width:100%;resize:vertical;min-height:100px;border:1px solid var(--line);border-radius:8px;background:#fafbfd;padding:12px;font:inherit}#messageText:focus{border-color:var(--brand);outline:0;background:white}.detail-toolbar{display:flex;justify-content:space-between;align-items:center;gap:12px;margin:10px 0 16px}.detail-toolbar .btn{white-space:nowrap}.detail-toolbar small{color:var(--muted)}.message{border-top:1px solid var(--line-soft);padding:15px 0}.message-head{display:flex;align-items:center;justify-content:space-between;gap:10px;font-size:12px;color:var(--muted)}.message-head strong{color:var(--navy)}.message p{margin-top:6px;white-space:pre-wrap;overflow-wrap:anywhere}.file-row{padding:14px 0;border-top:1px solid var(--line-soft)}.file-title{font-size:13px;font-weight:600;overflow-wrap:anywhere;color:var(--navy)}.file-meta{font-size:11px;color:var(--muted);margin:4px 0 7px}.file-actions{display:flex;gap:16px;font-size:12px}.file-actions a{color:var(--brand);text-decoration:none}.file-actions a:hover{text-decoration:underline}.file-preview{margin-top:8px;font-size:12px;color:var(--brand)}.file-preview summary{cursor:pointer}.file-preview img{display:block;max-width:100%;max-height:360px;object-fit:contain;margin-top:10px;border-radius:6px}.detail-error{padding:10px 12px;margin-bottom:15px;color:#a34724;background:#fff0e8;border:1px solid #eed5c6;border-radius:8px}.detail-ok{font-size:12px;color:#288161;min-height:20px}.detail-empty{padding:16px 0;color:var(--faint);font-size:13px}.detail-card input[type=file]{max-width:100%;font:inherit;font-size:12px}.detail-card button:disabled{opacity:.55;cursor:wait}.detail-card a:focus-visible{outline:2px solid var(--brand)}
@media(max-width:600px){.detail-head{padding:18px}.detail-head h2{font-size:19px}.detail-body{padding:16px}.detail-card{padding:16px}.detail-toolbar{flex-wrap:wrap}.detail-facts{gap:5px 15px}}
@media print{.discussion-link,#taskDetail{display:none!important}}
.exporting .discussion-link{display:none!important}
.entry-actions{display:flex;gap:16px;flex-wrap:wrap;margin-top:8px;font-size:12px;color:var(--brand)}.entry-actions button:hover{text-decoration:underline}#entryText{display:block;width:100%;padding:10px;margin-top:8px;border:1px solid var(--line);border-radius:8px;resize:vertical;font:inherit}#entryEditor{border-color:#9abbdf}#entryEditor label{font-size:12px;color:var(--muted)}