/* Shared with the isolated OCR scanner: vendor coordinates and absolute plots
   need explicit overrides; Tailwind alone cannot change those generated nodes. */
.clinic-calendar-popup {
  box-sizing: border-box;
  position: fixed !important;
  right: auto !important;
  bottom: auto !important;
  inset-inline-end: auto;
  z-index: 100000;
  margin: 0 !important;
  max-width: calc(100vw - 16px);
  overflow: auto;
  overscroll-behavior: contain;
  -webkit-overflow-scrolling: touch;
}
.clinic-calendar-popup .datepicker-plot-area {
  position: relative;
  top: auto;
  left: auto;
  display: flow-root;
  width: 100%;
  min-width: 0;
  border-radius: 10px;
}
.clinic-calendar-popup select {
  min-width: 0;
  max-width: 100%;
  font-size: 16px;
}
/* A 16px field avoids Safari's focus zoom without disabling user pinch zoom. */
.jalali-date-input, #document-date, #chain-clinical-date,
input[type="date"], input[type="datetime-local"] {
  min-width: 0;
  max-width: 100%;
  font-size: max(16px, 1em) !important;
}
@media (pointer: coarse) {
  .clinic-calendar-popup .datepicker-day-view .table-days td,
  .clinic-calendar-popup .datepicker-day-view .table-days td > span {
    height: 40px !important;
  }
  .clinic-calendar-popup .datepicker-day-view .table-days td > span {
    line-height: 40px;
  }
  .clinic-calendar-popup .datepicker-navigator > div,
  .clinic-calendar-popup .toolbox > div {
    min-height: 40px;
    line-height: 40px;
  }
  .clinic-calendar-popup .document-calendar-day,
  .clinic-calendar-popup .chain-calendar-days button {
    min-height: 40px;
  }
}