@media(max-width:760px){.collabShell .collabComposer{grid-template-columns:1fr!important}.collabFileButton{min-height:48px}}
.collabComposer{position:relative;grid-template-columns:minmax(0,1fr) repeat(4,auto)!important}.collabFileButton{display:inline-flex;align-items:center;justify-content:center;gap:6px;cursor:pointer}.collabAttachment{display:inline-flex;align-items:center;gap:7px;margin-top:5px;padding:8px 11px;border:1px solid var(--border,#c8d8ea);border-radius:10px;color:var(--accent,#056bea);font-weight:700;text-decoration:none}.collabAttachment:hover{text-decoration:underline}.collabMentionSuggestions{position:absolute;left:14px;bottom:100%;z-index:5;width:min(360px,calc(100% - 28px));padding:8px;border:1px solid var(--border,#c8d8ea);border-radius:14px;background:var(--panel,#fff);box-shadow:0 14px 34px rgba(2,18,38,.18)}.collabMentionSuggestions button{display:block;width:100%;min-height:44px;border:0;border-radius:9px;background:transparent;text-align:left;padding:8px 10px;color:inherit}.collabMentionSuggestions button:hover,.collabMentionSuggestions button:focus-visible{background:var(--soft,#edf4fb)}.collabReactionPicker{display:grid;grid-template-columns:repeat(6,minmax(44px,1fr));gap:8px;padding:8px}.collabEmoji{font-size:1.4rem}.collabForwarded{display:inline-block;color:var(--muted,#607089);font-weight:700;margin-bottom:3px}.collabHeaderActions [aria-pressed="true"]{background:var(--accent,#056bea);color:#fff;border-color:var(--accent,#056bea)}
.collabShell{display:grid;grid-template-columns:minmax(230px,300px) minmax(0,1fr);min-height:calc(100vh - 150px);overflow:hidden;border:1px solid var(--border,#c8d8ea);border-radius:22px;background:var(--panel,#fff);box-shadow:0 18px 45px rgba(2,26,52,.08)}
.collabRail{padding:20px;border-right:1px solid var(--border,#c8d8ea);background:var(--surface-primary,#f5f8fc)}.collabRailHeading,.collabHeader{display:flex;align-items:center;justify-content:space-between;gap:12px}.collabRail h2,.collabRail h3,.collabHeader h2{margin:0}.collabRail h3{margin-top:22px;font-size:.84rem;text-transform:uppercase;letter-spacing:.08em}.collabScopes{display:grid;gap:6px;margin-top:8px}.collabScope{display:flex;width:100%;align-items:center;justify-content:space-between;gap:8px;padding:11px 12px;border:0;border-radius:12px;background:transparent;color:inherit;text-align:left;cursor:pointer}.collabScope:hover,.collabScope.active{background:var(--accent-soft,#ddecff);color:var(--accent,#056bea)}.collabBadge{min-width:22px;padding:2px 6px;border-radius:999px;background:#e6435d;color:#fff;font-size:.72rem;text-align:center}
.collabMain{display:grid;grid-template-rows:auto auto auto minmax(260px,1fr) auto;min-width:0}.collabHeader{padding:18px 22px;border-bottom:1px solid var(--border,#c8d8ea)}.collabSearch{width:min(360px,45%)}.collabSearch input{width:100%}.collabStatus{min-height:24px;padding:5px 22px;color:var(--muted,#607089);font-size:.85rem}.collabOlder{justify-self:center;margin:4px}.collabMessages{overflow:auto;padding:10px 22px 24px}.collabMessage{display:grid;grid-template-columns:42px minmax(0,1fr);gap:10px;padding:11px 0;border-bottom:1px solid color-mix(in srgb,var(--border,#c8d8ea) 55%,transparent)}.collabAvatar{display:grid;place-items:center;width:38px;height:38px;border-radius:12px;background:var(--accent,#056bea);color:#fff;font-weight:800}.collabMeta{display:flex;align-items:baseline;gap:8px}.collabMeta time,.collabEdited{color:var(--muted,#607089);font-size:.75rem}.collabText{margin:4px 0;white-space:pre-wrap;overflow-wrap:anywhere}.collabActions{display:flex;gap:5px}.collabActions button{padding:4px 7px;border:1px solid var(--border,#c8d8ea);border-radius:8px;background:transparent;color:inherit;cursor:pointer}.collabComposer{display:grid;grid-template-columns:minmax(0,1fr) auto;gap:10px;padding:14px 22px;border-top:1px solid var(--border,#c8d8ea)}.collabComposer textarea{min-height:58px;resize:vertical}.srOnly{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;border:0}
.collabDialog{width:min(560px,calc(100vw - 28px));max-height:min(720px,calc(100vh - 28px));padding:0;border:1px solid var(--border,#c8d8ea);border-radius:20px;background:var(--panel,#fff);color:var(--text,#071a33);box-shadow:0 30px 90px rgba(2,26,52,.3)}.collabDialog::backdrop{background:rgba(2,18,38,.62);backdrop-filter:blur(3px)}.collabDialog form{display:grid;gap:16px;padding:22px}.collabDialog header,.collabDialog footer{display:flex;align-items:center;justify-content:space-between;gap:12px}.collabDialog h2{margin:0}.collabDialog label>span{display:block;margin-bottom:6px;font-weight:700}.collabDialog input[type=search]{width:100%}.collabPeopleList{display:grid;gap:7px;max-height:390px;overflow:auto}.collabPerson{display:grid;grid-template-columns:auto 38px minmax(0,1fr);align-items:center;gap:10px;padding:10px;border:1px solid var(--border,#c8d8ea);border-radius:13px;cursor:pointer}.collabPerson:has(input:checked){border-color:var(--accent,#056bea);background:var(--accent-soft,#ddecff)}.collabPerson input{width:20px;height:20px}.collabPerson strong,.collabPerson small{display:block}.collabPerson small,.collabHint{color:var(--muted,#607089)}.collabDialog footer{justify-content:flex-end}
@media(max-width:760px){.collabShell{grid-template-columns:1fr;min-height:calc(100vh - 120px)}.collabRail{max-height:230px;overflow:auto;border-right:0;border-bottom:1px solid var(--border,#c8d8ea);padding:14px}.collabRail h3{margin-top:10px}.collabScopes{display:flex;overflow:auto}.collabScope{min-width:max-content}.collabHeader{align-items:flex-start;flex-direction:column;padding:14px}.collabSearch{width:100%}.collabMessages{padding:8px 14px 18px}.collabComposer{padding:12px 14px}.collabComposer{grid-template-columns:1fr}.collabComposer button{min-height:48px}}
.collabHeaderActions{display:flex;align-items:center;justify-content:flex-end;gap:10px;min-width:min(520px,55%)}.collabHeaderActions .collabSearch{width:min(360px,100%);flex:1}.collabMemberList{display:grid;gap:8px;max-height:360px;overflow:auto}.collabMember{display:grid;grid-template-columns:38px minmax(0,1fr) auto;align-items:center;gap:10px;padding:10px;border:1px solid var(--border,#c8d8ea);border-radius:12px}.collabMemberCopy{display:grid}.collabMemberActions{display:flex;gap:6px;flex-wrap:wrap}.collabMemberActions .btn{padding:7px 9px}.collabChannelAdd{display:grid;grid-template-columns:minmax(0,1fr) auto;align-items:end;gap:10px}.collabChannelAdd label,.collabChannelAdd select{width:100%}.btn.danger{color:#b42336;border-color:#e8a7b0}
@media(max-width:760px){.collabHeaderActions{width:100%;min-width:0;flex-wrap:wrap}.collabHeaderActions .collabSearch{flex-basis:100%}.collabMember{grid-template-columns:38px minmax(0,1fr)}.collabMemberActions{grid-column:1/-1}.collabChannelAdd{grid-template-columns:1fr}.collabChannelAdd .btn{min-height:48px}.collabDialog footer{flex-wrap:wrap}}
.collabSearchResultList{display:grid;gap:8px;max-height:430px;overflow:auto}.collabSearchResult{display:grid;gap:4px;width:100%;padding:12px;text-align:left;border:1px solid var(--border,#c8d8ea);border-radius:12px;background:var(--panel-2,#f5f8fc);color:inherit;cursor:pointer}.collabSearchResult:hover,.collabSearchResult:focus-visible{border-color:var(--accent,#056bea);outline:3px solid color-mix(in srgb,var(--accent,#056bea) 22%,transparent)}.collabSearchResult small{color:var(--muted,#607089)}
.collabAvatar{overflow:hidden;border:0;cursor:pointer;padding:0}.collabAvatar img{width:100%;height:100%;object-fit:cover}.collabContactCard{display:grid;grid-template-columns:76px minmax(0,1fr);align-items:center;gap:16px}.collabContactCard .collabAvatar{width:76px;height:76px;border-radius:22px}.collabContactCard>div{display:grid;gap:7px}.collabContactCard a:empty{display:none}
.collabPreferenceGrid{display:grid;gap:10px;padding:14px;border:1px solid var(--border,#c8d8ea);border-radius:14px}.collabPreferenceGrid label{display:flex;align-items:center;gap:9px}.collabPreferenceGrid input{width:20px;height:20px}
.collabAttachmentPreview{display:grid;justify-items:start;gap:8px;margin:8px 0}.collabAttachmentPreview img{display:block;max-width:min(420px,100%);max-height:300px;border:1px solid var(--border,#c8d8ea);border-radius:14px;object-fit:contain;background:var(--surface-primary,#f5f8fc)}
.collabDisclosureCount{min-height:18px;margin:5px 0;color:var(--muted,#607089);font-size:.78rem}.collabDisclosureMore{width:100%;min-height:44px}.collabMessagesCount{justify-self:center;margin:3px 0}.collabShell button:focus-visible,.collabShell input:focus-visible,.collabShell textarea:focus-visible,.collabShell select:focus-visible,.collabDialog button:focus-visible,.collabDialog input:focus-visible,.collabDialog select:focus-visible{outline:3px solid color-mix(in srgb,var(--accent,#056bea) 35%,transparent);outline-offset:2px}.collabDialog button,.collabShell button{min-width:44px;min-height:44px}.collabDialog[open]{overscroll-behavior:contain}.collabDialog form{overflow:auto}.collabShell,.collabDialog{color-scheme:light dark;--panel:var(--theme-cardBackground,#fff);--panel2:var(--theme-cardBackground,#fff);--panel-2:var(--panel2);--surface-primary:var(--panel);--text:var(--theme-cardText,#071a33);--muted:var(--theme-cardSecondaryText,#475569);--text-primary:var(--text);--text-secondary:var(--muted);--text-muted:var(--muted);--rv-n1-text:var(--text);--rv-n1-muted:var(--muted);--soft:color-mix(in srgb,var(--text) 5%,var(--panel));color:var(--text)}[data-theme="dark"] .collabShell,[data-theme="dark"] .collabDialog,.dark .collabShell,.dark .collabDialog{--panel:#0d2034;--panel-2:#122a42;--surface-primary:#0a1b2d;--border:#36506b;--text:#f4f8fc;--muted:#a9bdd1;color:var(--text);background:var(--panel)}
@media(max-width:760px){.collabShell{min-height:calc(100dvh - 110px - env(safe-area-inset-bottom));padding-bottom:env(safe-area-inset-bottom)}.collabDialog{width:calc(100vw - 16px);max-height:calc(100dvh - 16px - env(safe-area-inset-bottom));margin-bottom:env(safe-area-inset-bottom)}.collabComposer{position:sticky;bottom:0;padding-bottom:max(12px,env(safe-area-inset-bottom));background:var(--panel,#fff);z-index:2}.collabMessages{scroll-padding-bottom:calc(110px + env(safe-area-inset-bottom))}}
@media(prefers-reduced-motion:reduce){.collabShell *,.collabDialog *{scroll-behavior:auto!important;transition:none!important;animation:none!important}}
.collabEmojiDialog{width:min(720px,calc(100vw - 28px))}.collabEmojiDialog form{grid-template-rows:auto auto auto minmax(180px,1fr) auto auto}.collabEmojiDialog input{width:100%}.collabEmojiCategories{display:flex;gap:7px;overflow-x:auto;padding:2px}.collabEmojiCategories .btn{flex:0 0 auto;padding:7px 10px}.collabEmojiCategories .active{background:var(--accent,#056bea);color:#fff}.collabEmojiDialog .collabReactionPicker{max-height:390px;overflow:auto;align-content:start}.collabEmojiDialog .collabEmoji{padding:5px;font-family:"Segoe UI Emoji","Apple Color Emoji","Noto Color Emoji",sans-serif}.collabEmojiDialog footer{justify-content:center}
.collabShell button,.collabDialog button{min-width:44px!important;min-height:44px!important}
@media(max-width:760px){.collabShell .collabComposer{grid-template-columns:repeat(5,minmax(0,1fr))!important}.collabComposer textarea,.collabMentionSuggestions{grid-column:1/-1}.collabComposer .btn{min-width:0!important;padding-inline:7px}.collabReactionPicker{grid-template-columns:repeat(4,minmax(44px,1fr))}}
.collabP2Toolbar{display:flex;gap:8px;justify-content:flex-end;padding:10px 14px 0;flex-wrap:wrap}.collabTips{margin-top:16px;padding:12px;border-radius:12px;background:var(--soft,#edf4fb);color:var(--muted,#607089);font-size:.9rem}.collabTips:empty{display:none}.collabRivaAnswer{min-height:120px;padding:14px;border:1px solid var(--border,#c8d8ea);border-radius:12px;white-space:pre-wrap}.collabAdminGrid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:14px}.collabAdminGrid fieldset{display:grid;gap:8px;align-content:start;border:1px solid var(--border,#c8d8ea);border-radius:14px;padding:14px}.collabAdminRow{display:flex;align-items:center;justify-content:space-between;gap:8px;padding:8px;border-bottom:1px solid var(--border,#c8d8ea);overflow-wrap:anywhere}
@media(max-width:900px){.collabAdminGrid{grid-template-columns:1fr}.collabP2Toolbar{justify-content:flex-start}.collabP2Toolbar .btn{min-height:44px}}
#collabAdminDialog{width:min(1040px,calc(100vw - 28px))}#collabAdminDialog form{max-height:calc(100dvh - 32px);overflow-y:auto}#collabAdminDialog .collabAdminGrid{display:grid;grid-template-columns:repeat(2,minmax(280px,1fr));gap:16px}#collabAdminDialog .collabAdminGrid fieldset{min-width:0}#collabAdminDialog .collabAdminGrid fieldset:nth-child(2){grid-column:1/-1;grid-row:2}#collabAdminDialog .collabAdminGrid fieldset:nth-child(3){grid-column:2;grid-row:1}#collabAdminDialog .collabAdminRow{display:grid;grid-template-columns:minmax(0,1fr) auto;align-items:center}#collabAdminDialog .collabAdminRow .btn{width:auto;white-space:nowrap;overflow-wrap:normal}
@media(max-width:760px){#collabAdminDialog .collabAdminGrid{grid-template-columns:1fr}#collabAdminDialog .collabAdminGrid fieldset:nth-child(2),#collabAdminDialog .collabAdminGrid fieldset:nth-child(3){grid-column:auto;grid-row:auto}#collabAdminDialog .collabAdminRow{grid-template-columns:1fr}#collabAdminDialog .collabAdminRow .btn{width:100%}}

/* Definitive single-viewport workspace: every long collection scrolls inside its pane. */
#tab-collaboration{height:calc(100dvh - 144px);min-height:520px;overflow:hidden;padding-bottom:0}
body.collaboration-route{overflow:hidden}body.collaboration-route .footer{display:none!important}
#tab-collaboration>.collabShell{height:100%;min-height:0;max-height:100%;grid-template-columns:minmax(250px,280px) minmax(0,1fr)}
.collabRail,.collabMain,.collabMessages{min-height:0;min-width:0}
.collabRail{display:flex;flex-direction:column;overflow:hidden;padding:16px}
.collabRail>.collabScopes{min-height:0;overflow-y:auto;overflow-x:hidden;overscroll-behavior:contain}
.collabRail>.collabScopes:first-of-type{flex:1 1 45%}.collabRail>.collabScopes:nth-of-type(2){flex:1 1 35%}
.collabQuickNav{display:grid;grid-template-columns:1fr 1fr;gap:8px;margin:12px 0 4px}.collabQuickNav .btn{padding-inline:8px}
.collabMain{height:100%;grid-template-rows:auto auto auto auto auto minmax(0,1fr) auto;overflow:hidden}
.collabMessages{overscroll-behavior:contain;scrollbar-gutter:stable}.collabOlder{position:relative;z-index:3;background:var(--surface-primary,var(--panel,#fff))}
.collabComposer textarea{max-height:132px;resize:none;overflow-y:auto}
.collabShell .btn,.collabDialog .btn{box-shadow:0 2px 0 color-mix(in srgb,var(--border,#c8d8ea) 76%,#000),0 5px 12px rgba(2,26,52,.10);transition:transform .14s ease,box-shadow .14s ease,filter .14s ease}
.collabShell .btn:hover,.collabDialog .btn:hover{transform:translateY(-1px);filter:brightness(1.035)}
.collabShell .btn:active,.collabDialog .btn:active{transform:translateY(1px);box-shadow:0 1px 0 var(--border,#c8d8ea)}
.collabScope{position:relative}.collabScope.active{box-shadow:inset 4px 0 0 var(--interactive-primary,var(--accent,#056bea))}
.collabScopeMeta{display:flex;align-items:center;gap:5px;margin-left:auto}.collabFavorite{color:#d99b08}.collabMuted{color:var(--muted,#607089)}
.collabReactionRow{display:flex;flex-wrap:wrap;align-items:center;gap:6px;margin:2px 0 0}.collabReactionRow:empty{display:none}.collabReactionChip{min-width:44px;min-height:32px!important;padding:3px 7px!important;border:0!important;border-radius:0!important;background:transparent!important;box-shadow:none!important;color:var(--text,#071a33)!important;-webkit-text-fill-color:var(--text,#071a33)!important}.collabReactionChip:hover,.collabReactionChip:focus-visible{background:var(--soft,#edf4fb)!important;border-radius:7px!important}.collabReactionChip.own{font-weight:800;text-decoration:underline;text-underline-offset:3px}
.collabMessageToolbar{align-items:center;gap:4px;margin-top:5px;min-height:36px}.collabMessageToolbar button{position:relative;display:inline-grid;place-items:center;width:36px!important;height:36px!important;min-width:36px!important;min-height:36px!important;padding:0!important;border-color:transparent!important;border-radius:10px!important;color:var(--muted,#607089);font-family:"Segoe UI Symbol","Segoe UI Emoji",sans-serif}.collabMessageToolbar button:hover,.collabMessageToolbar button:focus-visible{border-color:var(--border,#c8d8ea)!important;background:var(--soft,#edf4fb)!important;color:var(--accent,#056bea)}.collabActionIcon{font-size:1.12rem;line-height:1}.collabActionCount{position:absolute;top:-4px;right:-4px;display:grid;place-items:center;min-width:18px;height:18px;padding:0 4px;border:2px solid var(--panel,#fff);border-radius:999px;background:var(--accent,#056bea);color:#fff;font-size:.65rem;font-weight:800}
.collabMentionToken{display:inline;padding:1px 4px;border-radius:6px;background:color-mix(in srgb,var(--interactive-primary,var(--accent,#056bea)) 15%,transparent);color:var(--interactive-primary,var(--accent,#056bea));font-weight:750}
.collabNavBadge{flex:0 0 auto;margin-left:auto;min-width:22px;padding:2px 6px;border-radius:999px;background:#d92d4c;color:#fff!important;-webkit-text-fill-color:#fff!important;font-size:.72rem;font-weight:800;line-height:1.45;text-align:center}
body[data-sidebar-collapsed="1"] .sideBtn:has(.collabNavBadge){position:relative}
body[data-sidebar-collapsed="1"] .sideBtn:has(.collabNavBadge) .sideBtnIcon{transform:translateX(-9px)}
body[data-sidebar-collapsed="1"] .collabNavBadge{position:absolute;top:2px;right:1px;z-index:2;display:grid!important;place-items:center;min-width:16px;max-width:22px;height:16px;margin:0;padding:0 2px;border:1px solid var(--surface-primary,#fff);font-size:.5rem;letter-spacing:-.04em;line-height:1}
@media(max-width:1100px){body[data-sidebar-collapsed="1"] .sideBtn:has(.collabNavBadge) .sideBtnIcon{transform:none}body[data-sidebar-collapsed="1"] .collabNavBadge{position:static;display:block!important;min-width:22px;max-width:none;height:auto;margin-left:auto;padding:2px 6px;border:0;font-size:.72rem;letter-spacing:normal;line-height:1.45}}
.collabMobileBack{display:none}
.collabHeader{min-width:0;max-width:100%;flex-wrap:wrap}
.collabHeader>div:first-child{min-width:0}
.collabHeaderActions{min-width:0;max-width:100%;flex:1 1 620px;flex-wrap:wrap}
.collabHeaderActions>*{min-width:0}
.collabComposer{min-width:0;max-width:100%}
.collabComposer textarea{width:100%;min-width:0;max-width:100%}
.collabScope.active{color:#0b1d38!important}
.collabBadge{background:#c62843!important}
.collabAvatar{background:#0754b8!important;color:#fff!important}
.collabMeta time,.collabEdited,.collabMessageToolbar button{color:var(--text,#0b1d38)!important}
/* Dialogs own their field geometry. Intrinsic select/fieldset widths must not
   widen the grid track and push the close button outside a mobile viewport. */
.collabDialog{box-sizing:border-box;max-width:calc(100% - 16px);margin:auto}
.tabPane.active>dialog.collabDialog{margin-top:auto!important}
.collabShell [hidden],.collabDialog [hidden]{display:none!important}
.collabDialog form{grid-template-columns:minmax(0,1fr);overflow:visible}
.collabDialog form>*,.collabDialog fieldset,.collabDialog header>*{min-width:0}
.collabDialog header>:first-child{overflow-wrap:anywhere}
.collabDialog header>button{flex-shrink:0}
.collabDialog label{font-size:14px}
.collabDialog :is(input:not([type=checkbox]):not([type=radio]):not([type=hidden]),select,textarea){box-sizing:border-box;min-width:0;max-width:100%;width:100%;min-height:44px;padding:10px 12px;border:1px solid var(--theme-inputBorder,var(--border,#767676));border-radius:10px;background:var(--theme-inputBackground,var(--panel,#fff));color:var(--theme-inputText,var(--text,#071a33));font:inherit}
.collabDialog textarea{resize:vertical}
.collabDialog .collabPerson>span{margin-bottom:0}
.collabDialog .collabPerson>.collabAvatar{display:grid;place-items:center;font-size:14px}
.collabDialog .collabPerson small{font-size:12px}
.collabDialog :is(.collabPerson,.collabPreferenceGrid) input:is([type=checkbox],[type=radio]){box-sizing:border-box;width:20px!important;height:20px!important;min-width:20px!important;min-height:20px!important;flex:0 0 20px;padding:0}
@media(max-width:760px){
 .collabDialog{width:calc(100% - 16px);max-height:calc(100dvh - 16px - env(safe-area-inset-top) - env(safe-area-inset-bottom));margin:max(8px,env(safe-area-inset-top)) auto max(8px,env(safe-area-inset-bottom))}
 .collabDialog form{padding:16px}
 .tabPane.active>dialog.collabDialog{margin-top:max(8px,env(safe-area-inset-top))!important}
}
@media(max-width:1100px){
 .collabHeader{align-items:flex-start;flex-direction:column}
 .collabHeaderActions{width:100%;flex-basis:auto;justify-content:flex-start}
 .collabHeaderActions .collabSearch{flex:1 1 220px}
}
@media(max-width:760px){
 #tab-collaboration{height:calc(100dvh - 82px - env(safe-area-inset-bottom));min-height:420px}
 #tab-collaboration>.collabShell{display:block;height:100%;min-height:0;padding-bottom:env(safe-area-inset-bottom)}
 .collabRail{height:100%;max-height:none;border:0;padding:14px}.collabMain{display:none;height:100%}
 .collabShell.mobile-conversation .collabRail{display:none}.collabShell.mobile-conversation .collabMain{display:grid}
 .collabShell.mobile-conversation .collabMobileBack{display:inline-flex}
 .collabScopes{display:grid!important;overflow-y:auto!important;overflow-x:hidden!important}.collabScope{min-width:0!important}
 .collabP2Toolbar{flex-wrap:nowrap;overflow-x:auto;padding:8px}.collabHeader{max-height:132px;overflow-y:auto}.collabHeaderActions{flex-wrap:nowrap;overflow-x:auto;justify-content:flex-start}.collabHeaderActions .btn{flex:0 0 auto}.collabHeaderActions .collabSearch{min-width:220px;flex-basis:auto}
 .collabMessages{min-height:0}.collabComposer{position:relative;bottom:auto;padding-bottom:max(10px,env(safe-area-inset-bottom))}
 .collabActions{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:6px}.collabActions button{min-width:0!important;width:100%;padding:6px!important;font-size:.78rem;line-height:1.15;overflow-wrap:anywhere}.collabMessage{align-items:start}.collabMessage>div{min-width:0}
 .collabMessagesCount{margin:2px 0}.collabOlder{margin:4px auto 16px;min-height:40px!important}
 .collabComposer .btn,.collabFileButton{font-size:.68rem;line-height:1.1;white-space:nowrap;padding-inline:3px!important}
}

/* Readable workspace controls: keep the message field and actions compact and
   prevent generic portal button rules from stretching the send action. */
.collabComposer{
 display:grid!important;
 grid-template-areas:"message message message message" "file emoji audio schedule" "send send send send";
 grid-template-columns:repeat(4,minmax(88px,auto))!important;
 align-items:stretch;
 gap:8px!important;
 padding:12px 16px!important;
 background:var(--panel,#fff);
}
.collabComposer>textarea{grid-area:message;min-height:76px!important;padding:12px 14px;border:1px solid var(--border,#c8d8ea);border-radius:12px;background:var(--panel-2,#f5f8fc);color:var(--text,#071a33)}
.collabComposer>.collabFileButton{grid-area:file}.collabComposer>#collabComposerEmoji{grid-area:emoji}.collabComposer>#collabAudio{grid-area:audio}.collabComposer>#collabSchedule{grid-area:schedule}
.collabComposer>#collabSend{grid-area:send;width:auto!important;min-height:46px!important;padding:10px 22px!important;justify-self:stretch}
.collabComposer>.btn,.collabComposer>.collabFileButton{min-width:0!important;min-height:44px!important;padding:9px 12px!important;font-size:.88rem!important;line-height:1.2!important}
.collabHeaderActions{display:flex!important;flex-wrap:wrap;justify-content:flex-start;align-items:center;gap:8px!important;width:100%;min-width:0!important;max-width:100%}
.collabHeaderActions .collabSearch{flex:1 1 260px;width:auto!important;max-width:none}
.collabHeaderActions .collabSearch input{min-height:44px;padding:10px 12px}
@media(min-width:1180px){.collabComposer{grid-template-areas:"message message message message message" "file emoji audio schedule send";grid-template-columns:repeat(4,minmax(88px,auto)) minmax(132px,180px)!important}.collabComposer>#collabSend{align-self:stretch}}
@media(max-width:760px){.collabComposer{grid-template-areas:"message message" "file emoji" "audio schedule" "send send";grid-template-columns:repeat(2,minmax(0,1fr))!important;padding:10px!important}.collabHeaderActions{display:flex!important;flex-wrap:nowrap;overflow-x:auto}.collabHeaderActions .collabSearch{min-width:240px}}
.collabComposer{align-content:start!important}
.collabComposer>.btn,.collabComposer>.collabFileButton{height:46px!important;min-height:46px!important;align-self:start!important}

/* Modern Collaboration workspace -------------------------------------------------
   This final scoped layer intentionally owns presentation while the preceding
   declarations remain as compatibility fallbacks for older embedded surfaces. */
#tab-collaboration{
 --collab-bg:#eef4fb;
 --collab-surface:#ffffff;
 --collab-surface-raised:#f7faff;
 --collab-rail:#071d38;
 --collab-rail-muted:#a9bdd4;
 --collab-border:#c9d8e8;
 --collab-text:#0a1d35;
 --collab-muted:#536a83;
 --collab-accent:#0868e8;
 --collab-accent-strong:#034fae;
 --collab-selected:#dcebff;
 --collab-danger:#b4233c;
 --collab-focus:#5ba7ff;
 --collab-shadow:0 22px 54px rgba(4,28,56,.14);
 background:var(--collab-bg);
}
[data-theme="dark"] #tab-collaboration,[data-theme-mode="dark"] #tab-collaboration,.dark #tab-collaboration{
 --collab-bg:#061526;
 --collab-surface:#0c2136;
 --collab-surface-raised:#112a43;
 --collab-rail:#041321;
 --collab-rail-muted:#b7c9da;
 --collab-border:#38536e;
 --collab-text:#f4f8fc;
 --collab-muted:#b4c5d6;
 --collab-accent:#65a9ff;
 --collab-accent-strong:#8bc0ff;
 --collab-selected:#173f67;
 --collab-danger:#ff91a2;
 --collab-focus:#8bc0ff;
 --collab-shadow:0 24px 58px rgba(0,0,0,.38);
}
#tab-collaboration>.collabShell{
 box-sizing:border-box;
 grid-template-columns:minmax(248px,292px) minmax(0,1fr);
 border:1px solid var(--collab-border);
 border-radius:24px;
 background:var(--collab-surface);
 color:var(--collab-text);
 box-shadow:var(--collab-shadow);
 isolation:isolate;
}
#tab-collaboration .collabRail{
 gap:4px;
 padding:18px 14px;
 border-right:1px solid rgba(255,255,255,.12);
 background-color:var(--collab-rail);
 background-image:linear-gradient(165deg,var(--collab-rail) 0%,#0b315c 100%);
 color:#f8fbff;
}
#tab-collaboration .collabWorkspaceBrand{padding:2px 4px 10px}
#tab-collaboration .collabWorkspaceBrand .eyebrow,#tab-collaboration .collabRail .collabDisclosureCount{color:var(--collab-rail-muted)}
#tab-collaboration .collabRailTools{display:grid;grid-template-columns:1fr 1fr;gap:8px;margin:6px 0 10px}
#tab-collaboration .collabRailTools .btn,#tab-collaboration .collabWorkspaceBrand .btn{
 border-color:rgba(255,255,255,.22);background:rgba(255,255,255,.10);color:#fff;box-shadow:none;
}
#tab-collaboration .collabRail h3{color:var(--collab-rail-muted);font-size:.75rem;letter-spacing:.11em}
#tab-collaboration .collabScope{min-width:0;border:1px solid transparent;color:#eef6ff;overflow-wrap:anywhere}
#tab-collaboration .collabScope:hover{background:rgba(255,255,255,.10);color:#fff}
#tab-collaboration .collabScope.active,#tab-collaboration .collabScope[aria-current="true"]{
 border-color:rgba(255,255,255,.34);background-color:#dcebff;background-image:linear-gradient(100deg,#dcebff,#c8e0ff);color:#071d38!important;
 box-shadow:inset 4px 0 0 #0875ff,0 8px 18px rgba(0,0,0,.16);
}
#tab-collaboration .collabMain{background:var(--collab-surface);color:var(--collab-text)}
#tab-collaboration .collabP2Toolbar{padding:12px 18px 4px;background:var(--collab-surface-raised)}
#tab-collaboration .collabHeader{
 align-items:flex-start;padding:14px 18px 12px;border-bottom:1px solid var(--collab-border);background:var(--collab-surface-raised);
}
#tab-collaboration .collabConversationIdentity{flex:1 1 240px;min-width:0;padding:4px 0}
#tab-collaboration .collabConversationIdentity h2,#tab-collaboration .collabConversationIdentity small{display:block;max-width:100%;overflow-wrap:anywhere}
#tab-collaboration .collabConversationIdentity small{margin-top:3px;color:var(--collab-muted)}
#tab-collaboration .collabHeaderActions{display:grid!important;grid-template-columns:minmax(0,1fr);gap:8px!important;flex:2 1 620px}
#tab-collaboration .collabPrimaryActions,#tab-collaboration .collabSecondaryActions{display:flex;flex-wrap:wrap;gap:7px;min-width:0}
#tab-collaboration .collabPrimaryActions .btn{border-color:color-mix(in srgb,var(--collab-accent) 46%,var(--collab-border));background:color-mix(in srgb,var(--collab-accent) 10%,var(--collab-surface));color:var(--collab-text)}
#tab-collaboration .collabPrimaryActions .btn.primary,#tab-collaboration #collabJoinChannel{background:linear-gradient(135deg,var(--collab-accent),var(--collab-accent-strong));color:#fff;border-color:transparent}
#tab-collaboration .collabSecondaryActions .btn{background:var(--collab-surface);color:var(--collab-text);border-color:var(--collab-border);box-shadow:none}
#tab-collaboration .collabSearch{display:block;width:100%!important;max-width:none;min-width:0}
#tab-collaboration .collabSearch input{box-sizing:border-box;width:100%;min-height:44px;border-color:var(--collab-border);background:var(--collab-surface);color:var(--collab-text)}
#tab-collaboration .collabStatus{color:var(--collab-muted);background:var(--collab-surface)}
#tab-collaboration .collabMessages{min-height:0;overflow:auto;overscroll-behavior:contain;scrollbar-gutter:stable;padding:12px 18px 22px;background:var(--collab-bg)}
#tab-collaboration .collabMessage{
 box-sizing:border-box;max-width:min(860px,96%);margin:0 0 10px;padding:12px 14px;border:1px solid var(--collab-border);border-radius:16px;background:var(--collab-surface);box-shadow:0 5px 16px rgba(4,28,56,.06);
}
#tab-collaboration .collabMessage>div,#tab-collaboration .collabMeta,#tab-collaboration .collabText,#tab-collaboration .collabAttachment{min-width:0;max-width:100%;overflow-wrap:anywhere}
#tab-collaboration .collabMeta time,#tab-collaboration .collabEdited,#tab-collaboration .collabMessageToolbar button{color:var(--collab-muted)!important}
#tab-collaboration .collabComposer{
 display:grid!important;grid-template-columns:minmax(0,1fr)!important;grid-template-areas:"message" "tools"!important;gap:9px!important;padding:12px 16px max(12px,env(safe-area-inset-bottom))!important;border-top:1px solid var(--collab-border);background:var(--collab-surface-raised);box-shadow:0 -10px 28px rgba(4,28,56,.08);
}
#tab-collaboration .collabComposer>textarea{grid-area:message;box-sizing:border-box;min-height:68px!important;max-height:132px;border-color:var(--collab-border);background:var(--collab-surface);color:var(--collab-text)}
#tab-collaboration .collabComposerTools{grid-area:tools;display:grid;grid-template-columns:repeat(4,minmax(84px,auto)) minmax(124px,180px);gap:8px;min-width:0}
#tab-collaboration .collabComposerTools>.btn,#tab-collaboration .collabComposerTools>.collabFileButton{box-sizing:border-box;display:inline-flex;align-items:center;justify-content:center;min-width:0!important;min-height:44px!important;height:auto!important;padding:9px 10px!important;color:var(--collab-text);background:var(--collab-surface);border-color:var(--collab-border);font-size:.86rem!important}
#tab-collaboration .collabComposerTools>#collabSend{background:linear-gradient(135deg,var(--collab-accent),var(--collab-accent-strong));color:#fff;border-color:transparent;font-weight:800}
#tab-collaboration :is(button,input,textarea,select,a):focus-visible{outline:3px solid var(--collab-focus)!important;outline-offset:2px}

@media(max-width:1100px){
 #tab-collaboration .collabHeaderActions{width:100%}
 #tab-collaboration .collabComposerTools{grid-template-columns:repeat(4,minmax(72px,1fr)) minmax(110px,1.25fr)}
}
@media(max-width:760px){
 #tab-collaboration{height:calc(100dvh - 82px - env(safe-area-inset-bottom));min-height:420px}
 #tab-collaboration>.collabShell{display:block;border-radius:18px;padding-bottom:env(safe-area-inset-bottom)}
 #tab-collaboration .collabRail{height:100%;max-height:none;border:0}
 #tab-collaboration .collabMain{display:none;height:100%;grid-template-rows:auto auto auto auto auto minmax(0,1fr) auto}
 #tab-collaboration .collabShell.mobile-conversation .collabRail{display:none}
 #tab-collaboration .collabShell.mobile-conversation .collabMain{display:grid}
 #tab-collaboration .collabShell.mobile-conversation .collabMobileBack{display:inline-flex}
 #tab-collaboration .collabHeader{max-height:178px;overflow-y:auto}
 #tab-collaboration .collabPrimaryActions,#tab-collaboration .collabSecondaryActions{flex-wrap:nowrap;overflow-x:auto;padding-bottom:3px}
 #tab-collaboration .collabPrimaryActions .btn,#tab-collaboration .collabSecondaryActions .btn{flex:0 0 auto}
 #tab-collaboration .collabMessages{padding:10px;scroll-padding-bottom:120px}
 #tab-collaboration .collabMessage{max-width:100%;padding:10px}
 #tab-collaboration .collabComposer{position:relative;bottom:auto;padding:9px 10px max(10px,env(safe-area-inset-bottom))!important}
 #tab-collaboration .collabComposerTools{grid-template-columns:repeat(4,minmax(0,1fr));gap:6px}
 #tab-collaboration .collabComposerTools>#collabSend{grid-column:1/-1}
 #tab-collaboration .collabComposerTools>.btn,#tab-collaboration .collabComposerTools>.collabFileButton{font-size:.7rem!important;padding-inline:4px!important}
}
@media(prefers-reduced-motion:reduce){
 #tab-collaboration *,#tab-collaboration *::before,#tab-collaboration *::after{animation-duration:.01ms!important;animation-iteration-count:1!important;transition-duration:.01ms!important;scroll-behavior:auto!important}
}

/* Slack-density message stream: compact, borderless rows with discoverable
   actions. Behavior selectors keep the legacy .collabMessage class. */
#tab-collaboration{--collab-row-padding:5px 10px}
#tab-collaboration #collabTitle{color:#fff!important;-webkit-text-fill-color:#fff!important}
#tab-collaboration .collabMessages{padding:8px 10px 14px;background:var(--collab-surface);overflow:auto}
#tab-collaboration .collabMessageRow{
 position:relative;grid-template-columns:34px minmax(0,1fr);gap:9px;width:100%;max-width:none;margin:0;padding:var(--collab-row-padding);border:0;border-radius:8px;background:transparent;box-shadow:none;contain:layout;
}
#tab-collaboration .collabMessageRow:hover,#tab-collaboration .collabMessageRow:focus-within{background:var(--collab-surface-raised)}
#tab-collaboration .collabMessageRow.is-consecutive{padding-top:2px;padding-bottom:2px}
#tab-collaboration .collabMessageRow.is-consecutive .collabAvatar{opacity:.34;transform:scale(.76)}
#tab-collaboration .collabMessageBody{position:relative;min-width:0;padding-right:8px}
#tab-collaboration .collabMessageMeta{min-height:18px;gap:7px;line-height:1.15}
#tab-collaboration .collabMessageMeta strong{font-size:.9rem;color:var(--collab-text)}
#tab-collaboration .collabMessageMeta time{font-size:.69rem!important}
#tab-collaboration .collabMessageRow>.collabAvatar{box-sizing:border-box;width:32px;height:32px;min-width:32px!important;min-height:32px!important;align-self:start;justify-self:start;border-radius:7px;font-size:.78rem;transition:opacity .12s ease,transform .12s ease}
#tab-collaboration .collabMessageRow .collabText{margin:2px 0 0;font-size:.91rem;line-height:1.38;white-space:pre-wrap;overflow-wrap:anywhere;word-break:break-word}
#tab-collaboration .collabMessageRow .collabAttachment{max-width:100%;overflow-wrap:anywhere}
#tab-collaboration .collabMessageActions{position:absolute;z-index:2;top:2px;right:6px;margin:0;padding:2px;border:1px solid var(--collab-border);border-radius:9px;background:var(--collab-surface);box-shadow:0 5px 16px rgba(4,28,56,.13);opacity:0;pointer-events:none;transform:translateY(-3px);transition:opacity .12s ease,transform .12s ease}
#tab-collaboration .collabMessageRow:hover .collabMessageActions,#tab-collaboration .collabMessageRow:focus-within .collabMessageActions{opacity:1;pointer-events:auto;transform:none}
#tab-collaboration .collabMessageActions button{width:30px!important;height:30px!important;min-width:30px!important;min-height:30px!important;border-radius:7px!important}
#tab-collaboration .collabReactionRow{margin-top:3px}
@media(hover:none),(pointer:coarse){
 #tab-collaboration .collabMessageActions{position:static;margin-top:3px;padding:0;border:0;background:transparent;box-shadow:none;opacity:1;pointer-events:auto;transform:none}
 #tab-collaboration .collabMessageRow.is-consecutive .collabAvatar{opacity:1;transform:none}
}
@media(max-width:760px){
 #tab-collaboration{--collab-row-padding:5px 6px}
 #tab-collaboration .collabMessageRow{grid-template-columns:30px minmax(0,1fr);gap:7px}
 #tab-collaboration .collabMessageRow>.collabAvatar{width:28px;height:28px;min-width:28px!important;min-height:28px!important}
 #tab-collaboration .collabMessageActions{display:flex;flex-wrap:wrap;gap:2px}
}
@media(forced-colors:active){
 #tab-collaboration .collabMessageRow:hover,#tab-collaboration .collabMessageRow:focus-within{outline:1px solid Highlight}
 #tab-collaboration .collabMessageActions{border:1px solid ButtonText}
}

/* Mockup-aligned collaboration workspace. These colors are deliberately
   isolated from tenant branding so operational copy always remains legible. */
#tab-collaboration{
 --collab-page:#f3f8fe;--collab-surface:#fff;--collab-surface-raised:#f7faff;
 --collab-text:#102547;--collab-muted:#657a99;--collab-border:#d8e5f3;
 --collab-accent:#0b73ed;--collab-accent-strong:#0756bc;--collab-focus:#0b73ed;
 --collab-rail:#092c58;--collab-rail-muted:#b8cee8;
 color-scheme:light;background:#f3f8fe!important;color:#102547!important;
 -webkit-text-fill-color:#102547!important;
}
#tab-collaboration>.collabShell{
 display:grid!important;grid-template-columns:290px minmax(0,1fr) clamp(112px,8vw,160px)!important;
 width:100%;height:calc(100dvh - 74px);min-height:650px;overflow:hidden;
 border:1px solid #dce7f3;border-radius:24px;background:#fff;box-shadow:0 14px 40px rgba(26,71,118,.08);
}
#tab-collaboration .collabRail{
 min-width:0;height:100%;padding:20px 14px 18px!important;overflow:auto;
 border:0!important;border-radius:0!important;background:linear-gradient(180deg,#0b3263 0%,#09294f 58%,#0a315d 100%)!important;
 color:#f7fbff!important;-webkit-text-fill-color:#f7fbff!important;
}
#tab-collaboration .collabProductMark{display:flex;align-items:center;gap:9px;margin:0 3px 30px;padding:0 4px;color:#fff!important;-webkit-text-fill-color:#fff!important}
#tab-collaboration .collabProductMark>span{color:#20a0ff!important;-webkit-text-fill-color:#20a0ff!important;font-size:32px;line-height:1;transform:rotate(-16deg)}
#tab-collaboration .collabProductMark>strong{font-size:27px;letter-spacing:-.6px}
#tab-collaboration .collabProductMark>button{display:grid;place-items:center;width:30px;height:30px;margin-left:auto;border:1px solid rgba(255,255,255,.11);border-radius:10px;background:rgba(255,255,255,.05);color:#a9c8e8!important;-webkit-text-fill-color:#a9c8e8!important;font-size:18px}
#tab-collaboration .collabWorkspaceBrand{align-items:center;margin-bottom:14px;padding:0 5px 10px!important}
#tab-collaboration .collabWorkspaceBrand .eyebrow{color:#a9c5e2!important;-webkit-text-fill-color:#a9c5e2!important;font-weight:800;letter-spacing:1.6px}
#tab-collaboration #collabTitle{margin-top:5px;background:#0b3263;color:#fff!important;-webkit-text-fill-color:#fff!important;font-size:23px}
#tab-collaboration .collabWorkspaceBrand .btn,#tab-collaboration .collabRailHeading>.btn{width:46px;height:46px;border:0!important;border-radius:12px!important;background:linear-gradient(145deg,#2798ff,#0968e8)!important;color:#fff!important;-webkit-text-fill-color:#fff!important;font-size:25px;box-shadow:0 8px 20px rgba(0,113,255,.3)!important}
#tab-collaboration .collabRailTools{gap:8px;margin-bottom:28px}
#tab-collaboration .collabRailTools .btn{min-height:48px!important;padding:8px 10px!important;border:1px solid rgba(255,255,255,.12)!important;border-radius:11px!important;background:rgba(255,255,255,.045)!important;color:#eaf4ff!important;-webkit-text-fill-color:#eaf4ff!important;font-size:12px!important;font-weight:750}
#tab-collaboration .collabRail h3{margin:14px 8px 9px;color:#abc4e0!important;-webkit-text-fill-color:#abc4e0!important;font-size:12px;letter-spacing:1.5px}
#tab-collaboration .collabScope{min-height:40px;padding:8px 10px!important;border:1px solid transparent!important;border-radius:9px!important;background:transparent!important;color:#c7d9ed!important;-webkit-text-fill-color:#c7d9ed!important;font-size:13px}
#tab-collaboration .collabScope:hover{background:rgba(255,255,255,.08)!important;color:#fff!important;-webkit-text-fill-color:#fff!important}
#tab-collaboration .collabScope.active,#tab-collaboration .collabScope[aria-current="true"]{border-color:#399aff!important;background:linear-gradient(100deg,#1680fb,#0870ee)!important;color:#fff!important;-webkit-text-fill-color:#fff!important;box-shadow:0 7px 18px rgba(0,84,188,.3)!important}
#tab-collaboration .collabScope .collabBadge{background:#f04452!important;color:#fff!important;-webkit-text-fill-color:#fff!important}
#tab-collaboration .collabDisclosureCount{color:#9fb9d7!important;-webkit-text-fill-color:#9fb9d7!important}
#tab-collaboration .collabMain{display:grid!important;grid-template-rows:auto auto auto auto auto minmax(0,1fr) auto!important;min-width:0;height:100%;overflow:hidden;background:#f6faff!important;color:#102547!important;-webkit-text-fill-color:#102547!important}
#tab-collaboration .collabTopbar{display:flex;align-items:center;gap:16px;min-width:0;padding:8px 18px;border-bottom:1px solid #dfe9f4;background:#f8fbff}
#tab-collaboration .collabTopbarSearch{display:flex;align-items:center;gap:11px;width:min(470px,48%);min-height:46px;padding:0 17px;border:1px solid #d0deed;border-radius:11px;background:#fff;color:#687d9b!important;-webkit-text-fill-color:#687d9b!important;text-align:left;font:inherit;box-shadow:0 3px 10px rgba(19,61,105,.04);cursor:pointer}
#tab-collaboration .collabTopbarSearch>span:first-child{color:#3d5d87!important;-webkit-text-fill-color:#3d5d87!important;font-size:25px}
#tab-collaboration .collabTopbar .collabP2Toolbar{display:flex;align-items:center;gap:9px;margin-left:auto;padding:0!important;background:transparent!important}
#tab-collaboration .collabTopbar .collabP2Toolbar .btn{min-height:44px!important;padding:9px 17px!important;border:1px solid #d5e1ef!important;border-radius:11px!important;background:#fff!important;color:#173258!important;-webkit-text-fill-color:#173258!important;font-weight:800;box-shadow:0 4px 12px rgba(24,65,108,.06)!important}
#tab-collaboration .collabTopbarAvatar{display:grid;place-items:center;width:43px;height:43px;margin-left:10px;border-radius:50%;background:#173b6c;color:#fff!important;-webkit-text-fill-color:#fff!important;font-weight:850;box-shadow:0 0 0 3px #e4edf8}
#tab-collaboration .collabHeader{display:grid!important;grid-template-columns:70px minmax(220px,.8fr) minmax(420px,1.7fr);gap:16px;align-items:center!important;margin:14px 16px 0;padding:18px 20px!important;border:1px solid #e0e9f3!important;border-radius:17px;background:#fff!important;box-shadow:0 7px 20px rgba(27,70,113,.05)}
#tab-collaboration .collabChannelBadge{display:grid;place-items:center;width:66px;height:66px;border-radius:14px;background:#dcecff;color:#0873ed!important;-webkit-text-fill-color:#0873ed!important;font-size:38px;font-weight:800}
#tab-collaboration .collabConversationIdentity{padding:0!important}
#tab-collaboration .collabConversationIdentity h2{margin:0;background:#fff;color:#0b2042!important;-webkit-text-fill-color:#0b2042!important;font-size:25px;line-height:1.2}
#tab-collaboration .collabConversationIdentity small{margin-top:9px!important;color:#7386a3!important;-webkit-text-fill-color:#7386a3!important;font-size:14px}
#tab-collaboration .collabHeaderActions{grid-template-columns:1fr!important;gap:9px!important}
#tab-collaboration .collabPrimaryActions,#tab-collaboration .collabSecondaryActions{display:flex;flex-wrap:wrap;gap:8px}
#tab-collaboration .collabPrimaryActions .btn,#tab-collaboration .collabSecondaryActions .btn{min-height:42px!important;padding:8px 13px!important;border:1px solid #d7e2ef!important;border-radius:10px!important;background:#fff!important;color:#173258!important;-webkit-text-fill-color:#173258!important;font-weight:750;box-shadow:0 4px 11px rgba(25,67,111,.045)!important}
#tab-collaboration .collabPrimaryActions .btn.primary,#tab-collaboration #collabJoinChannel{background:#0b73ed!important;color:#fff!important;-webkit-text-fill-color:#fff!important}
#tab-collaboration .collabConversationSearchBar{display:block;width:auto!important;max-width:none!important;margin:14px 18px 0;padding:12px 14px;border:1px solid #e0e9f3;border-radius:15px;background:#fff;box-shadow:0 5px 16px rgba(23,65,108,.04)}
#tab-collaboration .collabConversationSearchBar input{box-sizing:border-box;width:100%;min-height:43px;padding-left:42px!important;border:1px solid #d8e4f1!important;border-radius:10px!important;background:#fff!important;color:#173258!important;-webkit-text-fill-color:#173258!important;background-image:radial-gradient(circle at 20px 50%,transparent 5px,#67809f 6px,#67809f 7px,transparent 8px)!important;background-repeat:no-repeat!important}
#tab-collaboration .collabConversationSearchBar input::placeholder{color:#7387a4!important;-webkit-text-fill-color:#7387a4!important;opacity:1}
#tab-collaboration .collabStatus,#tab-collaboration .collabMessagesCount,#tab-collaboration .collabOlder{background:#fff!important;color:#657a99!important;-webkit-text-fill-color:#657a99!important}
#tab-collaboration .collabMessages{margin:0 16px;padding:9px 14px 18px!important;background:#fff!important;color:#102547!important;-webkit-text-fill-color:#102547!important}
#tab-collaboration .collabMessageRow{padding:8px 10px!important;border-radius:11px!important;color:#102547!important;-webkit-text-fill-color:#102547!important}
#tab-collaboration .collabMessageRow:hover,#tab-collaboration .collabMessageRow:focus-within{background:#f4f8fd!important}
#tab-collaboration .collabMessageMeta strong{color:#102547!important;-webkit-text-fill-color:#102547!important;font-size:14px;font-weight:850}
#tab-collaboration .collabMessageMeta time{color:#7185a1!important;-webkit-text-fill-color:#7185a1!important}
#tab-collaboration .collabText{background:#fff;color:#183250!important;-webkit-text-fill-color:#183250!important}
#tab-collaboration .collabMessageRow:hover .collabText{background:#f4f8fd}
#tab-collaboration .collabComposer{margin:0 16px 16px;padding:12px!important;border:1px solid #dce6f1!important;border-radius:16px!important;background:#fff!important;box-shadow:0 -5px 18px rgba(24,65,108,.04)!important}
#tab-collaboration .collabComposer>textarea{min-height:70px!important;padding:12px 14px!important;border:1px solid #d6e2ef!important;border-radius:11px!important;background:#fff!important;color:#173258!important;-webkit-text-fill-color:#173258!important}
#tab-collaboration .collabComposer>textarea::placeholder{color:#7185a1!important;-webkit-text-fill-color:#7185a1!important;opacity:1}
#tab-collaboration .collabComposerTools{grid-template-columns:repeat(4,minmax(80px,auto)) minmax(150px,190px)!important}
#tab-collaboration .collabComposerTools>.btn,#tab-collaboration .collabComposerTools>.collabFileButton{border:1px solid #d6e2ef!important;background:#fff!important;color:#173258!important;-webkit-text-fill-color:#173258!important}
#tab-collaboration .collabComposerTools>#collabSend{margin-left:auto;background:linear-gradient(135deg,#123d75,#082c5a)!important;color:#fff!important;-webkit-text-fill-color:#fff!important}
#tab-collaboration .collabContextRail{position:relative;min-width:0;height:100%;overflow:hidden;border-left:1px solid #e1ebf5;background:linear-gradient(180deg,#f7fbff,#eef6ff)}
#tab-collaboration .collabContextShape{position:absolute;right:-55%;width:155%;aspect-ratio:1;border-radius:48% 0 0 52%;background:linear-gradient(140deg,rgba(190,218,250,.32),rgba(219,234,253,.75));transform:rotate(22deg)}
#tab-collaboration .collabContextShape.one{top:7%}
#tab-collaboration .collabContextShape.two{top:43%;right:-72%;transform:rotate(205deg)}
#tab-collaboration .collabContextCopy{position:absolute;right:18px;bottom:26px;left:18px;color:#3a5b82!important;-webkit-text-fill-color:#3a5b82!important;font-size:12px;line-height:1.25}
#tab-collaboration .collabContextCopy span{display:block;width:32px;height:3px;margin-top:13px;border-radius:3px;background:#0b73ed}
#tab-collaboration .collabSearchEmpty{grid-column:1/-1;padding:28px 18px;border:1px dashed #bed0e4;border-radius:14px;background:#f4f8fd;color:#405b7d!important;-webkit-text-fill-color:#405b7d!important;text-align:center;font-weight:750}

@media(max-width:1280px){
 #tab-collaboration>.collabShell{grid-template-columns:255px minmax(0,1fr)!important}
 #tab-collaboration .collabContextRail{display:none}
 #tab-collaboration .collabHeader{grid-template-columns:58px minmax(180px,.7fr) minmax(360px,1.5fr)}
 #tab-collaboration .collabChannelBadge{width:54px;height:54px;font-size:30px}
}
@media(max-width:900px){
 #tab-collaboration .collabTopbarSearch{width:min(360px,55%)}
 #tab-collaboration .collabTopbar .collabP2Toolbar .btn{padding-inline:10px!important;font-size:12px!important}
 #tab-collaboration .collabHeader{grid-template-columns:54px minmax(0,1fr)}
 #tab-collaboration .collabHeaderActions{grid-column:1/-1}
}
@media(max-width:760px){
 #tab-collaboration{height:calc(100dvh - 82px - env(safe-area-inset-bottom))}
 #tab-collaboration>.collabShell{display:block!important;width:100%;height:100%;min-height:420px;border-radius:18px}
 #tab-collaboration .collabContextRail{display:none}
 #tab-collaboration .collabProductMark{margin-bottom:18px}
 #tab-collaboration .collabTopbar{padding:7px 10px}
 #tab-collaboration .collabTopbarSearch{width:100%;min-height:40px;font-size:12px}
 #tab-collaboration .collabTopbar .collabP2Toolbar{display:none}
 #tab-collaboration .collabShell.mobile-conversation .collabMain{grid-template-rows:auto auto auto auto auto minmax(0,1fr) auto}
 #tab-collaboration .collabHeader{grid-template-columns:44px minmax(0,1fr);gap:10px;margin:8px 8px 0;padding:11px!important;max-height:190px}
 #tab-collaboration .collabChannelBadge{width:42px;height:42px;border-radius:10px;font-size:24px}
 #tab-collaboration .collabConversationIdentity h2{font-size:18px}
 #tab-collaboration .collabHeaderActions{grid-column:1/-1}
 #tab-collaboration .collabConversationSearchBar{margin:8px 8px 0;padding:7px}
 #tab-collaboration .collabMessages{margin-inline:8px;padding-inline:4px!important}
 #tab-collaboration .collabComposer{margin:0 8px 8px;padding:8px!important}
 #tab-collaboration .collabComposerTools{grid-template-columns:repeat(4,minmax(0,1fr))!important}
 #tab-collaboration .collabComposerTools>#collabSend{grid-column:1/-1}
}
