/* Mobile full-page editors — profile, pet, lost/adoption and care forms.
   Desktop dialogs and compact confirmation dialogs retain their original layout. */
@media(max-width:740px){
 #modal-root .pati-full-page-form-backdrop{
  position:fixed!important;inset:0!important;display:flex!important;
  align-items:stretch!important;justify-content:stretch!important;
  width:100vw!important;max-width:100vw!important;
  height:100dvh!important;max-height:100dvh!important;
  margin:0!important;padding:0!important;overflow:hidden!important;
  overscroll-behavior:contain;background:#fff!important;z-index:405!important;
  box-sizing:border-box!important;
 }
 #modal-root .pati-full-page-form-backdrop>.pati-mobile-full-page-form{
  position:relative!important;inset:auto!important;display:flex!important;
  flex-direction:column!important;flex:1 1 auto!important;min-width:0!important;
  width:100%!important;max-width:100%!important;min-height:0!important;
  height:100%!important;max-height:100%!important;
  margin:0!important;box-sizing:border-box!important;
  border:0!important;border-radius:0!important;
  padding:env(safe-area-inset-top,0px) 0 env(safe-area-inset-bottom,0px)!important;
  background:#fff!important;color:#17191d!important;
  box-shadow:none!important;overflow:hidden!important;
  -webkit-overflow-scrolling:touch;
 }
 #modal-root .pati-mobile-full-page-form>.modal-header{
  display:flex!important;flex:0 0 auto!important;
  align-items:center!important;gap:12px!important;order:0;
  width:100%;min-width:0;min-height:64px!important;
  padding:9px 16px!important;margin:0!important;
  box-sizing:border-box!important;border-bottom:1px solid #ececf0!important;
  background:#fff!important;
 }
 #modal-root .pati-mobile-full-page-form .modal-header h2{
  flex:1 1 auto;min-width:0;margin:0!important;
  font-size:19px!important;font-weight:850!important;line-height:1.3;
  text-align:left!important;overflow-wrap:anywhere;
 }
 #modal-root .pati-mobile-full-page-form .close-modal{
  position:static!important;order:-1;display:grid!important;place-items:center;
  flex:0 0 44px!important;width:44px!important;height:44px!important;
  min-width:44px!important;min-height:44px!important;margin:0!important;
  border:1px solid #e3e3e8!important;border-radius:13px!important;
  padding:0!important;background:#f5f5f7!important;color:#121319!important;
  font-size:0!important;line-height:1!important;cursor:pointer;
 }
 #modal-root .pati-mobile-full-page-form .close-modal::before{
  content:"‹";font-size:32px;font-family:system-ui,sans-serif;font-weight:450;
  transform:translateY(-2px);
 }
 #modal-root .pati-mobile-full-page-form>form{
  display:flex!important;flex:1 1 auto!important;
  flex-direction:column!important;min-width:0!important;min-height:0!important;
  width:100%!important;max-height:none!important;margin:0!important;
  padding:0!important;overflow:hidden!important;
 }
 #modal-root .pati-mobile-full-page-form .modal-content{
  flex:1 1 auto!important;min-height:0!important;max-height:none!important;
  overflow-x:hidden!important;overflow-y:auto!important;
  overscroll-behavior:contain!important;scrollbar-width:thin!important;
  padding:17px 16px 28px!important;margin:0!important;
  box-sizing:border-box!important;-webkit-overflow-scrolling:touch;
 }
 #modal-root .pati-mobile-full-page-form .modal-content>*{
  max-width:100%;min-width:0;box-sizing:border-box;
 }
 #modal-root .pati-mobile-full-page-form .modal-footer{
  position:relative!important;inset:auto!important;flex:0 0 auto!important;
  display:flex!important;align-items:center!important;gap:10px!important;
  width:100%!important;max-width:100%!important;margin:0!important;
  padding:11px 16px max(14px,env(safe-area-inset-bottom,0px))!important;
  border-top:1px solid #e8e8ee!important;background:#fff!important;
  box-sizing:border-box!important;z-index:2!important;
 }
 #modal-root .pati-mobile-full-page-form .modal-footer :is(button,.primary-btn,.outline-btn){
  display:inline-flex!important;align-items:center!important;justify-content:center!important;
  flex:1 1 0!important;min-width:0!important;min-height:49px!important;
  max-width:none!important;margin:0!important;padding:10px 12px!important;
  font-size:14px!important;font-weight:800!important;line-height:1.3!important;
  white-space:normal!important;text-align:center!important;
  border-radius:13px!important;
 }
 #modal-root .pati-mobile-full-page-form .modal-footer button[type="submit"]{
  background:#17191d!important;color:#fff!important;border:1px solid #17191d!important;
 }
 #modal-root .pati-mobile-full-page-form :is(input:not([type="checkbox"]):not([type="radio"]),textarea,select){
  max-width:100%!important;min-width:0!important;box-sizing:border-box!important;
  font-size:16px!important;
 }
 #modal-root .pati-mobile-full-page-form :is(.pati-edit-cover,.pati-edit-sections,.pati-pet-edit-fields-row){
  min-width:0;max-width:100%;box-sizing:border-box;
 }
 #modal-root .pati-mobile-full-page-form .pati-edit-cover{
  width:100%!important;margin:0!important;
 }
 #modal-root .pati-mobile-full-page-form .pati-edit-photo-tools{max-width:100%}
 #modal-root .pati-mobile-full-page-form .pati-pet-edit-fields-row{
  display:grid!important;grid-template-columns:1fr!important;gap:12px!important;
 }
 #modal-root .pati-mobile-full-page-form .pati-edit-section-title{
  font-weight:850;margin:13px 0 10px;
 }
 #modal-root .pati-mobile-full-page-form .pati-upload-status{
  flex:0 0 auto;min-width:0;max-height:90px;overflow-y:auto;
 }
 #modal-root .pati-mobile-full-page-form .pati-edit-links-section,
 #modal-root .pati-mobile-full-page-form .pati-pet-breed-area{
  min-width:0!important;max-width:100%!important;
 }
 #modal-root .pati-mobile-full-page-form .pati-pet-delete{
  flex:1 0 100%!important;max-width:100%!important;
  background:#fff3f3!important;color:#a12839!important;
  border:1px solid #f0c1c9!important;
 }
 #modal-root .pati-mobile-full-page-form:has(.pati-pet-delete) .modal-footer{
  flex-wrap:wrap!important;
 }
 #modal-root .pati-mobile-full-page-form:has(.pati-pet-delete) .modal-footer .pati-pet-delete{
  order:3!important;margin-top:0!important;
 }
 #modal-root .pati-mobile-full-page-form .close-modal:focus-visible,
 #modal-root .pati-mobile-full-page-form .modal-footer button:focus-visible{
  outline:3px solid #737780!important;outline-offset:2px!important;
 }
}
@media(max-width:370px){
 #modal-root .pati-mobile-full-page-form>.modal-header{padding-inline:11px!important;gap:8px!important}
 #modal-root .pati-mobile-full-page-form .modal-header h2{font-size:17px!important}
 #modal-root .pati-mobile-full-page-form .modal-content{padding-inline:12px!important}
 #modal-root .pati-mobile-full-page-form .modal-footer{padding-inline:12px!important}
}
html[data-pati-theme="dark"] #modal-root .pati-mobile-full-page-form .modal-content,
html[data-pati-theme="dark"] #modal-root .pati-mobile-full-page-form,
html[data-pati-theme="dark"] #modal-root .pati-mobile-full-page-form>.modal-header,
html[data-pati-theme="dark"] #modal-root .pati-mobile-full-page-form .modal-footer{
 background:#17191d!important;color:#f6f7f9!important;
}
html[data-pati-theme="dark"] #modal-root .pati-mobile-full-page-form>.modal-header,
html[data-pati-theme="dark"] #modal-root .pati-mobile-full-page-form .modal-footer{
 border-color:#3e414a!important;
}
html[data-pati-theme="dark"] #modal-root .pati-mobile-full-page-form .close-modal{
 background:#282a32!important;color:#fff!important;border-color:#4b4d57!important;
}