/* v27.10 — Mobile visit report and observation image picker fixes */
@media (max-width: 760px) {
  /* Allow the visit report to be explored horizontally on narrow screens. */
  body:has(.compact-visit-report),
  body:has(.visit-report) {
    overflow-x: hidden !important;
  }

  #content:has(.compact-visit-report),
  #content:has(.visit-report) {
    overflow-x: auto !important;
    overflow-y: visible !important;
    -webkit-overflow-scrolling: touch;
    touch-action: pan-x pan-y;
    overscroll-behavior-inline: contain;
    padding-bottom: 12px;
  }

  .compact-visit-report,
  .visit-report.report-document {
    width: max-content !important;
    min-width: 900px !important;
    max-width: none !important;
    margin-inline: 0 !important;
  }

  .compact-visit-report .compact-report-sheet,
  .visit-report.report-document {
    width: 900px !important;
    min-width: 900px !important;
    max-width: none !important;
    box-sizing: border-box;
  }

  .compact-visit-report::before,
  .visit-report.report-document::before {
    content: "اسحب يمينًا أو يسارًا لعرض كامل التقرير";
    position: sticky;
    right: 12px;
    display: block;
    width: fit-content;
    margin: 0 12px 8px auto;
    padding: 7px 11px;
    border: 1px solid #c8d7d0;
    border-radius: 999px;
    background: #f5f8f7;
    color: #315e50;
    font-size: 11px;
    font-weight: 700;
    z-index: 3;
  }
}

@media print {
  #content:has(.compact-visit-report),
  #content:has(.visit-report) {
    overflow: visible !important;
  }

  .compact-visit-report,
  .compact-visit-report .compact-report-sheet,
  .visit-report.report-document {
    width: 100% !important;
    min-width: 0 !important;
    max-width: none !important;
  }

  .compact-visit-report::before,
  .visit-report.report-document::before {
    display: none !important;
    content: none !important;
  }
}