@media (max-width:1024px) {
  .app { grid-template-columns:72px minmax(0,1fr); }
  .sidebar { padding:20px 10px; }
  .brand,.nav-item { justify-content:center; padding:0; }
  .brand span,.nav-label,.nav-item span:not(.nav-icon) { display:none; }
  main { padding:24px; }
  .kpi-row { grid-template-columns:repeat(2,1fr); }
  .split { grid-template-columns:1fr; }
}

@media (max-width:700px) {
  .app { display:block; }
  .sidebar { position:fixed; width:248px; transform:translateX(-100%); transition:transform var(--motion-base) var(--ease-standard); box-shadow:var(--elev-raised); }
  .sidebar.open { transform:translateX(0); }
  .sidebar .brand,.sidebar .nav-item { justify-content:flex-start; padding:0 10px; }
  .sidebar .brand span,.sidebar .nav-label,.sidebar .nav-item span:not(.nav-icon) { display:block; }
  .topbar { height:56px; padding:0 12px; }
  .menu-btn { display:grid; }
  .crumb { min-width:0; font-size:var(--text-xs); }
  .search,.role,.top-actions .icon-btn:first-child { display:none; }
  main { padding:20px 16px 36px; }
  .header { align-items:flex-end; }
  .header .btn { min-width:44px; padding:0 12px; }
  h1 { font-size:24px; }
  .sub { font-size:var(--text-xs); }
  .btn { min-height:44px; }
  .toolbar { align-items:stretch; }
  .field.search-field { width:100%; min-width:0; }
  .count { width:100%; margin-left:0; }
  .kpi-row { grid-template-columns:1fr 1fr; gap:8px; }
  .metric { padding:12px; }
  .metric-value { font-size:var(--text-lg); }
  .lane-grid { grid-template-columns:1fr; }
  .form-grid { grid-template-columns:1fr; }
  .full { grid-column:auto; }
}