/* A conversation uses one fixed shell: only messages scroll, the composer stays visible. */
body #friendsDialog.friends-thread-mode[open]{display:flex!important;flex-direction:column;padding:0!important;width:min(760px,calc(100% - 20px));height:min(700px,var(--friend-chat-height,90dvh));max-height:var(--friend-chat-height,90dvh)!important;overflow:hidden!important;box-sizing:border-box}
body #friendsDialog.friends-thread-mode .friends-heading{flex:0 0 auto;padding:10px 12px;min-height:56px}
body #friendsDialog.friends-thread-mode .friends-heading h2{min-width:0;overflow-wrap:anywhere;line-height:1.3}
body #friendsDialog.friends-thread-mode .friends-body{display:flex;flex-direction:column;flex:1;min-height:0;overflow:hidden;padding:0!important}
body #friendsDialog.friends-thread-mode .friend-thread-options{flex:0 0 auto;border:0;margin:0;background:#edf5f7}
body #friendsDialog.friends-thread-mode .friend-thread-options>summary{min-height:42px;padding:10px 40px 10px 12px;font-size:14px;font-weight:700;color:#285465;box-sizing:border-box}
body #friendsDialog.friends-thread-mode .friend-thread-options-body{max-height:130px;overflow:auto;padding:0 12px 10px}
body #friendsDialog.friends-thread-mode .friend-members{margin:0}
body #friendsDialog.friends-thread-mode .friend-actions{margin:8px 0 0}
body #friendsDialog.friends-thread-mode .friend-messages{flex:1 1 0;min-height:0!important;max-height:none!important;height:auto;margin:0;padding:12px;border-radius:0;overflow-y:auto;overscroll-behavior:contain}
body #friendsDialog.friends-thread-mode .friend-composer{display:flex;flex:0 0 auto;align-items:flex-end;gap:8px;margin:0;padding:10px 12px calc(10px + env(safe-area-inset-bottom));background:#fff;border-top:1px solid #abc9ce}
body #friendsDialog.friends-thread-mode .friend-composer .field{min-width:0;flex:1;margin:0;gap:4px;font-size:13px}
body #friendsDialog.friends-thread-mode .friend-composer textarea{display:block;pointer-events:auto;resize:none;width:100%;box-sizing:border-box;min-height:48px!important;height:54px;max-height:100px;font-size:16px!important;line-height:1.4}
body #friendsDialog.friends-thread-mode .friend-composer button{min-height:48px;flex-shrink:0;margin:0;background:#087975;color:#fff}
@media(max-width:700px){body #friendsDialog.friends-thread-mode{position:fixed;top:var(--friend-chat-top,8px);bottom:auto;left:0;right:0;margin:0 auto!important;height:var(--friend-chat-height,calc(100dvh - 16px))!important;border-radius:14px}}

/* Match the full-screen center chat shell on mobile, including its list and composer. */
@media(max-width:700px){
 body.friends-chat-active{overflow:hidden!important;overscroll-behavior:none}
 body #friendsDialog.friends-chat-shell[open]{position:fixed!important;top:var(--friend-chat-top,0px)!important;bottom:auto!important;left:0!important;right:0!important;width:100%!important;max-width:100%!important;height:var(--friend-chat-height,100dvh)!important;max-height:var(--friend-chat-height,100dvh)!important;min-height:0!important;margin:0!important;padding:0!important;border:0!important;border-radius:0!important;box-shadow:none!important;transform:none!important;translate:none!important;overflow:hidden!important}
 body #friendsDialog.friends-chat-shell .friends-heading{padding:10px 12px;border-radius:0;flex-shrink:0}
 body #friendsDialog.friends-chat-shell:not(.friends-thread-mode) .friends-body{min-height:0;flex:1;overflow-y:auto;overscroll-behavior:contain}
 body #friendsDialog.friends-chat-shell::backdrop{background:#fff}
}
body #friendsDialog.friends-thread-mode .friend-composer{align-items:center}
body #friendsDialog.friends-thread-mode .friend-composer .field{font-size:0;line-height:0;gap:0}
body #friendsDialog.friends-thread-mode .friend-composer textarea{appearance:none;-webkit-appearance:none;font-family:inherit;font-size:16px!important;line-height:24px!important;letter-spacing:normal;text-indent:0;vertical-align:top;padding:11px 12px!important;border:1px solid #819bb0!important;height:48px!important;min-height:48px!important;box-sizing:border-box;transform:none!important;resize:none}
body #friendsDialog.friends-thread-mode .friend-composer button{height:48px;min-height:48px;align-self:center;line-height:24px;padding:11px 14px}
@media(max-width:700px){html:has(body.friends-chat-active){overflow:hidden!important;overscroll-behavior:none}}