@media (max-width: 820px) {
  .app-shell { grid-template-columns: minmax(0, 1fr); }
  .content, .card { min-width: 0; }
  .dashboard-grid, .events-layout, .rider-layout, .settings-grid, .crew-grid { grid-template-columns: minmax(0, 1fr); }
  .check-row { grid-template-columns: 34px minmax(0, 1fr) 80px; }
}

@media (max-width: 540px) {
  .stats-grid { grid-template-columns: repeat(2, minmax(0, 1fr)); }
  .choice-grid, .form-grid { grid-template-columns: minmax(0, 1fr); }
  .event-row { gap: 9px; }
  .event-row .badge { display: none; }
}