@media (min-width: 801px) and (max-width: 1400px) {
  .app-shell { grid-template-columns: 280px 1fr; }
  .sidebar { width: 280px; }
  .brand { font-size: 31px; }
  .content { padding: 20px 25px; max-width: 100%; overflow: hidden; }
  .metric-grid, .quick-grid { grid-template-columns: repeat(2, minmax(0, 1fr)); }
  .global-search { width: auto; flex: 1; }
  .account { min-width: auto; }
  .account small, .account .chevron { display: none; }
  .dashboard-bottom { grid-template-columns: 1fr; }
}