#task-collaboration{display:grid;gap:20px;min-width:0}.task-checklist,.task-chat{padding:26px;min-width:0}.collab-heading{display:flex;justify-content:space-between;align-items:center;gap:14px}.collab-heading h2{margin:7px 0}.collab-note{font-size:11px;color:var(--muted);line-height:1.8;margin:12px 0}.collab-error{font-size:12px;color:var(--danger);white-space:pre-wrap;line-height:1.7}.collab-error:empty{display:none}.checklist-items{list-style:none;padding:0;margin:20px 0}.checklist-items li{display:flex;align-items:center;gap:12px;padding:12px 0;border-bottom:1px solid var(--border)}.checklist-items label{display:flex;flex-direction:row;gap:12px;align-items:flex-start;font-size:12px;line-height:1.8;margin:0;flex:1;min-width:0}.checklist-items input{width:17px;height:17px;flex-shrink:0;margin-top:3px;accent-color:var(--blue)}.checklist-items label span{overflow-wrap:anywhere}.checklist-items .done label span{text-decoration:line-through;color:var(--muted)}.checklist-items .btn,.chat-message header .btn{font-size:10px;padding:6px 9px;min-height:28px}#checklist-add{display:flex;gap:10px}#checklist-add input{min-width:0;flex:1}.chat-page-nav{display:flex;gap:10px;align-items:center;justify-content:space-between;margin:16px 0;font-size:10px;color:var(--muted)}.chat-page-nav .btn{font-size:10px;padding:8px 10px}.chat-stream{display:grid;gap:14px;margin:20px 0}.chat-message{border:1px solid var(--border);border-radius:10px;padding:16px;min-width:0;background:var(--surface)}.chat-message.own{border-left:3px solid var(--blue)}.chat-message header{display:flex;gap:8px;align-items:center;flex-wrap:wrap;font-size:11px}.chat-message header strong{overflow-wrap:anywhere}.chat-message time{font-size:10px;color:var(--muted)}.chat-message header .btn{margin-left:auto}.chat-message .task-prose{font-size:12px;margin-top:10px}.chat-system{display:flex;gap:10px;padding:8px 4px;color:var(--muted);font-size:11px;line-height:1.7;overflow-wrap:anywhere}.chat-system>.icon{width:14px;flex-shrink:0;margin-top:3px}.chat-system>div{min-width:0}.chat-system small{display:block;font-size:9px;margin-top:4px}.chat-mentions{display:flex;flex-wrap:wrap;gap:6px;margin-top:10px}.chat-mentions span{font-size:11px;color:var(--blue);background:var(--blue-soft);padding:4px 7px;border-radius:5px}.chat-files{display:grid;gap:8px;margin-top:12px}.chat-files a{display:flex;gap:10px;align-items:center;padding:12px;background:var(--soft);border:1px solid var(--border);border-radius:7px;color:var(--text);text-decoration:none;font-size:11px;overflow-wrap:anywhere;min-width:0}.chat-files a>.icon{width:17px;flex-shrink:0;color:var(--blue)}.chat-files a span{min-width:0}.chat-files small{display:block;color:var(--muted);margin-top:4px;font-size:10px}.chat-pinned{border:1px solid var(--blue);border-radius:9px;padding:14px;margin-top:20px;background:var(--blue-soft)}.chat-pinned summary{font-size:12px;cursor:pointer;color:var(--blue)}.chat-pinned .chat-message{margin-top:12px}#task-message-form{border-top:1px solid var(--border);padding-top:20px}#task-message-form>label{font-size:12px;margin-bottom:10px}#task-message-body{resize:vertical;width:100%;font-family:inherit}.chat-compose-actions{display:flex;gap:8px;align-items:center;flex-wrap:wrap;margin-top:12px}.chat-compose-actions>.primary{margin-left:auto}.chat-file-picker{position:relative;overflow:hidden;display:flex;flex-direction:row!important;gap:7px;margin:0!important;cursor:pointer}.chat-file-picker input{position:absolute;inset:0;opacity:0;width:100%;cursor:pointer}#draft-files>div{display:flex;gap:10px;align-items:center;justify-content:space-between;background:var(--soft);border-radius:5px;padding:8px 12px;margin-top:8px;font-size:11px;overflow-wrap:anywhere}#draft-files .btn{font-size:10px;flex-shrink:0}#draft-files small{color:var(--muted)}#selected-mentions,#mention-suggestions{display:flex;flex-wrap:wrap;gap:7px;margin-top:8px}#selected-mentions .btn,#mention-suggestions .btn{font-size:11px;padding:7px 10px}#mention-suggestions{padding:12px;background:var(--soft);border:1px solid var(--border);border-radius:7px}#mention-suggestions[hidden],#chat-new[hidden]{display:none}.chat-empty{color:var(--muted);font-size:12px;line-height:1.8}.task-unread{display:inline-block;border-radius:5px;background:var(--brand);color:white;font-size:9px;font-weight:500;padding:3px 6px;margin-left:6px}.sr-only{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;border:0}
@media(max-width:500px){.task-checklist,.task-chat{padding:20px}.collab-heading{gap:8px}.chat-message{padding:13px}.chat-message header .btn{margin-left:0}#checklist-add{flex-wrap:wrap}#checklist-add input{flex-basis:100%}.chat-page-nav>span{display:none}.chat-compose-actions>.primary{width:100%;margin:3px 0 0}.chat-compose-actions .btn{font-size:11px}.checklist-items .btn{padding:5px;min-height:28px}}

.chat-stream{max-height:480px;overflow:auto;overscroll-behavior:contain;padding:2px 6px 2px 2px;scrollbar-gutter:stable}.task-history-summary{padding:22px 26px;font-size:13px;font-weight:600;cursor:pointer}.task-history details[open]>.task-history-summary{border-bottom:1px solid var(--border)}

.task-detail-pane #task-collaboration{grid-template-columns:minmax(260px,.9fr) minmax(0,1.4fr);gap:16px;align-items:start}.task-detail-pane .task-checklist,.task-detail-pane .task-chat{padding:18px 20px}.checklist-disclosure>summary{display:flex;justify-content:space-between;gap:12px;align-items:center;cursor:pointer;font-size:14px;list-style:none}.checklist-disclosure>summary::before{content:'›';color:var(--muted)}.checklist-disclosure[open]>summary::before{content:'⌄'}.checklist-disclosure>summary strong{flex:1}.task-detail-pane .checklist-items{margin:12px 0}.task-detail-pane .checklist-items li{padding:9px 0}.task-detail-pane .collab-heading h2{font-size:14px;margin:0}.task-detail-pane .collab-note{font-size:10px;margin:10px 0;line-height:1.7}.task-detail-pane .chat-stream{max-height:270px;margin:12px 0}.task-detail-pane .chat-page-nav{margin:10px 0}.task-detail-pane #checklist-add{flex-wrap:wrap}.task-detail-pane #checklist-add input{flex-basis:100%}.task-detail-pane .chat-compose-actions{gap:6px}.task-detail-pane .chat-compose-actions .btn{font-size:10px;padding:8px 10px}
@media(max-width:1000px){.task-detail-pane #task-collaboration{grid-template-columns:1fr}.task-detail-pane #checklist-add input{flex-basis:auto}}
@media(max-width:500px){.task-detail-pane .task-checklist,.task-detail-pane .task-chat{padding:16px}.task-detail-pane #checklist-add input{flex-basis:100%}.task-detail-pane .chat-compose-actions>.primary{width:100%}}