.collaboration-shell{display:grid;grid-template-columns:300px minmax(0,1fr);min-height:650px;padding:0;overflow:hidden}.collaboration-list{border-right:1px solid var(--line);padding:20px}.collaboration-search{width:100%;border:1px solid var(--line);border-radius:8px;padding:10px 12px;margin:12px 0}.collaboration-tabs{display:flex;gap:18px;border-bottom:1px solid var(--line);margin-bottom:10px}.collaboration-tabs span{padding:9px 2px;font-size:12px;color:var(--muted)}.collaboration-tabs .active{color:var(--blue);border-bottom:2px solid var(--blue);font-weight:800}.channel-list{display:grid;gap:5px}.channel-list a{display:flex;justify-content:space-between;gap:8px;padding:11px;border-radius:8px}.channel-list a:hover,.channel-list a.active{background:#e8f1fb}.channel-list b{font-size:13px}.channel-list small{display:block;color:var(--muted);margin-top:3px}.conversation{display:flex;flex-direction:column}.conversation header{padding:20px;border-bottom:1px solid var(--line);margin:0}.conversation-body{flex:1;padding:26px;display:grid;place-items:center;text-align:center;color:var(--muted)}.conversation-body div{max-width:460px}.conversation-body h2{color:var(--navy)}.composer{border-top:1px solid var(--line);padding:16px;display:flex;gap:9px}.composer input{flex:1;border:1px solid var(--line);border-radius:8px;padding:11px}.composer button{border:0;border-radius:8px;background:var(--blue);color:#fff;padding:0 18px;font-weight:800}.notification-layout{display:grid;grid-template-columns:220px minmax(0,1fr);gap:16px}.notification-filters{padding:14px}.notification-filters a{display:block;padding:10px;border-radius:7px;font-size:13px}.notification-filters a.active{background:#e8f1fb;color:var(--blue);font-weight:800}.notification-item{display:flex;gap:12px;padding:15px 0;border-top:1px solid var(--line)}.notification-dot{width:9px;height:9px;background:var(--blue);border-radius:50%;margin-top:5px}.notification-item p{margin:4px 0;color:var(--muted);font-size:13px}@media(max-width:760px){.collaboration-shell,.notification-layout{grid-template-columns:1fr}.collaboration-list{border-right:0;border-bottom:1px solid var(--line)}}