.chat-launch{position:relative;display:inline-grid!important;place-items:center;flex:none;cursor:pointer}.chat-launch svg{width:22px;height:22px;fill:none;stroke:currentColor;stroke-width:1.8;stroke-linecap:round;stroke-linejoin:round}.chat-badge{position:absolute;right:-5px;top:-5px;min-width:18px;height:18px;padding:0 4px;display:grid;place-items:center;background:#b8324b;color:#fff;border:2px solid #fff;border-radius:20px;font-size:10px;font-weight:750;line-height:1}.chat-badge[hidden]{display:none}.sp-chat{--chat-ink:#0a1b34;--chat-line:#e0e8f1;--chat-muted:#64758b;--chat-tint:#eef4fb;position:fixed;inset:80px 24px auto auto;width:min(960px,calc(100vw - 48px));height:min(740px,calc(100dvh - 104px));max-width:none;max-height:none;padding:0;border:1px solid #dbe5ef;border-radius:20px;background:#fff;color:var(--chat-ink);box-shadow:0 20px 80px #10294430;font-family:inherit;overflow:hidden}.sp-chat::backdrop{background:#0a1b3440}.sp-chat *{box-sizing:border-box}.sp-chat button,.sp-chat input,.sp-chat textarea{font:inherit}.sp-chat button{cursor:pointer}.sp-chat button:disabled{cursor:default;opacity:.55}.sp-chat button:focus-visible,.sp-chat input:focus-visible,.sp-chat textarea:focus-visible{outline:3px solid #83b9f4;outline-offset:2px}.chat-layout{height:100%;display:grid;grid-template-columns:300px minmax(0,1fr)}.chat-sidebar{display:flex;flex-direction:column;border-right:1px solid var(--chat-line);min-width:0;min-height:0}.chat-list-head{display:flex;align-items:center;justify-content:space-between;gap:12px;padding:22px 20px 16px}.chat-list-head h2{margin:0;font-size:24px;letter-spacing:-.6px;line-height:1.2}.chat-icon{display:inline-grid;place-items:center;border:0;background:transparent;color:inherit;border-radius:12px;width:40px;height:40px;flex-shrink:0}.chat-icon:hover{background:var(--chat-tint)}.chat-icon svg,.chat-empty svg,.chat-note svg{width:22px;height:22px;fill:none;stroke:currentColor;stroke-width:1.8;stroke-linecap:round;stroke-linejoin:round}.chat-list-tools{padding:0 16px 16px;display:grid;gap:12px}.chat-search{display:flex;align-items:center;gap:8px;background:#f3f6fa;border:1px solid transparent;border-radius:12px;padding:0 12px;min-height:42px}.chat-search svg{width:17px;height:17px;stroke:var(--chat-muted);fill:none;stroke-width:1.8}.chat-search input{border:0!important;outline:0!important;background:transparent!important;width:100%;min-width:0;padding:10px 0!important;font-size:14px;color:var(--chat-ink)}.chat-filters{display:flex;gap:5px}.chat-filters button{border:0;background:transparent;color:var(--chat-muted);padding:7px 11px;border-radius:18px;font-size:13px;font-weight:650;min-height:32px}.chat-filters button[aria-pressed=true]{color:#204c77;background:#eaf2fc}.chat-conversations{flex:1;min-height:0;overflow-y:auto;overscroll-behavior:contain;padding:0 8px 12px;scrollbar-width:thin}.chat-row{display:flex;align-items:center;gap:12px;padding:12px;border:0;width:100%;text-align:left;background:transparent;color:inherit;border-radius:12px;min-height:78px}.chat-row:hover{background:#f5f8fc}.chat-row.is-selected{background:#edf4fd}.chat-avatar{display:grid;place-items:center;width:46px;height:46px;flex:none;border-radius:16px;overflow:hidden;background:#e9eff7;color:#30536f;font-weight:700;font-size:18px}.chat-avatar img{display:block;width:100%;height:100%;object-fit:cover}.chat-avatar.is-group{background:#dfeef0;color:#276168}.chat-row-copy{flex:1;min-width:0;display:grid;gap:5px}.chat-row-line{display:flex;align-items:center;justify-content:space-between;gap:8px}.chat-row strong{font-size:14px;font-weight:650;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.chat-row time{font-size:11px;white-space:nowrap;color:var(--chat-muted)}.chat-row-preview{font-size:12px;color:var(--chat-muted);white-space:nowrap;overflow:hidden;text-overflow:ellipsis;line-height:1.4}.chat-row.is-unread strong,.chat-row.is-unread .chat-row-preview{color:#0a1b34;font-weight:750}.chat-row-dot{width:8px;height:8px;background:#2d6aa1;border-radius:50%;flex:none}.chat-panel{display:flex;flex-direction:column;min-width:0;min-height:0;background:#fff}.chat-thread-head{min-height:84px;padding:16px 20px;display:flex;align-items:center;gap:12px;border-bottom:1px solid var(--chat-line);flex:none}.chat-thread-head .chat-avatar{width:42px;height:42px;border-radius:14px;font-size:16px}.chat-thread-title{min-width:0;flex:1;display:grid;gap:4px}.chat-thread-title h3{margin:0;font-size:16px;line-height:1.35;overflow-wrap:anywhere}.chat-thread-title p{margin:0;font-size:12px;color:var(--chat-muted)}.chat-mobile-back{display:none}.chat-header-actions{display:flex;gap:3px;align-items:center}.chat-header-menu{position:relative}.chat-header-menu summary{list-style:none;cursor:pointer;display:grid;place-items:center;width:36px;height:40px;font-size:22px}.chat-header-menu summary::-webkit-details-marker{display:none}.chat-header-menu>div{position:absolute;right:0;top:42px;z-index:2;background:#fff;box-shadow:0 8px 30px #10294425;border:1px solid var(--chat-line);border-radius:12px;min-width:190px;padding:6px}.chat-header-menu button{border:0;background:transparent;color:#a33140;text-align:left;padding:12px;font-size:13px;width:100%;border-radius:8px}.chat-header-menu button:hover{background:#fff2f3}.chat-thread-body{flex:1;min-height:0;overflow-y:auto;overscroll-behavior:contain;padding:20px 24px 12px;scrollbar-width:thin;scroll-behavior:auto}.chat-day{text-align:center;color:var(--chat-muted);font-size:11px;font-weight:600;margin:12px 0 18px}.chat-message{display:flex;flex-direction:column;align-items:flex-start;margin:0 0 12px;position:relative}.chat-message.is-own{align-items:flex-end}.chat-sender{font-size:11px;color:var(--chat-muted);margin:0 10px 5px}.chat-bubble{max-width:85%;padding:10px 14px;border-radius:17px 17px 17px 5px;background:#eef2f7;color:var(--chat-ink);font-size:14px;line-height:1.6;white-space:pre-wrap;overflow-wrap:anywhere;user-select:text}.is-own .chat-bubble{border-radius:17px 17px 5px 17px;background:#173d62;color:#fff}.chat-message.is-deleted .chat-bubble{background:transparent;border:1px solid var(--chat-line);color:var(--chat-muted);font-style:italic}.chat-message-meta{display:flex;align-items:center;gap:7px;margin:4px 8px 0;color:var(--chat-muted);font-size:10px;min-height:17px}.chat-message-meta button{border:0;background:transparent;color:inherit;font-size:10px;padding:2px 4px;border-radius:4px}.chat-message-meta button:hover{background:var(--chat-tint)}.chat-message.is-failed .chat-message-meta{color:#a33140}.chat-message.is-pending .chat-bubble{opacity:.6}.chat-load-older{display:block;margin:0 auto 18px;border:1px solid var(--chat-line);background:#fff;color:#30536f;padding:8px 14px;border-radius:20px;font-size:12px}.chat-composer{padding:12px 20px 18px;border-top:1px solid var(--chat-line);display:flex;align-items:flex-end;gap:10px;flex:none;background:#fff}.chat-composer textarea{flex:1;min-width:0;min-height:46px;max-height:140px;resize:none;border:1px solid var(--chat-line);border-radius:16px;padding:12px 14px;background:#f5f8fc;color:var(--chat-ink);font-size:14px;line-height:1.5}.chat-send{width:46px;height:46px;border:0;border-radius:15px;background:#0a1b34;color:#fff;flex:none;display:grid;place-items:center}.chat-send svg{width:20px;height:20px;fill:none;stroke:currentColor;stroke-width:1.8;stroke-linecap:round;stroke-linejoin:round}.chat-note{display:flex;align-items:center;gap:8px;color:var(--chat-muted);font-size:12px;line-height:1.5;padding:10px 20px;background:#f6f8fb}.chat-note[hidden]{display:none}.chat-empty{display:flex;flex:1;min-height:180px;align-items:center;justify-content:center;text-align:center;flex-direction:column;gap:12px;padding:28px;color:var(--chat-muted);font-size:14px;line-height:1.6}.chat-empty .chat-empty-icon{display:grid;place-items:center;width:68px;height:68px;border-radius:24px;background:#edf3fb;color:#355c81;margin-bottom:4px}.chat-empty .chat-empty-icon svg{width:30px;height:30px}.chat-empty strong{font-size:18px;line-height:1.3;color:var(--chat-ink);letter-spacing:-.3px}.chat-empty p{margin:0;max-width:290px}.chat-primary{border:0;border-radius:12px;background:#0a1b34;color:#fff;padding:12px 18px;min-height:42px;font-weight:650;font-size:13px}.chat-status{margin:0;padding:8px 20px;color:#a33140;font-size:12px;line-height:1.5}.chat-status:empty{display:none}.chat-friend-list{padding:0 8px}.chat-inline-entry{display:inline-flex;align-items:center;gap:8px}.chat-inline-entry svg{width:18px;height:18px;stroke:currentColor;fill:none;stroke-width:1.8}.sp-chat .chat-close{color:var(--chat-muted)}
@media(max-width:700px){.sp-chat{inset:0;margin:0;width:100vw;height:100dvh;border:0;border-radius:0;box-shadow:none}.chat-layout{display:flex}.chat-sidebar,.chat-panel{width:100%;flex:none}.chat-sidebar{border:0;padding-top:env(safe-area-inset-top)}.chat-panel{display:none;padding-top:env(safe-area-inset-top)}.sp-chat.has-thread .chat-sidebar{display:none}.sp-chat.has-thread .chat-panel{display:flex}.chat-list-head{padding:20px 20px 16px}.chat-list-head h2{font-size:26px}.chat-thread-head{min-height:74px;padding:10px 12px;gap:8px}.chat-mobile-back{display:inline-grid;width:36px}.chat-thread-title h3{font-size:15px}.chat-thread-head .chat-avatar{width:38px;height:38px;border-radius:13px}.chat-thread-body{padding:12px 16px}.chat-bubble{max-width:90%;font-size:15px}.chat-composer{padding:10px 12px max(12px,env(safe-area-inset-bottom));gap:8px}.chat-composer textarea{font-size:16px}.chat-panel>.chat-empty{padding-bottom:env(safe-area-inset-bottom)}.chat-conversations{padding-bottom:max(12px,env(safe-area-inset-bottom))}.chat-header-actions{gap:0}.chat-header-actions .chat-icon{width:34px}.chat-message-meta{font-size:11px}.chat-inline-entry{min-height:40px}.chat-row{min-height:80px}}
@media(prefers-reduced-motion:reduce){.sp-chat *{animation:none!important;transition:none!important;scroll-behavior:auto!important}}
.chat-avatar svg{width:24px;height:24px;fill:none;stroke:currentColor;stroke-width:1.7;stroke-linecap:round;stroke-linejoin:round}
.chat-row-copy{grid-template-columns:minmax(0,1fr)}.chat-row-line{min-width:0}.chat-row-line strong{min-width:0;flex:1}.chat-row-preview{display:block;min-width:0}.chat-conversations{overflow-x:hidden}@media(min-width:701px){.sp-chat.has-thread .chat-list-head [data-chat-close]{display:none}}
.chat-report{width:min(460px,calc(100vw - 32px));max-height:calc(100dvh - 40px);padding:24px;border:1px solid #e0e8f1;border-radius:20px;color:#0a1b34;font-family:inherit;overflow:auto}.chat-report::backdrop{background:#0a1b3460}.chat-report *{box-sizing:border-box}.chat-report header,.chat-report footer{display:flex;align-items:center;justify-content:space-between;gap:12px}.chat-report h2{font-size:21px;margin:0}.chat-report p{font-size:13px;color:#64758b;line-height:1.5}.chat-report label{display:grid;gap:8px;margin:20px 0;font-size:13px;font-weight:650}.chat-report select,.chat-report textarea{width:100%;min-height:44px;padding:10px 12px;border:1px solid #dce5ef;border-radius:10px;font:inherit;background:#fff;color:#0a1b34}.chat-report footer button{font:inherit;cursor:pointer;border:1px solid #dce5ef;border-radius:10px;padding:10px 14px;background:#fff;color:#0a1b34}.chat-report footer .chat-primary{background:#0a1b34;color:#fff}
.chat-avatar svg{width:24px;height:24px;fill:none;stroke:currentColor;stroke-width:1.8;stroke-linecap:round;stroke-linejoin:round}.chat-meeting-context{font-size:11px;line-height:1.5;color:#355674;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden;overflow-wrap:anywhere}.chat-row:has(.chat-meeting-context){min-height:100px}.chat-members{display:flex;align-items:center;flex:none;gap:0;padding:6px 20px 10px;border-bottom:1px solid var(--chat-line);overflow-x:auto;overscroll-behavior:contain;scrollbar-width:thin}.chat-members[hidden]{display:none}.chat-member{display:grid;place-items:center;width:44px;height:44px;min-width:44px;padding:2px;border:0;background:transparent;border-radius:50%;position:relative}.chat-member+.chat-member{margin-left:-8px}.chat-member .chat-avatar{width:38px;height:38px;border:2px solid #fff;border-radius:50%;font-size:14px}.chat-member:focus-visible,.chat-member:hover{z-index:1}.chat-member:hover .chat-avatar{border-color:#83b9f4}.chat-person-dialog{overscroll-behavior:contain}.chat-person-dialog .razem-dialog__surface{max-height:calc(100dvh - 48px);overflow-y:auto;overscroll-behavior:contain}.chat-person-dialog .razem-person-profile__actions{flex-wrap:wrap;gap:8px}@media(max-width:700px){.chat-members{padding:4px 10px 8px}.chat-row:has(.chat-meeting-context){min-height:104px}.chat-person-dialog .razem-dialog__surface{max-height:calc(100dvh - 32px)}}
.chat-person-message svg{fill:none;stroke:currentColor;stroke-width:1.8;stroke-linejoin:round;stroke-linecap:round}

/* Mobile header: notifications and messages share one aligned action group. */
.product-mobile .appbar > .chat-launch{order:3;flex:0 0 44px;width:44px;min-width:44px;height:44px;min-height:44px}
.product-mobile .appbar > .chat-launch svg{width:16px;height:16px}

@media(max-width:720px){
 .product-desktop .topnav .nav-right > [data-notification-trigger]{order:1}
 .product-desktop .topnav .nav-right > .chat-launch{order:2;flex:0 0 44px;width:44px;min-width:44px;height:44px;min-height:44px}
 .product-desktop .topnav .nav-right > .chat-launch svg{width:16px;height:16px}
 html.product-mode.product-desktop .topnav .nav-right > .icon-btn[aria-label="Profil"]{display:none!important}
}

.chat-system-event{display:grid;grid-template-columns:minmax(0,1fr) auto;align-items:baseline;gap:12px;margin:8px 0;padding:8px 12px;border-radius:12px;background:#f3f7fb;color:#49627b;font-size:13px;line-height:1.5;text-align:left;overflow-wrap:anywhere}.chat-system-event time{font-size:11px;color:#73849a;white-space:nowrap}

/* Match the desktop chat glyph to the notification bell. */
.product-desktop .topnav .nav-right > .chat-launch svg{width:16px;height:16px}
