/* Collaboration workspaces follow the approved three-column concept.
   All surface changes are scoped; production screens retain their layout. */
.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}
/* The global sidebar and its responsive layout come exclusively from app.css.
   Only the content pane needs the collaboration workspace's viewport sizing. */
.collaboration-workspace{height:var(--workspace-height,100dvh);overflow:hidden}
.collaboration-workspace>main{padding:0;min-height:0;min-width:0;height:100%;display:flex;flex-direction:column;font-size:16px}.collaboration-workspace>main>.page-footer{display:none}.collaboration-workspace>main>.message{margin:6px;flex-shrink:0}
.collab-layout{display:grid;grid-template-columns:minmax(340px,35%) minmax(0,1fr);min-height:0;flex:1;overflow:hidden;background:radial-gradient(ellipse at 45% 10%,color-mix(in srgb,var(--accent) 3%,var(--bg)),var(--bg))}
.collab-list-pane{min-width:0;min-height:0;display:flex;flex-direction:column;padding:22px 20px 0;border-right:1px solid var(--line);background:linear-gradient(120deg,color-mix(in srgb,var(--panel) 55%,var(--bg)),var(--bg))}
.collab-heading{display:flex;align-items:center;justify-content:space-between;gap:12px;margin-bottom:18px}.collaboration-workspace .collab-heading h1{font-size:32px;font-weight:650;letter-spacing:0;margin:0;line-height:1.3}
.collaboration-workspace .collab-icon{display:block;width:24px;height:24px;flex-shrink:0}.collaboration-workspace .primary{display:inline-flex;align-items:center;justify-content:center;gap:10px;background:linear-gradient(135deg,var(--accent),color-mix(in srgb,var(--accent) 80%,#008fbf));color:var(--bg);border:1px solid var(--accent);font-size:16px;padding:12px 18px;min-height:48px;border-radius:10px;white-space:nowrap}
.collaboration-workspace .icon-button{display:inline-flex;align-items:center;justify-content:center;padding:8px;color:var(--muted);border-radius:8px;min-width:42px;min-height:42px}
.collab-search{position:relative;display:block;margin:0 0 16px}.collab-search>input:not([type=hidden]){height:48px;margin:0;padding:11px 14px 11px 50px;border-radius:10px;width:100%;font-size:16px;background:color-mix(in srgb,var(--panel) 45%,var(--bg));border-color:var(--line)}.collab-search>button{position:absolute;left:5px;top:4px;width:40px;height:40px;display:grid;place-items:center;border:0;background:transparent;color:var(--muted);padding:6px}
.collab-tabs{display:flex;gap:0;flex-shrink:0;margin:0 0 15px;border-radius:11px;background:color-mix(in srgb,var(--panel) 85%,var(--bg));padding:0}.collab-tabs a{flex:1;display:flex;align-items:center;justify-content:center;gap:8px;min-width:0;min-height:43px;padding:8px 10px;font-size:16px;color:var(--muted);border:1px solid transparent;border-radius:10px}.collab-tabs a[aria-current]{border-color:var(--accent);color:var(--accent);background:linear-gradient(120deg,color-mix(in srgb,var(--accent) 19%,var(--panel)),var(--panel));box-shadow:inset 0 0 12px #19cbe512}
.task-quick-filters{position:relative;display:flex;gap:8px;align-items:center;margin-bottom:10px}.filter-chips{display:flex;align-items:center;gap:8px;flex:1;flex-wrap:wrap}.filter-chips a{border:1px solid var(--line);padding:7px 10px;display:flex;align-items:center;gap:7px;border-radius:13px;font-size:13px;color:var(--ink);white-space:nowrap}.filter-chips a[aria-current]{background:color-mix(in srgb,var(--accent) 20%,var(--panel));border-color:color-mix(in srgb,var(--accent) 35%,var(--line))}.filter-chips b,.detail-tabs b{border-radius:20px;padding:0 6px;background:color-mix(in srgb,var(--accent) 22%,var(--panel));color:var(--ink);font-weight:500}.filter-chips .late-count{background:#bd3a46;color:#fff}
.secondary-scopes{display:flex;gap:12px;margin:0 0 14px}.secondary-scopes a{font-size:12px;padding:0;color:var(--muted);border-radius:0}.secondary-scopes a[aria-current]{color:var(--accent);text-decoration:underline}
.collab-filters{position:relative;flex-shrink:0}.collab-filters>summary{cursor:pointer;list-style:none;color:var(--muted);padding:7px;border:1px solid var(--line);border-radius:10px}.collab-filters>summary::-webkit-details-marker{display:none}.collab-filters>form{position:absolute;right:0;top:42px;z-index:5;width:min(370px,75vw);padding:16px;background:var(--panel);border:1px solid var(--line);border-radius:12px;box-shadow:0 16px 36px #0007;max-height:65dvh;overflow:auto}.collab-filter-grid{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1fr);gap:12px}.collab-filter-grid>*{min-width:0}.collab-filter-grid label:first-child{grid-column:1/-1}.collab-filter-grid input,.collab-filter-grid select{font-size:14px}.collab-filter-grid .check-label{align-self:center}.collab-filter-grid a{font-size:13px}
.collab-list-scroll{min-height:0;overflow:auto;margin:0 -10px;padding:0 10px 16px;overscroll-behavior:contain;scrollbar-width:thin}.collab-list-status:empty{display:none}.collab-list-status{font-size:13px;color:var(--muted);margin:0 0 8px}
.task-list-card{display:block;position:relative;border:1px solid var(--line);border-radius:11px;padding:14px 16px;margin-bottom:12px;background:linear-gradient(120deg,var(--panel),color-mix(in srgb,var(--panel) 45%,var(--bg)));color:var(--ink);overflow:hidden}.task-list-card:hover,.chat-list-card:hover{text-decoration:none;background:color-mix(in srgb,var(--accent) 8%,var(--panel))}.task-list-card.selected{border-color:var(--accent);box-shadow:inset 0 0 18px #19cbe508}.task-list-card.selected:before,.chat-list-card.selected:before{content:'';position:absolute;left:0;top:0;bottom:0;width:5px;background:var(--accent)}
.task-list-card h2{font-size:17px;line-height:1.4;margin:0 20px 9px 0;font-weight:600;overflow-wrap:anywhere}.task-list-card h2>span{color:var(--muted)}.card-chevron{position:absolute;right:10px;top:19px;color:var(--muted)}.card-chevron .collab-icon{width:16px;height:16px}.task-list-meta{display:flex;align-items:center;justify-content:space-between;gap:8px;margin-top:10px;font-size:14px;color:var(--muted)}.task-list-meta>.person-inline{flex:1}.task-list-meta time{display:flex;align-items:center;gap:9px;white-space:nowrap;font-size:13px}.task-list-meta time .collab-icon{width:20px;height:20px}.person-inline{display:flex;align-items:center;gap:15px;min-width:0;overflow-wrap:anywhere}.person-inline>div{min-width:0}
.collaboration-workspace .chat-avatar{width:42px;height:42px;flex:0 0 42px;border:0;border-radius:50%;display:grid;place-items:center;color:#ecf7ff;font-size:16px;font-weight:500;box-shadow:inset 0 1px 1px #ffffff16;background:linear-gradient(145deg,#4782b4,#24466e)}
.collaboration-workspace .avatar-0{background:linear-gradient(145deg,#4782b4,#24466e)}.collaboration-workspace .avatar-1{background:linear-gradient(145deg,#9781d7,#574289)}.collaboration-workspace .avatar-2{background:linear-gradient(145deg,#288ed0,#0c5492)}.collaboration-workspace .avatar-3{background:linear-gradient(145deg,#72a8c6,#355d77)}.collaboration-workspace .avatar-4{background:linear-gradient(145deg,#58aa9c,#24685e)}.collaboration-workspace .avatar-5{background:linear-gradient(145deg,#607cca,#32497d)}
.collab-status{display:inline-block;width:fit-content;max-width:100%;border:1px solid var(--line);border-radius:20px;padding:4px 16px;font-size:14px;line-height:1.35;color:var(--muted);overflow-wrap:anywhere}.status-work{color:#57cdff;border-color:#238ed0;background:#113e5e66}.status-review{color:#ffd565;border-color:#d6a93b;background:#3c321744}.status-rework,.status-late{color:#ffb074;border-color:#b46d36;background:#60371944}.status-done{color:#8be7b1;border-color:#379c76;background:#153d3266}.status-cancelled{color:var(--muted)}
.collab-detail{min-width:0;min-height:0;background:linear-gradient(120deg,color-mix(in srgb,var(--panel) 25%,var(--bg)),var(--bg))}.collab-empty-pane{display:flex;flex-direction:column;justify-content:center;align-items:center;text-align:center;color:var(--muted);padding:30px;min-width:0}.collab-empty-pane h2{margin:12px 0 0;color:var(--ink)}.empty-symbol{font-size:48px;color:var(--accent);opacity:.7}.collab-empty{padding:24px 12px;text-align:center;color:var(--muted);line-height:1.7;font-size:14px}.mobile-back{display:none}.subtle{color:var(--muted);font-size:13px}
.task-detail{position:relative;overflow:auto;padding:22px 30px 16px;border:1px solid var(--line);border-radius:12px;margin:8px 8px 8px 0;overscroll-behavior:contain;scrollbar-width:thin}.task-detail-heading{padding-right:32px}.assignments-layout .task-detail-heading h2{font-size:26px;font-weight:600;line-height:1.3;letter-spacing:0;margin:5px 0 12px;overflow-wrap:anywhere}.assignments-layout .task-detail-heading>.eyebrow{font-size:12px;font-weight:500;color:var(--muted);letter-spacing:.4px}.task-detail-heading .collab-status{font-size:15px}
.task-meta-grid{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1fr);gap:22px 0;margin:25px 0 15px;padding:0 0 23px;border-bottom:1px solid var(--line)}.task-meta-grid>div{min-width:0;padding-right:20px}.task-meta-grid>div:nth-child(even){border-left:1px solid var(--line);padding:0 0 0 28px}.task-meta-grid strong{display:block;overflow-wrap:anywhere;font-size:16px;font-weight:600;line-height:1.5}.task-meta-grid .chat-avatar{width:50px;height:50px;flex-basis:50px;font-size:18px}.assignments-layout .task-meta-grid small{font-size:13px;margin-bottom:4px;line-height:1.45}.task-meta-grid .collab-status{margin-top:6px;font-size:14px}.task-date{display:flex;align-items:flex-start;gap:18px}.task-date>div{min-width:0;flex:1}.meta-icon{color:var(--muted);padding-top:4px}.assignments-layout .task-description,.assignments-layout .task-files{margin-top:24px}.assignments-layout .task-description h3,.assignments-layout .task-files h3{font-size:14px;font-weight:700;line-height:1.4;color:var(--accent);text-transform:none;letter-spacing:0;margin:0 0 12px}.assignments-layout .task-description p{font-size:15px;font-weight:400;line-height:1.6;color:var(--ink);margin:0;padding:16px;background:var(--panel);border:1px solid var(--line);border-radius:8px}.assignments-layout .task-section-count{display:inline-flex;align-items:center;justify-content:center;min-width:24px;margin-left:5px;padding:2px 7px;border:1px solid var(--line);border-radius:12px;background:var(--panel);color:var(--muted);font-size:12px;font-weight:600;line-height:1.3;letter-spacing:0;font-variant-numeric:tabular-nums;vertical-align:middle}
.file-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:12px}.file-card{display:flex;align-items:center;gap:12px;padding:12px 14px;border:1px solid var(--line);border-radius:10px;background:linear-gradient(110deg,var(--panel),color-mix(in srgb,var(--panel) 60%,var(--bg)));color:var(--ink);min-width:0}.file-type{display:grid;place-items:center;color:#e9f7ff;background:linear-gradient(140deg,#278dc3,#134c7f);border-radius:7px;flex-shrink:0;width:38px;height:42px}.file-type.file-pdf{background:linear-gradient(140deg,#ed6a62,#ad272e)}.file-type .collab-icon{width:26px;height:29px}.file-copy{min-width:0;flex:1;overflow-wrap:anywhere}.file-copy strong{display:block;font-size:15px;font-weight:600;line-height:1.4}.file-copy small{font-size:12px;margin-top:2px;line-height:1.4}.file-download{color:var(--muted)}
.task-actions{margin:18px 0;display:flex;align-items:start;gap:15px;flex-wrap:wrap}.task-actions>form{flex:1;min-width:0}.task-actions>details{flex:1;min-width:0;margin:0!important}.task-actions>details[open]{flex-basis:100%}.task-actions summary{cursor:pointer;list-style:none;display:flex;align-items:center;justify-content:center;gap:12px;color:var(--accent);border:1px solid var(--accent);border-radius:10px;padding:11px 16px;min-height:48px;font-size:16px}.task-actions summary::-webkit-details-marker{display:none}.task-actions details[open]{border:1px solid var(--line);padding:12px;border-radius:10px}.task-actions details[open] summary{margin-bottom:14px}.task-actions textarea{min-height:65px}.task-actions p{font-size:13px;color:var(--muted)}.task-actions>form:has(input[value=approve]) button{display:flex;align-items:center;justify-content:center;gap:12px;background:var(--accent);color:var(--bg);font-size:16px;padding:12px 18px;border-radius:10px;min-height:48px;width:100%}.task-actions label{margin-bottom:12px}.form-status:empty{display:none}
.task-manage{position:absolute;right:20px;top:20px;margin:0!important;z-index:6}.task-manage>summary{list-style:none;color:var(--muted);cursor:pointer;padding:4px}.task-manage>summary::-webkit-details-marker{display:none}.task-manage[open]{top:16px;right:16px;width:min(420px,calc(100% - 32px));max-height:75dvh;overflow:auto;border:1px solid var(--line);background:var(--panel);border-radius:12px;padding:12px;box-shadow:0 12px 30px #0006}.task-manage[open]>summary{display:flex;justify-content:flex-end}.task-manage details{border-top:1px solid var(--line);padding-top:12px}.task-manage textarea{min-height:70px}.task-manage form p{font-size:13px}.task-manage input,.task-manage textarea,.task-manage select{max-width:100%}
.detail-tabs{display:flex;gap:16px;border-block:1px solid var(--line);margin-top:20px}.assignments-layout .detail-tabs a{border-radius:0;display:flex;align-items:center;gap:10px;padding:12px 10px;color:var(--muted);border-bottom:3px solid transparent;font-size:14px;font-weight:600;line-height:1.4}.assignments-layout .detail-tabs b{font-size:12px;line-height:1.5;font-weight:600;font-variant-numeric:tabular-nums}.detail-tabs a[aria-current]{color:var(--accent);border-bottom-color:var(--accent)}
.discussion-message{display:grid;grid-template-columns:48px minmax(80px,125px) minmax(0,1fr) 44px;align-items:start;gap:12px;margin:16px 0;min-width:0}.discussion-message .chat-avatar{width:48px;height:48px;flex-basis:48px;font-size:18px}.discussion-author{align-self:center;font-size:14px;font-weight:500;color:var(--ink);overflow-wrap:anywhere}.discussion-copy{min-width:0}.discussion-message time{font-size:12px;color:var(--muted);padding-top:12px;text-align:right;white-space:nowrap}.assignments-layout .discussion-bubble{background:linear-gradient(120deg,color-mix(in srgb,var(--muted) 8%,var(--panel)),var(--panel));border:1px solid var(--line);border-radius:16px;padding:13px 15px;width:fit-content;max-width:100%;font-size:15px;font-weight:400;line-height:1.6}.discussion-file{display:flex;align-items:center;gap:6px;overflow-wrap:anywhere;margin:8px 0;font-size:13px}.system-event-label{display:flex;align-items:center;justify-content:center;gap:10px;color:var(--muted);font-size:13px;line-height:1.5;margin:10px 0 16px}.system-event-label .collab-icon{width:20px;height:20px}.task-history-event{padding:13px 0;border-bottom:1px solid var(--line);overflow-wrap:anywhere}.assignments-layout .task-history-event summary{cursor:pointer;font-size:14px;line-height:1.5}.assignments-layout .task-history-event p{font-size:15px;line-height:1.65;font-weight:400}.task-history-event time{display:block;color:var(--muted);font-size:12px}.task-history-event .system-event-label{display:inline;color:var(--accent)}
.task-comment-form{padding:10px 0 0}.task-composer-row{display:flex;align-items:start;gap:10px}.task-composer-row .composer-row{flex:1;border:1px solid var(--line);border-radius:9px;padding:4px;min-width:0;background:color-mix(in srgb,var(--panel) 55%,var(--bg))}.composer-row{display:flex;align-items:flex-end;gap:12px;min-width:0}.composer-row textarea{margin:0;min-width:0;resize:vertical;max-height:25dvh}.task-comment-form textarea{border:0!important;background:transparent!important;min-height:44px;line-height:1.45;font-size:16px;padding:10px}.collaboration-workspace .send-button{display:grid;place-items:center;width:44px;min-width:44px;height:44px;padding:0;border-radius:8px;min-height:0}.send-button .collab-icon{width:26px;height:26px}
.attachment-picker{position:relative;display:grid;place-items:center;flex:0 0 54px;width:54px;height:54px;border:1px solid var(--line);border-radius:9px;color:var(--muted);cursor:pointer}.attachment-picker input{position:absolute;inset:0;width:100%;height:100%;opacity:0;margin:0;padding:0;cursor:pointer}.attachment-picker .collab-icon{width:27px;height:27px}.attachment-picker:focus-within{outline:2px solid var(--accent);outline-offset:3px}.selected-files{display:block;overflow-wrap:anywhere;font-size:13px;color:var(--muted);margin-top:6px}.selected-files:empty{display:none}.task-access-note{display:flex;align-items:start;gap:12px;font-size:13px;color:var(--muted);margin-top:14px;line-height:1.5}.assignments-layout .task-access-note small{font-size:12px;margin-top:4px;color:var(--muted)}.task-access-note>.collab-icon{width:19px;height:21px}#assignment-update:empty{display:none}.collaboration-workspace [hidden]{display:none!important}
.chat-layout{grid-template-columns:minmax(320px,33%) minmax(0,1fr)}.chat-layout .collab-list-pane{padding:22px 18px 0}.chat-layout .collab-heading h1{font-size:28px}.chat-layout .collab-list-scroll{padding:0 18px 16px;margin:0 -18px}.chat-list-card{display:flex;align-items:center;gap:18px;position:relative;margin:0 -18px;padding:19px 20px;border-bottom:1px solid var(--line);color:var(--ink);min-width:0}.chat-list-card.selected{background:linear-gradient(100deg,color-mix(in srgb,var(--accent) 18%,var(--panel)),var(--panel))}.chat-list-card>.chat-avatar{width:58px;height:58px;flex-basis:58px;font-size:23px}.chat-list-copy{min-width:0;flex:1}.chat-list-title{display:flex;align-items:baseline;justify-content:space-between;gap:10px}.chat-list-title h2{font-size:18px;font-weight:600;margin:0 0 5px;overflow-wrap:anywhere}.chat-list-title time{font-size:12px;color:var(--muted);white-space:nowrap}.chat-list-preview{display:flex;align-items:center;gap:8px;min-width:0}.chat-list-preview>span{flex:1;overflow:hidden;white-space:nowrap;text-overflow:ellipsis;color:var(--muted);font-size:16px}.unread-count{border-radius:30px;min-width:27px;padding:2px 6px;background:var(--accent);color:var(--bg);font-size:14px;font-weight:600;text-align:center}
.collaboration-workspace .chat-room{max-width:none;margin:0;padding:0;display:flex;flex-direction:column;height:100%;border:0;border-radius:0}.chat-room-header{position:relative;display:flex;justify-content:flex-start;gap:20px;padding:14px 24px;margin:0;border-bottom:1px solid var(--line);flex-shrink:0}.chat-room-header h2{margin:0;font-size:24px;font-weight:600;overflow-wrap:anywhere}.chat-room-header>div{min-width:0;flex:1}.chat-room-header>div>span{color:var(--muted);font-size:16px}.chat-room-header>.chat-avatar{width:58px;height:58px;flex-basis:58px;font-size:23px}.chat-info-menu>summary{list-style:none;padding:8px;color:var(--muted);cursor:pointer}.chat-info-menu>summary::-webkit-details-marker{display:none}.chat-info-menu>div{position:absolute;right:15px;top:70px;z-index:5;max-width:min(370px,90%);max-height:60dvh;overflow:auto;background:var(--panel);padding:20px;border:1px solid var(--line);border-radius:10px;box-shadow:0 15px 30px #0007;font-size:14px}
.chat-room #chat-status{margin:7px 24px;font-size:13px;color:var(--muted);flex-shrink:0}.chat-room #chat-status:empty{display:none}.chat-room #older{align-self:center;padding:4px 12px;margin:5px 0 0;font-size:11px;flex-shrink:0;border-color:var(--line);background:var(--panel);color:var(--muted)}
.collaboration-workspace .chat-history{flex:1;height:auto;min-height:0;padding:10px 24px;overflow:auto;overscroll-behavior:contain;scrollbar-width:thin}.chat-room .chat-message{max-width:88%;width:fit-content;margin:22px 0;align-items:start;gap:16px}.chat-room .chat-message.own{margin-left:auto}.chat-room .chat-bubble{min-width:0;max-width:100%;padding:13px 20px 8px;background:linear-gradient(130deg,color-mix(in srgb,var(--muted) 7%,var(--panel)),var(--panel));border:1px solid var(--line);border-radius:20px}.chat-room .own .chat-bubble{background:linear-gradient(120deg,color-mix(in srgb,var(--accent) 22%,var(--panel)),color-mix(in srgb,var(--accent) 14%,var(--panel)));border-color:color-mix(in srgb,var(--accent) 20%,var(--line))}.chat-room .chat-message>.chat-avatar{width:52px;height:52px;flex-basis:52px;font-size:20px}.chat-room .own>.chat-avatar{display:none}.chat-room .own .chat-message-head{position:absolute;width:1px;height:1px;overflow:hidden;clip:rect(0,0,0,0)}.chat-room .chat-message-head strong{color:var(--accent);font-size:16px;font-weight:600;overflow-wrap:anywhere}.chat-room .chat-message-head .author-color-1{color:#b6a1ec}.chat-room .chat-message-head .author-color-4{color:#88cfba}.chat-room .chat-message-head{display:block;margin-bottom:6px}.chat-room .message-body{font-size:18px;line-height:1.5;margin:0;overflow-wrap:anywhere}.chat-message-foot{display:flex;justify-content:flex-end;align-items:center;gap:14px;min-height:20px}.chat-message-foot time{font-size:13px;color:var(--muted)}.chat-room .chat-reply{font-size:19px;padding:0 4px;min-height:24px;line-height:1;opacity:.25}.chat-message:hover .chat-reply,.chat-message:focus-within .chat-reply{opacity:1}.chat-room .chat-date{margin:8px auto 20px;border:1px solid var(--line);padding:6px 17px;border-radius:19px;width:fit-content;background:var(--panel);font-size:14px}
.chat-room .chat-composer{flex-shrink:0;padding:12px 14px 17px;background:linear-gradient(110deg,color-mix(in srgb,var(--panel) 50%,var(--bg)),var(--bg));border-top:1px solid var(--line)}.chat-room .chat-composer textarea{height:66px;min-height:66px;max-height:23dvh;font-size:18px;border-radius:15px;padding:18px;background:color-mix(in srgb,var(--panel) 55%,var(--bg));border-color:var(--line)}.chat-room .send-button{width:66px;min-width:66px;height:66px;border-radius:50%}.chat-room .send-button .collab-icon{width:30px;height:30px}.chat-composer small{margin:8px 12px 0;font-size:13px}.chat-room #new-messages{align-self:center;margin:5px;flex-shrink:0}.chat-room .chat-quote{margin:10px 0 12px;padding:10px 16px;border-left-width:4px!important;border-radius:6px;background:color-mix(in srgb,var(--accent) 5%,var(--panel))!important}.chat-room .chat-quote span{font-size:16px;line-height:1.4;max-height:110px;overflow:auto;color:var(--muted)}.chat-room .chat-quote strong{font-size:14px;color:var(--accent);margin-bottom:4px}.chat-composer #reply-preview{margin:0 0 12px;padding-right:45px}.chat-composer #reply-preview span{font-size:15px}.chat-composer #cancel-reply{position:absolute;right:10px;top:6px;border:0;background:transparent;font-size:23px;color:var(--muted)}
.collaboration-workspace>main :is(a,button,summary,input,textarea,select):focus-visible{outline:2px solid var(--accent);outline-offset:3px}.collaboration-workspace .pagination{padding:15px 6px;gap:14px;font-size:13px}
.task-date:last-child>div{display:grid;grid-template-columns:minmax(0,1fr) auto;column-gap:10px;align-items:start}.task-date:last-child>div>small{grid-column:1/-1}.task-date:last-child>div>strong{grid-column:1}.task-date:last-child .collab-status{grid-column:2;grid-row:2;margin:0}.secondary-scopes{margin:16px 0 0}
@media(min-width:1550px){.collab-layout{grid-template-columns:465px minmax(0,1fr)}.chat-layout{grid-template-columns:440px minmax(0,1fr)}}
@media(max-width:1350px){.collab-layout{grid-template-columns:350px minmax(0,1fr)}.collab-list-pane{padding-inline:14px}.task-detail{padding:22px}.task-meta-grid>div:nth-child(even){padding-left:18px}.task-meta-grid strong{font-size:15px}.task-list-meta{flex-wrap:wrap}.task-list-meta time{font-size:12px}.filter-chips{gap:5px}.filter-chips a{font-size:12px;padding:7px}.discussion-message{grid-template-columns:42px minmax(70px,100px) minmax(0,1fr) 40px;gap:8px}.discussion-message .chat-avatar{width:40px;height:40px;font-size:15px}.discussion-author{font-size:13px}.file-grid{grid-template-columns:1fr}.task-actions>form:has(input[value=approve]) button,.task-actions summary{font-size:14px;padding:11px}.chat-list-title{flex-wrap:wrap;gap:0}.chat-list-card{gap:12px}.chat-room .message-body{font-size:17px}}
@media(max-width:1100px){.collab-layout{display:flex;flex-direction:column}.collab-layout>.collab-list-pane{flex:1;border:0}.collab-layout>.collab-empty-pane{display:none}.collab-layout.has-selection>.collab-list-pane{display:none}.collab-layout.has-selection>.collab-detail{flex:1}.mobile-back{display:block;font-size:14px;padding:6px 0;margin-bottom:14px;color:var(--accent)}.task-detail{margin:8px}.chat-room-header .mobile-back{flex-basis:100%;margin:0;padding:0}.chat-room-header{flex-wrap:wrap;padding:14px 20px}.chat-info-menu>div{top:95px}.collab-filter-grid{grid-template-columns:1fr 1fr}.chat-list-title{flex-wrap:nowrap}.file-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.discussion-message{grid-template-columns:48px minmax(80px,120px) minmax(0,1fr) 44px}}
@media(max-width:650px){.collaboration-workspace{height:auto;overflow:auto}.collaboration-workspace>main{height:var(--workspace-height,100dvh)}.collab-list-pane{padding:16px 14px 0}.collaboration-workspace .collab-heading h1{font-size:28px}.collaboration-workspace .collab-heading .primary{font-size:14px;padding:9px 12px}.collab-tabs a{font-size:15px}.secondary-scopes{margin-bottom:12px}.task-detail{padding:16px;margin:6px;border-radius:10px}.assignments-layout .task-detail-heading h2{font-size:22px}.task-detail-heading .collab-status{font-size:13px}.task-meta-grid{gap:18px 0;margin:20px 0 14px;padding-bottom:18px}.task-meta-grid .person-inline{display:block}.task-meta-grid .chat-avatar{width:42px;height:42px;font-size:16px;margin-bottom:8px}.task-meta-grid>div{padding-right:12px}.task-meta-grid>div:nth-child(even){padding-left:12px}.task-meta-grid strong{font-size:14px}.assignments-layout .task-meta-grid small{font-size:12px}.task-date{gap:7px}.meta-icon .collab-icon{width:17px;height:19px}.task-meta-grid .collab-status{font-size:11px;padding:3px 7px}.file-grid{grid-template-columns:1fr}.file-card{padding:10px}.task-actions{display:block}.task-actions>form,.task-actions>details{margin:10px 0!important}.task-actions button{max-width:100%;white-space:normal}.discussion-message{grid-template-columns:36px minmax(0,1fr) 42px;gap:6px 10px;margin:18px 0}.discussion-message .chat-avatar{grid-row:1/3;width:36px;height:36px;font-size:14px}.discussion-author{grid-column:2;grid-row:1;font-size:13px}.discussion-copy{grid-column:2/4;grid-row:2}.discussion-message time{grid-row:1;grid-column:3;padding:0;font-size:11px}.assignments-layout .discussion-bubble{font-size:15px;padding:10px 12px}.system-event-label{font-size:12px;justify-content:start}.task-composer-row{gap:6px}.attachment-picker{width:42px;flex-basis:42px}.task-comment-form textarea{font-size:16px;padding:10px 6px}.collaboration-workspace .task-comment-form .send-button{width:36px;min-width:36px}.task-access-note{font-size:12px;gap:8px}.task-manage{right:12px;top:15px}.chat-room-header{gap:12px}.chat-room-header h2{font-size:21px}.chat-room-header>div>span{font-size:13px}.chat-room-header>.chat-avatar{width:46px;height:46px;flex-basis:46px;font-size:18px}.collaboration-workspace .chat-room{padding:0!important}.collaboration-workspace .chat-history{padding:8px 12px}.chat-room .chat-message{max-width:94%;gap:8px;margin:18px 0}.chat-room .chat-message>.chat-avatar{width:34px;height:34px;flex-basis:34px;font-size:14px}.chat-room .chat-bubble{padding:11px 13px 6px;min-width:0;border-radius:15px}.chat-room .message-body{font-size:16px}.chat-room .chat-message-head strong{font-size:14px}.chat-room .chat-reply{opacity:1}.chat-room .chat-quote span{font-size:14px}.chat-room .chat-composer{padding:10px 12px}.chat-room .chat-composer textarea{font-size:16px;min-height:54px;height:54px;padding:14px}.chat-room .send-button{width:54px;min-width:54px;height:54px}.chat-composer small{font-size:10px;margin:6px 2px 0}.composer-row{gap:8px}.task-detail input,.task-detail select,.collab-search select{font-size:16px}}
@media(max-height:650px){.collab-list-pane{overflow:auto}.collab-list-scroll{min-height:120px;flex-shrink:0;overflow:visible}.chat-room-header{padding-block:8px}.chat-room .chat-composer{padding-block:7px}.chat-room .chat-composer small{display:none}.chat-room #chat-status{margin-block:3px}}
@media(max-width:650px){.task-date:last-child>div{display:block}.task-date:last-child .collab-status{margin-top:6px}.secondary-scopes{flex-wrap:wrap}}
@media(hover:none){.chat-room .chat-reply{opacity:1}}@media(prefers-reduced-motion:reduce){.collaboration-workspace *{scroll-behavior:auto!important}}