.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] :is(.social-security-action,.social-security-details>summary){min-height:2.75rem;padding:var(--space-2) var(--space-3);border:1px solid var(--color-app-outline);border-radius:999px;color:var(--color-app-text);background:var(--color-app-raised);font:inherit;font-size:.75rem;font-weight:700;cursor:pointer}html body[data-chrome=app] .social-security-details>summary{display:flex;align-items:center;list-style:none}html body[data-chrome=app] .social-security-details>summary:before{width:.5rem;height:.5rem;margin-inline-end:var(--space-2);border-radius:999px;background:var(--color-app-online);content:""}html body[data-chrome=app] .social-security-details>summary::-webkit-details-marker{display:none}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-security-label{color:var(--color-app-muted);font-size:.75rem}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-message-list{padding:var(--space-5) clamp(var(--space-4),4vw,var(--space-8)) var(--space-6);scrollbar-color:var(--color-app-outline) transparent}html body[data-chrome=app] .social-message-list>*{width:min(100%,58rem);margin-inline:auto}html body[data-chrome=app] .social-message-day{color:var(--color-app-muted)}html body[data-chrome=app] .social-message-day:before,html body[data-chrome=app] .social-message-day:after{background:var(--color-app-seam)}html body[data-chrome=app] .social-message{border-radius:0;background:transparent}html body[data-chrome=app] .social-message-content{max-width:min(44rem,82%)}html body[data-chrome=app] .social-message strong{color:var(--color-app-text)}html body[data-chrome=app] .social-message time{color:var(--color-app-muted);font-variant-numeric:tabular-nums}html body[data-chrome=app] .social-message-bubble{border-color:var(--color-app-seam);color:var(--color-app-text);background:var(--color-app-surface)}html body[data-chrome=app] .social-message-history-trigger,html body[data-chrome=app] .social-new-messages{border:1px solid var(--color-app-outline);color:var(--color-app-text);background:var(--color-app-raised);box-shadow:var(--shadow-control-rest)}html body[data-chrome=app] .social-new-messages{border-color:color-mix(in srgb,var(--color-app-brand) 42%,var(--color-app-outline));color:var(--color-on-brand-primary);background:var(--color-brand-primary)}html body[data-chrome=app] .social-message-action{color:var(--color-app-muted)}html body[data-chrome=app] .social-message.is-own .social-message-bubble{border-color:color-mix(in srgb,var(--color-app-brand) 32%,var(--color-app-seam));background:color-mix(in srgb,var(--color-app-brand) 12%,var(--color-app-surface))}html body[data-chrome=app] .social-composer{position:relative;z-index:3;min-width:0;padding:var(--space-3) clamp(var(--space-4),4vw,var(--space-8)) max(var(--space-3),env(safe-area-inset-bottom));border-color:var(--color-app-seam);background:var(--color-app-surface);box-shadow:inset 0 1px 0 var(--color-app-edge-soft)}html body[data-chrome=app] .social-composer-inner{width:min(100%,58rem);min-height:var(--touch-target);grid-template-columns:auto minmax(0,1fr) var(--touch-target);gap:var(--space-2);padding:3px;border:1px solid var(--color-control-border);border-radius:var(--radius-md);background:var(--color-control-fill-soft);box-shadow:var(--shadow-control-rest)}html body[data-chrome=app] .social-composer textarea{min-height:calc(var(--touch-target) - 6px);max-height:7.5rem;padding:calc(var(--space-2) - 1px) var(--space-3);color:var(--color-app-text);background:transparent;font-size:1rem;line-height:1.5}html body[data-chrome=app] .social-composer button{width:var(--touch-target);height:var(--touch-target);min-height:var(--touch-target);align-self:end;border-radius:var(--radius-sm);color:var(--color-on-brand-primary);background:var(--color-brand-primary)}html body[data-chrome=app] .social-composer button:disabled{border-color:transparent;color:var(--color-app-muted);background:var(--color-app-raised);box-shadow:none;cursor:not-allowed}html body[data-chrome=app] .social-composer .social-composer-attach{color:var(--color-app-muted);background:transparent;box-shadow:none}html body[data-chrome=app] .social-composer .social-composer-attach:hover{color:var(--color-app-text);background:var(--color-app-raised)}html body[data-chrome=app] .social-composer-attachments{display:flex;width:min(100%,58rem);gap:var(--space-2);padding:0 3px var(--space-2);overflow-x:auto}html body[data-chrome=app] .social-composer-attachments[hidden]{display:none}html body[data-chrome=app] .social-composer-attachment{display:grid;grid-template-columns:minmax(8rem,1fr) auto;grid-template-areas:"copy remove" "progress progress";flex:0 1 15rem;min-width:10rem;gap:2px var(--space-2);padding:var(--space-2);border:1px solid var(--color-app-seam);border-radius:var(--radius-sm);background:var(--color-app-raised)}html body[data-chrome=app] .social-composer-attachment>span{grid-area:copy;min-width:0}html body[data-chrome=app] .social-composer-attachment :is(strong,small){display:block;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}html body[data-chrome=app] .social-composer-attachment small{color:var(--color-app-muted)}html body[data-chrome=app] .social-composer-attachment progress{grid-area:progress;width:100%;height:3px;accent-color:var(--color-app-brand)}html body[data-chrome=app] .social-composer-attachment button{grid-area:remove;width:var(--touch-target);height:var(--touch-target);color:var(--color-app-muted);background:transparent;box-shadow:none}html body[data-chrome=app] .social-message-attachments{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:var(--space-2);width:min(100%,32rem);margin-top:var(--space-1)}html body[data-chrome=app] .social-message-attachments[data-count="1"]{grid-template-columns:minmax(0,1fr)}html body[data-chrome=app] .social-message-attachment{display:grid;grid-template-columns:5rem minmax(0,1fr);min-width:0;min-height:5rem;padding:0;overflow:hidden;border:1px solid var(--color-app-seam);border-radius:var(--radius-md);color:var(--color-app-text);text-align:start;background:var(--color-app-surface)}html body[data-chrome=app] .social-message-attachment-visual{display:grid;place-items:center;min-width:0;background:var(--color-app-raised)}html body[data-chrome=app] .social-message-attachment-visual :is(img,svg){width:100%;height:100%;object-fit:cover}html body[data-chrome=app] .social-message-attachment-visual svg{width:1.75rem;height:1.75rem}html body[data-chrome=app] .social-message-attachment>span:last-child{align-self:center;min-width:0;padding:var(--space-2) var(--space-3)}html body[data-chrome=app] .social-message-attachment :is(strong,small){display:block;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}html body[data-chrome=app] .social-message-attachment small{margin-top:2px;color:var(--color-app-muted)}html body[data-chrome=app] .social-attachment-preview-dialog{width:min(90vw,56rem)}html body[data-chrome=app] .social-attachment-preview-frame{width:100%;min-height:min(64vh,40rem);border:1px solid var(--color-app-seam);border-radius:var(--radius-md);background:var(--color-app-canvas)}html body[data-chrome=app] .social-attachment-preview-status{min-height:3rem;color:var(--color-app-muted)}html body[data-chrome=app] .social-attachment-preview-actions{display:flex;justify-content:flex-end;gap:var(--space-2)}@media(max-width:767px){html body[data-chrome=app] .social-message-attachments{grid-template-columns:minmax(0,1fr)}html body[data-chrome=app] .social-attachment-preview-dialog{width:100%;max-width:none}}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-status{border-left:3px solid var(--color-brand-primary);border-radius:var(--radius-sm)}html body[data-chrome=app] .social-status[data-tone=error]{border-color:var(--color-error);color:var(--color-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))}}@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}}html body[data-chrome=app] .social-add-friend{width:min(100% - (2 * var(--space-6)),48rem)}html body[data-chrome=app] .social-add-form{align-items:center;padding:var(--space-1);border-color:var(--color-app-seam);background:var(--color-app-surface)}.social-add-search-field{position:relative;display:block;min-width:0}.social-add-search-field>svg{position:absolute;z-index:1;top:50%;left:var(--space-3);width:1.125rem;height:1.125rem;fill:none;stroke:var(--color-app-muted);stroke-linecap:round;stroke-linejoin:round;stroke-width:1.8;pointer-events:none;transform:translateY(-50%)}html body[data-chrome=app] .social-add-search-field input{min-height:var(--touch-target);padding-left:calc(var(--space-3) + 1.75rem);border-color:transparent;background:var(--color-app-raised)}html body[data-chrome=app] .social-add-search-field input:focus-visible{border-color:var(--color-app-brand)}html body[data-chrome=app] .social-add-form button{min-height:var(--touch-target)}html body[data-chrome=app] .social-request-policy{border-color:var(--color-app-seam);background:transparent}html body[data-chrome=app] .social-search-feedback{margin-top:var(--space-5)}html body[data-chrome=app] .social-search-feedback>.social-empty-state{min-height:13rem;border-top:1px solid var(--color-app-seam)}html body[data-chrome=app] .social-search-feedback>.social-user-list{margin-bottom:0;border-top-color:var(--color-app-seam)}@media(max-width:47.9375rem){html body[data-chrome=app] .social-add-friend{width:min(100% - (2 * var(--space-4)),48rem)}}@media(max-width:35rem){html body[data-chrome=app] .social-add-form{grid-template-columns:minmax(0,1fr)}html body[data-chrome=app] .social-request-policy{align-items:stretch;flex-direction:column}html body[data-chrome=app] .social-request-policy select{width:100%}}html body[data-chrome=app] .social-profile-body{height:100%;gap:0;padding:var(--space-5);overflow-y:auto;scrollbar-gutter:stable;scrollbar-color:var(--color-app-outline) transparent}html body[data-chrome=app] .social-avatar-profile{width:var(--avatar-size-large);height:var(--avatar-size-large);flex-basis:var(--avatar-size-large);margin-top:0;border:0}.social-profile-avatar-wrap{position:relative;display:inline-flex}.social-profile-presence-indicator{position:absolute;right:-1px;bottom:-1px;width:.875rem;height:.875rem;border:3px solid var(--color-app-surface);border-radius:var(--radius-round);background:var(--color-app-online)}html[data-theme=carbon-pulse][data-color-context=app] body[data-chrome=app] button.social-profile-close{width:var(--control-height);min-width:var(--control-height);height:var(--control-height);min-height:var(--control-height);flex-basis:var(--control-height)}.social-profile-identity{display:grid;min-width:0;gap:2px;margin-top:var(--space-3)}.social-profile-identity strong{color:var(--color-app-text);font-size:1.0625rem;font-weight:720}.social-profile-identity span{color:var(--color-app-muted);font-size:.8125rem}.social-profile-badges{display:flex;flex-wrap:wrap;gap:var(--space-1);margin-top:var(--space-3)}.social-profile-badge{display:inline-flex;min-height:1.625rem;align-items:center;gap:var(--space-1);padding-inline:var(--space-2);border:1px solid var(--color-app-seam);border-radius:var(--radius-sm);color:var(--color-app-brand);background:var(--color-app-brand-soft);font-size:.6875rem;font-weight:650;list-style:none}.social-profile-badge svg{width:.875rem;height:.875rem;fill:none;stroke:currentColor;stroke-width:1.7;stroke-linecap:round;stroke-linejoin:round}html body[data-chrome=app] .social-profile-bio{margin:var(--space-4) 0;padding-top:var(--space-4)}html body[data-chrome=app] .social-profile-actions{display:grid;grid-template-columns:minmax(0,1fr) var(--control-height);gap:var(--space-2)}html[data-theme=carbon-pulse][data-color-context=app] body[data-chrome=app] .social-profile-actions .social-profile-primary-action,html[data-theme=carbon-pulse][data-color-context=app] body[data-chrome=app] .social-profile-actions .social-action-menu>summary{width:auto;min-width:var(--control-height);height:var(--control-height);min-height:var(--control-height)}html body[data-chrome=app] .social-profile-primary-action{justify-content:center;gap:var(--space-2)}.social-profile-primary-action svg{width:1.125rem;height:1.125rem;fill:none;stroke:currentColor;stroke-width:1.8;stroke-linecap:round;stroke-linejoin:round}.social-profile-stats{display:grid;width:100%;grid-template-columns:repeat(3,minmax(0,1fr));margin:var(--space-4) 0 0;padding:var(--space-3) 0;border-block:1px solid var(--color-app-seam)}.social-profile-stats>div{display:flex;min-width:0;flex-direction:column;text-align:center}.social-profile-stats>div+div{border-left:1px solid var(--color-app-seam)}.social-profile-stats :is(dt,dd){margin:0}.social-profile-stats dd{order:-1;color:var(--color-app-text);font-size:.9375rem;font-weight:720;font-variant-numeric:tabular-nums}.social-profile-stats dt{margin-top:2px;color:var(--color-app-muted);font-size:.6875rem}.social-profile-details,.social-profile-activity{width:100%;margin-top:var(--space-4)}.social-profile-details h2,.social-profile-activity h2{margin:0 0 var(--space-3);color:var(--color-app-muted);font-size:.75rem;font-weight:700}.social-profile-details dl{display:grid;gap:var(--space-3);margin:0}.social-profile-details dl>div{display:grid;gap:var(--space-2)}.social-profile-details :is(dt,dd){margin:0}.social-profile-details dt{color:var(--color-app-muted);font-size:.6875rem}.social-profile-details dd{display:flex;flex-wrap:wrap;gap:var(--space-1)}.social-profile-details dd>span{padding:.25rem var(--space-2);border-radius:var(--radius-sm);color:var(--color-app-text);background:var(--color-app-raised);font-size:.75rem}.social-profile-activity>a{display:grid;min-height:4rem;grid-template-columns:var(--thumbnail-size-compact) minmax(0,1fr) 1rem;align-items:center;gap:var(--space-3);overflow:hidden;border:1px solid var(--color-app-seam);border-radius:var(--radius-sm);color:var(--color-app-text);background:var(--color-app-raised);text-decoration:none}.social-profile-activity img{width:var(--thumbnail-size-compact);height:100%;min-height:4rem;object-fit:cover}.social-profile-activity a>span{display:grid;min-width:0;gap:2px}.social-profile-activity small{color:var(--color-app-muted);font-size:.6875rem}.social-profile-activity strong{display:-webkit-box;overflow:hidden;font-size:.75rem;line-height:1.35;-webkit-box-orient:vertical;-webkit-line-clamp:2}.social-profile-activity svg,.social-profile-full-link svg{width:1rem;height:1rem;fill:none;stroke:currentColor;stroke-width:1.8}.social-profile-full-link{display:flex;width:100%;min-height:var(--control-height);align-items:center;justify-content:space-between;margin-top:var(--space-4);color:var(--color-app-brand);font-size:.8125rem;font-weight:650;text-decoration:none}html body[data-chrome=app] .social-profile-body .social-profile-details-status{width:100%;margin:var(--space-3) 0 0;padding:0;border:0;color:var(--color-app-muted);font-size:.75rem}@media(hover:hover)and (pointer:fine){.social-profile-activity>a:hover{border-color:var(--color-control-border-hover);background:var(--color-control-fill-hover)}}@media(max-width:47.9375rem){html body[data-chrome=app] .social-profile-body{width:min(100%,32rem);margin-inline:auto;padding:var(--space-4) var(--space-5) max(var(--space-8),env(safe-area-inset-bottom))}}@media(forced-colors:active){html body[data-chrome=app] .social-profile-badge{border-color:CanvasText}}.social-group-panel[hidden],.social-thread-section[hidden],.social-group-member-note[hidden],.social-group-removal[hidden],[data-group-panel-actions][hidden],[data-thread-direct-icon][hidden],[data-thread-group-icon][hidden]{display:none}html body[data-chrome=app] .social-hub.has-group-panel{grid-template-columns:clamp(18rem,22vw,20rem) minmax(0,1fr) clamp(432px,30vw,480px)}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}.social-thread-toolbar .social-thread-heading{align-content:center}html body[data-chrome=app] .social-thread-heading .social-thread-kind{color:var(--color-app-brand);font-size:.625rem;font-weight:720;letter-spacing:.06em;text-transform:uppercase}.social-message-list[data-thread-type=group]{padding-block:var(--space-4) var(--space-8)}html body[data-chrome=app] .social-message-list[data-thread-type=group]>*{width:min(100%,52rem)}.social-message-list[data-thread-type=group] .social-message,.social-message-list[data-thread-type=group] .social-message.is-own{grid-template-columns:2.5rem minmax(0,1fr);justify-items:stretch;gap:var(--space-3);padding:2px var(--space-2);border-radius:var(--radius-sm)}.social-message-list[data-thread-type=group] .social-message.is-cluster-start{margin-top:var(--space-4);padding-top:var(--space-2)}.social-message-list[data-thread-type=group] .social-message.is-cluster-end{padding-bottom:var(--space-2)}.social-message-list[data-thread-type=group] .social-message:first-of-type{margin-top:0}.social-message-list[data-thread-type=group] .social-avatar-medium{width:2.25rem;height:2.25rem;flex-basis:2.25rem;align-self:start;margin-top:1px;font-size:.6875rem}.social-message-list[data-thread-type=group] .social-message-content,.social-message-list[data-thread-type=group] .social-message.is-own .social-message-content{width:100%;max-width:min(46rem,100%);align-items:flex-start}.social-message-list[data-thread-type=group] .social-message-meta{min-height:1.25rem;align-items:baseline;gap:var(--space-2)}.social-message-list[data-thread-type=group] .social-message-meta.is-continuation{height:0;min-height:0;overflow:hidden}.social-message-list[data-thread-type=group] .social-message-meta strong{font-size:.875rem;font-weight:720;letter-spacing:-.01em}.social-message-list[data-thread-type=group] .social-message-meta time{font-size:.6875rem}.social-message-list[data-thread-type=group] .social-message-hover-time{align-self:start;padding-top:4px;color:var(--color-app-muted);font-size:.625rem;font-variant-numeric:tabular-nums;opacity:0;text-align:right;transition:opacity .12s ease}html body[data-chrome=app] .social-message-list[data-thread-type=group] .social-message-bubble,html body[data-chrome=app] .social-message-list[data-thread-type=group] .social-message.is-own .social-message-bubble{width:100%;margin:0;padding:1px 0;border:0;color:var(--color-app-text);background:transparent;font-size:1rem;line-height:1.5}.social-message-list[data-thread-type=group] .social-message-day{margin-block:var(--space-4) var(--space-2)}@media(hover:hover)and (pointer:fine){html body[data-chrome=app] .social-message-list[data-thread-type=group] .social-message:hover{background:var(--color-app-surface-soft)}.social-message-list[data-thread-type=group] .social-message:hover .social-message-hover-time{opacity:1}}@media(max-width:35rem){.social-message-list[data-thread-type=group] .social-message,.social-message-list[data-thread-type=group] .social-message.is-own{grid-template-columns:2.25rem minmax(0,1fr);gap:var(--space-2);padding-inline:0}}@media(prefers-reduced-motion:reduce){.social-message-list[data-thread-type=group] .social-message-hover-time{transition:none}}.social-group-panel{position:relative;min-width:0;overflow-x:visible;overflow-y:auto;border-left:1px solid var(--color-app-seam);color:var(--color-app-text);background:var(--color-app-surface)}.social-group-panel-body{padding:var(--space-4) var(--space-4) max(var(--space-6),env(safe-area-inset-bottom))}.social-group-panel-summary{display:grid;grid-template-columns:auto minmax(0,1fr);align-items:center;gap:var(--space-3)}.social-group-panel-avatar{min-width:5.25rem}.social-group-panel-identity{display:grid;min-width:0;gap:var(--space-1)}.social-group-panel-identity h2{margin:0;overflow-wrap:anywhere;font-size:1.125rem;line-height:1.3}.social-group-privacy,.social-group-member-note{margin:0;color:var(--color-app-muted);font-size:.8125rem;line-height:1.5}.social-group-facts{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));margin:0;border-block:1px solid var(--color-app-seam)}.social-group-facts>div{display:grid;gap:var(--space-1);padding:var(--space-3) var(--space-2);text-align:center}.social-group-facts>div+div{border-left:1px solid var(--color-app-seam)}.social-group-facts :is(dt,dd){margin:0}.social-group-facts dt{color:var(--color-app-muted);font-size:.6875rem}.social-group-facts dd{font-size:.875rem;font-weight:720;font-variant-numeric:tabular-nums}.social-group-panel-actions{padding-top:var(--space-3);border-top:1px solid var(--color-app-seam)}.social-group-removal{width:100%;min-height:var(--touch-target)}.social-group-confirm-actions{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:var(--space-2)}.social-group-confirm-actions :is(.social-action-button,.social-primary-button){min-height:var(--touch-target)}.social-group-remove-member-name{margin:0;padding:var(--space-3);border-radius:var(--radius-sm);background:var(--color-app-raised);font-weight:680;overflow-wrap:anywhere}.social-report-preview{margin:0;padding:var(--space-3);border:1px solid var(--color-app-seam);border-radius:var(--radius-sm);background:var(--color-app-raised);line-height:1.5;overflow-wrap:anywhere}.social-report-disclosure-choice{display:flex;min-height:var(--touch-target);align-items:center;gap:var(--space-2);cursor:pointer}.social-report-disclosure-choice input{width:1.125rem;height:1.125rem;accent-color:var(--color-app-brand)}.social-report-retention,.social-group-selection,.social-group-choice-empty{margin:0;color:var(--color-app-muted);font-size:.75rem}.social-group-choice-empty{padding:var(--space-4) 0;text-align:center}.social-group-directory{display:grid;gap:var(--space-2)}.social-group-directory>header,.social-group-member-group>header{display:flex;min-height:2rem;align-items:center;justify-content:space-between;gap:var(--space-2)}.social-group-directory h3{margin:0;font-size:.875rem}.social-group-directory>header span,.social-group-member-group>header span{color:var(--color-app-muted);font-size:.6875rem;font-variant-numeric:tabular-nums}.social-group-member-group{display:grid;gap:var(--space-1)}.social-group-member-group>header strong{color:var(--color-app-muted);font-size:.6875rem;font-weight:680}.social-group-member-list{display:grid;border-top:1px solid var(--color-app-seam)}.social-group-member{display:grid;min-width:0;min-height:4rem;grid-template-columns:minmax(0,1fr) auto var(--touch-target);align-items:center;gap:var(--space-2);border-bottom:1px solid var(--color-app-seam)}.social-group-member-profile{display:flex;min-width:0;min-height:var(--touch-target);align-items:center;gap:var(--space-2);padding:var(--space-1) 0;border:0;color:var(--color-app-text);background:transparent;text-align:left}.social-group-member-profile>span:last-child{display:grid;min-width:0}.social-group-member-profile :is(strong,small){overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.social-group-member-profile strong{font-size:.8125rem}.social-group-member-profile small{color:var(--color-app-muted);font-size:.6875rem}.social-group-member-badges{display:flex;max-width:9rem;flex-wrap:wrap;justify-content:flex-end;gap:3px}.social-group-member-badge{padding:2px var(--space-2);border:1px solid var(--color-app-seam);border-radius:var(--radius-round);color:var(--color-app-muted);background:var(--color-app-raised);font-size:.625rem;font-weight:680}.social-group-member-menu>summary{width:var(--touch-target);height:var(--touch-target)}.social-group-member-menu>summary svg{fill:none;stroke:currentColor;stroke-linecap:round;stroke-width:2.8}.social-group-member:nth-last-child(-n+2) .social-action-menu-popover{top:auto;bottom:calc(100% + var(--space-1))}.social-group-member-empty{display:grid;justify-items:center;gap:var(--space-2);padding:var(--space-6) var(--space-3);color:var(--color-app-muted);text-align:center}@media(min-width:48rem)and (max-width:74.9375rem){html body[data-chrome=app] .social-hub.has-group-panel{grid-template-columns:17.5rem minmax(0,1fr)}.social-group-panel{position:absolute;z-index:5;top:0;right:0;bottom:0;width:min(480px,100%);box-shadow:var(--shadow-app-panel)}}@media(max-width:47.9375rem){html body[data-chrome=app] .social-hub.has-group-panel{grid-template-columns:minmax(0,1fr)}html body[data-chrome=app] .social-hub.has-group-panel :is(.social-rail,.social-workspace){display:none}html body[data-chrome=app] .social-group-panel{position:relative;grid-row:1;grid-column:1;width:100%;min-height:100%;border-left:0;box-shadow:none}}.social-group-panel-header{position:sticky;z-index:4;top:0;display:grid;min-height:4.25rem;grid-template-columns:var(--touch-target) minmax(0,1fr) var(--touch-target);align-items:center;gap:var(--space-2);padding:var(--space-2) var(--space-3);border-bottom:1px solid var(--color-app-seam);background:color-mix(in srgb,var(--color-app-surface) 88%,transparent);backdrop-filter:blur(18px)}.social-group-panel-header>div{display:grid;min-width:0;gap:1px}.social-group-panel-header small{color:var(--color-app-brand);font-size:.6875rem;font-weight:720}.social-group-panel-header strong{overflow:hidden;font-size:.9375rem;text-overflow:ellipsis;white-space:nowrap}.social-group-panel-back[hidden]{display:inline-grid;visibility:hidden}.social-group-panel-view{display:grid;gap:var(--space-4);animation:social-group-view-in .17s ease-out both}.social-group-panel-view[hidden]{display:none}.social-group-management-entry{display:grid;width:100%;min-height:4.25rem;grid-template-columns:var(--touch-target) minmax(0,1fr) 1.25rem;align-items:center;gap:var(--space-2);padding:var(--space-2);border:1px solid var(--color-app-seam);border-radius:var(--radius-md);color:var(--color-app-text);background:var(--color-app-raised);text-align:left}.social-group-management-entry>span:nth-child(2){display:grid;gap:2px}.social-group-management-entry strong{font-size:.8125rem}.social-group-management-entry small{color:var(--color-app-muted);font-size:.6875rem;line-height:1.4}.social-group-management-entry:disabled{cursor:not-allowed;opacity:.48}.social-group-management-entry-icon{display:grid;width:var(--touch-target);height:var(--touch-target);place-items:center;border-radius:var(--radius-sm);color:var(--color-app-brand);background:var(--color-app-brand-soft)}.social-group-management-entry svg,.social-group-name-setting svg,.social-group-management-toolbar svg{width:1.25rem;height:1.25rem;fill:none;stroke:currentColor;stroke-linecap:round;stroke-linejoin:round;stroke-width:1.8}.social-group-management-sticky{position:sticky;z-index:2;top:4.25rem;display:grid;gap:var(--space-2);margin:calc(var(--space-4) * -1) calc(var(--space-4) * -1) 0;padding:var(--space-3) var(--space-4);border-bottom:1px solid var(--color-app-seam);background:var(--color-app-surface)}.social-group-danger-zone{display:grid;gap:var(--space-3);padding-top:var(--space-4);border-top:1px solid var(--color-app-seam)}.social-group-danger-zone>div{display:grid;gap:2px}.social-group-danger-zone strong{color:var(--color-app-error);font-size:.8125rem}.social-group-danger-zone small{color:var(--color-app-muted);font-size:.6875rem;line-height:1.45}@keyframes social-group-view-in{0%{opacity:0;transform:translate(8px)}}@media(hover:hover)and (pointer:fine){.social-group-management-entry:hover{border-color:var(--color-app-brand);background:var(--color-app-surface-soft)}.social-group-member-profile:hover strong{color:var(--color-app-brand)}}@media(max-width:26.875rem){.social-group-member-badges{max-width:6.5rem}}@media(prefers-reduced-motion:reduce){.social-group-panel-view{animation:none}}@media(prefers-reduced-transparency:reduce){.social-group-panel-header{background:var(--color-app-surface);backdrop-filter:none}}@media(forced-colors:active){.social-group-management-entry,.social-group-member-badge{border-color:CanvasText}}.social-group-name-setting{display:grid;min-height:3.25rem;grid-template-columns:2.5rem minmax(0,1fr) var(--touch-target);align-items:center;gap:var(--space-2);padding:0 0 0 var(--space-3);border:1px solid var(--color-app-seam);border-radius:var(--radius-sm);color:var(--color-app-text);background:var(--color-app-raised);text-align:left}.social-group-name-setting-avatar{display:grid;width:2.5rem;height:2.5rem;place-items:center}.social-group-name-setting-avatar .social-group-avatar-item{width:1.55rem;height:1.55rem;flex-basis:1.55rem}.social-group-name-setting>span{display:grid;min-width:0;gap:1px}.social-group-name-setting small{color:var(--color-app-muted);font-size:.625rem}.social-group-name-setting strong{overflow:hidden;font-size:.8125rem;text-overflow:ellipsis;white-space:nowrap}.social-group-name-setting>svg{justify-self:center;color:var(--color-app-muted)}.social-group-identity-editor{display:grid;grid-template-columns:5.5rem minmax(0,1fr);align-items:center;gap:var(--space-4);padding:var(--space-3);border:1px solid var(--color-app-seam);border-radius:var(--radius-md);background:var(--color-app-raised)}.social-group-identity-preview{display:grid;width:5.5rem;height:5.5rem;place-items:center}.social-group-identity-editor>div{display:grid;min-width:0;gap:var(--space-1)}.social-group-identity-editor strong{font-size:.875rem}.social-group-identity-editor small{color:var(--color-app-muted);font-size:.6875rem;line-height:1.4}.social-group-identity-actions{display:flex;flex-wrap:wrap;gap:var(--space-2);margin-top:var(--space-2)}.social-group-identity-actions .social-action-button{min-height:var(--touch-target)}.social-group-identity-actions label{display:inline-flex;align-items:center;justify-content:center;cursor:pointer}.social-group-identity-actions input{position:absolute;width:1px;height:1px;overflow:hidden;clip-path:inset(50%)}.social-group-invite-setting{position:relative;display:grid;min-height:3.75rem;grid-template-columns:minmax(0,1fr) 2.75rem;align-items:center;gap:var(--space-3);padding:var(--space-2) var(--space-3);border:1px solid var(--color-app-seam);border-radius:var(--radius-sm);background:var(--color-app-raised)}.social-group-invite-setting[hidden]{display:none}.social-group-invite-setting>span{display:grid;gap:2px}.social-group-invite-setting strong{font-size:.8125rem}.social-group-invite-setting small{color:var(--color-app-muted);font-size:.6875rem;line-height:1.4}.social-group-invite-setting input{position:absolute;opacity:0;pointer-events:none}.social-group-invite-setting i{position:relative;width:2.75rem;height:1.625rem;border:1px solid var(--color-app-outline);border-radius:999px;background:var(--color-app-surface);transition:background .16s ease,border-color .16s ease}.social-group-invite-setting i:after{position:absolute;top:3px;left:3px;width:1.125rem;height:1.125rem;border-radius:50%;background:var(--color-app-muted);content:"";transition:transform .16s ease,background .16s ease}.social-group-invite-setting input:checked+i{border-color:var(--color-app-brand);background:var(--color-app-brand)}.social-group-invite-setting input:checked+i:after{background:var(--color-app-surface);transform:translate(1.125rem)}.social-group-invite-setting input:focus-visible+i{outline:2px solid var(--color-app-brand);outline-offset:3px}.social-group-invite-setting:has(input:disabled){opacity:.56}@media(hover:hover)and (pointer:fine){.social-group-name-setting:hover{border-color:var(--color-app-brand);background:var(--color-app-surface-soft)}}@media(max-width:26.875rem){.social-group-identity-editor{grid-template-columns:minmax(0,1fr);justify-items:center}.social-group-identity-editor>div{justify-items:center;text-align:center}}@media(forced-colors:active){.social-group-name-setting,.social-group-invite-setting{border-color:CanvasText}}.social-group-management-toolbar{display:grid;grid-template-columns:minmax(0,1fr);gap:var(--space-2)}.social-group-member-search{display:grid;min-width:0;min-height:var(--touch-target);grid-template-columns:1.25rem minmax(0,1fr) var(--touch-target);align-items:center;padding-left:var(--space-3);border:1px solid var(--color-app-outline);border-radius:var(--radius-sm);color:var(--color-app-muted);background:var(--color-app-raised)}.social-group-member-search input{width:100%;min-width:0;border:0;outline:0;color:var(--color-app-text);background:transparent;font:inherit;font-size:.8125rem}.social-group-member-search button{display:inline-flex;min-width:var(--touch-target);min-height:var(--touch-target);align-items:center;justify-content:center;gap:var(--space-2);border:0;color:var(--color-app-brand);background:transparent;font:inherit;font-size:.75rem;font-weight:680}.social-group-member-search [data-clear-group-member-search][hidden]{display:none}.social-group-member-empty strong{color:var(--color-app-text);font-size:.875rem}.social-group-member-empty span,.social-group-member-empty button{font-size:.75rem}.social-group-member-empty button{min-height:var(--touch-target);border:0;color:var(--color-app-brand);background:transparent;font-weight:680}@media(forced-colors:active){.social-group-member-search{border-color:CanvasText}}.social-hub.is-service-mode>.social-workspace,.social-hub.is-service-mode>.social-profile,.social-hub.is-service-mode>[data-group-panel],.social-hub.is-service-mode :is([data-group-thread-section],[data-direct-thread-section],[data-thread-empty]){display:none}.social-hub.is-service-mode .service-workspace{display:grid}.service-workspace{grid-column:2;min-width:0;min-height:0;grid-template-rows:auto auto minmax(0,1fr);background:var(--color-app-surface)}.service-toolbar{border-bottom:1px solid var(--color-app-seam)}.service-conversation-grid{display:grid;min-width:0;min-height:0;grid-template-columns:minmax(0,1fr) minmax(17rem,21rem)}.service-empty-state{display:grid;width:min(100% - var(--space-8),34rem);align-self:center;justify-self:center;gap:var(--space-3);justify-items:center;padding:var(--space-8) var(--space-5);text-align:center}.service-empty-state[hidden]{display:none}.service-empty-symbol{display:grid;width:3.5rem;height:3.5rem;place-items:center;border:1px solid var(--color-app-seam);border-radius:50%;color:var(--color-app-brand);background:var(--color-app-raised)}.service-empty-symbol svg{width:1.5rem;height:1.5rem;fill:none;stroke:currentColor;stroke-linecap:round;stroke-linejoin:round;stroke-width:1.8}.service-empty-state :is(h2,p){margin:0}.service-empty-state p{max-width:30rem;color:var(--color-app-muted)}.service-empty-actions{display:flex;flex-wrap:wrap;gap:var(--space-2);justify-content:center}.service-context-toggle{display:none}.service-timeline-pane{display:grid;min-width:0;min-height:0;grid-template-rows:auto auto minmax(0,1fr) auto;border-right:1px solid var(--color-app-seam)}.service-security-notice{display:flex;flex-wrap:wrap;gap:var(--space-1) var(--space-3);padding:var(--space-2) var(--space-4);border-bottom:1px solid var(--color-app-seam);color:var(--color-app-muted);background:var(--color-app-raised);font-size:.75rem}.service-security-notice strong{color:var(--color-app-text)}.service-message-list{display:flex;min-height:0;flex-direction:column;gap:var(--space-3);margin:0;padding:var(--space-4);overflow-y:auto;list-style:none}.service-message-empty{display:grid;min-height:100%;place-items:center;padding:var(--space-8) var(--space-4);color:var(--color-app-muted);text-align:center}.service-message,.service-event-card{display:grid;width:fit-content;max-width:min(42rem,82%);gap:var(--space-1)}.service-message{padding:var(--space-3);border:1px solid var(--color-app-seam);border-radius:var(--radius-md);background:var(--color-app-raised)}.service-message.is-own{align-self:end;border-color:color-mix(in srgb,var(--color-app-brand) 42%,var(--color-app-seam));background:color-mix(in srgb,var(--color-app-brand) 10%,var(--color-app-raised))}.service-message.is-failed{border-color:var(--color-error)}.service-message p,.service-event-card p{margin:0;overflow-wrap:anywhere;white-space:pre-wrap}.service-message time,.service-event-card time{color:var(--color-app-muted);font-size:.6875rem}.service-event-card{width:min(100%,36rem);max-width:100%;align-self:center;padding:var(--space-3) var(--space-4);border:1px solid var(--color-app-seam);border-inline-start:3px solid var(--color-app-brand);border-radius:var(--radius-md);background:var(--color-app-surface-soft)}.service-message-report{width:fit-content;padding:0;border:0;color:var(--color-app-muted);background:transparent;font:inherit;font-size:.6875rem;cursor:pointer}.service-load-older{justify-self:center;margin-top:var(--space-2)}.service-composer{display:grid;grid-template-columns:minmax(0,1fr) auto;gap:var(--space-2);align-items:end;padding:var(--space-3);border-top:1px solid var(--color-app-seam);background:var(--color-app-raised)}.service-composer textarea{width:100%;min-height:var(--touch-target);max-height:9rem}.service-context-pane{min-width:0;padding:var(--space-4);overflow-y:auto}.service-context-heading :is(span,h2){margin:0}.service-context-heading span{color:var(--color-app-muted);font-size:.6875rem;font-weight:720;letter-spacing:.06em;text-transform:uppercase}[data-service-bookings]{display:grid;gap:var(--space-3);margin-block:var(--space-4)}.service-booking-card{display:grid;gap:var(--space-2);padding:var(--space-3);border:1px solid var(--color-app-seam);border-radius:var(--radius-md);background:var(--color-app-raised)}.service-booking-card>time,.service-booking-card>small{color:var(--color-app-muted);font-size:.75rem}.service-booking-actions,.service-booking-actions details,.service-booking-actions form{display:grid;gap:var(--space-2)}.service-booking-actions details{padding-top:var(--space-2);border-top:1px solid var(--color-app-seam)}.service-booking-actions summary{min-height:var(--touch-target);cursor:pointer}.service-thread-avatar{display:grid;width:2.25rem;height:2.25rem;flex:0 0 auto;place-items:center;border:1px solid var(--color-app-seam);border-radius:50%;color:var(--color-app-brand);background:var(--color-app-raised);font-size:.6875rem;font-weight:760}.service-thread-link>span:nth-child(2){display:grid;min-width:0;text-align:start}.service-thread-link small{overflow:hidden;color:var(--color-app-muted);text-overflow:ellipsis;white-space:nowrap}@media(max-width:74.9375rem){.service-conversation-grid{grid-template-columns:minmax(0,1fr) 18rem}}@media(max-width:47.9375rem){.cp-app-shell[data-app-section=inbox] :is(.service-workspace,.service-context-pane){grid-row:1;grid-column:1}.social-hub.is-service-mode:not(.is-service-open):not(.is-service-index-empty) .service-workspace,.social-hub.is-service-open>.social-rail{display:none}.social-hub.is-service-mode.is-service-index-empty>.social-rail{display:none}.social-hub:is(.is-service-open,.is-service-index-empty) .service-workspace{display:grid;height:100%}.service-context-toggle:not([hidden]){display:grid}.service-conversation-grid{grid-template-columns:minmax(0,1fr);overflow:hidden}.service-timeline-pane{border-right:0}.service-context-pane{display:none;background:var(--color-app-surface)}.social-hub.is-service-context-open .service-timeline-pane{display:none}.social-hub.is-service-context-open .service-context-pane{display:block}.service-message,.service-event-card{max-width:92%}}@media(forced-colors:active){.service-message,.service-event-card,.service-booking-card{border-color:CanvasText}}