@media (max-width: 980px) {
  .shell {
    grid-template-columns: var(--sidebar-collapsed-width) minmax(0, 1fr);
  }

  .erp-app-topbar {
    grid-template-columns: auto minmax(0, 1fr) auto;
  }

  .erp-topbar-brand span:not(.erp-brand-mark),
  .erp-user-menu-button span:not(.erp-avatar),
  .erp-page-actions .erp-button {
    display: none;
  }

  .brand span,
  .nav-label,
  .nav-group-title,
  .nav-collapse-toggle span,
  .theme-switcher span {
    display: none;
  }

  .theme-switcher {
    grid-template-columns: minmax(0, 1fr);
  }

  .metric-grid,
  .metric-grid.is-five,
  .metric-grid.is-dense {
    grid-template-columns: repeat(2, minmax(0, 1fr));
  }

  .dashboard-kpi-grid {
    grid-template-columns: repeat(2, minmax(0, 1fr));
  }

  .marketplace-matrix {
    grid-template-rows: repeat(5, minmax(0, auto));
  }

  .sync-card-grid {
    grid-template-columns: minmax(0, 1fr);
  }

  .erp-widget-chart {
    height: 76px;
  }
}

@media (orientation: landscape) and (max-width: 980px) {
  .content {
    padding: 18px;
  }
}