.communication-portal-shell{--connect-ink:#101820;--connect-ink-raised:#18272f;--connect-teal:#078a89;--connect-teal-dark:#056f70;--connect-teal-soft:#e5f3f1;--connect-canvas:#f2f5f4;--connect-rail:#f7f9f8;--connect-surface:#ffffff;--connect-soft:#edf3f1;--connect-line:#d9e3e0;--connect-line-strong:#cbd8d5;--connect-text:#17272d;--connect-muted:#66777c;--connect-faint:#879599;--connect-danger:#b5433a;--connect-danger-soft:#fff4f3;--connect-radius-sm:10px;--connect-radius-md:14px;--connect-radius-lg:18px;display:grid;grid-template-columns:76px minmax(0,1fr);width:100%;height:100dvh;min-height:0;overflow:hidden;background:var(--connect-canvas);color:var(--connect-text);-webkit-font-smoothing:antialiased;text-rendering:optimizeLegibility}.communication-portal-shell *,.communication-portal-shell :after,.communication-portal-shell :before{box-sizing:border-box}.communication-portal-shell button,.communication-portal-shell input,.communication-portal-shell select,.communication-portal-shell textarea{font:inherit}.communication-portal-shell a:focus-visible,.communication-portal-shell button:focus-visible,.communication-portal-shell input:focus-visible,.communication-portal-shell select:focus-visible,.communication-portal-shell summary:focus-visible,.communication-portal-shell textarea:focus-visible{outline:3px solid rgba(7,138,137,.24)!important;outline-offset:2px}.communication-portal-shell>.communication-app-bar{z-index:10;display:flex;width:76px;min-width:76px;height:100%;padding:16px 8px;align-items:center;flex-direction:column;border:0;border-right:1px solid #22323a;background:var(--connect-ink);color:#b7c4c7}.communication-portal-shell>.communication-app-bar>img{display:block;width:44px;height:44px;margin:0 auto 24px;border-radius:13px;object-fit:cover}.communication-portal-shell>.communication-app-bar nav{display:grid;width:100%;gap:8px}.communication-portal-shell>.communication-app-bar nav button{position:relative;display:flex;width:100%;min-height:60px;padding:8px 4px;align-items:center;justify-content:center;flex-direction:column;gap:6px;border:0;border-radius:12px;background:transparent;color:#93a4a8;font-size:10px;font-weight:500;line-height:1.15;transition:background-color .16s ease,color .16s ease}.communication-portal-shell>.communication-app-bar nav button:hover{background:var(--connect-ink-raised);color:#e1e9ea}.communication-portal-shell>.communication-app-bar nav button.active{background:#12353a;color:#75ddd7}.communication-portal-shell>.communication-app-bar nav button.active:before{content:"";position:absolute;top:16px;bottom:16px;left:-8px;width:3px;border-radius:0 4px 4px 0;background:#35c7c0}.communication-portal-shell>.communication-app-bar nav button svg{width:21px;height:21px}.communication-portal-shell .communication-main{display:grid;grid-template-rows:68px minmax(0,1fr);min-width:0;min-height:0;height:100%}.communication-portal-shell .communication-topbar{z-index:8;display:grid;grid-template-columns:minmax(230px,1fr) auto minmax(360px,1fr);min-width:0;min-height:68px;padding:0 20px;align-items:center;gap:20px;border:0;border-bottom:1px solid var(--connect-line);background:var(--connect-surface);box-shadow:none}.communication-portal-shell .communication-account{display:flex;min-width:0;align-items:center;gap:11px}.communication-portal-shell .communication-account .top-avatar{width:38px;height:38px;border-radius:12px;font-size:12px}.communication-portal-shell .communication-account>div{min-width:0}.communication-portal-shell .communication-account>div small,.communication-portal-shell .communication-account>div strong{display:block;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.communication-portal-shell .communication-account>div strong{color:var(--connect-text);font-size:13px;font-weight:600}.communication-portal-shell .communication-account>div small{margin-top:3px;color:var(--connect-muted);font-size:11px}.communication-portal-shell .communication-topbar-context{display:flex;min-width:220px;align-items:center;justify-content:center;flex-direction:column}.communication-portal-shell .communication-topbar-context span{color:var(--connect-teal);font-size:10px;font-weight:600;letter-spacing:.14em}.communication-portal-shell .communication-topbar-context strong{margin-top:3px;color:#31444a;font-size:13px;font-weight:500}.communication-portal-shell .communication-top-actions{display:flex;min-width:0;align-items:center;justify-content:flex-end;gap:10px}.communication-portal-shell .communication-top-actions .portal-switch{display:flex;padding:4px;align-items:center;gap:3px;border:1px solid var(--connect-line);border-radius:12px;background:var(--connect-soft);box-shadow:none}.communication-portal-shell .communication-top-actions .portal-switch button{display:flex;min-width:0;min-height:36px;padding:0 12px;align-items:center;justify-content:center;gap:7px;border:0;border-radius:9px;background:transparent;color:#5e6f74;font-size:11px;font-weight:500;white-space:nowrap}.communication-portal-shell .communication-top-actions .portal-switch button:hover{background:rgba(255,255,255,.56);color:var(--connect-teal-dark)}.communication-portal-shell .communication-top-actions .portal-switch button.active{background:var(--connect-surface);color:var(--connect-teal-dark);box-shadow:none}.communication-portal-shell .communication-top-actions .portal-switch svg{width:15px;height:15px}.communication-portal-shell .communication-signout{min-height:38px;padding:0 15px;border:1px solid var(--connect-line-strong);border-radius:var(--connect-radius-sm);background:var(--connect-surface);box-shadow:none;color:#4c6066;font-size:11px;font-weight:500}.communication-portal-shell .communication-signout:hover{border-color:#9fc8c4;background:#f3f9f8;color:var(--connect-teal-dark)}.communication-portal-shell .mobile-communication-back{display:none}.communication-portal-shell .communication-integrated-view,.communication-portal-shell .communication-stage{width:100%;min-width:0;min-height:0;height:100%}.communication-portal-shell .communication-stage{overflow:hidden;background:var(--connect-canvas)}.communication-portal-shell .communication-integrated-view{display:flex;flex-direction:column}.communication-portal-shell .communication-integrated-view>.call-note,.communication-portal-shell .communication-integrated-view>.page-heading{display:none}.communication-portal-shell .communication-integrated-view>.chat-shell,.communication-portal-shell .communication-integrated-view>.collaboration-shell{display:grid;grid-template-columns:320px minmax(0,1fr);width:100%;min-width:0;min-height:0;height:100%;flex:1 1;overflow:hidden;border:0;border-radius:0;background:var(--connect-surface);box-shadow:none}.communication-portal-shell .unified-communication-rail{display:flex;min-width:0;min-height:0;flex-direction:column;overflow:hidden;border:0;border-right:1px solid var(--connect-line);background:var(--connect-rail)}.communication-portal-shell .unified-communication-rail>header{display:flex;min-height:76px;padding:13px 16px 10px;align-items:center;justify-content:space-between;gap:12px;border:0;background:var(--connect-rail)}.communication-portal-shell .unified-communication-rail>header>div:first-child{min-width:0}.communication-portal-shell .communication-product-label{display:block;color:var(--connect-teal)!important;font-size:10px!important;font-weight:600;letter-spacing:.14em}.communication-portal-shell .unified-communication-rail>header strong{display:block;overflow:hidden;margin-top:4px;color:var(--connect-text);font-size:21px;font-weight:500;letter-spacing:-.025em;text-overflow:ellipsis;white-space:nowrap}.communication-portal-shell .rail-header-actions{display:flex;flex:none;gap:6px}.communication-portal-shell .rail-header-actions button{display:grid;width:36px;height:36px;padding:0;place-items:center;border:1px solid transparent;border-radius:var(--connect-radius-sm);background:transparent;color:#52666c}.communication-portal-shell .rail-header-actions button.active,.communication-portal-shell .rail-header-actions button:hover{border-color:#c9dedb;background:var(--connect-teal-soft);color:var(--connect-teal-dark)}.communication-portal-shell .rail-header-actions svg{width:17px;height:17px}.communication-portal-shell .communication-search{display:grid;grid-template-columns:18px minmax(0,1fr) auto;min-height:44px;margin:0 14px 10px;padding:0 11px;align-items:center;gap:8px;border:1px solid var(--connect-line-strong);border-radius:12px;background:var(--connect-surface);box-shadow:none}.communication-portal-shell .communication-search:focus-within{border-color:#65bcb7;box-shadow:0 0 0 3px rgba(7,138,137,.08)}.communication-portal-shell .communication-search svg{width:16px;height:16px;color:#687b80}.communication-portal-shell .communication-search input{width:100%;min-width:0;height:42px;padding:0;border:0;outline:0;background:transparent;color:var(--connect-text);font-size:13px}.communication-portal-shell .communication-search input::placeholder{color:#829095}.communication-portal-shell .communication-search>button{display:grid;width:26px;height:26px;padding:0;place-items:center;border:0;border-radius:8px;background:var(--connect-soft);color:#62767b;font-size:16px}.communication-portal-shell .communication-filter-pills{display:flex;gap:4px;margin:0 14px 9px;padding:4px;border:1px solid var(--connect-line);border-radius:12px;background:var(--connect-soft)}.communication-portal-shell .communication-filter-pills button{min-width:0;min-height:32px;padding:5px 8px;flex:1 1;border:0;border-radius:9px;background:transparent;color:#607278;font-size:11px;font-weight:500}.communication-portal-shell .communication-filter-pills button:hover{color:var(--connect-teal-dark)}.communication-portal-shell .communication-filter-pills button.active{border:0;background:var(--connect-surface);color:var(--connect-teal-dark);box-shadow:none}.communication-portal-shell .communication-quick-access{display:none}.communication-portal-shell .communication-rail-scroll{flex:1 1;min-height:0;padding:0 10px 20px;overflow-x:hidden;overflow-y:auto;overscroll-behavior:contain;scrollbar-width:thin;scrollbar-color:#c4d0cd transparent}.communication-portal-shell .communication-rail-section{padding:8px 0 11px;border:0;border-bottom:1px solid #e0e7e5}.communication-portal-shell .communication-rail-section:last-child{border-bottom:0}.communication-portal-shell .communication-rail-section>span{display:block;padding:6px 8px 8px;color:#68797e;font-size:11px;font-weight:600;letter-spacing:.045em;text-transform:uppercase}.communication-portal-shell .communication-rail-section>button{display:grid;grid-template-columns:44px minmax(0,1fr);width:100%;min-height:60px;margin:0 0 3px;padding:8px 10px;align-items:center;gap:10px;border:0;border-radius:12px;background:transparent;color:#3e5158;text-align:left;transition:background-color .15s ease,color .15s ease}.communication-portal-shell .communication-rail-section>button:hover{background:#ecf3f1}.communication-portal-shell .communication-rail-section>button.active{background:#dff0ee;color:var(--connect-teal-dark)}.communication-portal-shell .communication-avatar-wrap{position:relative;display:inline-grid;flex:none;place-items:center}.communication-portal-shell .communication-conversation-person .chat-avatar,.communication-portal-shell .communication-rail-section .chat-avatar{width:42px;height:42px;border:1px solid rgba(7,138,137,.09);border-radius:13px;background:#dff1ef;color:var(--connect-teal-dark);font-size:12px;font-style:normal}.communication-portal-shell .communication-avatar-wrap .presence{position:absolute;right:-1px;bottom:-1px;z-index:2;display:block}.communication-portal-shell .communication-avatar-wrap .presence i{display:block;width:11px;height:11px;margin:0;border:2px solid var(--connect-surface);border-radius:50%;box-shadow:none}.communication-portal-shell .communication-rail-section button>div{min-width:0}.communication-portal-shell .communication-rail-section button>div small,.communication-portal-shell .communication-rail-section button>div strong{display:block;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.communication-portal-shell .communication-rail-section button>div strong{color:#24373e;font-size:13px;font-weight:600}.communication-portal-shell .communication-rail-section button>div small{max-width:none;margin-top:4px;color:#76868b;font-size:11px}.communication-portal-shell .communication-row-title{display:flex!important;min-width:0;align-items:baseline;justify-content:space-between;gap:8px}.communication-portal-shell .communication-row-title strong{min-width:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.communication-portal-shell .communication-row-title b,.communication-portal-shell .communication-row-title time{flex:none;color:#738489;font-size:10px;font-weight:500}.communication-portal-shell .communication-row-title b:empty{display:none}.communication-portal-shell .channel-tile{display:grid;width:42px;height:42px;place-items:center;border-radius:12px;background:var(--connect-teal);color:#fff;font-size:10px;font-style:normal;font-weight:600}.communication-portal-shell .communication-rail-empty{margin:4px 8px 9px;color:var(--connect-muted);font-size:12px;line-height:1.55}.communication-portal-shell .chat-panel{display:flex;min-width:0;min-height:0;flex-direction:column;overflow:hidden;background:var(--connect-canvas)}.communication-portal-shell .communication-conversation-header{display:grid!important;grid-template-columns:minmax(220px,auto) minmax(180px,1fr) auto;width:100%;min-height:76px;height:76px!important;padding:0 22px!important;align-items:center;gap:20px;border:0;border-bottom:1px solid var(--connect-line);background:rgba(255,255,255,.98)!important;box-shadow:none}.communication-portal-shell .communication-conversation-person{display:flex!important;min-width:0;align-items:center;gap:11px}.communication-portal-shell .communication-conversation-person>div{min-width:0}.communication-portal-shell .communication-conversation-person small,.communication-portal-shell .communication-conversation-person strong{display:block;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.communication-portal-shell .communication-conversation-person strong{color:var(--connect-text);font-size:15px!important;font-weight:600}.communication-portal-shell .communication-conversation-person small{margin-top:4px!important;color:var(--connect-muted)!important;font-size:11px!important}.communication-portal-shell .communication-conversation-tabs{display:flex;height:100%;align-items:stretch;justify-content:center;gap:22px}.communication-portal-shell .communication-conversation-tabs button{position:relative;display:flex;min-width:0;height:100%;padding:0 2px;align-items:center;gap:7px;border:0!important;border-radius:0!important;background:transparent!important;color:#5f7177;font-size:12px!important;font-weight:500}.communication-portal-shell .communication-conversation-tabs button:after{content:"";position:absolute;right:0;bottom:0;left:0;height:2px;background:transparent}.communication-portal-shell .communication-conversation-tabs button.active,.communication-portal-shell .communication-conversation-tabs button:hover{color:var(--connect-teal-dark)}.communication-portal-shell .communication-conversation-tabs button.active:after{background:var(--connect-teal)}.communication-portal-shell .communication-conversation-tabs b{display:grid;min-width:19px;height:19px;padding:0 5px;place-items:center;border-radius:6px;background:var(--connect-teal-soft);color:var(--connect-teal-dark);font-size:10px;font-weight:600}.communication-portal-shell .communication-conversation-actions{display:flex!important;min-width:0;align-items:center;justify-content:flex-end;gap:8px}.communication-portal-shell .communication-end-call,.communication-portal-shell .communication-icon-action{display:flex;min-height:40px;padding:0 13px!important;align-items:center;justify-content:center;gap:7px;border:1px solid var(--connect-line-strong)!important;border-radius:var(--connect-radius-sm)!important;background:var(--connect-surface)!important;box-shadow:none!important;color:#31545a;font-size:11px!important;font-weight:500}.communication-portal-shell .communication-icon-action:hover{border-color:#9dcac6!important;background:#edf7f6!important;color:var(--connect-teal-dark)}.communication-portal-shell .communication-icon-action svg{width:17px;height:17px}.communication-portal-shell .communication-end-call{border-color:#e8c3bf!important;background:var(--connect-danger-soft)!important;color:var(--connect-danger)}.communication-portal-shell .communication-call-state{overflow:hidden;color:var(--connect-muted);font-size:11px;text-overflow:ellipsis;white-space:nowrap}.communication-portal-shell .message-stream{min-width:0;min-height:0;flex:1 1;padding:0;overflow-x:hidden;overflow-y:auto;overscroll-behavior:contain;background:radial-gradient(circle at 80% 5%,rgba(7,138,137,.035),transparent 26%),var(--connect-canvas);scrollbar-width:thin;scrollbar-color:#c3cfcc transparent}.communication-portal-shell .message-stream-inner{width:min(940px,100%);min-height:100%;margin:0 auto;padding:24px 28px 32px}.communication-portal-shell .message-row{width:100%}.communication-portal-shell .message-day-divider{display:flex;margin:11px 0 20px;align-items:center;gap:12px;color:#718287;font-size:11px}.communication-portal-shell .message-day-divider:after,.communication-portal-shell .message-day-divider:before{content:"";height:1px;flex:1 1;background:var(--connect-line)}.communication-portal-shell .message-day-divider span{padding:5px 10px;border:1px solid var(--connect-line);border-radius:999px;background:var(--connect-surface)}.communication-portal-shell .message-stream article{display:flex;width:100%;max-width:none;margin:0 0 11px;padding:0;align-items:flex-end;gap:9px;border:0;border-radius:0;background:transparent;box-shadow:none}.communication-portal-shell .message-stream article.own{justify-content:flex-end}.communication-portal-shell .message-avatar{width:34px!important;height:34px!important;border-radius:11px!important;font-size:10px!important}.communication-portal-shell .message-bubble{width:fit-content;max-width:min(70%,660px);padding:11px 13px;border:1px solid var(--connect-line);border-radius:6px 15px 15px 15px;background:var(--connect-surface);box-shadow:none}.communication-portal-shell .message-stream article.own .message-bubble{border-color:#b7dcd8;border-radius:15px 6px 15px 15px;background:#dff1ef}.communication-portal-shell .message-bubble>header{display:flex;align-items:center;justify-content:space-between;gap:18px}.communication-portal-shell .message-bubble strong{color:var(--connect-teal-dark);font-size:11px;font-weight:600}.communication-portal-shell .message-bubble time{color:#718287;font-size:10px}.communication-portal-shell .message-bubble p{margin:5px 0 0;color:#1c2c32;font-size:14px;line-height:1.55;overflow-wrap:anywhere;white-space:pre-wrap}.communication-portal-shell .communication-file-card{display:grid!important;grid-template-columns:40px minmax(0,1fr) 26px;width:min(360px,60vw);min-width:0;margin-top:9px!important;padding:9px;align-items:center;gap:10px;border:1px solid rgba(7,138,137,.2);border-radius:11px;background:rgba(255,255,255,.78);color:#21343a!important;text-decoration:none}.communication-portal-shell .communication-file-card:hover{border-color:#8ec7c2;background:var(--connect-surface)}.communication-portal-shell .communication-file-card>span,.communication-portal-shell .communication-shared-file>span{display:grid;width:40px;height:40px;place-items:center;border-radius:var(--connect-radius-sm);background:var(--connect-teal);color:#fff;font-size:9px;font-weight:600}.communication-portal-shell .communication-file-card>div,.communication-portal-shell .communication-shared-file>div{min-width:0}.communication-portal-shell .communication-file-card>div small,.communication-portal-shell .communication-file-card>div strong,.communication-portal-shell .communication-shared-file>div small,.communication-portal-shell .communication-shared-file>div strong{display:block;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.communication-portal-shell .communication-file-card>div strong{color:#203239;font-size:12px}.communication-portal-shell .communication-file-card>div small{margin-top:4px;color:var(--connect-muted);font-size:10px}.communication-portal-shell .communication-file-card>b{color:var(--connect-teal);font-size:18px;font-weight:400;text-align:center}.communication-portal-shell .message-form{display:flex;padding:12px max(22px,calc((100% - 940px) / 2));flex-direction:column;gap:7px;border:0;border-top:1px solid var(--connect-line);background:var(--connect-surface);box-shadow:none}.communication-portal-shell .message-composer-main{display:grid;grid-template-columns:44px minmax(0,1fr) auto;gap:8px}.communication-portal-shell .message-composer-main>label{display:grid;min-height:44px;place-items:center;border:1px solid var(--connect-line-strong);border-radius:12px;background:#f8faf9;color:#52666b;cursor:pointer}.communication-portal-shell .message-composer-main>label:hover{border-color:#9bcac6;background:#edf7f6;color:var(--connect-teal-dark)}.communication-portal-shell .message-composer-main>label svg{width:18px;height:18px}.communication-portal-shell .message-composer-main>input{width:100%;min-width:0;height:44px;padding:0 14px;border:1px solid var(--connect-line-strong);border-radius:12px;background:var(--connect-surface);outline:0;color:var(--connect-text);font-size:14px}.communication-portal-shell .message-composer-main>input:focus{border-color:#59b9b4;box-shadow:0 0 0 3px rgba(7,138,137,.08)}.communication-portal-shell .message-composer-main>button{display:flex;min-width:86px;min-height:44px;padding:0 15px;align-items:center;justify-content:center;gap:8px;border:0;border-radius:12px;background:var(--connect-teal);box-shadow:none;color:#fff;font-size:12px;font-weight:600}.communication-portal-shell .message-composer-main>button:hover{background:var(--connect-teal-dark)}.communication-portal-shell .message-composer-main>button:disabled{cursor:wait;opacity:.62}.communication-portal-shell .message-composer-main>button b{font-size:17px;font-weight:400}.communication-portal-shell .message-form>small{padding-left:53px;color:#738489;font-size:10px}.communication-portal-shell .communication-pending-file{display:flex;width:fit-content;max-width:100%;min-height:32px;padding:5px 7px 5px 9px;align-items:center;gap:7px;border:1px solid #c9dfdc;border-radius:var(--connect-radius-sm);background:#edf7f6;color:#315159}.communication-portal-shell .communication-pending-file svg{width:15px;height:15px;flex:none}.communication-portal-shell .communication-pending-file span{overflow:hidden;max-width:380px;font-size:11px;text-overflow:ellipsis;white-space:nowrap}.communication-portal-shell .communication-pending-file button{display:grid;width:22px;height:22px;padding:0;place-items:center;border:0;border-radius:7px;background:rgba(7,138,137,.09);color:var(--connect-teal-dark)}.communication-portal-shell .communication-empty-state{display:flex;min-height:260px;padding:30px;align-items:center;justify-content:center;flex-direction:column;text-align:center}.communication-portal-shell .communication-empty-state>span{display:grid;width:56px;height:56px;margin-bottom:15px;place-items:center;border-radius:17px;background:var(--connect-teal-soft);color:var(--connect-teal)}.communication-portal-shell .communication-empty-state>span svg{width:24px;height:24px}.communication-portal-shell .communication-empty-state>strong{color:#22343a;font-size:16px;font-weight:600}.communication-portal-shell .communication-empty-state>p{max-width:380px;margin:7px 0 0;color:var(--connect-muted);font-size:12px;line-height:1.6}.communication-portal-shell .communication-empty-main{flex:1 1;min-height:100%}.communication-portal-shell .communication-shared-files{min-width:0;min-height:0;flex:1 1;overflow:auto;background:var(--connect-canvas)}.communication-portal-shell .communication-shared-files>div,.communication-portal-shell .communication-shared-files>header{width:min(900px,calc(100% - 48px));margin-inline:auto}.communication-portal-shell .communication-shared-files>header{display:flex;padding:24px 0 16px;align-items:flex-end;justify-content:space-between;gap:20px;border-bottom:1px solid var(--connect-line)}.communication-portal-shell .communication-shared-files>header strong{display:block;margin-top:5px;color:#22343a;font-size:19px;font-weight:500}.communication-portal-shell .communication-shared-files>header small{color:var(--connect-muted);font-size:11px}.communication-portal-shell .communication-shared-files>div{padding:14px 0 30px}.communication-portal-shell .communication-shared-file{display:grid;grid-template-columns:42px minmax(0,1fr) auto;margin-bottom:8px;padding:12px 13px;align-items:center;gap:11px;border:1px solid var(--connect-line);border-radius:12px;background:var(--connect-surface);box-shadow:none;color:#23343a;text-decoration:none}.communication-portal-shell .communication-shared-file:hover{border-color:#a5d0cc;background:#fbfdfd}.communication-portal-shell .communication-shared-file>div strong{font-size:13px}.communication-portal-shell .communication-shared-file>div small{margin-top:4px;color:var(--connect-muted);font-size:10px}.communication-portal-shell .communication-shared-file>b{color:var(--connect-teal-dark);font-size:11px;font-weight:600}.communication-portal-shell .discussion-panel{display:flex;min-width:0;min-height:0;flex-direction:column;overflow:hidden;background:var(--connect-canvas)}.communication-portal-shell .discussion-panel>header{display:flex;min-height:76px;padding:0 22px;align-items:center;justify-content:space-between;gap:16px;border:0;border-bottom:1px solid var(--connect-line);background:var(--connect-surface)}.communication-portal-shell .discussion-panel>header>div{display:flex;min-width:0;align-items:center;gap:12px}.communication-portal-shell .discussion-panel>header small,.communication-portal-shell .discussion-panel>header strong{display:block;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.communication-portal-shell .discussion-panel>header strong{color:var(--connect-text);font-size:16px;font-weight:600}.communication-portal-shell .discussion-panel>header small{max-width:700px;margin-top:4px;color:var(--connect-muted);font-size:11px}.communication-portal-shell .discussion-header-actions{display:flex!important;align-items:center;justify-content:flex-end;gap:9px!important}.communication-portal-shell .discussion-header-actions .new-channel-menu{position:relative}.communication-portal-shell .discussion-header-actions .new-channel-menu>summary{min-height:38px;padding:9px 14px;border-radius:10px;font-size:11px;list-style:none}.communication-portal-shell .discussion-header-actions .new-channel-menu>summary::-webkit-details-marker{display:none}.communication-portal-shell .channel-mark{display:grid;width:42px;height:42px;flex:none;place-items:center;border-radius:12px;background:var(--connect-teal-soft);color:var(--connect-teal-dark);font-size:21px}.communication-portal-shell .discussion-stream{min-width:0;min-height:0;padding:22px max(24px,calc((100% - 940px) / 2));flex:1 1;overflow-x:hidden;overflow-y:auto;overscroll-behavior:contain;background:var(--connect-canvas)}.communication-portal-shell .discussion-stream article{display:grid;grid-template-columns:36px minmax(0,1fr);margin-bottom:11px;gap:10px}.communication-portal-shell .discussion-stream article>div{padding:12px 14px;border:1px solid var(--connect-line);border-radius:6px 14px 14px;background:var(--connect-surface);box-shadow:none}.communication-portal-shell .discussion-stream article.own>div{border-color:#b7dcd8;background:#e3f2f0}.communication-portal-shell .discussion-stream article header{display:flex;align-items:center;gap:9px;flex-wrap:wrap}.communication-portal-shell .discussion-stream article header strong{color:var(--connect-teal-dark);font-size:12px;font-weight:600}.communication-portal-shell .discussion-stream article header span,.communication-portal-shell .discussion-stream article header time{color:var(--connect-muted);font-size:10px}.communication-portal-shell .discussion-stream article header time{margin-left:auto}.communication-portal-shell .discussion-stream article p{margin:7px 0 0;color:#1d2e34;font-size:14px;line-height:1.55;overflow-wrap:anywhere;white-space:pre-wrap}.communication-portal-shell .discussion-composer{padding:12px max(22px,calc((100% - 940px) / 2));border:0;border-top:1px solid var(--connect-line);background:var(--connect-surface)}.communication-portal-shell .discussion-composer textarea{width:100%;min-height:80px;padding:11px 13px;resize:none;border:1px solid var(--connect-line-strong);border-radius:12px;outline:0;background:var(--connect-surface);color:var(--connect-text);font-size:14px}.communication-portal-shell .discussion-composer textarea:focus{border-color:#59b9b4;box-shadow:0 0 0 3px rgba(7,138,137,.08)}.communication-portal-shell .discussion-composer>div{display:flex;margin-top:8px;align-items:center;justify-content:space-between;gap:12px}.communication-portal-shell .discussion-composer small{color:var(--connect-muted);font-size:11px}.communication-portal-shell .discussion-composer .primary-button{min-height:40px;padding:0 16px;border-radius:var(--connect-radius-sm);box-shadow:none;font-size:12px}.communication-portal-shell .new-channel-menu>form{border:1px solid var(--connect-line);border-radius:var(--connect-radius-md);box-shadow:0 18px 42px rgba(16,24,32,.12)}.communication-portal-shell .calls-stage{display:grid;grid-template-rows:auto auto minmax(0,1fr);min-width:0;min-height:0;overflow:hidden;background:var(--connect-canvas)}.communication-portal-shell .active-call-card{display:flex;min-height:160px;padding:26px 30px;align-items:center;gap:19px;border:0;border-bottom:1px solid #263840;background:#14232b;box-shadow:none;color:#fff}.communication-portal-shell .active-call-card.live{background:#12363a}.communication-portal-shell .call-avatar{display:grid;width:68px;height:68px;flex:0 0 68px;place-items:center;border-radius:19px;background:#dff2f0;color:var(--connect-teal-dark);font-size:22px;font-weight:600}.communication-portal-shell .active-call-card>div{min-width:0}.communication-portal-shell .active-call-card .eyebrow{color:#65d8d1;font-size:10px}.communication-portal-shell .active-call-card h2{overflow:hidden;margin:6px 0;font-size:24px;font-weight:500;text-overflow:ellipsis;white-space:nowrap}.communication-portal-shell .active-call-card p{max-width:700px;margin:0;color:#b6c3c6;font-size:12px;line-height:1.55}.communication-portal-shell .end-call-button{min-height:42px;margin-left:auto;padding:0 18px;flex:none;border:0;border-radius:11px;background:var(--connect-danger);box-shadow:none;color:#fff;font-size:12px;font-weight:600}.communication-portal-shell .call-people-strip{display:flex;padding:10px 18px;align-items:center;gap:8px;overflow-x:auto;border:0;border-bottom:1px solid var(--connect-line);background:var(--connect-surface);scrollbar-width:thin}.communication-portal-shell .call-people-strip>span{margin-right:4px;color:var(--connect-muted);font-size:11px;white-space:nowrap}.communication-portal-shell .call-people-strip button{display:flex;min-height:38px;padding:5px 10px;align-items:center;gap:7px;border:1px solid var(--connect-line);border-radius:999px;background:var(--connect-surface);color:#40545a;white-space:nowrap}.communication-portal-shell .call-people-strip button:hover{border-color:#9fcac6;background:#edf7f6;color:var(--connect-teal-dark)}.communication-portal-shell .call-people-strip .chat-avatar{width:26px;height:26px;font-size:9px;font-style:normal}.communication-portal-shell .call-people-strip strong{font-size:11px;font-weight:500}.communication-portal-shell .call-history-panel{display:flex;min-width:0;min-height:0;flex-direction:column;overflow:hidden;background:var(--connect-surface)}.communication-portal-shell .call-history-panel>header{padding:18px 20px;border-bottom:1px solid var(--connect-line)}.communication-portal-shell .call-history-panel>header small,.communication-portal-shell .call-history-panel>header strong{display:block}.communication-portal-shell .call-history-panel>header strong{color:var(--connect-text);font-size:16px;font-weight:600}.communication-portal-shell .call-history-panel>header small{margin-top:4px;color:var(--connect-muted);font-size:11px}.communication-portal-shell .call-history-list{min-height:0;overflow:auto}.communication-portal-shell .call-history-list article{display:grid;grid-template-columns:40px minmax(0,1fr) auto;min-height:64px;padding:12px 20px;align-items:center;gap:12px;border-bottom:1px solid var(--connect-line)}.communication-portal-shell .call-history-list article>div small,.communication-portal-shell .call-history-list article>div strong{display:block}.communication-portal-shell .call-history-list article>div strong{color:var(--connect-text);font-size:13px;font-weight:600}.communication-portal-shell .call-history-list article>div small{margin-top:4px;color:var(--connect-muted);font-size:11px}.communication-portal-shell .call-result{padding:6px 9px;border-radius:999px;background:var(--connect-soft);color:#52656a;font-size:10px}.communication-portal-shell .call-decline{background:#fae9e7;color:#96443c}.communication-portal-shell .call-answer,.communication-portal-shell .call-end{background:#e5f4ec;color:#176a49}.communication-portal-shell .form-error{border-radius:0;font-size:12px}@media (max-width:1180px){.communication-portal-shell .communication-topbar{grid-template-columns:minmax(190px,1fr) auto}.communication-portal-shell .communication-topbar-context{display:none}.communication-portal-shell .communication-integrated-view>.chat-shell,.communication-portal-shell .communication-integrated-view>.collaboration-shell{grid-template-columns:300px minmax(0,1fr)}.communication-portal-shell .communication-conversation-header{grid-template-columns:minmax(190px,1fr) auto;grid-template-areas:"person actions" "tabs tabs";height:94px!important;padding-top:8px!important}.communication-portal-shell .communication-conversation-person{grid-area:person}.communication-portal-shell .communication-conversation-tabs{grid-area:tabs;height:36px;justify-content:flex-start}.communication-portal-shell .communication-conversation-actions{grid-area:actions}}@media (max-width:900px) and (min-width:761px){.communication-portal-shell{grid-template-columns:68px minmax(0,1fr)}.communication-portal-shell>.communication-app-bar{width:68px;min-width:68px;padding-inline:6px}.communication-portal-shell>.communication-app-bar nav button.active:before{left:-6px}.communication-portal-shell .communication-topbar{padding-inline:15px}.communication-portal-shell .communication-top-actions .portal-switch button{padding-inline:9px}.communication-portal-shell .communication-top-actions .portal-switch button span{display:inline!important}.communication-portal-shell .communication-integrated-view>.chat-shell,.communication-portal-shell .communication-integrated-view>.collaboration-shell{grid-template-columns:282px minmax(0,1fr)}}@media (max-width:760px){.communication-portal-shell{display:block;width:100%;height:100dvh;min-height:0;padding-bottom:calc(76px + env(safe-area-inset-bottom));overflow:hidden;background:var(--connect-canvas)}.communication-portal-shell .communication-main{grid-template-rows:calc(116px + env(safe-area-inset-top)) minmax(0,1fr);width:100%;height:100%}.communication-portal-shell .communication-topbar{grid-template-columns:44px minmax(0,1fr) auto;grid-template-areas:"back account account" "switch switch switch";min-height:calc(116px + env(safe-area-inset-top));height:auto;padding:calc(8px + env(safe-area-inset-top)) 12px 10px;align-content:center;gap:8px}.communication-portal-shell .mobile-communication-back{grid-area:back;display:grid;width:44px;height:44px;padding:0;place-items:center;border:1px solid var(--connect-line);border-radius:13px;background:#f6f9f8;color:var(--connect-teal-dark);font-size:27px}.communication-portal-shell.mobile-rail-open .mobile-communication-back{visibility:hidden}.communication-portal-shell .communication-account{grid-area:account;min-width:0;justify-content:flex-start}.communication-portal-shell .communication-account .top-avatar{width:40px;height:40px}.communication-portal-shell .communication-account>div{display:block!important}.communication-portal-shell .communication-account>div strong{font-size:13px}.communication-portal-shell .communication-account>div small{font-size:10px}.communication-portal-shell .communication-signout,.communication-portal-shell .communication-topbar-context{display:none!important}.communication-portal-shell .communication-top-actions{grid-area:switch;display:flex;width:100%}.communication-portal-shell .communication-top-actions .portal-switch{display:flex!important;width:100%;padding:4px}.communication-portal-shell .communication-top-actions .portal-switch button{display:flex!important;width:auto!important;min-width:0!important;min-height:38px;padding:0 10px!important;flex:1 1;gap:7px}.communication-portal-shell .communication-top-actions .portal-switch button span{display:inline!important;overflow:hidden;font-size:11px;text-overflow:ellipsis;white-space:nowrap}.communication-portal-shell>.communication-app-bar{position:fixed;z-index:190;right:8px;bottom:max(8px,env(safe-area-inset-bottom));left:8px;display:flex;width:auto;min-width:0;height:64px;padding:5px;flex-direction:row;border:1px solid rgba(255,255,255,.09);border-radius:21px;background:rgba(13,25,33,.98);box-shadow:0 12px 30px rgba(5,18,24,.22)}.communication-portal-shell>.communication-app-bar>img{display:none}.communication-portal-shell>.communication-app-bar nav{grid-template-columns:repeat(3,minmax(0,1fr));gap:4px}.communication-portal-shell>.communication-app-bar nav button{min-height:52px;padding:5px 4px;border-radius:16px;font-size:10px}.communication-portal-shell>.communication-app-bar nav button.active:before{display:none}.communication-portal-shell .communication-stage{height:100%;overflow:hidden}.communication-portal-shell .communication-integrated-view>.chat-shell,.communication-portal-shell .communication-integrated-view>.collaboration-shell{display:block;width:100%;height:100%}.communication-portal-shell .unified-communication-rail{width:100%;height:100%;border:0;background:var(--connect-rail)}.communication-portal-shell .unified-communication-rail>header{min-height:72px;padding:12px 16px 8px}.communication-portal-shell .unified-communication-rail>header strong{font-size:23px}.communication-portal-shell .communication-search{min-height:46px;margin:0 14px 10px;border-radius:14px}.communication-portal-shell .communication-search input{height:44px;font-size:16px}.communication-portal-shell .communication-filter-pills{margin-bottom:8px}.communication-portal-shell .communication-filter-pills button{min-height:36px;font-size:12px}.communication-portal-shell .communication-rail-scroll{padding:0 12px 28px}.communication-portal-shell .communication-rail-section>span{font-size:11px}.communication-portal-shell .communication-rail-section>button{grid-template-columns:48px minmax(0,1fr);min-height:66px;padding:8px 10px;border-radius:14px}.communication-portal-shell .communication-rail-section .chat-avatar{width:46px;height:46px;border-radius:14px;font-size:12px}.communication-portal-shell .communication-rail-section button>div strong{font-size:14px}.communication-portal-shell .communication-rail-section button>div small{font-size:11px}.communication-portal-shell.mobile-detail-open .unified-communication-rail,.communication-portal-shell.mobile-rail-open .calls-stage,.communication-portal-shell.mobile-rail-open .chat-panel,.communication-portal-shell.mobile-rail-open .discussion-panel{display:none}.communication-portal-shell .calls-stage,.communication-portal-shell .chat-panel,.communication-portal-shell .discussion-panel{width:100%;height:100%}.communication-portal-shell .communication-conversation-header{grid-template-columns:minmax(0,1fr) auto;grid-template-areas:"person actions" "tabs tabs";width:100%;min-height:96px;height:96px!important;padding:8px 12px 0!important;gap:0 8px}.communication-portal-shell .communication-conversation-person{grid-area:person}.communication-portal-shell .communication-conversation-person .chat-avatar{width:40px;height:40px;border-radius:13px}.communication-portal-shell .communication-conversation-person strong{font-size:14px!important}.communication-portal-shell .communication-conversation-person small{font-size:10px!important}.communication-portal-shell .communication-conversation-tabs{grid-area:tabs;height:38px;justify-content:flex-start;gap:22px}.communication-portal-shell .communication-conversation-tabs button{min-height:38px;font-size:12px!important}.communication-portal-shell .communication-conversation-actions{grid-area:actions}.communication-portal-shell .communication-end-call,.communication-portal-shell .communication-icon-action{width:44px;min-width:44px;min-height:44px;padding:0!important}.communication-portal-shell .communication-call-state,.communication-portal-shell .communication-icon-action span{display:none}.communication-portal-shell .message-stream-inner{padding:16px 11px 24px}.communication-portal-shell .message-day-divider{font-size:10px}.communication-portal-shell .message-bubble{max-width:86%}.communication-portal-shell .message-bubble p{font-size:14px}.communication-portal-shell .communication-file-card{width:min(290px,74vw)}.communication-portal-shell .message-form{padding:9px 10px calc(9px + env(safe-area-inset-bottom))}.communication-portal-shell .message-composer-main{grid-template-columns:46px minmax(0,1fr) 46px}.communication-portal-shell .message-composer-main>button,.communication-portal-shell .message-composer-main>input,.communication-portal-shell .message-composer-main>label{min-height:46px;height:46px;border-radius:13px}.communication-portal-shell .message-composer-main>input{font-size:16px}.communication-portal-shell .message-composer-main>button{width:46px;min-width:46px;padding:0}.communication-portal-shell .message-composer-main>button span,.communication-portal-shell .message-form>small{display:none}.communication-portal-shell .communication-pending-file span{max-width:230px}.communication-portal-shell .communication-shared-files>div,.communication-portal-shell .communication-shared-files>header{width:calc(100% - 24px)}.communication-portal-shell .communication-shared-file{grid-template-columns:42px minmax(0,1fr)}.communication-portal-shell .communication-shared-file>b{display:none}.communication-portal-shell .discussion-panel>header{min-height:68px;padding:9px 13px}.communication-portal-shell .discussion-panel>header .status{display:none}.communication-portal-shell .discussion-stream{padding:15px 11px}.communication-portal-shell .discussion-stream article{grid-template-columns:1fr}.communication-portal-shell .discussion-stream article>.chat-avatar{display:none}.communication-portal-shell .discussion-composer{padding:9px 10px calc(9px + env(safe-area-inset-bottom))}.communication-portal-shell .discussion-composer textarea{font-size:16px}.communication-portal-shell .discussion-composer small{display:none}.communication-portal-shell .active-call-card{min-height:220px;padding:23px 18px;align-items:flex-start;flex-direction:column}.communication-portal-shell .end-call-button{min-height:44px;margin:2px 0 0}.communication-portal-shell .call-people-strip{padding-inline:12px}.communication-portal-shell .call-people-strip button{min-height:44px}.communication-portal-shell .call-history-list article{grid-template-columns:40px minmax(0,1fr);padding-inline:13px}.communication-portal-shell .call-history-list .call-result{display:none}.communication-portal-shell .new-channel-menu>form{position:fixed;z-index:260;top:calc(80px + env(safe-area-inset-top));right:12px;left:12px;width:auto;max-height:calc(100dvh - 104px - env(safe-area-inset-top));overflow:auto}}@media (max-width:420px){.communication-portal-shell .communication-main{grid-template-rows:calc(112px + env(safe-area-inset-top)) minmax(0,1fr)}.communication-portal-shell .communication-topbar{min-height:calc(112px + env(safe-area-inset-top));padding-inline:9px}.communication-portal-shell .communication-account>div small{max-width:190px}.communication-portal-shell .communication-top-actions .portal-switch button{padding-inline:7px!important;gap:5px}.communication-portal-shell .communication-top-actions .portal-switch button span{font-size:10px}.communication-portal-shell .communication-conversation-person small{max-width:180px}.communication-portal-shell .message-avatar{display:none}.communication-portal-shell .message-bubble{max-width:90%}.communication-portal-shell .communication-file-card{grid-template-columns:36px minmax(0,1fr) 22px;width:min(270px,78vw)}.communication-portal-shell .communication-file-card>span{width:36px;height:36px}}@media (prefers-reduced-motion:reduce){.communication-portal-shell *,.communication-portal-shell :after,.communication-portal-shell :before{scroll-behavior:auto!important;animation-duration:.01ms!important;animation-iteration-count:1!important;transition-duration:.01ms!important}}