/* Absence dossier modals only — mobile date picker fixes (#6565) */
@media (max-width: 767px) {
  #myModalEditAbsencedossier .datetime-static .form-control,
  #myModalGrantStornoAbsencedossier .datetime-static .form-control,
  #myModalRequestStornoAbsencedossier .datetime-static .form-control,
  #myModalApproveAbsencedossier .datetime-static .form-control,
  #myModalCommentAbsencedossier .datetime-static .form-control {
    font-size: 16px !important;
    line-height: 1.4;
  }

  body.absence-dossier-flatpickr-open {
    overflow: hidden;
  }

  body.absence-dossier-flatpickr-open .flatpickr-calendar.open {
    position: fixed !important;
    left: 8px !important;
    right: 8px !important;
    top: 50% !important;
    width: auto !important;
    max-width: none !important;
    transform: translateY(-50%) !important;
    box-sizing: border-box;
    z-index: 10050 !important;
    max-height: 80dvh;
    overflow: auto;
    -webkit-overflow-scrolling: touch;
  }

  body.absence-dossier-flatpickr-open .flatpickr-calendar.open .flatpickr-innerContainer,
  body.absence-dossier-flatpickr-open .flatpickr-calendar.open .flatpickr-rContainer {
    width: 100% !important;
  }

  body.absence-dossier-flatpickr-open .flatpickr-calendar.open .flatpickr-days,
  body.absence-dossier-flatpickr-open .flatpickr-calendar.open .dayContainer {
    width: 100% !important;
    min-width: 0 !important;
    max-width: 100% !important;
  }

  body.absence-dossier-flatpickr-open .flatpickr-calendar.open .flatpickr-day {
    flex: 1 1 calc(100% / 7);
    max-width: calc(100% / 7);
    height: 38px;
    line-height: 38px;
  }

  body.absence-dossier-flatpickr-open .flatpickr-calendar.open .flatpickr-months .flatpickr-month,
  body.absence-dossier-flatpickr-open .flatpickr-calendar.open .flatpickr-current-month,
  body.absence-dossier-flatpickr-open .flatpickr-calendar.open .numInputWrapper input {
    font-size: 16px !important;
  }
}

.datetime-static.has-value label {
  color: #414141 !important;
  font-size: 10px !important;
  padding-bottom: 0 !important;
  padding-top: 0 !important;
}

.datetime-static .flatpickr-monthDropdown-months {
  padding-top: 10px !important;
}
.datetime-static .flatpickr-month {
  height: 50px !important;
}

.datetime-static .numInput {
  padding-bottom: 10px !important;
}