.mobile-channels-toggle{display:none}

@media(max-width:700px){
  html,body{width:100%;height:100%;overflow:hidden}
  .app-shell{width:100%;height:100vh;height:100dvh;min-height:0;grid-template-rows:56px minmax(0,1fr);overflow:hidden}
  .titlebar{min-width:0;height:56px;padding:0 10px;gap:8px}
  .brand-lockup{min-width:0;flex:0 1 auto}
  .brand-logo{width:116px;height:42px}
  .mobile-channels-toggle{display:inline-flex;align-items:center;justify-content:center;flex:none;min-height:40px;padding:0 10px;border:1px solid var(--line);border-radius:8px;background:#172132;color:#eef4ff;font:600 13px 'Segoe UI',Arial,sans-serif}
  .mobile-channels-toggle[aria-expanded="true"]{border-color:var(--green);color:#fff}
  .app-shell:has(.workspace.focus-view) .mobile-channels-toggle,
  .app-shell:has(.workspace.hub-focus-view) .mobile-channels-toggle{display:none}
  .global-search,.window-button,.window-divider,#topInfoButton,#topSettingsButton{display:none!important}
  .window-actions{gap:2px;margin-left:auto;flex:none}
  .window-actions .icon-button,.top-user-chip{width:36px;min-width:36px;height:40px;padding:0}
  .top-user-chip .avatar{margin:0}

  .workspace,.workspace.focus-view,.workspace.hub-focus-view,.workspace.ai-focus-view,
  body.sidebar-collapsed .workspace,body.sidebar-collapsed .workspace.focus-view,
  body.sidebar-collapsed .workspace.hub-focus-view,body.sidebar-collapsed .workspace.ai-focus-view{
    display:grid;grid-template-columns:minmax(0,1fr);grid-template-rows:minmax(0,1fr);min-width:0;min-height:0;overflow:hidden;
  }
  .workspace .app-sidebar,body.sidebar-collapsed .workspace .app-sidebar{
    position:fixed;left:0;right:0;bottom:0;z-index:60;height:66px;min-height:66px;
    display:flex;flex-direction:row;align-items:center;gap:0;padding:5px 7px max(5px,env(safe-area-inset-bottom));
    overflow-x:auto;overflow-y:hidden;scrollbar-width:thin;border-top:1px solid var(--line);border-right:0;
    background:#0b111b;overscroll-behavior-x:contain;
  }
  .app-sidebar .rail-primary,.app-sidebar .rail-secondary{display:contents}
  .app-sidebar .rail-item,body.sidebar-collapsed .app-sidebar .rail-item{
    flex:0 0 61px;min-width:61px;min-height:54px;height:54px;display:flex;flex-direction:column;
    align-items:center;justify-content:center;gap:3px;padding:3px 2px;border-radius:8px;
  }
  .app-sidebar .rail-item b,body.sidebar-collapsed .app-sidebar .rail-item b{
    display:block;max-width:100%;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;
    font-size:10px;font-weight:600;text-align:center;
  }
  .app-sidebar .rail-item em,.app-sidebar .profile-chip,.app-sidebar .rail-collapse-button,
  .app-sidebar .sidebar-server-section{display:none!important}
  .app-sidebar .rail-item::before{display:none}
  .app-sidebar .rail-item.active{background:#202339;color:#fff}

  .workspace .channels-panel{
    display:none;position:fixed;top:56px;bottom:66px;left:0;z-index:55;
    width:min(86vw,340px);height:auto;min-height:0;padding:14px 12px 8px;
    border-right:1px solid var(--line);box-shadow:12px 0 32px #0009;overflow:hidden;
  }
  .workspace.mobile-channels-open:not(.focus-view):not(.hub-focus-view) .channels-panel{display:grid}
  .workspace .main-panel,.workspace.focus-view .main-panel,.workspace.hub-focus-view .main-panel{
    grid-column:1;grid-row:1;width:100%;max-width:100%;height:calc(100% - 66px);min-height:0;
    grid-template-rows:auto minmax(0,1fr);overflow:hidden;border-right:0;
  }
  .main-panel>*{min-width:0;max-width:100%}
  .room-header{min-height:72px;gap:8px;padding:9px 12px;align-content:center}
  .room-identity{width:100%;min-width:0}
  .room-title-row h1{font-size:18px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
  .room-actions{width:100%;max-width:100%;min-width:0;overflow-x:auto;justify-content:flex-start;gap:8px}
  .voice-controls{max-width:100%;overflow-x:auto}
  .chat-view,.voice-view,.hub-view,.messages-view,.friends-view,.search-view,.plugins-view{min-width:0;max-width:100%}
  .message-form{min-width:0;max-width:100%}
  .message-form input{min-width:0}
  .hub-grid,.messages-layout,.secret-grid{grid-template-columns:minmax(0,1fr)}
  .live-card,.live-feed.hub-live-grid,.hub-category-live-grid{grid-template-columns:minmax(0,1fr)}
  .live-thumb{width:100%}
  .info-panel{display:none!important}
}