/* HF05DB: Service modal viewport-only accessibility fix.
   No workflow, image upload, data, or backend behavior is changed. */
@media (max-height: 850px), (max-width: 1150px) {
  html body .sve-dialog,
  html body .svw-dialog {
    box-sizing: border-box !important;
    height: min(840px, calc(100dvh - 20px)) !important;
    max-height: calc(100dvh - 20px) !important;
    width: min(1680px, calc(100vw - 20px)) !important;
    max-width: calc(100vw - 20px) !important;
    display: flex !important;
    flex-direction: column !important;
    overflow: hidden !important;
  }
  html body .sve-dialog > header,
  html body .svw-dialog > header {
    flex: 0 0 auto !important;
    min-height: 0 !important;
    height: auto !important;
  }
  html body .sve-dialog > .svm-dialog-body,
  html body .svw-dialog > .svm-dialog-body {
    height: auto !important;
    min-height: 0 !important;
    flex: 1 1 auto !important;
    overflow-y: auto !important;
    overflow-x: hidden !important;
    overscroll-behavior: contain;
  }
  html body .sve-dialog [data-work-body],
  html body .sve-dialog [data-delivery-body],
  html body .svw-dialog [data-work-body] {
    min-height: 0 !important;
    height: auto !important;
    overflow: visible !important;
    flex: 0 0 auto !important;
  }
  html body .sve-dialog .sve-layout,
  html body .svw-dialog .svw-layout {
    display: block !important;
    height: auto !important;
    min-height: 0 !important;
    overflow: visible !important;
    flex: 0 0 auto !important;
  }
  html body .sve-dialog .sve-entry,
  html body .sve-dialog .sve-summary,
  html body .svw-dialog .svw-main,
  html body .svw-dialog .svw-side {
    min-height: 0 !important;
    height: auto !important;
    max-height: none !important;
    overflow: visible !important;
  }
  html body .sve-dialog .sve-summary,
  html body .svw-dialog .svw-side { margin-top: 12px; }
  html body .svw-dialog .svw-form { min-height: 0 !important; overflow: visible !important; flex: 0 0 auto !important; }
  html body .svw-dialog .svw-actions { position: sticky !important; bottom: 0 !important; z-index: 8 !important; }
  html body .sve-dialog input[type="file"],
  html body .svw-dialog input[type="file"] { max-width: 100%; }
  html body .sve-dialog .sve-photo-chooser,
  html body .svw-dialog .sve-photo-chooser { min-width: 0; }
}
@media (max-width: 600px) {
  html body .sve-dialog, html body .svw-dialog { width: calc(100vw - 12px) !important; max-width: calc(100vw - 12px) !important; }
}