/* One navigation and a quiet working surface. */
.collaboration-create-menu{position:fixed;inset:auto;margin:0;width:232px;padding:6px;border:1px solid var(--line);border-radius:12px;background:var(--surface);color:var(--text);box-shadow:var(--shadow)}
.collaboration-create-menu button{display:flex;align-items:center;gap:12px;width:100%;min-height:58px;padding:9px 11px;text-align:left;border-radius:7px;font-size:14px}.collaboration-create-menu button:first-child{color:var(--action)}.collaboration-create-menu button:hover{background:var(--hover)}.collaboration-create-menu svg{width:18px;height:18px;flex:none}.collaboration-create-menu button span{display:grid;gap:2px;min-width:0}.collaboration-create-menu button strong{font-size:13px;font-weight:600}.collaboration-create-menu button small{font-size:10px;color:var(--muted);white-space:nowrap}
.conversation-list-section{display:flex;align-items:center;gap:6px;margin:12px 8px 5px;color:var(--muted);font-size:11px;font-weight:600}.conversation-list-section span{font-weight:400;color:var(--subtle)}
#group-room-type{display:inline-flex;align-items:center;margin-left:8px;padding:2px 7px;border:1px solid var(--line-soft);border-radius:6px;color:var(--muted);font-size:10px;white-space:nowrap}.group-chat[data-room-kind="conversation"] #group-room-type{border-color:color-mix(in srgb,var(--action) 36%,var(--line-soft));color:var(--action)}
#group-rename-dialog{width:min(380px,calc(100vw - 32px))}#group-rename-dialog input{width:100%;min-height:44px;font-size:16px}#group-rename-dialog [role=alert]:empty{display:none}
#delivery-dialog .preview-markdown a{color:var(--accent)}.delivery-check{color:var(--muted)}
.workspace-search{height:34px;padding:0 11px;border:1px solid var(--line);border-radius:8px;background:var(--surface);color:var(--text);font-size:12px}button:focus-visible,summary:focus-visible{outline:2px solid var(--action);outline-offset:2px}
#collaboration-view{flex-direction:column;overflow:hidden}.collab-hub{padding:28px 36px;overflow:auto;flex:1;min-height:0}.collab-hub.room-open{display:none}
.project-space-open #workspace>#preview-panel[hidden],.start-work-open #workspace>#preview-panel[hidden]{display:none!important}
.collab-hub-heading{display:flex;justify-content:space-between;align-items:center;gap:16px;margin-bottom:24px}.collab-hub h1{font-size:24px;margin:0}
.collab-search{display:flex;gap:8px;align-items:center;color:var(--muted)}.collab-search svg{width:16px}.collab-search input{min-width:0;background:var(--surface);border:0;border-radius:7px;padding:9px 12px;color:var(--text);font-size:14px}
.collab-tabs,.collab-filters,.collab-overview{display:none}.collab-columns,.collab-feed{display:block}
.work-filter{display:flex;align-items:center;justify-content:space-between;margin:8px 0 12px;font-size:14px;font-weight:500}.work-filter select{background:var(--surface);color:var(--muted);font-size:13px;border:0;border-radius:6px;padding:8px}
.collab-task{position:relative;display:flex;align-items:center;gap:14px;padding:15px 4px;border-bottom:1px solid var(--line);min-width:0}
.collab-task-art{width:38px;height:38px;flex:none;color:var(--muted);display:grid;place-items:center;overflow:hidden;border-radius:5px}.collab-task-art svg{width:21px;height:21px}.collab-task-art .result-icon,.collab-task-art .result-thumb{width:38px;height:38px;margin:0}.collab-task-art img{width:100%;height:100%;object-fit:cover}
.collab-task-body{min-width:0;flex:1;padding-right:72px}.collab-task h2{margin:0 0 5px;font-size:14px;font-weight:500}.collab-task h2 button{display:block;width:100%;text-align:left;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;font:inherit}
.collab-task small{font-size:12px;color:var(--muted)}.collab-task p{display:none}.collab-status{position:absolute;right:40px;top:18px;font-size:12px;color:var(--muted)}
[data-status=confirm] .collab-status,[data-status=reply] .collab-status{color:var(--warning)}[data-status=completed] .collab-status{color:var(--success)}[data-status=running] .collab-status{color:var(--warning)}[data-status=error] .collab-status{color:var(--error)}
.collab-task-actions{display:flex;align-items:center;gap:4px;margin-top:8px}.collab-task-actions button{display:inline-flex;align-items:center;gap:3px;padding:4px 7px;font-size:11px;white-space:nowrap}.collab-task-actions svg{width:12px}
.collab-empty{padding:36px 0;color:var(--muted);font-size:14px;text-align:center;grid-column:1/-1}.collab-empty h2{font-size:16px}
/* The composer stays put; only the recent-work region owns scrolling. */
.start-work-open #conversation{--home-width:1480px;--home-gutter:32px;padding:0;min-height:0;overflow:hidden;justify-content:flex-start}
.start-work-open #messages-scroll{flex:none;overflow:visible}
.start-work-open #conversation #messages{width:100%;max-width:var(--home-width);margin:0 auto;padding:26px var(--home-gutter) 18px;box-sizing:border-box}
.start-work h1{font-size:26px;line-height:1.3;font-weight:600;margin:0}.start-work p{display:none}
.start-work-open #composer-area{flex:none;width:100%;max-width:var(--home-width);margin:0 auto;padding:0 var(--home-gutter) 20px;box-sizing:border-box}
.start-work-open .home-create{margin:0 0 12px;gap:8px}
.start-work-open .home-create-card.creation-tag{min-height:36px;padding:7px 10px}
.start-work-open .home-create-card.creation-tag strong{font-size:12px}
.start-work-open #composer{border-radius:12px}.start-work-open #prompt{min-height:64px}
.start-work-open .collab-hub{display:flex;flex-direction:column;flex:1;min-height:0;overflow:hidden;width:100%;max-width:var(--home-width);margin:0 auto;padding:0 var(--home-gutter) 20px;box-sizing:border-box}
.start-work-open .collab-hub-heading{display:none}
.start-work-open .collab-inbox{display:flex;flex-direction:column;flex:1;min-height:0}
.start-work-open .work-filter{flex:none;margin:0 0 12px;padding-top:16px;border-top:1px solid var(--line);font-size:15px}
.start-work-open .collab-columns{flex:1;min-height:0;overflow-y:auto;overflow-x:hidden;overscroll-behavior:contain;scrollbar-gutter:stable;padding:3px}
.start-work-open .collab-feed{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:16px;align-content:start;padding-bottom:8px}
.start-work-open .collab-task{--work-status:var(--muted);display:flex;align-items:stretch;height:156px;padding:18px 20px;border:1px solid var(--line);border-top:2px solid var(--work-status);border-radius:10px;background:var(--surface);box-sizing:border-box}
.start-work-open .collab-task[data-status=completed]{--work-status:var(--success)}.start-work-open .collab-task[data-status=running]{--work-status:var(--warning)}.start-work-open .collab-task[data-status=error]{--work-status:var(--error)}.start-work-open .collab-task:is([data-status=confirm],[data-status=reply]){--work-status:var(--warning)}
.start-work-open .collab-task,.start-work-open .collab-task button{transition:none;animation:none}
.start-work-open .collab-task-art{display:none}
.start-work-open .collab-task-body{display:flex;flex-direction:column;gap:10px;padding:0;min-width:0}
.start-work-open .collab-task h2{margin:0;height:46px;font-size:15px;font-weight:600;line-height:23px}
.start-work-open .collab-task h2 button{display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;white-space:normal;overflow-wrap:anywhere;line-height:23px;padding:0}
.start-work-open .collab-task h2 button::after{content:"";position:absolute;inset:0;border-radius:10px}
.start-work-open .collab-task-body::after{content:"→";position:absolute;bottom:17px;right:20px;color:var(--muted);font-size:19px;font-weight:400;line-height:18px;pointer-events:none}
.start-work-open .collab-task:has(h2 button:focus-visible){outline:2px solid var(--action);outline-offset:1px}
.start-work-open .collab-task small{display:block;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;font-size:12px;line-height:18px;margin-top:auto;padding-right:24px}
.start-work-open .collab-status{position:static;display:block;font-size:12px;line-height:18px;font-weight:500;color:var(--work-status);padding-right:28px}
.start-work-open .collab-task-actions{top:13px;bottom:auto;right:12px;z-index:2}
.start-work-open .collab-task-actions summary{padding:3px 5px}
.start-work-open .collab-task-actions[open]{padding:8px;max-width:calc(100% - 24px)}
.start-work-open .collab-task-actions button{padding:7px 10px}
.start-work-open .collab-feed>.collab-empty,.start-work-open .collab-more{grid-column:1/-1}
@media(min-width:1600px){.start-work-open .collab-feed{grid-template-columns:repeat(5,minmax(0,1fr))}}
@media(max-width:1190px){.start-work-open #conversation{--home-gutter:24px}}
@media(max-width:1090px){.start-work-open .collab-feed{grid-template-columns:repeat(3,minmax(0,1fr))}}
@media(max-width:900px){.start-work-open .collab-feed{grid-template-columns:repeat(2,minmax(0,1fr))}}
@media(max-width:720px){.start-work-open .collab-feed{grid-template-columns:minmax(0,1fr)}}
@media(max-height:720px){.start-work-open #conversation #messages{padding-top:18px;padding-bottom:14px}.start-work-open #composer-area{padding-bottom:12px}.start-work-open #prompt{min-height:54px}}
.project-board{overflow:auto;min-height:0;flex:1;padding:24px 28px}.project-board-heading{display:flex;align-items:center;justify-content:space-between;margin-bottom:16px}.project-board h2{font-size:16px;font-weight:500}
.project-task-row{display:flex;align-items:center;justify-content:space-between;gap:16px;width:100%;text-align:left;padding:16px 4px;border-bottom:1px solid var(--line)}.project-task-row>span{min-width:0}.project-task-row strong{display:block;font-size:14px;font-weight:500;overflow-wrap:anywhere}.project-task-row small{display:block;margin-top:6px;font-size:12px;color:var(--muted)}.project-task-row em{font-size:12px;color:var(--muted);font-style:normal;white-space:nowrap}
.project-delivery{padding:16px 0;border-bottom:1px solid var(--line)}.project-delivery>button{display:flex;align-items:center;gap:14px;text-align:left;width:100%}.project-delivery>button>span{min-width:0}.project-delivery strong{display:block;font-size:14px;font-weight:500;overflow-wrap:anywhere}.project-delivery small{display:block;font-size:12px;color:var(--muted);margin-top:6px}.project-delivery .result-icon{width:42px;height:42px;flex:none}
[data-delivery-state=completed] small{color:var(--success)}[data-delivery-state=processing] small{color:var(--warning)}[data-delivery-state=failed] small{color:var(--error)}
#shared-files-panel{width:292px;max-width:none;overflow:auto;background:var(--side)}#shared-files-panel>header{position:sticky;top:0;background:var(--side);z-index:2}#shared-list{flex:none;overflow:visible}.collaboration-results{flex:none;overflow:visible;padding:0 16px}.collaboration-results .project-board-heading{margin:0}.collaboration-results .project-delivery>button{gap:10px}.collaboration-results .project-delivery .result-icon{width:32px;height:32px}.collaboration-results .project-delivery strong{font-size:13px}.collaboration-results .project-delivery small{font-size:11px}#shared-files-panel .shared-toolbar{grid-template-columns:1fr auto}#shared-files-panel .shared-toolbar>input{grid-column:1/-1;grid-row:1}#shared-files-panel .shared-toolbar>[data-shared-add]{grid-column:1/-1;font-size:13px}#shared-files-panel .shared-file-open strong{font-size:13px}#shared-files-panel .shared-file-open small{font-size:11px}#shared-files-panel .shared-file-actions{padding:0}
.project-delivery strong{display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden;line-height:1.6}.project-task-row strong{display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden;line-height:1.6}
#project-brief{max-width:1100px;margin:0 auto}#project-brief h2{margin:0 0 20px;font-size:20px}#project-brief textarea{width:100%;min-height:120px;resize:vertical;background:var(--surface);color:var(--text);padding:18px;border:1px solid var(--line);border-radius:9px;box-sizing:border-box;font-size:14px;line-height:1.8}#project-brief>div{display:flex;justify-content:flex-end;gap:12px;margin-top:14px}
.project-task-row[data-job-status=completed] em{color:var(--success)}.project-task-row[data-job-status=processing] em{color:var(--warning)}.project-task-row[data-job-status=failed] em{color:var(--error)}.project-task-row em{display:flex;align-items:center;gap:7px}.project-task-row[data-job-status] em:before{content:"";width:5px;height:5px;background:currentColor;border-radius:50%;flex:none}
.shared-file-actions{display:flex!important;align-items:center;gap:4px;flex:none}.shared-file-actions button{display:inline-flex}.shared-file-row{display:flex!important;align-items:center;border:0;border-bottom:1px solid var(--line);border-radius:0;background:none}.shared-file-open{flex:1;min-width:0}.shared-file-open strong{font-size:14px}.shared-file-open small{font-size:12px}
.group-chat #shared-files-panel>header{display:none}.all-shared-files .group-chat #shared-files-panel>header{display:flex}.group-chat .shared-toolbar{display:flex;flex-wrap:wrap;align-items:center;gap:10px;padding:18px 24px}.group-chat .shared-toolbar>select{width:145px}.group-chat .shared-toolbar>input{flex:1;width:180px;min-width:120px}.group-chat .shared-toolbar>div{display:flex;gap:8px}.group-chat .shared-toolbar>div select{width:112px}.group-chat .shared-toolbar button{width:auto;margin-left:auto}.group-chat .shared-toolbar :is(input,select){height:36px;font-size:13px}.group-chat .shared-toolbar button svg{width:15px}
.project-files-only #shared-files-panel{overflow:auto}.project-files-only .project-board{overflow:visible;flex:none;padding:0 18px}.project-files-only #shared-list{overflow:visible}.project-files-only .project-board-heading{margin:0}.file-filters{position:relative;font-size:13px;color:var(--muted)}.file-filters summary{cursor:pointer;padding:8px}.file-filters[open]>div{position:absolute;right:0;top:34px;display:flex;gap:8px;padding:12px;background:var(--surface);border-radius:8px;z-index:5;box-shadow:0 8px 20px #0a1b2e1a}.file-filters select{width:125px}
@media(max-width:1050px){.collab-hub{padding:24px}.project-board{padding:20px}.collab-search input{width:190px}}

