/* SAK-TIMEBILLING-MOBILE-FIX v1.0
   UI-only: makes time-billing modals fully scrollable on mobile and
   keeps the final submit action visible above safe-area/bottom nav. */
@media (max-width: 760px) {
  #stopWorkModal.mobile-modal,
  #editWorkModal.mobile-modal,
  #portalManualModal.mobile-modal {
    align-items: flex-end !important;
    overflow-y: auto !important;
    overscroll-behavior: contain;
    padding: 0 !important;
  }

  #stopWorkModal .mobile-modal-card,
  #editWorkModal .mobile-modal-card,
  #portalManualModal .mobile-modal-card {
    width: 100% !important;
    max-width: none !important;
    max-height: calc(100dvh - 8px) !important;
    overflow-y: auto !important;
    -webkit-overflow-scrolling: touch;
    border-radius: 22px 22px 0 0 !important;
    padding-bottom: calc(104px + env(safe-area-inset-bottom)) !important;
  }

  #stopWorkModal form > button[type="submit"],
  #editWorkModal form > button[type="submit"],
  #portalManualModal form > button[type="submit"] {
    position: sticky !important;
    bottom: calc(8px + env(safe-area-inset-bottom)) !important;
    z-index: 8 !important;
    width: 100% !important;
    min-height: 52px !important;
    box-shadow: 0 10px 28px rgba(14, 30, 44, .18) !important;
  }

  body.modal-open {
    overflow: hidden !important;
  }
}