.social-chat.direct-chat-layout,.social-chat.group-chat-layout{height:var(--nx-chat-height,calc(100dvh - 310px));min-height:190px;max-height:none;align-items:stretch;overflow:hidden}
.social-chat.direct-chat-layout>#chat-pane,.social-chat.group-chat-layout>#group-chat-pane{height:100%;min-height:0;max-height:none;overflow:hidden;display:flex;flex-direction:column;gap:0;padding:20px 24px}
.social-chat>.panel:first-child{position:static;min-height:0;max-height:none;overflow-y:auto;overscroll-behavior:contain;scrollbar-width:thin}
.social-chat .message-conversation-heading{flex:0 0 auto;min-width:0;margin:0;padding-bottom:16px;border-bottom:1px solid var(--line)}
.social-chat .chat-thread,.social-chat .group-thread{flex:1 1 0;min-height:0;max-height:none;width:100%;padding:16px 3px;overflow-y:auto;overflow-x:hidden;scroll-padding-block:14px}
.social-chat .message-compose{flex:0 0 auto;margin-top:0;background:var(--panel);padding-bottom:max(0px,env(safe-area-inset-bottom));min-width:0}
.social-chat .chat-compose-meta{flex-wrap:wrap}.social-chat .chat-compose-meta small{line-height:1.5}.social-chat .chat-compose-meta [data-chat-file-status]{max-width:100%}
.social-chat .group-management{flex:0 1 auto;max-height:38%;overflow:auto;overscroll-behavior:contain;margin:12px 0;padding:13px}.social-chat .group-management:not([open]){flex:0 0 auto;overflow:visible;max-height:none}
.social-chat .group-context-role,.social-chat>.context-role-badge{flex:0 0 auto}.social-chat .chat-draft-attachment{padding:7px;margin-bottom:7px}.social-chat .chat-draft-attachment img{height:44px;width:58px}
.social-chat .chat-draft-attachment small{max-width:40ch}.social-chat .message-options[open]{z-index:5}.social-chat .message-options[open]>div{position:relative}
@media(max-width:820px){.social-chat.direct-chat-layout,.social-chat.group-chat-layout{display:flex;flex-direction:column;align-items:stretch;height:auto;min-height:0;overflow:visible}.social-chat>.panel:first-child{max-height:200px;flex:0 0 auto;overflow-y:auto;border-bottom:1px solid var(--line)}.social-chat.direct-chat-layout>#chat-pane,.social-chat.group-chat-layout>#group-chat-pane{height:var(--nx-chat-height,calc(100dvh - 110px));min-height:300px;max-height:none;flex:none;border-radius:0 0 14px 14px}.direct-sidebar-note{margin:10px 2px 0}.social-chat .direct-contact-list{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:5px}.social-chat .message-contact{min-width:0;padding:9px}.social-chat .message-contact strong,.social-chat .message-contact small{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.social-chat .message-conversation-heading{padding-bottom:12px}.social-chat .group-management{max-height:30%}}
@media(max-width:480px){.social-chat.direct-chat-layout>#chat-pane,.social-chat.group-chat-layout>#group-chat-pane{padding:14px}.social-chat .direct-contact-list{grid-template-columns:1fr}.social-chat>.panel:first-child{max-height:168px}.social-chat .chat-thread,.social-chat .group-thread{padding-block:12px}.social-chat .message-conversation-heading .badge{max-width:90px;text-align:center}.social-chat .chat-draft-attachment small{display:none}}