/* V155 — responsive mobile structure, iOS Safari controls and photo follow-up. */
@media (max-width: 768px) {
  html {width:100%; overflow-x:hidden; -webkit-text-size-adjust:100%;}
  body {width:100%; min-width:0; margin-left:0; margin-right:0; overflow-x:hidden;}
  #client, #client > .card, #clientProfilePane, #clientProfileContent,
  #clientPhotosPane, #clientPhotosContent, .profile-photos-section {
    width:100%!important; max-width:100%!important; min-width:0!important;
    box-sizing:border-box!important; margin-left:0!important; margin-right:0!important;
  }
  #clientProfilePane, #clientPhotosPane {padding-left:clamp(12px,3.5vw,20px)!important;padding-right:clamp(12px,3.5vw,20px)!important;}
  #clientProfilePane *, #clientPhotosPane * {box-sizing:border-box; min-width:0;}
  #clientPhotosContent form, #clientPhotosContent form > *,
  #clientPhotosContent .row, #clientPhotosContent [class*="grid"],
  #clientPhotosContent [class*="field"], #clientPhotosContent label,
  #clientPhotosContent input, #clientPhotosContent select,
  #clientPhotosContent textarea {max-width:100%!important; min-width:0!important;}
  #clientPhotosContent form, #clientPhotosContent [class*="grid"] {grid-template-columns:minmax(0,1fr)!important;}
  #clientPhotosContent input[type="file"] {display:block!important;width:100%!important;max-width:100%!important;font-size:14px!important;overflow:hidden!important;text-overflow:ellipsis;}
  #clientPhotosContent input[type="date"] {display:block!important;width:100%!important;max-width:100%!important;min-height:44px; -webkit-appearance:none;appearance:none;}
  #clientPhotosContent input[type="text"], #clientPhotosContent textarea {width:100%!important;}
  #clientPhotosContent button {max-width:100%!important;white-space:normal;overflow-wrap:break-word;}
  #clientPhotosContent img, #clientPhotosContent video {display:block;max-width:100%!important;height:auto;object-fit:contain;}
  #clientProfilePane h1, #clientProfilePane h2, #clientProfilePane h3,
  #clientPhotosPane p, #clientPhotosPane label {overflow-wrap:break-word;word-break:normal;}
  #clientProfileContent canvas, #clientProfileContent svg {max-width:100%!important;}
  #client .ba-mobile-client-nav {box-sizing:border-box;max-width:100vw;width:100%;padding-bottom:env(safe-area-inset-bottom,0px);}
  #client .ba-mobile-client-nav button {min-width:0!important;max-width:100%;overflow:hidden;}
  #client .ba-mobile-client-nav button span {overflow-wrap:normal;white-space:normal;}
  #client {padding-bottom:calc(115px + env(safe-area-inset-bottom,0px))!important;}
}