/* v12.9 — dashboard-only mobile horizontal overflow containment */
@media (max-width:900px){
  html, body{
    max-width:100%;
    overflow-x:hidden;
  }

  .workspace,
  .content,
  .intro-row,
  .primary-grid,
  .secondary-grid,
  .tertiary-grid,
  .below,
  .panel,
  .metric-card,
  .flagship-body,
  .mini-body,
  .chart-wrap{
    min-width:0 !important;
    max-width:100% !important;
    box-sizing:border-box;
  }

  .workspace{
    width:100%;
    overflow-x:hidden;
  }

  .content{
    width:100%;
    overflow-x:hidden;
  }

  .chart-wrap{
    width:100%;
    overflow-x:auto;
    overflow-y:hidden;
    -webkit-overflow-scrolling:touch;
    overscroll-behavior-x:contain;
  }

  .flagship-chart,
  .mini-chart{
    max-width:none;
  }

  .topbar{
    width:100%;
    max-width:100%;
    box-sizing:border-box;
  }

  .header-actions{
    flex-shrink:0;
  }
}