@media (max-width: 767px) {
  .attendance-daily-scroll,
  .grading-input-scroll {
    padding-bottom: calc(14.5rem + env(safe-area-inset-bottom)) !important;
    scroll-padding-bottom: calc(14.5rem + env(safe-area-inset-bottom)) !important;
    overscroll-behavior-y: contain;
  }

  .attendance-daily-scroll > .space-y-3,
  .grading-input-scroll > .bg-white:nth-last-child(2) {
    margin-bottom: 12px !important;
  }

  .student-profile-mobile-safe {
    padding-bottom: calc(7.5rem + env(safe-area-inset-bottom)) !important;
    margin-bottom: 0 !important;
  }

  .student-profile-save {
    position: relative;
    z-index: 1;
    margin-bottom: 8px !important;
  }
}