@media (min-width: 768px) {
  .main-content { padding:1.5rem 1.5rem 2rem; }
  .grid-2 { grid-template-columns:repeat(2, minmax(0,1fr)); }
  .grid-3 { grid-template-columns:repeat(3, minmax(0,1fr)); }
  .quick-grid { grid-template-columns:repeat(4,1fr); }
  .kpi-grid { grid-template-columns:repeat(4,1fr); }
  .bottom-nav,.mobile-topbar,.mobile-drawer { display:none; }
  .app-shell { display:grid; grid-template-columns:var(--sidebar-width) minmax(0,1fr); }
  .desktop-sidebar { position:sticky; top:0; height:100dvh; display:flex; flex-direction:column; padding:1rem; border-right:1px solid var(--line); background:var(--surface); overflow:auto; }
  .desktop-sidebar .brand { margin-bottom:1rem; padding:.25rem .5rem; }
  .desktop-nav { display:grid; gap:.15rem; }
  .desktop-nav .nav-item { display:flex; align-items:center; justify-content:flex-start; grid-template:none; gap:.7rem; padding:.68rem .75rem; font-size:.86rem; }
  .sidebar-footer { margin-top:auto; padding-top:1rem; }
  .main-wrap { min-width:0; }
  .desktop-header { min-height:64px; display:flex; justify-content:space-between; gap:1rem; align-items:center; padding:.75rem 1.5rem; border-bottom:1px solid var(--line); background:color-mix(in srgb, var(--bg) 92%, transparent); backdrop-filter:blur(12px); position:sticky; top:0; z-index:20; }
  .desktop-header .vehicle-selector { width:min(360px,40vw); }
  .toast-root { bottom:1rem; }
}
@media (min-width: 1100px) {
  .main-content { padding:2rem 2rem 3rem; }
  .desktop-header { padding-inline:2rem; }
}