.cp-app-shell[data-app-section=inbox] .cp-app-content{display:grid;min-height:0;grid-template-rows:minmax(0,1fr);overflow:hidden}.cp-inbox-page{min-width:0;min-height:0;overflow:hidden;background:var(--color-app-canvas)}html body[data-chrome=app] .social-hub{height:100%;min-height:0;grid-template-columns:clamp(18rem,22vw,20rem) minmax(0,1fr);border:0;border-radius:0;background:var(--color-app-stage)}html body[data-chrome=app] .social-hub.has-profile{grid-template-columns:clamp(18rem,22vw,20rem) minmax(0,1fr) 20rem}html body[data-chrome=app] .social-rail{gap:var(--space-3);padding:var(--space-4) var(--space-3);border:0;background:var(--color-app-surface);box-shadow:inset -1px 0 0 var(--color-app-seam),inset 0 1px 0 var(--color-app-edge-soft)}html body[data-chrome=app] .social-rail-heading{min-height:var(--touch-target);padding-inline:var(--space-2)}html body[data-chrome=app] .social-rail-copy strong{color:var(--color-app-text);font-size:1rem;font-weight:700;letter-spacing:-.01em}html body[data-chrome=app] .social-rail-section{padding-top:var(--space-3);border-top:1px solid var(--color-app-seam)}html body[data-chrome=app] .social-rail-section-title{padding-inline:var(--space-3);color:var(--color-app-muted);font-size:.6875rem;letter-spacing:.08em}html body[data-chrome=app] .social-thread-list{gap:var(--space-1);padding-right:var(--space-1);scrollbar-gutter:stable;scrollbar-color:var(--color-app-outline) transparent}html body[data-chrome=app] :is(.social-rail-primary,.social-thread-link,.social-tabs button,.social-icon-button,.social-action-button){min-height:var(--touch-target)}html body[data-chrome=app] :is(.social-rail-primary,.social-thread-link){border-color:transparent;color:var(--color-app-muted);background:transparent;box-shadow:none}html body[data-chrome=app] .social-thread-link{min-height:4.25rem;gap:var(--space-3);padding:var(--space-2) var(--space-3)}html body[data-chrome=app] .social-thread-link strong{color:var(--color-app-text);font-size:.875rem;font-weight:680}html body[data-chrome=app] .social-thread-link small{color:var(--color-app-muted);font-size:.75rem;line-height:1.35}html body[data-chrome=app] :is(.social-rail-primary.is-active,.social-thread-link.is-active,.social-tabs button.is-active){border-color:var(--color-app-seam);color:var(--color-app-text);background:var(--color-app-raised)}html body[data-chrome=app] .social-thread-link.is-active{box-shadow:inset 3px 0 0 var(--color-app-brand)}html body[data-chrome=app] .social-thread-unread{color:var(--color-on-brand-primary);background:var(--color-brand-primary)}html body[data-chrome=app] .social-workspace{min-height:0;grid-template-rows:auto auto minmax(0,1fr) auto;grid-template-areas:"toolbar" "status" "content" "composer";background:var(--color-app-canvas)}html body[data-chrome=app] :is(.social-friends-toolbar,.social-thread-toolbar){position:relative;z-index:2;background:color-mix(in srgb,var(--color-app-surface) 88%,transparent);box-shadow:inset 0 -1px 0 var(--color-app-seam),inset 0 1px 0 var(--color-app-edge-soft);-webkit-backdrop-filter:saturate(120%) blur(18px);backdrop-filter:saturate(120%) blur(18px)}html body[data-chrome=app] .social-toolbar,html body[data-chrome=app] .social-thread-toolbar{min-height:4.5rem;padding:var(--space-2) clamp(var(--space-4),2.5vw,var(--space-6))}html body[data-chrome=app] .social-thread-heading strong{color:var(--color-app-text);font-size:.9375rem;font-weight:700}html body[data-chrome=app] .social-thread-heading small{color:var(--color-app-muted);font-size:.75rem}html body[data-chrome=app] .social-thread-security{position:relative;display:flex;align-items:center;gap:var(--space-2);margin-inline-start:auto}html body[data-chrome=app] .social-security-details>summary{display:inline-grid;width:var(--touch-target);min-height:var(--touch-target);padding:0;place-items:center;border:1px solid transparent;border-radius:var(--radius-sm);color:var(--color-app-muted);background:transparent;list-style:none;cursor:pointer;transition:color var(--motion-fast) ease,border-color var(--motion-fast) ease,background-color var(--motion-fast) ease}html body[data-chrome=app] .social-security-details>summary:is(:hover,:focus-visible),html body[data-chrome=app] .social-security-details[open]>summary{border-color:var(--color-app-seam);color:var(--color-app-text);background:var(--color-app-raised)}html body[data-chrome=app] .social-security-details>summary::-webkit-details-marker{display:none}html body[data-chrome=app] .social-security-lock{width:1.125rem;height:1.125rem;fill:none;stroke:currentColor;stroke-width:1.8;stroke-linecap:round;stroke-linejoin:round}html body[data-chrome=app] .social-security-popover{position:absolute;z-index:8;inset-block-start:calc(100% + var(--space-2));inset-inline-end:0;display:grid;width:min(24rem,calc(100vw - 2rem));max-height:min(32rem,70vh);gap:var(--space-2);padding:var(--space-4);overflow:auto;border:1px solid var(--color-app-outline);border-radius:1rem;color:var(--color-app-text);background:var(--color-app-surface);box-shadow:var(--shadow-app-float)}html body[data-chrome=app] .social-security-popover :is(p,ul){margin:0;color:var(--color-app-muted);font-size:.75rem;line-height:1.5}html body[data-chrome=app] .social-security-popover code{color:var(--color-app-text);overflow-wrap:anywhere}html body[data-chrome=app] .social-sync-notification-button{min-height:2.5rem;padding:.625rem .875rem;border:1px solid var(--color-app-outline);border-radius:.75rem;color:var(--color-app-text);background:var(--color-app-raised);cursor:pointer}html body[data-chrome=app] .social-thread-title-line{display:flex;min-width:0;align-items:center;gap:var(--space-2)}html body[data-chrome=app] .social-thread-title-line>strong{min-width:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}html body[data-chrome=app] .social-thread-security-badge{flex:0 0 auto;color:var(--color-app-muted);font-size:.625rem;font-weight:700}html body[data-chrome=app] .social-content{min-height:0;background:var(--color-app-canvas);scrollbar-color:var(--color-app-outline) transparent}html body[data-chrome=app] .social-user-row{background:transparent}html body[data-chrome=app] .social-empty-state{border:0;background:transparent}html body[data-chrome=app] .social-rail-empty{display:grid;gap:var(--space-2)}html body[data-chrome=app] .social-rail-empty>:is(strong,span){display:block}html body[data-chrome=app] .social-rail-empty strong{color:var(--color-app-text);font-size:.8125rem}html body[data-chrome=app] .social-empty-actions{display:flex;flex-wrap:wrap;justify-content:center;gap:var(--space-2);margin-top:var(--space-4)}html body[data-chrome=app] .social-status{width:fit-content;max-width:calc(100% - (2 * var(--space-5)));margin:var(--space-2) var(--space-5) 0;padding:var(--space-1) var(--space-2);border:0;border-left:2px solid var(--color-app-outline);border-radius:0;color:var(--color-app-muted);background:transparent;box-shadow:none}html body[data-chrome=app] .social-status[data-tone=reconnecting]{border-left-color:var(--color-app-brand)}html body[data-chrome=app] .social-status[data-tone=sync]{border-left-color:var(--color-app-outline)}html body[data-chrome=app] .social-status[data-tone=error]{width:auto;border:1px solid color-mix(in srgb,var(--color-app-error) 42%,var(--color-app-seam));border-left-width:3px;border-left-color:var(--color-app-error);border-radius:var(--radius-sm);color:var(--color-app-error);background:var(--color-error-surface)}html body[data-chrome=app] :is(.social-action-button.primary,.social-primary-button,.social-add-form button){color:var(--color-on-brand-primary);background:var(--color-brand-primary)}html body[data-chrome=app] .social-count-badge{color:var(--color-on-brand-primary);background:var(--color-pulse-live)}html body[data-chrome=app] .social-profile{background:var(--color-app-surface)}@media(hover:hover)and (pointer:fine){html body[data-chrome=app] :is(.social-thread-link,.social-user-row):hover{background:var(--color-app-surface-soft)}html body[data-chrome=app] .social-message:hover{background:transparent}}@media(min-width:48rem)and (max-width:74.9375rem){html body[data-chrome=app] .social-hub,html body[data-chrome=app] .social-hub.has-profile{grid-template-columns:17.5rem minmax(0,1fr)}}@media(max-width:47.9375rem){.cp-app-shell[data-app-section=inbox]{height:100dvh;min-height:0;overflow:hidden}.cp-app-shell[data-app-section=inbox] .cp-app-stage{height:calc(100dvh - 5rem - env(safe-area-inset-bottom));min-height:0}.cp-app-shell[data-app-section=inbox] .cp-app-content{display:grid;min-height:0;overflow:hidden}.cp-inbox-page{height:100%;min-height:0}html body[data-chrome=app] .cp-app-shell[data-app-section=inbox] :is(.social-hub,.social-hub.has-profile){min-height:0;grid-template-columns:minmax(0,1fr);grid-template-rows:minmax(0,1fr);border:0;border-radius:0;box-shadow:none}html body[data-chrome=app] .cp-app-shell[data-app-section=inbox] :is(.social-rail,.social-workspace,.social-profile){grid-row:1;grid-column:1}html body[data-chrome=app] .social-rail{min-height:0;padding:var(--space-3) var(--space-4)}html body[data-chrome=app] :is(.social-friends-toolbar,.social-thread-toolbar){background:var(--color-app-surface);-webkit-backdrop-filter:none;backdrop-filter:none}html body[data-chrome=app] .social-toolbar,html body[data-chrome=app] .social-thread-toolbar{min-height:4rem;flex-wrap:nowrap;padding-inline:var(--space-3)}html body[data-chrome=app] .social-message-list{padding:var(--space-4) var(--space-3) var(--space-5)}html body[data-chrome=app] .social-message-content{max-width:min(38rem,88%)}html body[data-chrome=app] .social-composer{padding:var(--space-2) var(--space-3) max(var(--space-2),env(safe-area-inset-bottom))}html body[data-chrome=app] .social-status{max-width:calc(100% - (2 * var(--space-3)));margin-inline:var(--space-3)}}@media(max-width:35rem){html body[data-chrome=app] .social-message{grid-template-columns:2rem minmax(0,1fr);gap:var(--space-2);padding-inline:0}html body[data-chrome=app] .social-message.is-own{grid-template-columns:minmax(0,1fr)}html body[data-chrome=app] .social-message-content{max-width:92%}html body[data-chrome=app] .social-composer{padding-inline:var(--space-2)}}@media(prefers-reduced-transparency:reduce){html body[data-chrome=app] :is(.social-friends-toolbar,.social-thread-toolbar){background:var(--color-app-surface);-webkit-backdrop-filter:none;backdrop-filter:none}}@media(forced-colors:active){html body[data-chrome=app] :is(.social-thread-link.is-active,.social-composer-inner,.social-message-bubble){border-color:CanvasText}}html body[data-chrome=app] .social-friends-toolbar .social-toolbar{gap:var(--space-2)}html body[data-chrome=app] .social-friends-toolbar .social-list-search{width:min(18rem,32vw)}html[data-theme=carbon-pulse][data-color-context=app] body[data-chrome=app] .social-friends-toolbar .social-list-search input{border-color:var(--color-app-seam);background:var(--color-app-raised);box-shadow:none}html[data-theme=carbon-pulse][data-color-context=app] body[data-chrome=app] .social-toolbar-action.is-active{border-color:color-mix(in srgb,var(--color-app-brand) 42%,var(--color-app-seam));color:var(--color-app-brand);background:var(--color-app-brand-soft)}html[data-theme=carbon-pulse][data-color-context=app] body[data-chrome=app] .social-friends-toolbar .social-tabs{gap:var(--space-4);padding:0 clamp(var(--space-4),2.5vw,var(--space-6));border:0;border-radius:0;background:transparent;box-shadow:inset 0 -1px 0 var(--color-app-seam)}html[data-theme=carbon-pulse][data-color-context=app] body[data-chrome=app] .social-friends-toolbar .social-tabs button{position:relative;min-height:var(--touch-target);padding-inline:0;border:0;border-radius:0;background:transparent;box-shadow:none;font-size:.8125rem;font-weight:650}html[data-theme=carbon-pulse][data-color-context=app] body[data-chrome=app] .social-friends-toolbar .social-tabs button:after{position:absolute;right:0;bottom:0;left:0;height:2px;border-radius:2px 2px 0 0;background:var(--color-app-brand);content:"";opacity:0;transform:scaleX(.65);transition:opacity var(--motion-control-state) ease,transform var(--motion-control-state) ease}html[data-theme=carbon-pulse][data-color-context=app] body[data-chrome=app] .social-friends-toolbar .social-tabs button:is(.is-active,[aria-selected=true]){border:0;color:var(--color-app-text);background:transparent;box-shadow:none}html[data-theme=carbon-pulse][data-color-context=app] body[data-chrome=app] .social-friends-toolbar .social-tabs button:is(.is-active,[aria-selected=true]):after{opacity:1;transform:scaleX(1)}html body[data-chrome=app] .social-content>.social-user-list{padding-top:var(--space-2);border-top:0}html body[data-chrome=app] .social-content>.social-user-list .social-user-row{position:relative;min-height:4.5rem;gap:var(--space-2);padding:var(--space-2);border-bottom-color:var(--color-app-seam);border-radius:var(--radius-sm)}html body[data-chrome=app] .social-user-row.is-selected{border-bottom-color:transparent;background:var(--color-app-raised);box-shadow:inset 3px 0 0 var(--color-app-brand)}html body[data-chrome=app] .social-user-main{min-height:var(--touch-target);gap:var(--space-3);border-radius:var(--radius-sm)}html body[data-chrome=app] .social-user-main strong{color:var(--color-app-text);font-size:.9375rem;font-weight:680;text-decoration:none}html body[data-chrome=app] .social-user-meta{display:flex;min-width:0;align-items:center;gap:var(--space-2)}html body[data-chrome=app] .social-user-meta small{overflow:hidden;color:var(--color-app-muted);font-size:.75rem;text-overflow:ellipsis;white-space:nowrap}html body[data-chrome=app] .social-user-context:before,html body[data-chrome=app] .social-user-presence:before{margin-right:var(--space-2);color:var(--color-app-outline);content:"·"}html body[data-chrome=app] .social-user-meta .social-user-presence{color:var(--color-app-online)}html body[data-chrome=app] .social-user-actions{flex-wrap:nowrap;gap:var(--space-1)}html[data-theme=carbon-pulse][data-color-context=app] body[data-chrome=app] :is(.social-row-action,.social-action-menu>summary){width:var(--touch-target);height:var(--touch-target);min-height:var(--touch-target);border-color:transparent;color:var(--color-app-muted);background:transparent;box-shadow:none}html body[data-chrome=app] .social-row-action{color:var(--color-app-brand)}.social-action-menu{position:relative;flex:0 0 auto}.social-action-menu>summary{list-style:none}.social-action-menu>summary::-webkit-details-marker{display:none}.social-action-menu[open]>summary{color:var(--color-app-text);background:var(--color-app-raised)}.social-action-menu-popover{position:absolute;z-index:12;top:calc(100% + var(--space-1));right:0;display:grid;width:max-content;min-width:11rem;gap:2px;padding:var(--space-1);border:1px solid var(--color-app-seam);border-radius:var(--radius-md);background:var(--color-app-surface);box-shadow:var(--shadow-app-panel)}.social-user-row:nth-last-child(-n+2) .social-action-menu-popover{top:auto;bottom:calc(100% + var(--space-1))}.social-menu-action{display:flex;min-height:var(--touch-target);align-items:center;justify-content:flex-start;padding-inline:var(--space-3);border:0;border-radius:var(--radius-sm);color:var(--color-app-text);background:transparent;box-shadow:none;font:inherit;font-size:.8125rem;font-weight:600;text-align:left;cursor:pointer}.social-menu-action.danger{color:var(--color-app-error)}@media(hover:hover)and (pointer:fine){html body[data-chrome=app] .social-user-row .social-action-menu>summary{opacity:0}html body[data-chrome=app] .social-user-row:is(:hover,:focus-within,.is-selected) .social-action-menu>summary{opacity:1}html[data-theme=carbon-pulse][data-color-context=app] body[data-chrome=app] :is(.social-row-action,.social-action-menu>summary,.social-menu-action):hover{border-color:transparent;color:var(--color-app-text);background:var(--color-app-raised);box-shadow:none}html body[data-chrome=app] .social-menu-action.danger:hover{color:var(--color-app-error);background:var(--color-error-surface)}}@media(max-width:47.9375rem){html body[data-chrome=app] .social-friends-toolbar .social-list-search{width:100%}html[data-theme=carbon-pulse][data-color-context=app] body[data-chrome=app] .social-friends-toolbar .social-tabs{gap:var(--space-5);padding-inline:var(--space-4)}}@media(max-width:35rem){html body[data-chrome=app] .social-content>.social-user-list .social-user-row{align-items:center;flex-direction:row}html body[data-chrome=app] .social-user-actions{width:auto;padding-left:0}html body[data-chrome=app] .social-user-meta{display:grid;gap:0}html body[data-chrome=app] .social-user-context:before,html body[data-chrome=app] .social-user-presence:before{display:none}}@media(prefers-reduced-motion:reduce){html body[data-chrome=app] .social-friends-toolbar .social-tabs button:after{transition:none}}@media(forced-colors:active){html body[data-chrome=app] :is(.social-user-row.is-selected,.social-action-menu-popover){border-color:CanvasText}}.social-thread-section[hidden],[data-thread-direct-icon][hidden],[data-thread-group-icon][hidden]{display:none}html body[data-chrome=app] .social-rail-section[data-conversation-index]{gap:var(--space-4);overflow-y:auto}.social-thread-section{display:grid;gap:var(--space-1)}.social-thread-section .social-rail-section-title{margin:0}html body[data-chrome=app] [data-conversation-index] .social-thread-list{overflow:visible}.social-thread-preview{display:block}.social-thread-preview-sender{color:var(--color-app-text);font-weight:650}.social-thread-avatar-slot{display:inline-grid;min-width:2.75rem;flex:0 0 2.75rem;place-items:center}.social-group-avatar{position:relative;display:flex;align-items:center;justify-content:center;overflow:visible}.social-group-avatar.has-image{overflow:hidden;border:1px solid var(--color-app-seam);border-radius:var(--radius-md);background:var(--color-app-raised)}.social-group-avatar.has-image img{width:100%;height:100%;object-fit:cover}.social-group-avatar .social-group-avatar-item{width:1.75rem;height:1.75rem;flex:0 0 1.75rem;border:2px solid var(--color-app-surface);font-size:.5625rem}.social-group-avatar .social-group-avatar-item+.social-group-avatar-item{margin-left:-.8rem}