/* Phone and tablet layouts. Desktop retains the full workspace shell. */
.mobile-menu-toggle,.mobile-menu-close,.mobile-menu-backdrop{display:none!important}
.mobile-settings-top,.mobile-settings-tabs{display:none!important}
.mobile-members-close{display:none!important}
button:focus-visible,a:focus-visible{outline:2px solid #a4a4b6!important;outline-offset:3px}
@media(max-width:900px){
  [data-mobile-app-shell],.app_root{height:var(--stoat-viewport-height,100dvh)!important;max-height:var(--stoat-viewport-height,100dvh)!important}
  .app_root{overflow:hidden!important}
  .app_body{width:100%!important;min-width:0!important;max-width:100%!important;margin:0!important;left:0!important;transform:none!important;flex:1 1 0!important;padding:0!important;overflow:hidden!important}
  .app_body>div{min-width:0!important}
  .main_bar{position:fixed!important;inset:0 auto 0 0!important;width:min(320px,calc(100vw - 48px))!important;min-width:0!important;max-width:none!important;height:var(--stoat-viewport-height,100dvh)!important;z-index:10002!important;transform:translateX(-105%)!important;visibility:hidden;transition:transform .18s ease,visibility .18s;box-shadow:16px 0 60px #0007;padding-top:env(safe-area-inset-top)}
  body[data-mobile-menu-open] .main_bar{transform:none!important;visibility:visible}
  .mobile-menu-backdrop{position:fixed;inset:0;z-index:10001;background:#0009;backdrop-filter:blur(3px);border:0}
  body[data-mobile-menu-open] .mobile-menu-backdrop{display:block!important}
  .mobile-menu-toggle,.mobile-menu-close{display:flex!important;align-items:center;justify-content:center;flex:0 0 44px!important;width:44px!important;height:44px!important;min-height:44px!important;background:transparent!important;border:0!important;border-radius:8px;color:#c5c5d0!important;padding:0!important}
  .mobile-menu-toggle .redesign-icon,.mobile-menu-close .redesign-icon{width:20px;height:20px}
  [data-premium-header] [aria-label='Toggle main sidebar']{display:none!important}
  [data-premium-header]{height:72px!important;min-height:72px!important;padding:0 8px!important;gap:2px!important;border-radius:0!important;padding-top:env(safe-area-inset-top)!important}
  [data-premium-header] button{width:44px!important;height:44px!important;min-width:44px!important;flex-shrink:0!important}
  .redesign-heading{min-width:0!important;padding:0 6px!important}.redesign-heading strong{font-size:16px}.redesign-heading small{font-size:9px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
  .redesign-dashboard-top{padding:0 12px!important;gap:8px;height:68px}.redesign-dashboard-top>span{flex:1;min-width:0}.redesign-dashboard-top>button{min-height:44px;font-size:12px}
  .channel_bar .redesign-nav-link,.channel_bar a[href*='/channel/'],.redesign-search,.redesign-account-profile{min-height:44px!important;font-size:14px!important}
  .channel_bar button.redesign-icon-button,.redesign-channel-label button{min-width:44px!important;min-height:44px!important}
  .redesign-account{padding-bottom:max(12px,env(safe-area-inset-bottom))!important}
  .redesign-channel-toolbar{padding:0 12px!important;height:48px!important;min-height:48px!important;gap:8px;overflow-x:auto;white-space:nowrap}
  .redesign-channel-toolbar>div{gap:14px}.redesign-channel-toolbar button{min-height:44px;font-size:12px}.redesign-channel-toolbar .redesign-invite{width:44px;min-width:44px;min-height:44px;padding:0;justify-content:center}
  [data-premium-chat]{min-width:0!important;min-height:0!important;border-radius:0!important}
  [data-premium-message]{padding:7px 14px!important;min-width:0!important}[data-premium-message] p{font-size:15px;line-height:1.6;overflow-wrap:anywhere}
  [data-premium-message] pre{max-width:100%;overflow:auto}[data-premium-chat] img,[data-premium-chat] video{max-width:100%}
  [data-premium-composer]{padding:8px 12px max(12px,env(safe-area-inset-bottom))!important;min-width:0!important}
  [data-premium-composer]>div:first-child{min-width:0!important;min-height:60px!important;padding-right:50px!important}
  [data-premium-composer] .cm-content{font-size:16px!important;line-height:24px!important;padding:17px 0!important;overflow-wrap:anywhere}
  [data-premium-composer] .cm-editor{min-width:0!important;max-height:min(180px,30vh);overflow:auto}
  [data-premium-composer] [data-premium-send]{width:44px!important;min-width:44px!important;height:44px!important;min-height:44px!important;max-height:44px!important;top:16px;right:20px}
  .redesign-composer-hint{display:none!important}
  .redesign-primary,.redesign-secondary,.redesign-quiet{min-height:44px!important;font-size:13px!important}
  .redesign-channel-welcome p{font-size:14px}.redesign-voice-card{padding:12px}.redesign-voice-card strong{font-size:14px}.redesign-voice-card button{min-height:44px}
  [data-premium-members]{position:absolute!important;right:0;top:120px;bottom:0;width:min(300px,85vw)!important;z-index:20;background:#16161b!important;box-shadow:-12px 0 40px #0006;overflow:auto!important}
  .redesign-finder-backdrop{padding:16px 12px!important;height:var(--stoat-viewport-height,100dvh);box-sizing:border-box;align-items:flex-start}
  .redesign-finder{max-height:100%;display:flex;flex-direction:column}.redesign-results{min-height:0;max-height:none;overflow:auto}.redesign-finder-input{padding:10px 12px}.redesign-finder .redesign-finder-input input{font-size:16px!important}.redesign-key{min-width:44px;min-height:44px}.redesign-result{min-height:56px}.redesign-result strong{font-size:14px}.redesign-result small{font-size:11px}.redesign-finder-footer span{display:none}
  .settings_overlay{flex-direction:column!important;align-items:stretch!important;justify-content:flex-start!important;padding-top:env(safe-area-inset-top)!important;height:var(--stoat-viewport-height,100dvh)!important;overflow:hidden!important}
  .settings_overlay>.mobile-settings-top{display:flex!important;flex:0 0 52px!important;align-items:center;justify-content:space-between;padding:0 12px!important;overflow:visible!important}
  .mobile-settings-top strong{font-size:15px}.mobile-settings-top button{width:44px;height:44px;background:transparent;border:0;color:#ddd;display:grid;place-items:center}
  .settings_overlay .settings_sidebar{position:relative!important;inset:auto!important;transform:none!important;justify-content:flex-start!important}
  .settings_overlay .settings_sidebar{height:60px!important;min-height:60px!important;max-height:60px!important}
  .settings_sidebar>div{display:none!important}
  .settings_sidebar .mobile-settings-tabs{display:flex!important;align-items:center;gap:6px;padding:8px 12px;overflow-x:auto;width:100%;min-width:0}
  .mobile-settings-tabs button{flex-shrink:0;min-height:44px;padding:10px 14px;white-space:nowrap;border:1px solid #303039;border-radius:7px;background:#1c1c22;color:#ddd;font:13px var(--fonts-primary)}
  .mobile-members-close{display:grid!important;place-items:center;width:44px;height:44px;border:0;background:transparent;color:#ddd}.redesign-members-heading{padding:8px 7px;font-size:12px}.redesign-members-heading>.redesign-icon{display:none}
  .settings_cont{height:auto!important;min-height:100%!important;align-self:flex-start!important}
  .settings_sidebar{width:100%!important;min-width:0!important;max-width:none!important;flex:0 0 auto!important;border-right:0!important;border-bottom:1px solid #303039!important;max-height:110px!important;overflow:auto!important}
  .settings_sidebar .content{padding:8px 12px!important;display:flex!important;flex-direction:row!important;gap:6px!important;width:max-content!important;min-width:100%!important}
  .settings_sidebar .content>div:not(.redesign-settings-title),.settings_sidebar .content>div>div{display:contents!important}
  .redesign-settings-title{display:none!important}.settings_sidebar a.button{display:flex!important;white-space:nowrap;min-height:44px!important;padding:10px 12px!important;flex-shrink:0!important;font-size:13px!important}
  .settings_overlay>div:not(.settings_sidebar):not(.mobile-settings-top){flex:1 1 0!important;min-height:0!important;min-width:0!important;width:100%!important;overflow:auto!important}
  .settings_cont{padding:24px 16px!important;width:100%!important;min-width:0!important}.settings_cont input,.settings_cont textarea,.settings_cont select{font-size:16px!important;max-width:100%!important}
  .settings_cont a{overflow-wrap:anywhere;min-width:0!important}
  [data-mobile-settings-close]{position:fixed!important;top:max(4px,env(safe-area-inset-top))!important;right:12px!important;width:44px!important;height:44px!important;z-index:100000!important;background:#25252d!important;border-radius:8px!important}
  body[data-premium-view=login]{overflow:auto!important}body[data-premium-view=login] form{max-width:calc(100vw - 32px)!important;box-sizing:border-box}
}
@media(max-width:360px){[data-premium-header]{gap:0!important}.redesign-heading{padding:0 2px!important}.redesign-heading small{font-size:8px}.redesign-channel-toolbar>div{gap:10px}.redesign-channel-toolbar button{font-size:11px}.redesign-dashboard-content{padding:24px 14px}.redesign-summary-card{padding:13px}.redesign-section-title{flex-wrap:wrap}}
@media(prefers-reduced-motion:reduce){.main_bar{transition:none!important}}