/* iPhone / iPad fullscreen scanner safe areas.
   viewport-fit=cover lets the scanner use the full screen, so keep the
   interactive header clear of the status bar / notch / Dynamic Island. */
@media (max-width: 640px) {
  .scanner-dialog .scanner-shell {
    padding-top: calc(8px + env(safe-area-inset-top, 0px));
    padding-right: max(8px, env(safe-area-inset-right, 0px));
    padding-bottom: max(8px, env(safe-area-inset-bottom, 0px));
    padding-left: max(8px, env(safe-area-inset-left, 0px));
  }

  .scanner-dialog .scanner-head {
    min-height: 48px;
  }
}