/* Phone-specific surfaces; desktop navigation stays unchanged. */
.mobile-inbox-back,.mobile-inbox-search,.mobile-nav-scrim,.mobile-reaction-action{display:none}
@media(max-width:650px){
 .content-header{min-height:64px;padding:10px 14px;gap:6px}
 .content-header h2{font:600 20px/1.2 Arial,sans-serif}
 .content-header .overline{font-size:9px;margin-bottom:4px}
 #thread-scroll .thread-article .body,#thread-scroll .message-payload{max-width:100%}
 .thread-article h1{font:600 24px/1.25 Arial,sans-serif}
 .channel,.conversation-button{min-height:44px}
 .mobile-nav-toggle{order:-1;min-height:44px}
 .server-rail .server-button:first-child{order:-2}
 .mobile-nav-scrim{position:fixed;inset:0 0 0 min(304px,calc(100vw / var(--ui-zoom) - 24px));border:0;background:#07121ba6;z-index:39}
 .mobile-nav-open .mobile-nav-scrim{display:block}
 .mobile-nav-open .server-rail{z-index:41}
 .mobile-nav-open .channel-rail,.mobile-nav-open .user-strip{z-index:42}
 .mobile-nav-open .channel-rail,.mobile-nav-open .user-strip{width:min(250px,calc(100vw / var(--ui-zoom) - 78px))}
 .mobile-nav-open .channel-rail{padding-top:env(safe-area-inset-top)}
 .mobile-nav-open .user-strip{padding-bottom:max(12px,env(safe-area-inset-bottom))}
 .mobile-dm-conversation .content-header{display:none}
 #dms-view:not([hidden])>.conversation-list{display:block;overflow:auto;min-height:0;border:0;padding:12px}
 #dms-view:not([hidden])>.dm-content{display:none}
 .mobile-dm-conversation #dms-view>.conversation-list{display:none}
 .mobile-dm-conversation #dms-view>.dm-content{display:flex}
 .mobile-inbox-back{display:inline-grid;place-items:center;flex:none;width:44px;height:44px;border:0;background:none;color:var(--sea);font-size:24px}
 .mobile-inbox-search{display:block;margin:0 0 12px}
 .conversation-list>header{display:none}
 .conversation-button{width:100%;text-align:left}
 .dm-header{padding:8px;gap:4px;min-height:64px}
 .dm-peer{min-width:0;flex:1}
 .live-chat-head{padding:10px 14px}
 .live-chat-head h3{font:600 20px/1.2 Arial,sans-serif}
 .live-chat-head p:empty{display:none}
 .msg-react-btn,.msg-menu-trigger,.dm-menu-trigger,dialog .dialog-close{min-width:44px;min-height:44px}
 .user-strip button{min-width:44px;min-height:44px}
 .msg-content-line{gap:0}
 .msg-tools{gap:0}
 .msg-tools>.msg-react-btn{display:none}
 .opt-menu .mobile-reaction-action{display:block}
 .live-chat-messages,.messages,#thread-scroll,.conversation-list{overscroll-behavior-y:contain}
 dialog[open]{border-radius:0;overscroll-behavior:contain}
 #member-dialog[open],#friends-dialog[open]{margin:auto 0 0;width:100%;max-width:100%;max-height:calc(var(--phone-height,100dvh) / var(--ui-zoom) - 20px);padding-bottom:env(safe-area-inset-bottom)}
 #settings-dialog[open],#compose-dialog[open],#piazza-answer-dialog[open]{margin:0;width:100%;max-width:100%;height:calc(var(--phone-height,100dvh) / var(--ui-zoom));max-height:calc(var(--phone-height,100dvh) / var(--ui-zoom));border:0}
 .compose-dialog form>header{position:sticky;top:0;z-index:5;background:var(--foam);padding:16px 60px 16px 18px}
 .compose-dialog form>footer{position:sticky;bottom:0;background:var(--foam);padding:12px 0 max(12px,env(safe-area-inset-bottom));z-index:5}
 .settings-dialog form>footer{padding-bottom:max(12px,env(safe-area-inset-bottom))}
 .compose-fields{padding:18px}
 .compose-dialog form>footer{padding-left:18px;padding-right:18px}
}