@media (max-width: 350px) {
  .user-shell .mx-auto.max-w-7xl,
  .user-shell .app-content {
    padding-left: 0.75rem;
    padding-right: 0.75rem;
  }

  .user-shell .app-page-header > div {
    padding-top: 0.9rem;
    padding-bottom: 0.9rem;
  }

  .user-shell .app-page-header h1 {
    font-size: 1.3rem;
    line-height: 1.15;
  }

  .user-shell .user-nav-link {
    padding: 0.65rem 0.7rem;
    font-size: 0.85rem;
  }

  .user-shell #global-status-toast,
  .user-shell #global-success-toast,
  .user-shell #account-status-toast,
  .user-shell #apply-toast {
    left: 0.75rem;
    right: 0.75rem;
    padding: 0.75rem 0.875rem;
    font-size: 0.8rem;
  }

  .user-shell.page-auth .max-w-md,
  .user-shell.page-account .profile-main-card,
  .user-shell.page-account .profile-progress-card,
  .user-shell.page-account .profile-matching-width,
  .user-shell.page-account #tab-history .rounded-xl,
  .user-shell.page-jobs-show .job-top-card,
  .user-shell.page-jobs-show .job-deadline-card,
  .user-shell.page-jobs-show .job-description-col > div,
  .user-shell.page-jobs-interview section.rounded-2xl,
  .user-shell.page-jobs-show .apply-missing-card,
  .user-shell.page-jobs-show #quick-apply-modal .quick-apply-dialog,
  .user-shell.page-jobs-show #quick-apply-success-modal .quick-apply-success-dialog,
  .user-shell.page-account .account-apply-success-dialog {
    padding: 0.85rem;
    border-radius: 0.85rem;
  }

  .user-shell.page-auth .text-sm,
  .user-shell.page-account .text-sm,
  .user-shell.page-jobs-show .text-sm,
  .user-shell.page-jobs-interview .text-sm {
    font-size: 0.82rem;
  }

  .user-shell.page-jobs-index .job-listing-card {
    padding: 0.85rem;
  }

  .user-shell.page-jobs-index .job-listing-main > div:first-child {
    height: 3rem;
    width: 3rem;
  }

  .user-shell.page-jobs-index .job-listing-card .text-lg,
  .user-shell.page-jobs-show .text-xl,
  .user-shell.page-jobs-interview .text-xl {
    font-size: 1rem;
  }

  .user-shell.page-account .account-phone-grid,
  .user-shell.page-jobs-show #quick-apply-modal .quick-phone-wrap {
    gap: 0.5rem;
  }

  .user-shell.page-account .account-cv-row,
  .user-shell.page-account .cv-upload-row,
  .user-shell.page-jobs-show .job-guest-actions,
  .user-shell.page-jobs-show .apply-missing-actions,
  .user-shell.page-jobs-show #apply-form .flex.justify-end.gap-2,
  .user-shell.page-jobs-show #quick-apply-modal .quick-apply-footer,
  .user-shell.page-jobs-interview .actions-row,
  .user-shell.page-jobs-interview .interview-note-row {
    gap: 0.5rem;
  }

  .user-shell.page-account .delete-account-btn,
  .user-shell.page-account #account-profile-save,
  .user-shell.page-account #cv-upload-button,
  .user-shell.page-jobs-show .job-guest-actions > *,
  .user-shell.page-jobs-show .apply-missing-actions > *,
  .user-shell.page-jobs-show #apply-form .flex.justify-end.gap-2 > *,
  .user-shell.page-jobs-show #quick-apply-modal .quick-apply-footer > *,
  .user-shell.page-jobs-interview .actions-row > * {
    min-height: 42px;
  }

  .user-shell.page-jobs-interview .calendar-weekdays {
    font-size: 9px;
    gap: 0.15rem;
  }

  .user-shell.page-jobs-interview .calendar-grid {
    gap: 0.15rem;
  }

  .user-shell.page-jobs-interview .calendar-cell {
    height: 34px;
    font-size: 11px;
    border-radius: 7px;
  }

  .user-shell.page-jobs-interview .cal-nav {
    width: 30px;
    height: 30px;
  }
}