/* PM24 V309 — Profile property-cover mobile layout safety
   Keeps the accepted owner-photo card unchanged. The property dashboard cover
   becomes a true full-width 16:9 preview and the final action remains clear of
   mobile browser chrome / safe areas. */

@media (max-width:700px){
  body.app-profile-settings .owner-page,
  body.app-profile-settings main,
  body.app-profile-settings .app-main{
    padding-bottom:calc(120px + env(safe-area-inset-bottom))!important;
  }
  body.app-profile-settings .owner-settings-grid{
    padding-bottom:calc(110px + env(safe-area-inset-bottom))!important;
    overflow:visible!important;
  }

  body.app-profile-settings .owner-settings-upload-card.property-cover-card{
    display:flex!important;
    grid-template-columns:none!important;
    grid-template-areas:none!important;
    flex-direction:column!important;
    align-items:stretch!important;
    gap:10px!important;
    min-width:0!important;
    overflow:visible!important;
  }
  body.app-profile-settings .owner-settings-upload-card.property-cover-card > *{
    min-width:0!important;
  }
  body.app-profile-settings .owner-settings-upload-card.property-cover-card > div:not(.owner-settings-upload-preview):not(.owner-upload-guidance){
    order:1!important;
    grid-area:auto!important;
    width:100%!important;
  }
  body.app-profile-settings .owner-settings-upload-card.property-cover-card .owner-settings-select{
    order:2!important;
    grid-area:auto!important;
    width:100%!important;
  }
  body.app-profile-settings .owner-settings-upload-card.property-cover-card .owner-settings-upload-preview{
    order:3!important;
    grid-area:auto!important;
    display:grid!important;
    place-items:center!important;
    align-self:stretch!important;
    width:100%!important;
    max-width:none!important;
    height:auto!important;
    min-height:0!important;
    aspect-ratio:16 / 9!important;
    margin:0!important;
    border-radius:16px!important;
    overflow:hidden!important;
    background:#eef4ff!important;
  }
  body.app-profile-settings .owner-settings-upload-card.property-cover-card .owner-settings-upload-preview img,
  body.app-profile-settings .owner-settings-upload-card.property-cover-card .owner-settings-upload-preview .owner-settings-avatar{
    display:block!important;
    width:100%!important;
    max-width:none!important;
    height:100%!important;
    min-height:0!important;
    aspect-ratio:auto!important;
    border-radius:0!important;
    object-fit:cover!important;
    object-position:center!important;
  }
  body.app-profile-settings .owner-settings-upload-card.property-cover-card .owner-settings-upload-preview .owner-avatar-fallback{
    display:grid!important;
    place-items:center!important;
  }
  body.app-profile-settings .owner-settings-upload-card.property-cover-card .v299-image-preview,
  body.app-profile-settings .owner-settings-upload-card.property-cover-card .v304-new-preview{
    order:3!important;
    grid-area:auto!important;
    display:block!important;
    align-self:stretch!important;
    width:100%!important;
    max-width:none!important;
    height:auto!important;
    min-height:0!important;
    aspect-ratio:16 / 9!important;
    margin:0!important;
    border-radius:16px!important;
    object-fit:cover!important;
    object-position:center!important;
  }
  body.app-profile-settings .owner-settings-upload-card.property-cover-card .owner-upload-control{
    order:4!important;
    grid-area:auto!important;
    width:100%!important;
  }
  body.app-profile-settings .owner-settings-upload-card.property-cover-card > button{
    order:5!important;
    grid-area:auto!important;
    display:flex!important;
    width:100%!important;
    min-height:48px!important;
    margin:0 0 14px!important;
  }
}