/* Mobile edge-to-edge V2 */
@media (max-width: 1024px), (hover: none) and (pointer: coarse) {
  html, body {
    overflow-x: hidden;
  }

  main.wrap.app-shell {
    width: 100% !important;
    max-width: none !important;
    margin: 0 !important;
    padding: 0 0 24px !important;
  }

  main.wrap.app-shell > .card,
  main.wrap.app-shell > .card.narrow,
  main.wrap.app-shell > [class$="-shell"],
  main.wrap.app-shell > [class*="-shell "] {
    width: 100% !important;
    max-width: none !important;
    margin-left: 0 !important;
    margin-right: 0 !important;
    padding-left: 0 !important;
    padding-right: 0 !important;
  }

  main.wrap.app-shell > .card,
  main.wrap.app-shell > .card.narrow {
    border-radius: 0 !important;
    border-left: 0 !important;
    border-right: 0 !important;
  }

  body.employee-area .app-shell .emp-shell,
  body.employee-area .app-shell .docs-shell,
  body.employee-area .app-shell .schedule-shell,
  body.employee-area .app-shell .fc-shell,
  body.employee-area .app-shell .profile-shell,
  body.employee-area .app-shell .rl-wrap,
  body.account-admin .app-shell .personnel-shell,
  body.account-admin .app-shell .docs-shell,
  body.account-admin .app-shell .reports-shell,
  body.account-admin .app-shell .approvals-shell,
  body.account-admin .app-shell .permissions-shell,
  body.account-admin .app-shell .bp-shell,
  body.account-admin .app-shell .cm-shell,
  body.account-admin .app-shell .bulk-shell,
  body.account-admin .app-shell .sb-shell,
  body.account-admin .app-shell .sc-shell,
  body.account-admin .app-shell .ss-shell,
  body.account-admin .app-shell .cr-shell,
  body.account-admin .app-shell .ls-shell,
  body.account-admin .app-shell .cc-shell,
  body.account-admin .app-shell .ccmd-shell,
  body.account-admin .app-shell .mtp-shell,
  body.account-admin .app-shell .admin-legacy-shell,
  body.account-admin .app-shell .rl-wrap,
  body .app-shell .vehicle-shell {
    width: 100% !important;
    max-width: none !important;
    margin: 0 !important;
    padding-left: 0 !important;
    padding-right: 0 !important;
  }

  body .app-shell .vehicle-shell,
  body .app-shell .rl-wrap,
  body.employee-area .app-shell .emp-shell,
  body.employee-area .app-shell .docs-shell,
  body.employee-area .app-shell .schedule-shell,
  body.employee-area .app-shell .fc-shell,
  body.employee-area .app-shell .profile-shell,
  body.account-admin .app-shell .personnel-shell,
  body.account-admin .app-shell .docs-shell,
  body.account-admin .app-shell .reports-shell,
  body.account-admin .app-shell .approvals-shell,
  body.account-admin .app-shell .permissions-shell,
  body.account-admin .app-shell .bp-shell,
  body.account-admin .app-shell .cm-shell,
  body.account-admin .app-shell .bulk-shell,
  body.account-admin .app-shell .sb-shell,
  body.account-admin .app-shell .sc-shell,
  body.account-admin .app-shell .ss-shell,
  body.account-admin .app-shell .cr-shell,
  body.account-admin .app-shell .ls-shell,
  body.account-admin .app-shell .cc-shell,
  body.account-admin .app-shell .ccmd-shell,
  body.account-admin .app-shell .mtp-shell,
  body.account-admin .app-shell .admin-legacy-shell {
    gap: 0 !important;
  }

  body .app-shell .vehicle-shell {
    padding-bottom: 24px !important;
  }

  body.account-admin .app-shell .personnel-hero,
  body.account-admin .app-shell .personnel-card,
  body.account-admin .app-shell .personnel-stat,
  body.account-admin .app-shell .personnel-shell > .personnel-stats,
  body.account-admin .app-shell .personnel-shell > .personnel-stats-3,
  body.account-admin .app-shell .docs-card,
  body.account-admin .app-shell .reports-card,
  body.account-admin .app-shell .card,
  body.account-admin .app-shell .metric-card,
  body.account-admin .app-shell .mini-panel,
  body.account-admin .app-shell .status-panel,
  body.employee-area .app-shell .card,
  body.employee-area .app-shell .emp-card,
  body.employee-area .app-shell .docs-card,
  body.employee-area .app-shell .fc-card,
  body.employee-area .app-shell .mc-card,
  body.employee-area .app-shell .vol-card,
  body.employee-area .app-shell .schedule-glass,
  body.employee-area .app-shell .docs-hero,
  body.employee-area .app-shell .mc-hero,
  body.employee-area .app-shell .fc-hero,
  body.employee-area .app-shell .vol-hero,
  body.employee-area .app-shell .schedule-hero,
  body.employee-area .app-shell .emp-hero,
  body .app-shell .vehicle-hero,
  body .app-shell .v5-top-hero,
  body .app-shell .vehicle-card,
  body .app-shell .v-card,
  body .app-shell .v-section-block,
  body .app-shell .rl-hero,
  body .app-shell .rl-panel,
  body .app-shell .rl-card,
  body .app-shell .rl-mini-item,
  body .app-shell .rl-resource-card,
  body .app-shell .rl-category-card,
  body.launcher-page .launcher-card,
  body.launcher-page .launcher-empty {
    width: 100% !important;
    max-width: none !important;
    margin-left: 0 !important;
    margin-right: 0 !important;
    border-left-width: 0 !important;
    border-right-width: 0 !important;
    border-radius: 0 !important;
  }

  body.launcher-page main.wrap.app-shell.launcher-cards-wrap {
    padding-top: 0 !important;
    padding-bottom: 24px !important;
  }

  body.launcher-page .launcher-grid {
    gap: 0 !important;
  }

  body.launcher-page .launcher-card {
    min-height: auto !important;
  }

  body .quick-action-grid,
  body .dashboard-panels,
  body .dashboard-panels-4,
  body .dashboard-panels-3,
  body .grid-4,
  body .grid-3,
  body .grid-2,
  body .vehicle-grid,
  body .vehicle-grid-2,
  body .vehicle-grid-4,
  body .personnel-stats,
  body .personnel-stats-3 {
    gap: 0 !important;
  }

  body .quick-action-btn,
  body .personnel-btn,
  body .vehicle-btn,
  body .v-btn,
  body .vehicle-actions a,
  body .vehicle-actions button,
  body .actions a {
    border-radius: 0 !important;
  }

  body .table-wrap,
  body .v-table,
  body .schedule-table-wrap {
    border-radius: 0 !important;
  }
}