/* Social presentation only. Existing transports, media and input IDs stay intact. */
.social-panel,.chat-hub,.people-context-panel {color:var(--theme-text-primary,#f4f4f6);background:linear-gradient(155deg,rgba(var(--theme-surface-card-rgb,12,12,14),.97),rgba(var(--theme-surface-base-rgb,7,7,8),.99));border-color:rgba(var(--theme-border-subtle-rgb,69,69,74),.65)}
.social-panel .social-header {min-height:38px;gap:9px}.social-panel .social-header h2 {font-size:20px;display:flex;align-items:center;gap:8px}.social-count {display:inline-grid;place-items:center;min-width:22px;height:22px;padding:0 5px;border-radius:8px;background:rgba(var(--theme-text-primary-rgb,244,244,246),.08);color:var(--theme-text-secondary,#c0c0c7);font-size:11px;font-weight:600}
.social-panel .social-header>button[aria-label^=Fechar],.social-inline-add header button,.chat-hub .panel-header>button,.people-context-panel .panel-header>button {width:32px;height:32px;min-height:32px;min-width:32px;border:1px solid rgba(var(--theme-border-subtle-rgb,69,69,74),.65);border-radius:50%;padding:6px;background:transparent}
.social-panel .social-search {margin:14px 0 12px;gap:8px;flex:none}.social-panel .social-search label {border-radius:10px;padding:0 10px;gap:7px}.social-panel .social-search input {min-width:0;width:100%;height:38px;padding:8px 0;font-size:12px}.social-panel .social-search [data-social=add] {padding:7px 9px;min-height:38px;background:var(--theme-primary,#f1f1f3);border-color:var(--theme-primary,#f1f1f3);color:var(--theme-on-primary,#0e0e10);font-size:11px}.social-panel .social-search [data-social=add] span {display:inline}.social-panel .social-search [data-social=add] svg {width:16px;height:16px}
.social-panel .social-tabs {gap:6px;align-items:center;padding:0 0 12px;border:0;position:relative;flex:none}.social-panel .social-tabs>button {display:flex;align-items:center;gap:4px;min-height:30px;padding:5px 8px;border:1px solid rgba(var(--theme-border-subtle-rgb,69,69,74),.65);border-radius:18px;font-size:11px;transition:background .18s,color .18s,border-color .18s}.social-panel .social-tabs>button b {display:grid;place-items:center;min-width:16px;height:16px;padding:0 3px;border-radius:9px;background:rgba(var(--theme-text-primary-rgb,244,244,246),.1);font-size:10px}.social-panel .social-tabs>button[aria-pressed=true] {background:var(--theme-primary,#f1f1f3);color:var(--theme-on-primary,#0e0e10);border-color:var(--theme-primary,#f1f1f3)}.social-panel .social-tabs>button[aria-pressed=true] b {background:rgba(var(--theme-on-primary-rgb,14,14,16),.14);color:inherit}.social-panel .social-tabs>.social-settings {margin-left:auto;border-color:transparent;width:30px;height:30px;min-width:30px;padding:5px}.social-panel .social-tabs>.social-settings svg {width:18px;height:18px}
.social-panel .social-people {padding:0;display:flex;flex-direction:column;gap:7px;scrollbar-width:thin;scrollbar-color:rgba(var(--theme-scrollbar-rgb,85,85,92),.65) transparent}.social-panel .social-person {display:flex;align-items:center;gap:9px;margin:0;padding:10px;border:1px solid rgba(var(--theme-border-subtle-rgb,69,69,74),.48);border-radius:11px;background:rgba(var(--theme-surface-interactive-rgb,28,28,31),.22);min-height:64px;flex:none;transition:border-color .18s,background .18s}.social-panel .social-person:hover,.social-panel .social-person:focus-within {background:rgba(var(--theme-surface-hover-rgb,43,43,47),.45);border-color:rgba(var(--theme-border-strong-rgb,110,110,117),.65)}
.social-panel .social-person>.avatar,.social-panel .social-person>.social-profile-link {flex:none;width:40px;height:40px}.social-panel .social-person .avatar {width:40px;height:40px}.social-panel .social-person-name {display:flex;flex-wrap:wrap;align-items:center;gap:4px 5px;flex:1;min-width:0}.social-panel .social-person-name>strong,.social-panel .social-person-name>.social-profile-link {flex-basis:100%;text-align:left;font-size:12px;min-width:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.social-panel .social-person-name>.social-profile-link strong {display:block;overflow:hidden;text-overflow:ellipsis}.social-panel .social-person-name .social-presence {font-size:10px;max-width:100%;color:var(--theme-text-muted,#9d9da6)}.social-panel .social-person-name .social-presence.is-online {color:var(--theme-success,#29db91)}.social-panel .social-person-name .social-presence.is-dnd {color:var(--theme-danger-text,#f16c7c)}
.social-panel .social-room-label {border:1px solid color-mix(in srgb,var(--theme-functional,#3d9cff) 40%,transparent);background:color-mix(in srgb,var(--theme-functional,#3d9cff) 8%,transparent);color:var(--theme-functional,#3d9cff);padding:1px 4px;border-radius:5px;font-size:9px;white-space:nowrap}.social-panel .social-game-context {flex-basis:100%;max-width:100%;font-size:10px}.social-panel .social-game-context svg {width:12px;height:12px}
.social-person-actions {display:flex;align-items:center;gap:5px;flex:none}.social-person-actions:has(.social-room-join) {display:grid;grid-template-columns:30px 30px;gap:5px}.social-person-actions .social-room-join {grid-column:1/-1;min-height:26px;padding:3px 5px;font-size:9px;width:100%}.social-person-actions .social-room-join svg {width:11px;height:11px}.social-person-actions>.social-button {width:30px;height:30px;min-width:30px;min-height:30px;padding:6px;background:transparent;border-color:transparent;color:var(--theme-text-secondary,#c0c0c7);opacity:.72}.social-person-actions>.social-button svg {width:17px;height:17px}.social-person:hover .social-person-actions>.social-button,.social-person:focus-within .social-person-actions>.social-button {opacity:1;border-color:rgba(var(--theme-border-subtle-rgb,69,69,74),.65)}
.social-panel .social-person.is-request {flex-wrap:wrap;padding:10px;gap:9px}.social-request-actions {display:flex;gap:6px;margin-left:49px;flex-basis:100%}.social-panel .social-request-actions .social-button {min-height:30px;min-width:0;padding:5px 9px;font-size:11px;background:transparent}.social-panel .social-request-actions [data-primary] {background:rgba(38,135,255,.13);border-color:rgba(61,156,255,.6);color:var(--theme-functional,#3d9cff)}.social-panel .social-request-actions [data-decline] {background:rgba(240,68,101,.1);border-color:rgba(240,68,101,.42);color:var(--theme-danger-text,#f16c7c)}.social-request-actions svg {width:15px;height:15px}.social-request-group {display:grid;gap:7px;flex:none}.social-request-group h3 {margin:8px 0 2px;font-size:12px;display:flex;align-items:center;gap:6px}.social-request-group h3 b {font-size:10px;color:var(--theme-text-secondary,#c0c0c7)}
.social-inline-add {flex:none;margin:0 0 10px;padding:12px;border:1px solid rgba(var(--theme-border-subtle-rgb,69,69,74),.7);border-radius:12px;background:rgba(var(--theme-surface-interactive-rgb,28,28,31),.3);animation:social-detail-in .18s ease-out}.social-inline-add header {display:flex;align-items:center;justify-content:space-between;gap:6px;font-size:13px}.social-inline-add header button {width:26px;height:26px;min-height:26px;min-width:26px;padding:5px}.social-inline-add header svg {width:16px;height:16px}.social-inline-add>p {margin:6px 0 10px;font-size:11px;color:var(--theme-text-secondary,#c0c0c7)}.social-inline-add #social-add {display:flex;gap:7px;margin:0}.social-add-field {display:flex;align-items:center;gap:7px;flex:1;min-width:0;border:1px solid var(--theme-border-subtle,#45454a);border-radius:9px;background:var(--theme-input,#131316);padding:0 9px}.social-add-field>span {color:var(--theme-text-muted,#9d9da6);font-size:13px}.social-inline-add #social-username {width:100%;min-width:0;margin:0;padding:10px 0;background:transparent;border:0;font-size:12px;height:38px}.social-inline-add #social-add>button {width:38px;height:38px;min-width:38px;min-height:38px;padding:8px}.social-inline-add>small {display:block;margin-top:7px;color:var(--theme-text-muted,#9d9da6);font-size:10px}.social-inline-add>.social-add-success {display:flex;align-items:center;gap:6px;margin:10px 0 0;padding:8px;border-radius:8px;color:var(--theme-success-text,#82d7a9);background:rgba(var(--theme-success-rgb,41,219,145),.08)}.social-add-success svg {width:14px;height:14px}
.social-empty-state {display:flex;flex:1;flex-direction:column;align-items:center;justify-content:center;gap:10px;min-height:130px;padding:20px;text-align:center;color:var(--theme-text-secondary,#c0c0c7)}.social-empty-state>svg {width:38px;height:38px;opacity:.65}.social-empty-state strong {font-size:14px;color:var(--theme-text-primary,#f4f4f6)}.social-empty-state p {font-size:12px;line-height:1.5;margin:0;max-width:240px}
.social-panel .social-settings-popover,.social-panel .social-menu,.social-mute-submenu {animation:social-detail-in .16s ease-out}.social-panel .social-settings-popover {width:min(262px,calc(100vw - 24px))}.social-panel .social-settings-popover button {border-radius:7px;transition:background .16s}.social-panel .social-settings-popover button:hover {background:rgba(var(--theme-surface-hover-rgb,43,43,47),.65)}
.chat-hub>.panel-header,.people-context-panel>.panel-header {min-height:58px;padding:0 16px;font-size:19px;flex:none}.chat-hub .chat-hub-tabs {position:relative;display:flex;gap:4px;margin:0 14px 12px;padding:4px;border:1px solid rgba(var(--theme-border-subtle-rgb,69,69,74),.65);border-radius:12px;background:rgba(var(--theme-surface-interactive-rgb,28,28,31),.3)}.chat-hub .chat-hub-tabs>button {flex:1;min-height:34px;border:0;border-radius:8px;padding:7px 10px;font-size:12px;gap:6px;transition:background .18s,color .18s,box-shadow .18s}.chat-hub .chat-hub-tabs>button svg {width:17px;height:17px}.chat-hub .chat-hub-tabs>button[aria-pressed=true] {background:var(--theme-primary,#f1f1f3);color:var(--theme-on-primary,#0e0e10);box-shadow:0 2px 6px rgba(0,0,0,.12)}.chat-hub-tabs [aria-pressed=true] .chat-hub-badge {background:rgba(var(--theme-on-primary-rgb,14,14,16),.13);color:inherit}
.chat-hub .chat-conversations {padding:0 14px 14px;gap:9px}.chat-hub .chat-conversation-search {padding:8px 10px;gap:7px;min-height:38px;flex:none}.chat-hub .chat-conversation-search svg {display:block;width:16px;height:16px}.chat-hub #chat-conversation-list {scrollbar-width:thin;scrollbar-color:rgba(var(--theme-scrollbar-rgb,85,85,92),.65) transparent}.chat-conversation-group h3 {margin:8px 7px 7px;font-size:11px;font-weight:500;color:var(--theme-text-muted,#9d9da6)}.chat-hub .chat-conversation {padding:10px 8px;gap:9px;min-height:64px;transition:background .18s,border-color .18s}.chat-hub .chat-conversation:first-of-type {background:rgba(var(--theme-surface-interactive-rgb,28,28,31),.4);border-color:rgba(var(--theme-border-subtle-rgb,69,69,74),.55)}.chat-hub .chat-conversation:hover {background:rgba(var(--theme-surface-hover-rgb,43,43,47),.55)}.chat-hub .chat-conversation .chat-profile-avatar>.avatar {width:38px;height:38px}.chat-hub .chat-conversation .social-presence {font-size:11px}.chat-hub .chat-conversation-meta time {display:block;font-size:10px}.chat-hub-badge {min-width:18px;height:18px;font-size:10px}
.chat-hub.is-conversation>.panel-header,.chat-hub.is-conversation>.chat-hub-tabs {display:none}.chat-hub.is-conversation #chat-dm-host .social-header>[data-social=close] {display:inline-flex}.chat-hub.is-conversation #chat-dm-host>.social-panel {padding:14px;background:transparent}.chat-hub.is-conversation .social-header {padding-bottom:12px;gap:8px}.chat-hub.is-conversation .social-header .avatar {width:32px;height:32px}.chat-hub.is-conversation .social-header .social-person-name {display:grid;gap:3px;font-size:13px}.chat-hub.is-conversation .social-header .social-button {width:30px;height:30px;min-width:30px;min-height:30px;padding:6px}.chat-hub.is-conversation .social-header .social-person-name small {font-size:10px}.chat-hub .social-expiry {border:0;background:transparent;padding:5px 0;font-size:10px;margin:4px 0 0}
.social-panel .social-messages {gap:14px;padding:14px 0;scrollbar-width:thin}.social-panel .social-message {position:relative;max-width:88%;background:transparent;border:0;padding:0;animation:social-detail-in .16s ease-out}.social-message-author {display:flex;align-items:center;gap:7px;margin:0 0 5px;color:var(--theme-text-muted,#9d9da6);font-size:10px}.social-panel .social-message-author .avatar {width:24px;height:24px}.social-message-bubble {padding:9px 11px 5px;border-radius:12px;background:var(--theme-surface-interactive,#1c1c1f);color:var(--theme-text-primary,#f4f4f6);border:1px solid rgba(var(--theme-border-subtle-rgb,69,69,74),.4)}.social-panel .social-message.is-own {background:transparent;border:0}.social-message.is-own .social-message-bubble {background:var(--theme-primary,#f1f1f3);color:var(--theme-on-primary,#0e0e10);border-color:transparent}.social-message.is-continuation {margin-top:-10px}.social-message.is-continuation .social-message-bubble {border-top-left-radius:5px}.social-message.is-own.is-continuation .social-message-bubble {border-top-left-radius:12px;border-top-right-radius:5px}.social-message time {font-size:9px;opacity:.65}.social-message p {font-size:12px}.social-message-bubble a,.social-message-bubble button {color:inherit}.social-message-bubble .social-attachment {max-width:100%}
.social-composer-field,.chat-composer-field {display:flex;align-items:center;flex:1;min-width:0;padding:3px;border:1px solid var(--theme-border-subtle,#45454a);border-radius:13px;background:var(--theme-input,#131316)}.social-panel .social-composer {gap:7px;padding-top:10px}.social-panel .social-draft-wrap {border:0;background:transparent;flex:1;min-width:0}.social-composer-field>[data-social=attach] {width:32px;height:34px;min-width:32px;min-height:34px;padding:6px;border:0;background:transparent}.social-composer-field .social-button svg {width:18px;height:18px}.social-panel .social-draft-wrap textarea {min-width:0;width:100%;font-size:12px;padding:9px 3px;min-height:36px}.social-panel .social-composer>button[type=submit] {width:38px;height:38px;min-width:38px;min-height:38px;border-radius:50%;padding:9px;background:var(--theme-primary,#f1f1f3);color:var(--theme-on-primary,#0e0e10)}
.chat-hub .chat-hub-room {flex-direction:column;min-height:0}.chat-room-context {display:flex;align-items:center;gap:7px;margin:0 14px;padding:0 0 10px;border-bottom:1px solid rgba(var(--theme-border-subtle-rgb,69,69,74),.45);font-size:11px;flex:none}.chat-room-context svg {width:16px;height:16px}.chat-room-context>span {margin-left:auto;font-size:10px;color:var(--theme-text-muted,#9d9da6)}.chat-hub-room>.chat-panel {display:flex;flex-direction:column;flex:1;min-height:0;height:auto;background:transparent}.chat-hub .chat-messages {flex:1;min-height:0;padding:14px;scrollbar-width:thin}.chat-messages:has(.room-chat-empty) {display:flex}.room-chat-empty {min-height:0;flex:1}.chat-hub .chat-group {display:flex;flex-direction:column;gap:4px;margin:0 0 16px;align-items:flex-start}.chat-hub .chat-group.own-message {align-items:flex-end}.chat-hub .chat-message-meta {margin:0 0 3px;gap:6px;max-width:100%}.chat-hub .chat-message-meta .avatar {width:24px;height:24px;flex:0 0 24px}.chat-hub .chat-message-meta span {font-size:10px;font-weight:500;color:var(--theme-text-muted,#9d9da6)}.chat-hub .chat-message-meta time {font-size:9px}.chat-hub .chat-message {max-width:90%;padding:8px 10px;border:1px solid rgba(var(--theme-border-subtle-rgb,69,69,74),.4);border-radius:11px;background:var(--theme-surface-interactive,#1c1c1f);color:var(--theme-text-primary,#f4f4f6);font-size:12px}.chat-hub .chat-message p {margin:0;line-height:1.5}.chat-hub .own-message .chat-message {background:var(--theme-primary,#f1f1f3);color:var(--theme-on-primary,#0e0e10);border-color:transparent}.chat-hub .chat-group .chat-message+.chat-message {border-top-left-radius:5px}.chat-hub .chat-group.own-message .chat-message+.chat-message {border-top-left-radius:11px;border-top-right-radius:5px}.chat-hub .copy-message {color:inherit}.chat-hub .chat-composer {display:flex;align-items:center;flex-wrap:wrap;gap:7px;padding:10px 14px;background:transparent;flex:none}.chat-composer>.chat-pending-attachment {flex-basis:100%}.chat-hub .chat-composer-field .attachment-button {width:32px;height:36px;min-height:36px;min-width:32px;border:0;border-radius:9px;flex:none}.chat-hub .chat-draft-wrap {border:0;background:transparent;border-radius:0;flex:1;min-width:0}.chat-hub .chat-draft-wrap #chat-input {min-width:0;height:36px;min-height:36px;padding:9px 3px;border:0;background:transparent;font-size:12px}.chat-hub .chat-composer .send-button {width:38px;height:38px;min-height:38px;min-width:38px;background:var(--theme-primary,#f1f1f3);color:var(--theme-on-primary,#0e0e10);box-shadow:none;padding:9px}.chat-hub .chat-composer .send-button svg {width:18px;height:18px}
.call-workspace>.people-context-panel {display:flex;flex-direction:column;height:max-content;max-height:min(100%,640px);align-self:start;animation:social-detail-in .18s ease-out}.people-context-panel .panel-header>span {display:flex;align-items:center;gap:8px}.people-context-panel .panel-header>span>svg {width:20px;height:20px}.people-context-intro {font-size:11px;color:var(--theme-text-muted,#9d9da6);padding:0 16px;margin:0 0 8px;flex:none}.people-context-panel .people-list {display:flex;flex-direction:column;overflow:auto;gap:7px;padding:0 12px 12px;min-height:0;scrollbar-width:thin}.people-context-panel .people-row {display:flex;align-items:center;gap:9px;min-height:66px;padding:10px;border:1px solid rgba(var(--theme-border-subtle-rgb,69,69,74),.45);background:rgba(var(--theme-surface-interactive-rgb,28,28,31),.22);border-radius:11px;flex:none;transition:background .18s,border-color .18s}.people-context-panel .people-row.speaking {border-color:color-mix(in srgb,var(--theme-success,#29db91) 55%,transparent);background:color-mix(in srgb,var(--theme-success,#29db91) 4%,transparent)}.people-context-panel .people-row>.avatar {width:40px;height:40px;flex:none}.people-context-panel .people-row-copy {display:grid;flex:1;min-width:0;gap:4px}.people-context-panel .people-row-copy strong {font-size:12px}.people-row-badges {display:flex;align-items:center;gap:5px;flex-wrap:wrap}.people-row-badges small {font-size:9px;color:var(--theme-text-muted,#9d9da6);line-height:1.5}.people-row-badges .people-role.is-leader {display:inline-flex;align-items:center;gap:3px;color:var(--theme-warning-text,#f3c25f)}.people-row-badges svg {width:11px;height:11px}.people-row-badges .people-streaming {display:inline-flex;align-items:center;gap:3px;color:var(--theme-functional,#3d9cff)}.people-context-panel .people-row-copy>.people-game {display:flex;gap:4px;align-items:center;color:var(--theme-text-secondary,#c0c0c7);font-size:10px;min-width:0}.people-game span {overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.people-game svg {width:12px;height:12px;flex:none}.people-context-panel [hidden] {display:none!important}.people-row-controls {display:flex;align-items:center;gap:4px;flex:none}.people-row-controls .people-row-state>svg {width:16px;height:16px}.people-context-panel .people-row-volume {width:28px;height:28px;min-width:28px;min-height:28px;margin:0;padding:5px;border:1px solid transparent;border-radius:50%;opacity:.7;background:transparent}.people-row:hover .people-row-volume,.people-row:focus-within .people-row-volume {opacity:1;border-color:var(--theme-border-subtle,#45454a)}.people-speaking-bars {height:15px;display:flex;align-items:center;gap:2px;margin-right:3px}.people-speaking-bars i {width:2px;height:8px;background:var(--theme-success,#29db91);border-radius:2px;animation:people-audio-level .65s ease-in-out infinite alternate}.people-speaking-bars i:nth-child(2){height:13px;animation-delay:-.2s}.people-speaking-bars i:nth-child(3){height:6px;animation-delay:-.4s}
.social-panel button,.chat-hub button,.people-context-panel button {cursor:pointer;transition:background .18s,border-color .18s,color .18s,opacity .18s,transform .12s}.social-panel button:not(:disabled):active,.chat-hub button:not(:disabled):active,.people-context-panel button:not(:disabled):active {transform:scale(.96)}.social-panel button:focus-visible,.chat-hub button:focus-visible,.people-context-panel button:focus-visible {outline:2px solid var(--theme-focus,#88baff);outline-offset:2px}.social-panel button:disabled,.chat-hub button:disabled {cursor:wait}.social-composer-field:focus-within,.chat-composer-field:focus-within,.social-add-field:focus-within {border-color:var(--theme-focus,#88baff)}
@keyframes social-detail-in {from{opacity:0;transform:translateY(5px)}to{opacity:1;transform:none}}@keyframes people-audio-level {to{transform:scaleY(.55)}}
@container(max-width:345px){.social-panel .social-tabs {gap:4px}.social-panel .social-tabs>button {padding:5px 6px;font-size:10px}.social-panel .social-search [data-social=add] span {display:none}.social-panel .social-person {padding:8px;gap:7px}.social-panel .social-person-name {font-size:11px}.social-panel .social-person-actions .social-room-join {font-size:8px}.social-panel .social-tabs>button b {font-size:9px;min-width:14px}.people-row-controls {gap:2px}}
@media(max-width:760px){.social-panel .social-tabs {gap:5px}.social-panel .social-tabs>button {font-size:10px;padding:5px 7px}.chat-hub .chat-conversations {padding:0 10px 10px}.chat-hub .chat-conversation-meta time {display:block}.call-workspace>.people-context-panel {height:max-content;max-height:calc(100dvh - 190px);bottom:auto}.chat-hub .chat-composer {padding:9px 10px}.chat-hub .chat-message {max-width:94%}.people-context-panel .people-row {padding:8px;gap:7px}}
@media(prefers-reduced-motion:reduce){.social-panel,.social-panel *,.chat-hub,.chat-hub *,.people-context-panel,.people-context-panel * {animation:none!important;transition:none!important}}

.social-panel:not(.is-docked) .social-person,.social-panel.is-docked .social-person {margin:0;padding:10px}.social-panel:not(.is-docked):not(.social-chat) {width:min(440px,calc(100vw - 24px))}.social-panel .social-draft-wrap textarea:focus,.chat-hub .chat-draft-wrap #chat-input:focus {outline:none;box-shadow:none}.people-context-panel .people-row.speaking .people-row-copy>.people-game {color:var(--theme-text-secondary,#c0c0c7)}
@media(prefers-reduced-motion:reduce){.chat-hub {animation:none!important}}

.chat-hub .send-button.is-submitting {position:relative}.chat-hub .send-button.is-submitting svg {opacity:0}.chat-hub .send-button.is-submitting:after {content:'';position:absolute;width:16px;height:16px;border:2px solid currentColor;border-right-color:transparent;border-radius:50%;animation:social-send-spin .6s linear infinite}@media(prefers-reduced-motion:reduce){.chat-hub .send-button.is-submitting:after {animation:none}}

@keyframes social-send-spin {to {transform:rotate(360deg)}}

/* The wrapper owns the focus border; avoid a second ring around the input. */
.social-inline-add .social-add-field input:focus,.social-inline-add .social-add-field input:focus-visible {outline:none;box-shadow:none}

/* Nested room chat is content of the hub, not a second floating panel. */
.call-workspace.panel-open .chat-hub-room>.chat-panel {position:relative;inset:auto;width:100%;height:auto;max-height:none;align-self:stretch}
@media(max-width:760px){.call-workspace.panel-open>.chat-hub {height:calc(100dvh - 200px);align-self:stretch}}

/* Stable tab chrome, one sliding highlight and a short content-only fade. */
/* Full Friends from Home stays light and close to the right edge. */
.social-panel.social-home-friends {left:auto; right:16px; top:clamp(88px,12vh,120px); bottom:clamp(24px,6vh,64px); width:min(440px,calc(100vw - 48px)); padding:20px; border-radius:20px; background:linear-gradient(155deg,rgba(var(--theme-surface-card-rgb,12,12,14),.38),rgba(var(--theme-surface-base-rgb,7,7,8),.48)); border-color:rgba(var(--theme-text-primary-rgb,244,244,246),.16); backdrop-filter:blur(8px); box-shadow:0 12px 32px rgba(var(--theme-shadow-rgb,0,0,0),.12);}
.social-home-friends-backdrop {background:rgba(var(--theme-shadow-rgb,0,0,0),.12); backdrop-filter:blur(2px);}
.social-panel.social-home-friends .social-person {border-color:transparent; background:rgba(var(--theme-surface-interactive-rgb,28,28,31),.12);}
.social-panel.social-home-friends .social-person:hover,.social-panel.social-home-friends .social-person:focus-within {border-color:rgba(var(--theme-text-primary-rgb,244,244,246),.12); background:rgba(var(--theme-surface-hover-rgb,43,43,47),.24);}
.social-home-friends .social-search label {background:rgba(var(--theme-input-rgb,20,20,23),.28);}
@media(max-width:700px) {.social-panel.social-home-friends {left:auto; right:12px; top:78px; bottom:20px; width:calc(100vw - 24px); padding:16px;}}
.social-panel .social-tabs,.chat-hub .chat-hub-tabs {position:relative;isolation:isolate}
.social-tabs>.social-tab-indicator,.chat-hub-tabs>.social-tab-indicator {position:absolute;z-index:0;pointer-events:none;background:var(--theme-primary,#f1f1f3);border-radius:999px;border:1px solid transparent;box-sizing:border-box}
.chat-hub-tabs>.social-tab-indicator {border-radius:8px;box-shadow:0 2px 6px rgba(0,0,0,.12)}
.social-panel .social-tabs>button,.chat-hub .chat-hub-tabs>button {position:relative;z-index:1}
.social-panel .social-tabs:has(>.social-tab-indicator)>button[aria-pressed=true],.chat-hub .chat-hub-tabs:has(>.social-tab-indicator)>button[aria-pressed=true] {background:transparent;border-color:transparent;box-shadow:none}
.chat-hub-friends>.chat-conversations,.chat-hub-friends>.chat-dm-area {animation:none}