.collab-eyebrow{font-size:.72rem;letter-spacing:.12em;color:var(--muted);margin-bottom:10px}
.collab-summary{display:flex;align-items:center;gap:28px;padding:22px;margin-bottom:18px}
.collab-summary>div:first-child{flex:1}
.collab-summary strong{font-size:1.8rem}
.collab-summary strong small{font-size:.9rem;font-weight:400}
.sync-state{font-size:.8rem;color:var(--muted);max-width:220px}
.member-strip{display:flex;flex-wrap:wrap;gap:10px;margin:18px 0 26px}
.member-chip{display:flex;align-items:center;gap:9px;border:1px solid var(--line);border-radius:14px;padding:9px 12px;background:var(--surface)}
.member-chip small{display:block;font-size:.7rem;color:var(--muted);margin-top:3px}
.presence-dot{width:8px;height:8px;border-radius:100%;background:#94a3b8}
.presence-dot.online{background:#16a36a;box-shadow:0 0 0 3px #16a36a19}
.collab-layout{display:grid;grid-template-columns:minmax(0,1.7fr) minmax(260px,1fr);gap:22px}
.collab-history{padding:0 20px 20px;max-height:480px;overflow:auto}
.collab-history article{padding:16px 0;border-bottom:1px solid var(--line)}
.collab-history p{margin:5px 0;font-size:.87rem}
.collab-history small,.comment small{color:var(--muted);font-size:.72rem}
.task-excerpt{font-size:.85rem;color:var(--muted);white-space:pre-wrap;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden;margin:7px 0 0}
.collab-meta{display:flex;flex-wrap:wrap;gap:14px;font-size:.85rem;margin:20px 0}
.comment{border-bottom:1px solid var(--line);padding:15px 0}
.comment>div{display:flex;justify-content:space-between;gap:15px}
.guest-brand{font-weight:750;letter-spacing:-.03em}
.guest-auth{max-width:450px;margin:8vh auto;padding:30px}
.guest-auth h1{margin-bottom:12px}
.guest-account{max-width:700px;margin:auto}
.recovery-codes{display:grid;grid-template-columns:1fr 1fr;gap:10px;font-family:monospace;overflow-wrap:anywhere}
.invite-qr{width:200px;max-width:100%;background:#fff;border-radius:12px}
.sharing-users{display:grid;gap:18px}
.sharing-user{padding:22px}
.sharing-user-head{display:flex;align-items:center;justify-content:space-between;gap:12px}
.sharing-members{display:grid;grid-template-columns:1fr 180px;gap:10px;align-items:center}
.shared-link{overflow-wrap:anywhere}
.guest-projects h2{margin:12px 0}
.setup-banner{padding:18px;border-radius:14px;background:#e8f0ff;color:#173c79;margin-bottom:20px}
.sharing-sessions .row{flex-wrap:wrap}
.sharing-sessions .row-main{min-width:160px}
@media (max-width:800px){.collab-layout{grid-template-columns:1fr}
.collab-summary{flex-wrap:wrap;gap:16px;padding:17px}
.sync-state{max-width:100%;width:100%}
.guest-auth{margin:4vh 15px;padding:24px}
.member-strip{gap:7px}
.member-chip{padding:7px 9px}
.sharing-user-head{align-items:flex-start;flex-direction:column}
.sharing-members{grid-template-columns:1fr}
.recovery-codes{grid-template-columns:1fr}
.collab-layout .row>.pill{display:none}
}
#sharing-workspace,#project-body{font-size:1rem}
#sharing-workspace .hint,#project-body .hint{font-size:.875rem}
.collab-eyebrow{font-size:.75rem}
.workspace-stats{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:16px;margin:20px 0 26px}
.workspace-stats>div{border:1px solid var(--line);border-radius:16px;background:var(--surface);padding:18px 22px;display:flex;gap:14px;align-items:center}
.workspace-stats strong{font-size:1.8rem;font-weight:700;letter-spacing:-.035em;color:var(--accent)}
.workspace-stats span{font-size:.875rem;color:var(--muted)}
.workspace-tabs{display:flex;gap:6px;border-bottom:1px solid var(--line);margin:18px 0 24px;overflow-x:auto;max-width:100%;padding-bottom:8px}
.workspace-tabs>button{border:0;border-radius:10px;background:transparent;white-space:nowrap;padding:12px 18px;font-size:.9375rem;color:var(--muted);font-weight:600}
.workspace-tabs>button.active{background:var(--accent-soft);color:var(--accent)}
.workspace-toolbar{display:flex;align-items:flex-end;gap:18px;margin:18px 0}
.workspace-toolbar>label{min-width:180px}
.search-field{flex:1;display:grid;gap:6px}
.workspace-list-row{display:flex;align-items:center;gap:18px;width:100%;padding:18px 22px;text-align:left;background:transparent;border:0;border-bottom:1px solid var(--line);color:var(--ink);min-width:0}
.workspace-list-row:last-child{border-bottom:0}
button.workspace-list-row:hover{background:var(--soft)}
.workspace-list-row .row-main{min-width:0;flex:1}
.workspace-list-row strong{font-size:1rem;font-weight:650;overflow-wrap:anywhere}
.workspace-list-row small{display:block;font-size:.8125rem;color:var(--muted);margin-top:4px;overflow-wrap:anywhere}
.workspace-list-row .row-secondary{font-size:.875rem;color:var(--muted);max-width:180px}
.workspace-list-row>label{min-width:110px;max-width:160px;font-size:.8125rem}
.workspace-list-row>label select{font-size:.875rem}
.person-avatar{width:42px;height:42px;flex-shrink:0;display:grid;place-items:center;background:var(--accent-soft);color:var(--accent);border-radius:13px;font-weight:700;font-size:.875rem}
.person-avatar.large{width:64px;height:64px;border-radius:20px;font-size:1.4rem}
.workspace-pagination{display:flex;justify-content:space-between;align-items:center;gap:16px;margin:18px 0;font-size:.875rem;color:var(--muted)}
.workspace-pagination>div{display:flex;gap:8px}
.member-profile{padding:25px;margin:18px 0}
.profile-heading{display:flex;gap:18px;align-items:center}
.profile-heading h2{margin:0}
.profile-heading p{margin:4px 0}
.profile-facts{display:flex;flex-wrap:wrap;gap:18px;margin:20px 0;font-size:.875rem;color:var(--muted)}
.danger-zone{margin-top:28px;padding:20px;border:1px solid var(--red);border-radius:14px;color:var(--red)}
.danger-zone p{color:var(--ink);font-size:.9375rem}
.picker-list{max-height:330px;overflow-y:auto;border:1px solid var(--line);border-radius:12px;padding:6px}
.picker-person{display:flex;gap:14px;align-items:center;padding:12px;margin:0!important;border-bottom:1px solid var(--line)}
.picker-person:last-child{border-bottom:0}
.picker-person input,.subtask-line input,.subtask-edit-row input[type=checkbox]{width:18px;height:18px;flex:none;margin:0;padding:0}
.picker-person small{display:block;color:var(--muted);font-size:.8125rem}
.public-panel{margin-top:25px}
.public-panel summary{padding:20px;font-weight:600}
.project-symbol{font-size:1.5rem;background:var(--accent-soft);color:var(--accent);border-radius:12px;padding:7px 12px;flex-shrink:0}
.project-live-bar{display:flex;align-items:center;gap:15px;margin:18px 0;color:var(--muted);font-size:.875rem}
#project-people{display:flex;justify-content:space-between;align-items:center;gap:12px;color:var(--muted);font-size:.875rem}
#project-people .member-strip{margin:0;justify-content:flex-end}
#project-people .member-chip{font-size:.8125rem}
.project-overview-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:22px}
.project-task-row{display:flex;align-items:flex-start;gap:18px;padding:20px;border-bottom:1px solid var(--line)}
.project-task-row:last-child{border-bottom:0}
.task-row-content{flex:1;min-width:0}
.task-name{font-size:1rem;font-weight:650;line-height:1.5;text-align:left;padding:0;background:none;border:0;overflow-wrap:anywhere}
.task-name:hover{color:var(--accent)}
.task-done .task-name{text-decoration:line-through;color:var(--muted)}
.task-facts{display:flex;flex-wrap:wrap;gap:8px 16px;font-size:.8125rem;color:var(--muted);margin-top:12px}
.task-status-control{width:128px;flex-shrink:0}
.task-status-control select{font-size:.875rem;padding:8px 10px}
.task-labels{display:flex;flex-wrap:wrap;gap:6px;margin-top:10px}
.task-label{font-size:.75rem;border-radius:6px;padding:3px 8px;background:var(--accent-soft);color:var(--accent)}
.task-label.color-1{background:var(--green-soft);color:var(--green)}
.task-label.color-2{background:var(--soft);color:var(--ink)}
.task-label.color-3{border:1px solid var(--line)}
.overdue{color:var(--red)!important}
.task-toolbar{display:flex;gap:16px;align-items:flex-end;margin:20px 0}
.segmented-control{display:flex;border:1px solid var(--line);border-radius:12px;padding:4px;background:var(--surface)}
.segmented-control button{background:none;border:0;padding:8px 14px;border-radius:8px}
.segmented-control button.active,#my-tasks.active{background:var(--accent-soft);color:var(--accent)}
.task-filters{display:grid;grid-template-columns:repeat(5,minmax(100px,1fr)) auto;gap:12px;align-items:end}
.task-filters label{font-size:.8125rem;min-width:0}
.task-filters select{font-size:.875rem;min-width:0}
.kanban-board{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:18px;align-items:start}
.kanban-column{background:var(--soft);border:1px solid var(--line);border-radius:16px;padding:14px;min-height:220px}
.kanban-column h3{display:flex;justify-content:space-between;align-items:center;font-size:.9375rem;margin:3px 0 18px}
.kanban-cards{display:grid;gap:12px}
.kanban-task{padding:16px;background:var(--surface);border:1px solid var(--line);border-radius:12px;box-shadow:0 2px 5px #00000004}
.kanban-task[draggable=true]{cursor:grab}
.kanban-task .task-status-control{display:block;width:100%;margin-top:14px}
.drop-target{outline:2px solid var(--accent);outline-offset:-2px}
.activity-feed{padding:10px 24px}
.activity-entry{display:flex;gap:15px;padding:17px 0;border-bottom:1px solid var(--line)}
.activity-entry:last-child{border-bottom:0}
.activity-entry p{margin:0 0 5px;font-size:.9375rem;overflow-wrap:anywhere}
.activity-entry time{font-size:.8125rem;color:var(--muted)}
.activity-marker{width:8px;height:8px;flex:none;border:2px solid var(--accent);border-radius:50%;margin-top:7px}
.discussion-panel{max-width:850px;margin:auto}
#project-messages{max-height:600px;overflow:auto;margin-bottom:25px}
.resource-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(min(300px,100%),1fr));gap:20px}
.resource-card{padding:24px}
.resource-card h3{margin-top:0}
.resource-card .prose{font-size:.9375rem;overflow-wrap:anywhere}
.resource-card>.text-button{display:block;margin-top:16px}
.resource-link{max-width:100%;overflow-wrap:anywhere}
.subtask-line{display:flex;align-items:flex-start;gap:12px;font-size:.9375rem;padding:9px 0}
.subtask-line input{margin-top:3px}
.subtask-editor{border:1px solid var(--line);border-radius:12px;padding:16px;min-width:0}
.subtask-editor legend{padding:0 8px;font-weight:600}
.subtask-edit-row{display:grid;grid-template-columns:20px minmax(0,1fr) 36px;align-items:center;gap:9px;margin-bottom:10px}
.subtask-edit-row input:not([type=checkbox]){min-width:0}
.project-card-top,.project-card-foot,.project-progress-label{display:flex;justify-content:space-between;gap:15px;align-items:center}
.project-progress-label{font-size:.875rem;margin-top:25px}
.project-card-foot{font-size:.8125rem;color:var(--muted);align-items:flex-start;margin-top:18px}
.project-overview-card{transition:border-color .15s,transform .15s}
.project-overview-card:hover{border-color:var(--accent);transform:translateY(-2px)}
.guest-projects h2{font-size:1.25rem}
.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:1100px){.task-filters{grid-template-columns:repeat(3,minmax(0,1fr))}
.workspace-list-row .row-secondary{max-width:130px}
.project-overview-grid{gap:16px}
}
@media (max-width:800px){.workspace-stats{gap:8px}
.workspace-stats>div{padding:14px 10px;display:block}
.workspace-stats strong{display:block;font-size:1.55rem}
.workspace-stats span{font-size:.8125rem}
.workspace-tabs{gap:2px}
.workspace-tabs>button{padding:10px 13px;font-size:.875rem}
.workspace-toolbar{gap:10px;flex-wrap:wrap}
.workspace-toolbar>label{min-width:140px}
.workspace-toolbar .search-field{flex-basis:100%}
.workspace-list-row{flex-wrap:wrap;gap:12px;padding:16px}
.workspace-list-row .row-main{min-width:calc(100% - 100px)}
.workspace-list-row .row-secondary{max-width:none}
.workspace-list-row>label{max-width:none;flex:1}
.workspace-pagination{flex-wrap:wrap}
.member-profile{padding:18px}
.profile-heading{align-items:flex-start}
.project-overview-grid,.kanban-board{grid-template-columns:1fr}
.task-toolbar{flex-wrap:wrap;gap:10px}
.task-toolbar>.search-field{flex-basis:100%}
.task-filters{grid-template-columns:repeat(2,minmax(0,1fr))}
.project-task-row{padding:16px;flex-wrap:wrap;gap:12px}
.project-task-row>.task-row-content{flex-basis:100%}
.task-status-control{width:100%;max-width:180px}
.project-heading h1{font-size:1.8rem}
.project-heading .actions{width:100%}
.project-heading .actions>.primary{flex:1}
#project-people{display:block}
#project-people .member-strip{justify-content:flex-start;margin-top:12px}
.resource-card{padding:18px}
.activity-feed{padding:6px 17px}
.project-card-foot{flex-wrap:wrap}
.kanban-column{min-height:0}
.workspace-list-row small{font-size:.8125rem}
}
@media (prefers-reduced-motion:reduce){.project-overview-card{transition:none}
.project-overview-card:hover{transform:none}
}
.project-color-blue{--project-color:#527bdc}
.project-color-green{--project-color:#278461}
.project-color-purple{--project-color:#8866c7}
.project-color-orange{--project-color:#ad6729}
.project-color-pink{--project-color:#c05189}
.project-color-slate{--project-color:#6c7a8c}
.project-overview-card{border-top:4px solid var(--project-color,var(--accent))}
.project-symbol{color:var(--project-color,var(--accent))}
.project-heading{border-left:4px solid var(--project-color,var(--accent));padding-left:18px}
.project-essentials{margin-top:20px}
.project-essentials>summary{cursor:pointer;font-weight:600;padding:16px}
.filters-disclosure{margin:14px 0}
.filters-disclosure>summary{cursor:pointer;display:inline-block;border:1px solid var(--line);border-radius:10px;padding:9px 16px}
.bulk-toolbar{display:flex;gap:12px;align-items:center;flex-wrap:wrap;padding:12px 0}
.bulk-toolbar input{width:18px}
.project-task-row>input,.kanban-task>input{width:18px;height:18px}
.milestone{display:flex;gap:12px;align-items:center;padding:10px 0}
.milestone input{width:18px}
.secondary-menu{position:relative}
.secondary-menu>summary{cursor:pointer;padding:10px 16px;border:1px solid var(--line);border-radius:10px;list-style:none}
.secondary-menu>.actions{position:absolute;right:0;top:100%;background:var(--surface);border:1px solid var(--line);padding:12px;min-width:220px;z-index:5;box-shadow:0 8px 25px #0002;display:grid}
.step-indicator{color:var(--accent);font-weight:650;margin-bottom:16px}
.step-setup{max-width:560px;margin:30px auto;padding:26px}
.saved-status{color:var(--green)}
button:disabled{cursor:default}
button[aria-busy=true]{cursor:progress}
.expiry-text{font-size:.85rem;color:var(--muted)}
@media (max-width:800px){.project-heading .actions{width:auto}
.project-heading>.actions{width:100%;display:flex;flex-wrap:nowrap}
.project-heading>.actions>.primary{flex:1;min-height:46px}
.task-filters{padding-top:12px}
.project-essentials .resource-grid{padding:12px}
.workspace-list-row button,.workspace-list-row select{min-height:42px}
}
.task-select{width:18px!important;height:18px;flex:none}