/* =========================================================
   v1.32 — Mobile progressive density
   Internal surfaces follow the app shell instead of squeezing desktop UI.
   ========================================================= */
@media(max-width:780px){
  /* The app bar already names the section. Keep only contextual actions below it. */
  .section-bar{
    min-height:34px!important;height:auto!important;margin:0 0 8px!important;padding:0!important;
    justify-content:flex-end!important;border:0!important;gap:5px!important;
  }
  .section-bar>.section-symbol,.section-bar>h1,.section-bar>.section-scope,.section-bar>.micro-state,
  .section-bar>div:not(.toolset):has(>h1){display:none!important}
  .section-bar>.toolset,.section-bar>.section-actions{margin-left:auto!important}
  .section-bar .tool-icon{width:34px!important;height:34px!important;border-radius:11px!important}

  /* Assistance becomes one compact status row; details are intentional. */
  .assist-scopebar{
    display:grid!important;grid-template-columns:minmax(0,1fr) auto!important;gap:6px!important;
    padding:8px 9px!important;border-radius:14px!important;min-height:48px!important;margin-bottom:8px!important;
  }
  .assist-scope-title{min-width:0!important;gap:7px!important;align-items:center!important}
  .assist-scope-title>i{width:28px!important;height:28px!important;flex:0 0 28px!important;border-radius:9px!important}
  .assist-scope-title b{font-size:12.5px!important;line-height:1.2!important}
  .assist-scope-title span{font-size:10.5px!important;line-height:1.25!important;white-space:nowrap!important;overflow:hidden!important;text-overflow:ellipsis!important}
  .assist-mode-switch,.assist-scope-summary,.assist-scope-actions{display:none!important}
  .assist-scopebar.mobile-assist-expanded-v132{grid-template-columns:minmax(0,1fr)!important;padding:10px!important}
  .assist-scopebar.mobile-assist-expanded-v132 .assist-mode-switch{display:grid!important;grid-template-columns:repeat(3,1fr)!important;margin-top:3px!important}
  .assist-scopebar.mobile-assist-expanded-v132 .assist-scope-summary{display:block!important;font-size:10.5px!important;line-height:1.35!important}
  .assist-scopebar.mobile-assist-expanded-v132 .assist-scope-actions{display:flex!important;gap:5px!important;flex-wrap:wrap!important}
  .mobile-assist-toggle-v132{
    grid-column:2;grid-row:1;border:1px solid var(--stroke-subtle);background:var(--surface-inset);color:var(--text-secondary);
    min-width:68px;height:32px;padding:0 9px;border-radius:10px;font-size:10.5px;font-weight:650;
  }
  .assist-scopebar.mobile-assist-expanded-v132 .mobile-assist-toggle-v132{grid-column:1;justify-self:end}

  /* Studio: one stage selector by default; complete map is available on intent. */
  #studio .studio-controlbar-v115{display:none!important}
  #studio .stage-rail{display:none!important}
  #studio .studio-layout{gap:8px!important;grid-template-areas:"assist" "work"!important}
  #studioPhasePickerV119{
    display:block!important;width:100%!important;height:42px!important;margin:0 0 8px!important;
    border:1px solid var(--stroke-default)!important;border-radius:12px!important;background:var(--surface-primary)!important;
    color:var(--text-primary)!important;padding:0 12px!important;font-size:12.5px!important;font-weight:650!important;
  }
  #studioAdaptiveSummaryV115{display:none!important}
  #studio .studio-project-head{padding:10px!important;border-radius:15px!important;margin-bottom:8px!important;grid-template-columns:34px minmax(0,1fr) auto!important}
  #studio .studio-project-head .channel-avatar{width:34px!important;height:34px!important}
  #studio .studio-project-head .title b{font-size:13px!important;line-height:1.25!important}
  #studio .studio-project-head .title p{font-size:10.5px!important;line-height:1.3!important}
  #studio .project-compact-actions .tool-icon,#studio .project-context-trigger{width:32px!important;height:32px!important}
  #studio .workbench{border-radius:15px!important}
  #studio .workbench-head{min-height:46px!important;padding:0 10px!important}
  #studio .workbench-head>b{font-size:14px!important}
  #studio .workbench-head .meta{font-size:9.5px!important}
  #studio .workbench-body{padding:10px!important}
  #studio .cnt-toolbar{gap:5px!important;margin-bottom:8px!important}
  #studio .cnt-mode{display:none!important}
  #studio .cnt-status{font-size:10.5px!important;min-height:28px!important}
  #studio .brief-origin{grid-template-columns:34px minmax(0,1fr) auto!important;padding:9px!important;border-radius:12px!important}
  #studio .brief-origin b{font-size:11.5px!important}
  #studio .brief-origin p{font-size:10.5px!important}

  /* Discovery/Radar: chips scroll; assistance no longer dominates the viewport. */
  #discover .radar-actions,#discover .filterbar{overflow-x:auto!important;flex-wrap:nowrap!important;scrollbar-width:none!important;padding-bottom:3px!important}
  #discover .radar-actions::-webkit-scrollbar,#discover .filterbar::-webkit-scrollbar{display:none!important}
  #discover .radar-actions .btn,#discover .filter{flex:0 0 auto!important}
  #discover .radar-tabs{overflow-x:auto!important;scrollbar-width:none!important;scroll-snap-type:x proximity!important}
  #discover .radar-tabs::-webkit-scrollbar{display:none!important}
  #discover .radar-tabs button{flex:0 0 auto!important;scroll-snap-align:start!important;white-space:nowrap!important}
  #discover .signal-card,#discover .dossier-card{border-radius:15px!important;padding:11px!important}
  #discover .signal-card h4,#discover .dossier-card h4{font-size:13.5px!important;line-height:1.25!important}
  #discover .signal-card p,#discover .dossier-card p{font-size:10.8px!important;line-height:1.35!important}

  /* Channel: metrics swipe horizontally; tabs behave like an app segment strip. */
  #channel .channel-tabs{overflow-x:auto!important;scrollbar-width:none!important;scroll-snap-type:x proximity!important;padding:0 2px!important}
  #channel .channel-tabs::-webkit-scrollbar{display:none!important}
  #channel .channel-tabs button{flex:0 0 auto!important;scroll-snap-align:start!important;height:38px!important;padding:0 12px!important;white-space:nowrap!important}
  #channel .channel-hero{border-radius:16px!important;overflow:hidden!important}
  #channel .channel-hero-inner{padding:10px!important;gap:9px!important}
  #channel .channel-identity h2{font-size:15px!important}
  #channel .channel-identity p{font-size:10.5px!important;white-space:nowrap!important;overflow:hidden!important;text-overflow:ellipsis!important;max-width:270px!important}
  #channel .hero-actions{display:grid!important;grid-template-columns:repeat(5,1fr)!important;gap:5px!important;width:100%!important}
  #channel .hero-actions>.channel-members{display:none!important}
  #channel .hero-actions .btn,#channel .channel-share-btn{min-width:0!important;width:100%!important;height:36px!important;padding:0!important;justify-content:center!important}
  #channel .hero-actions .action-label,#channel .channel-share-btn>span:last-child{display:none!important}
  #channel .hero-actions .btn.primary .action-label{display:inline!important;font-size:10px!important;margin-left:3px!important}
  #channel .channel-subpage>.g4{display:flex!important;overflow-x:auto!important;gap:8px!important;margin-left:calc(var(--mobile-edge)*-1)!important;margin-right:calc(var(--mobile-edge)*-1)!important;padding:0 var(--mobile-edge) 5px!important;scroll-snap-type:x proximity!important;scrollbar-width:none!important}
  #channel .channel-subpage>.g4::-webkit-scrollbar{display:none!important}
  #channel .channel-subpage>.g4 .metric{flex:0 0 min(72vw,260px)!important;min-height:116px!important;scroll-snap-align:start!important;border-radius:15px!important}

  /* Generic toolbar/filter groups should scroll rather than wrap into web-like blocks. */
  .filterbar,.channel-tabs,.radar-tabs,.publish-tabs,.analyze-tabs,.economy-subtabs{scrollbar-width:none!important}
  .filterbar::-webkit-scrollbar,.publish-tabs::-webkit-scrollbar,.analyze-tabs::-webkit-scrollbar,.economy-subtabs::-webkit-scrollbar{display:none!important}
  .publish-tabs,.analyze-tabs,.economy-subtabs{overflow-x:auto!important;display:flex!important;flex-wrap:nowrap!important}
  .publish-tabs button,.analyze-tabs button,.economy-subtabs button{flex:0 0 auto!important;white-space:nowrap!important}
}