.browser-client .local-test-client,.browser-client #updates-button,.browser-client #stage-select-screen-btn,.browser-client .camera-context-menu,.browser-client .workspace-call-popout,.browser-client .workspace-popout{display:none!important}
.browser-client .dock-item:has(#start-screen-btn),.browser-client .dock-item:has(#stop-screen-btn),.browser-client .dock-item:has(#afk-btn),.browser-client .screen-toolbar,.browser-client .overlay-setting{display:none!important}
.browser-client .stream-toolbar,.browser-client #stage-subtitle{display:none!important}
.browser-client .settings-nav button[aria-controls="settings-category-overlay"],.browser-client .settings-nav button[aria-controls="settings-category-keys"],.browser-client #settings-category-app{display:none!important}
.browser-client .settings-nav button[aria-controls="settings-category-app"],.browser-client .settings-nav button[aria-controls="settings-category-streams"]{display:none!important}
.browser-client .settings-category:has(#camera-device) .shortcut-settings{display:none}
.mobile-navigation{display:none}
.browser-update-required{box-sizing:border-box;max-width:min(90vw,480px);border:1px solid #486c57;border-radius:16px;background:#191b1e;color:#eee;padding:24px;font:16px system-ui}
.browser-update-required::backdrop{background:#000b}
.browser-update-required p{line-height:1.5}.browser-update-required button{padding:12px 18px;border:0;border-radius:8px;background:#80e5bd;color:#13251d;font:inherit}
@media(max-width:1100px){
 html,body.browser-client{margin:0;min-width:0!important;width:100%;height:var(--mobile-height,100dvh);overflow:hidden}
 .browser-client.workspace-design .app,.browser-client.workspace-design .app.sidebar-compact{height:calc(var(--mobile-height,100dvh) - 56px - env(safe-area-inset-bottom));min-width:0;display:grid;grid-template-columns:minmax(0,1fr)!important;grid-template-rows:minmax(0,1fr) auto!important;overflow:hidden}
 .browser-client.workspace-design .main{grid-column:1!important;grid-row:1!important;min-width:0;min-height:0;padding:0;display:flex!important}
 .browser-client .stage{min-width:0!important;min-height:0;width:100%;border-radius:0}
 .browser-client.workspace-design .server-rail,.browser-client.workspace-design .channel-panel,.browser-client.workspace-design .sidebar{display:none!important}
 .browser-client.mobile-sidebar .server-rail{display:flex!important;position:fixed;top:0;left:0;bottom:56px;width:64px;z-index:300}
 .browser-client.mobile-sidebar .channel-panel:not([hidden]){display:flex!important;position:fixed;left:64px;top:0;bottom:56px;width:calc(100vw - 64px);z-index:300;box-sizing:border-box}
 .browser-client.workspace-design .workspace-user{grid-column:1!important;grid-row:2!important;width:auto;max-height:86px;overflow:hidden;padding:4px 10px}
 .browser-client .workspace-user .status-stack,.browser-client .workspace-presence-row,.browser-client .workspace-custom-status{display:none}
 .browser-client .camera-chat-rail{display:none!important}
 .browser-client.mobile-call-chat .camera-chat-rail{display:flex!important;position:fixed;inset:70px 0 200px;width:100%!important;z-index:150;background:var(--panel,#24272b);padding:8px;box-sizing:border-box}
 .browser-client.mobile-call-chat .camera-chat-rail .chat-panel{height:100%!important;flex:1;min-height:0}
 .browser-client .community-members-panel{display:none!important}
 .browser-client .mobile-navigation{position:fixed;bottom:0;left:0;right:0;display:flex;height:calc(56px + env(safe-area-inset-bottom));padding-bottom:env(safe-area-inset-bottom);background:var(--panel,#24272b);z-index:400;justify-content:space-around;align-items:center;border-top:1px solid #3a4144}
 .mobile-navigation button{min-height:44px;background:transparent;border:0;font:inherit;color:inherit;padding:8px}
 .browser-client .community-friends{grid-template-columns:minmax(0,1fr)!important;grid-template-rows:auto auto minmax(0,1fr)!important;min-width:0!important}
 .browser-client .community-friends>header{grid-column:1!important;flex-wrap:wrap;padding:10px}
 .browser-client .community-friends>aside{grid-column:1!important;grid-row:2!important;max-height:160px;border-bottom:1px solid #3a4144}
 .browser-client .community-friends>main{grid-column:1!important;grid-row:3!important;min-height:0;min-width:0;overflow:hidden}
 .browser-client .community-friends form,.browser-client .channel-composer{padding:8px;gap:5px;flex-wrap:wrap}
 .browser-client .channel-composer textarea,.browser-client .community-friends textarea{min-width:0!important;font-size:16px}
 .browser-client .composer-formatting,.browser-client .composer-hint{display:none}
 .browser-client .community-text-view{inset:0!important;min-width:0}
 .browser-client .channel-header{flex-wrap:wrap;padding:8px;gap:6px}
 .browser-client .channel-history{padding:8px}
 .browser-client .workspace-dialog,.browser-client dialog{max-width:calc(100vw - 16px)!important;max-height:calc(var(--mobile-height,100dvh) - 24px)!important;box-sizing:border-box;padding:16px}
 .browser-client .settings-panel{position:fixed!important;inset:0 0 56px!important;width:100%!important;height:auto!important;max-width:none!important;max-height:none!important;z-index:600;transition:none}
 .browser-client .settings-panel.open{transform:none!important}
 .browser-client .settings-layout{grid-template-columns:minmax(0,1fr)!important;display:flex;flex-direction:column;overflow:hidden}
 .browser-client .community-settings .settings-nav{display:flex;flex-direction:row;overflow:auto;flex-shrink:0;gap:5px;max-height:70px;padding:6px;flex-wrap:nowrap}
 .browser-client .settings-nav button{flex-shrink:0}.browser-client .settings-nav input{display:none}
 .browser-client .settings-body{min-height:0;overflow:auto;padding:12px}
 .browser-client .account-card{max-width:calc(100vw - 24px);padding:24px;box-sizing:border-box}
 .browser-client input,.browser-client select{font-size:16px}
 .browser-client .call-dock{gap:10px;padding:8px;flex-wrap:wrap}
 .browser-client .call-media-grid{min-height:0}.browser-client .stage-body{min-height:0}
 .browser-client .publication-grid{grid-template-columns:minmax(0,1fr)!important}
 .browser-client .channel-text-header{flex-wrap:wrap;padding:8px;gap:6px;max-height:125px;overflow:auto}
 .browser-client .channel-text-header h2{flex-basis:100%;font-size:18px;max-width:100%;white-space:normal}
 .browser-client .stage.text-channel-open .call-dock{display:none!important}
 .browser-client .channel-text{bottom:0!important}
 .browser-client .workspace-user:has(.workspace-connection:not([hidden])){max-height:150px}
}
@media(max-width:1100px){
 .browser-client.workspace-design .stage.community-voice-stage{grid-template-rows:auto minmax(0,1fr) auto!important}
 .browser-client .community-voice-stage>.stage-header{grid-row:1}
 .browser-client .community-voice-stage>.stage-body{grid-row:2;align-self:stretch;margin:0!important;width:auto!important;height:auto!important}
 .browser-client .community-voice-stage>.call-dock{grid-row:3;min-height:64px;height:auto;max-height:120px;align-content:center;flex-wrap:nowrap;overflow-x:auto;justify-content:center}
 .browser-client .community-voice-stage .call-media-grid{inset:8px}
 .browser-client .community-voice-stage .dock-item{flex-shrink:0}
 .browser-client .community-voice-stage .stage-header{padding:10px;gap:8px;min-height:60px}
}
/* One mobile screen at a time; leave the remaining height to the conversation. */
.mobile-dm-back{display:none}
@media(max-width:1100px){
 body.browser-client{position:fixed;top:var(--mobile-top,0px);left:0;box-sizing:border-box;padding-top:env(safe-area-inset-top);overscroll-behavior:none}
 .browser-client.workspace-design .app,.browser-client.workspace-design .app.sidebar-compact{margin:0;padding:0;height:calc(var(--mobile-height,100dvh) - env(safe-area-inset-top) - 56px - env(safe-area-inset-bottom))}
 .browser-client .mobile-navigation{box-sizing:border-box;bottom:auto;top:calc(var(--mobile-top,0px) + var(--mobile-height,100dvh) - 56px - env(safe-area-inset-bottom))}
 .browser-client .stage:has(.community-friends:not([hidden]))>.channel-text,.browser-client .stage:has(.community-friends:not([hidden]))>.call-dock{display:none!important}
 .browser-client.workspace-design .community-friends{inset:0!important;grid-template-rows:auto minmax(0,1fr)!important;overflow:hidden}
 .browser-client.workspace-design .community-friends>header{min-height:0;gap:6px;padding:8px}
 .browser-client.workspace-design .community-friends>header strong{flex-basis:100%;font-size:16px}
 .browser-client.workspace-design .community-friends>aside{max-height:none;min-height:0;padding:8px;overflow:auto}
 .browser-client.workspace-design:not(.mobile-dm-open) .community-friends>main{display:none}
 .browser-client.workspace-design.mobile-dm-open .community-friends{grid-template-rows:minmax(0,1fr)!important}
 .browser-client.mobile-dm-open .community-friends>header,.browser-client.mobile-dm-open .community-friends>aside{display:none}
 .browser-client.workspace-design.mobile-dm-open .community-friends>main{grid-row:1!important;display:flex}
 .browser-client .mobile-dm-back{display:block;min-height:36px}
 .browser-client .dm-heading{padding:8px;gap:6px;flex-shrink:0}
 .browser-client .dm-heading>strong{flex:1}.browser-client .dm-heading .call{margin:0}
 .browser-client .dm-stage7-toolbar{flex-wrap:nowrap;overflow-x:auto;width:100%}
 .browser-client .dm-history{padding:8px;min-height:0;overscroll-behavior:contain}
 .browser-client .community-friends form{flex-shrink:0;margin:0;display:flex;padding:6px;gap:6px}
 .browser-client .community-friends form textarea{box-sizing:border-box;flex:1 1 60%;height:44px;max-height:88px;padding:10px;font-size:16px}
 .browser-client .community-friends form>button{min-height:36px;padding:6px 10px}
 .browser-client .community-friends .composer-formatting,.browser-client .composer-hint,.browser-client .draft-sync{display:none!important}
 .browser-client .community-friends form [role=status]:empty{display:none}
 .browser-client .channel-composer:has(.draft-sync){padding-bottom:22px}
 .browser-client.mobile-keyboard .mobile-navigation,.browser-client.mobile-keyboard .workspace-user{display:none!important}
 .browser-client.workspace-design.mobile-keyboard .app{height:calc(var(--mobile-height,100dvh) - env(safe-area-inset-top));grid-template-rows:minmax(0,1fr)!important}
 .browser-client.mobile-sidebar .server-rail,.browser-client.mobile-sidebar .channel-panel:not([hidden]){top:calc(var(--mobile-top,0px) + env(safe-area-inset-top));bottom:auto;height:calc(var(--mobile-height,100dvh) - env(safe-area-inset-top) - 56px - env(safe-area-inset-bottom))}
}
.mobile-dm-tools,.mobile-dm-tools>div{display:contents}.mobile-dm-tools>summary{display:none}
@media(max-width:1100px){
 .browser-client .mobile-dm-tools{display:block;position:relative}
 .browser-client .mobile-dm-tools>summary{display:block;cursor:pointer;list-style:none;padding:8px;min-width:28px;text-align:center;border-radius:8px;background:var(--panel,#24272b)}
 .browser-client .mobile-dm-tools>summary::-webkit-details-marker{display:none}
 .browser-client .mobile-dm-tools>div{display:none}
 .browser-client .mobile-dm-tools[open]>div{display:flex;flex-wrap:wrap;gap:8px;position:absolute;right:0;top:100%;width:min(270px,80vw);padding:10px;z-index:30;background:var(--panel,#24272b);border:1px solid #46514d;border-radius:8px;box-shadow:0 8px 24px #0008}
 .browser-client .mobile-dm-tools .dm-stage7-toolbar{flex-wrap:wrap;overflow:visible}
 .browser-client .mobile-dm-tools .dm-stage7-toolbar>span{width:100%}
}