.collab-shell{display:grid;grid-template-columns:64px 300px minmax(0,1fr) 320px;height:calc(100vh - 78px);min-height:620px;margin:-28px -30px -50px;background:#f4f6fb;border-top:1px solid #e3e7f0;overflow:hidden}.collab-rail{background:#071034;color:#fff;display:flex;flex-direction:column;align-items:center;padding:14px 9px;gap:8px}.collab-brand{width:40px;height:40px;border-radius:13px;display:grid;place-items:center;background:linear-gradient(145deg,#d9bd63,#a9811e);color:#071034;font-weight:950;font-size:18px;margin-bottom:10px}.collab-rail button{width:42px;height:42px;border:0;border-radius:12px;background:transparent;color:#aeb7d8;font-size:18px;padding:0}.collab-rail button:hover,.collab-rail button.active{background:#18224c;color:#fff}.rail-spacer{flex:1}.presence-dot{display:inline-block;width:9px;height:9px;border-radius:50%;background:#9ca3b5;border:2px solid #fff}.presence-dot.available{background:#24a36c}.presence-dot.busy{background:#d89b28}.presence-dot.dnd{background:#d84b61}.presence-dot.away{background:#9ba2b6}.collab-inbox{min-width:0;background:#fff;border-right:1px solid #e3e6ee;display:flex;flex-direction:column}.collab-inbox>header{height:auto;position:static;background:#fff;border:0;padding:22px 18px 10px;display:flex;justify-content:space-between;align-items:flex-end}.collab-inbox header small{font-size:8px;letter-spacing:.16em;color:#8d94a7}.collab-inbox header h1{font-size:22px;margin:3px 0 0}.premium-icon{width:36px;height:36px;border-radius:11px;border:1px solid #dde2ec;background:#f8f9fc;color:#0b1540;font-size:20px;padding:0}.collab-search{margin:6px 14px 10px;display:flex;align-items:center;gap:8px;background:#f4f6fa;border:1px solid #e5e8f0;border-radius:11px;padding:0 10px}.collab-search input{border:0;background:transparent;box-shadow:none;padding:9px 0;font-size:12px}.collab-search kbd{font-size:9px;border:1px solid #d9dee9;border-radius:5px;padding:2px 5px;color:#8b92a5;background:#fff}.inbox-filter-row{display:flex;gap:5px;padding:0 14px 10px}.inbox-filter-row button{border:0;background:transparent;padding:6px 8px;border-radius:8px;color:#747c92;font-size:11px;font-weight:800}.inbox-filter-row button.active{background:#eef1f7;color:#111b46}.comm-conversation-list.premium{overflow:auto;padding:0 8px 18px}.premium-conversation{position:relative;display:grid;grid-template-columns:42px minmax(0,1fr) auto;align-items:center;gap:10px;padding:10px;border-radius:13px;text-decoration:none;margin:2px 0}.premium-conversation:hover{background:#f5f7fb}.premium-conversation.active{background:#edf1fb}.avatar-wrap{position:relative;width:max-content}.avatar-wrap>.presence-dot{position:absolute;right:-1px;bottom:0}.conversation-copy{min-width:0}.conversation-copy>div{display:flex;align-items:center;gap:8px}.conversation-copy b{font-size:12px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.conversation-copy time{margin-left:auto;color:#9ba2b4;font-size:9px}.conversation-copy p{margin:4px 0 0;color:#7b8396;font-size:10px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.unread-dot{width:7px;height:7px;border-radius:50%;background:#c39c2e}.collab-main{min-width:0;background:#fbfcfe;display:flex;flex-direction:column;position:relative}.collab-thread-head{height:74px;position:static;border-bottom:1px solid #e3e7ef;background:rgba(255,255,255,.96);padding:10px 18px;display:flex;align-items:center}.thread-identity{display:flex;align-items:center;gap:11px;min-width:0}.thread-identity h2{font-size:15px;margin:0;color:#11172e}.thread-identity p{font-size:10px;color:#7b8395;margin:3px 0 0;display:flex;gap:6px;align-items:center}.thread-actions{margin-left:auto;display:flex;gap:6px}.thread-actions button{width:36px;height:36px;border:1px solid #e0e4ed;background:#fff;border-radius:10px;padding:0;color:#23305f;font-size:16px}.thread-pin-strip{margin:8px 14px 0;border:1px solid #eadfb9;background:#fffaf0;border-radius:10px;padding:8px 10px;display:flex;align-items:center;gap:8px;color:#665426;font-size:10px}.thread-pin-strip button{border:0;background:transparent;padding:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;max-width:70%;font-weight:800;color:#58481b}.thread-pin-strip i{margin-left:auto;font-style:normal;color:#9a833d}.premium-stream{flex:1;overflow:auto;padding:20px 22px 18px;scroll-behavior:smooth}.comm-message.premium{display:grid;grid-template-columns:34px minmax(0,1fr);gap:9px;align-items:flex-start;padding:5px 0 9px;position:relative}.comm-message.premium.mine{grid-template-columns:minmax(0,1fr);padding-left:43px}.comm-message.premium.mine>.avatar{display:none}.comm-message.premium.mine>.comm-bubble{justify-self:end;background:#e8eefc;border-color:#dce4f8}.comm-bubble{max-width:min(690px,88%);background:#fff;border:1px solid #e5e8f0;border-radius:14px;padding:9px 11px;box-shadow:0 3px 12px rgba(18,28,67,.03);position:relative}.msg-author{display:flex;align-items:center;gap:8px;margin-bottom:5px}.msg-author b{font-size:10px;color:#27345d}.msg-author time{font-size:9px;color:#a0a7b7}.comm-bubble p{font-size:12px;line-height:1.5;margin:0;white-space:pre-wrap}.msg-tools.premium{position:absolute;right:8px;top:-31px;display:none;gap:2px;padding:4px;background:#fff;border:1px solid #dfe4ee;border-radius:9px;box-shadow:0 8px 24px rgba(20,28,65,.12);z-index:3;white-space:nowrap}.comm-message:hover .msg-tools.premium,.comm-message:focus-within .msg-tools.premium{display:flex}.msg-tools.premium button{border:0;background:transparent;font-size:9px;padding:5px 6px;border-radius:6px;color:#59627a}.msg-tools.premium button:hover{background:#f0f2f7;color:#111a42}.msg-tools.premium .danger-link{color:#a33b4c}.msg-meta{display:flex;justify-content:flex-end;gap:5px;margin-top:5px;color:#929aab;font-size:9px}.msg-receipt.read{color:#335fbd}.msg-reactions{display:flex;gap:4px;flex-wrap:wrap;margin-top:6px}.msg-reactions button{border:1px solid #dfe4ed;background:#f6f8fb;border-radius:999px;padding:3px 7px;font-size:10px}.msg-reply-preview{border-left:3px solid #9a7a24;background:#f7f4e9;border-radius:7px;padding:6px 8px;margin-bottom:7px}.msg-reply-preview b,.msg-reply-preview span{display:block;font-size:9px}.msg-reply-preview span{color:#6f7689;margin-top:2px}.msg-image img,.msg-video{display:block;max-width:420px;width:100%;max-height:340px;object-fit:cover;border-radius:10px}.msg-audio.premium{display:grid;gap:6px;min-width:250px}.msg-audio.premium>span{font-size:8px;letter-spacing:.12em;color:#7f879b;font-weight:900}.msg-audio audio{width:100%;height:34px}.msg-sticker{font-size:24px;padding:5px 3px}.comm-file-card{display:flex;gap:10px;align-items:center;padding:9px;border:1px solid #dfe4ee;border-radius:10px;text-decoration:none;background:#f9fafc}.comm-file-card b,.comm-file-card small{display:block}.comm-file-card b{font-size:10px}.comm-file-card small{font-size:9px;color:#8b92a4;margin-top:3px}.flash-message .comm-bubble{outline:2px solid #d5b64c;background:#fffbea}.typing-status{height:22px;padding:2px 22px;color:#788095;font-size:10px}.reply-composer-preview{margin:0 14px;padding:8px 10px;border-left:3px solid #9f8125;background:#f7f5ec;border-radius:7px;display:flex;gap:8px;align-items:center}.reply-composer-preview b,.reply-composer-preview span{font-size:9px;display:block}.reply-composer-preview span{color:#747d91}.reply-composer-preview button{margin-left:auto;border:0;background:transparent}.premium-composer{margin:8px 14px 14px;display:grid;grid-template-columns:auto minmax(0,1fr) auto;align-items:end;gap:7px;background:#fff;border:1px solid #dfe4ee;border-radius:14px;padding:7px 8px;box-shadow:0 9px 24px rgba(20,29,70,.07)}.premium-composer textarea{border:0;box-shadow:none;min-height:38px;max-height:110px;padding:9px 5px;resize:none;background:transparent}.composer-tools{display:flex;gap:2px}.composer-tools button{width:34px;height:34px;border:0;background:transparent;border-radius:9px;padding:0;color:#5c657e;font-size:17px}.composer-tools button:hover{background:#eef1f6;color:#111942}.composer-tools button.recording{width:auto;padding:0 9px;background:#fdecef;color:#a52d45}.send-message{background:#0b1542!important;color:#fff!important;border-radius:9px!important}.composer-popover{position:absolute;left:14px;bottom:75px;z-index:9;background:#fff;border:1px solid #dfe4ed;border-radius:14px;padding:10px;box-shadow:0 16px 45px rgba(20,29,70,.14);display:grid;grid-template-columns:repeat(6,34px);gap:4px}.composer-popover[hidden]{display:none}.composer-popover button{border:0;background:transparent;border-radius:7px;height:34px}.composer-popover button:hover{background:#f0f2f6}.sticker-popover{grid-template-columns:repeat(2,minmax(110px,1fr));max-width:300px}.poll-card{min-width:300px}.poll-card>small{font-size:8px;letter-spacing:.12em;color:#95761e;font-weight:900}.poll-card h4{font-size:13px;margin:5px 0 9px}.poll-options{display:grid;gap:6px}.poll-options button{position:relative;overflow:hidden;border:1px solid #dde2ec;background:#fff;border-radius:9px;padding:9px 10px;text-align:left;display:flex;justify-content:space-between;gap:12px}.poll-options button i{position:absolute;left:0;bottom:0;height:3px;width:var(--poll);background:#c2a13f}.poll-options button.selected{border-color:#b89b3e;background:#fffaf0}.poll-options b{font-size:9px;color:#747c8f}.poll-card>p{font-size:9px;color:#8991a3;margin:8px 0 0}.collab-context{background:#fff;border-left:1px solid #e3e7ef;overflow:auto;display:flex;flex-direction:column}.collab-context>header{height:50px;position:static;border:0;border-bottom:1px solid #e7eaf1;padding:10px 14px;background:#fff}.collab-context>header b{font-size:12px}.collab-context>header button{margin-left:auto;width:28px;height:28px;padding:0;background:transparent}.context-profile{text-align:center;padding:20px 18px 14px;border-bottom:1px solid #eceef4}.context-profile .avatar{margin:auto}.context-profile h3{font-size:14px;margin:9px 0 3px}.context-profile p{font-size:10px;color:#858c9e;margin:0}.context-quick{display:grid;grid-template-columns:repeat(3,1fr);gap:6px;margin-top:13px}.context-quick button{border:1px solid #e3e7ef;background:#fafbfc;border-radius:10px;padding:8px 3px;color:#26335e}.context-quick button span{display:block;font-size:8px;margin-top:4px}.context-tabs{display:flex;padding:10px 10px 0;gap:3px}.context-tabs button{flex:1;border:0;background:transparent;padding:7px 4px;font-size:9px;color:#7f8799;border-bottom:2px solid transparent}.context-tabs button.active{color:#111a42;border-color:#ba982e}.context-body{padding:10px 12px;display:grid;gap:6px}.context-member,.context-file,.context-item{display:flex;gap:9px;align-items:center;padding:8px;border-radius:9px;background:#f8f9fc;text-decoration:none;border:0;text-align:left}.context-member>div,.context-file>div{min-width:0}.context-member b,.context-member small,.context-file b,.context-file small,.context-item b,.context-item span{display:block}.context-member b,.context-file b,.context-item b{font-size:10px}.context-member small,.context-file small,.context-item span{font-size:9px;color:#7f8798;margin-top:2px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.context-settings{margin-top:auto;border-top:1px solid #e7eaf1;padding:12px}.context-settings label{font-size:9px}.context-settings select{padding:7px}.archive-action{width:100%;margin-top:8px;background:#fff1f3;color:#a32d45;border:0}.thread-panel-head{display:flex;align-items:center;gap:8px;margin-bottom:8px}.thread-panel-head button{border:0;background:transparent;color:#394a7c;padding:0}.thread-messages{display:grid;gap:5px}.thread-messages .comm-message{padding-left:0!important}.thread-messages .comm-bubble{max-width:100%}.thread-compose{margin-top:10px}.thread-compose textarea{min-height:60px}.search-modal{width:min(680px,calc(100vw - 30px))}.search-results{max-height:430px;overflow:auto;display:grid;gap:5px;margin-top:10px}.search-hit{display:grid;grid-template-columns:1fr auto;text-decoration:none;padding:10px;border-radius:9px;background:#f7f8fb}.search-hit b,.search-hit span{grid-column:1}.search-hit b{font-size:10px}.search-hit span{font-size:10px;color:#697187;margin-top:3px}.search-hit small{grid-column:2;grid-row:1/3;color:#969dae}.presence-choices{display:grid;grid-template-columns:1fr 1fr;gap:7px}.presence-choices label{display:flex;align-items:center;gap:8px;border:1px solid #e0e5ee;padding:9px;border-radius:9px}.presence-choices input{width:auto}.collab-empty-state{margin:auto;text-align:center;max-width:430px}.empty-orbit{width:86px;height:86px;border:1px solid #d7ddea;border-radius:50%;display:grid;place-items:center;margin:0 auto 18px;box-shadow:0 0 0 16px #f2f4f8,0 0 0 32px #fafbfc}.empty-orbit span{font-size:28px;font-weight:900;color:#0c1643}.collab-empty-state small{color:#a08329;font-size:8px;letter-spacing:.15em;font-weight:900}.collab-empty-state h2{font-size:24px;margin:8px 0}.collab-empty-state p{color:#737b91;line-height:1.6}.meeting-app{background:#070b17}.meeting-topbar{background:#0e1424;border-bottom-color:#222b40}.meeting-stage{background:#090e1b}.video-tile{border-radius:14px;overflow:hidden;border:1px solid #273149;background:#101827}.meeting-controls{background:#0d1322;border-top-color:#252d40}.meeting-control{border-radius:12px}.meeting-side{background:#111827;color:#e6eaf3;border-left-color:#29334a}.meeting-tabs{border-bottom-color:#29334a}.meeting-tabs button{color:#aeb7ca}.meeting-tabs button.active{color:#fff}.participant-row{border-bottom-color:#253047}.participant-row small{color:#9aa5ba}
@media(max-width:1280px){.collab-shell{grid-template-columns:58px 280px minmax(0,1fr)}.collab-context{position:absolute;right:0;top:0;bottom:0;width:320px;z-index:15;box-shadow:-18px 0 45px rgba(20,29,70,.12);transform:translateX(105%);transition:.18s}.collab-context.open{transform:translateX(0)}}@media(max-width:900px){.collab-shell{height:calc(100vh - 70px);margin:-20px -16px -40px;grid-template-columns:54px 250px minmax(0,1fr)}.collab-context{width:min(330px,90vw)}}@media(max-width:700px){.collab-shell{grid-template-columns:50px minmax(0,1fr)}.collab-inbox{grid-column:2}.collab-main{position:absolute;left:50px;right:0;top:0;bottom:0;z-index:4}.collab-main:has(.collab-empty-state){display:none}.collab-context{top:0}.premium-stream{padding:14px}.comm-bubble{max-width:94%}.thread-identity .avatar{display:none}.thread-actions button{width:32px;height:32px}.premium-composer{margin:7px}.composer-tools button{width:31px;height:31px}.collab-inbox{min-width:0}.premium-conversation{grid-template-columns:39px minmax(0,1fr) auto}}@media(max-width:480px){.collab-shell{grid-template-columns:1fr;margin:-12px -10px -32px}.collab-rail{display:none}.collab-inbox{grid-column:1}.collab-main{left:0}.collab-thread-head{padding:9px 10px}.premium-stream{padding:10px}.premium-composer{grid-template-columns:auto minmax(0,1fr);}.premium-composer>.composer-tools.right{grid-column:1/-1;justify-content:flex-end;border-top:1px solid #edf0f5;padding-top:4px}.collab-context{width:94vw}.comm-message.premium.mine{padding-left:20px}}