/* Compact only the first patient screen so the full address stays above the
   iPhone browser toolbar. Booking, account and management screens are intact. */
@media(max-width:700px){
  body.viaviva-patient-mobile.vv-entry-view .wrap{
    padding:6px 10px calc(12px + env(safe-area-inset-bottom))!important
  }
  body.viaviva-patient-mobile.vv-entry-view .vv-booking-progress{
    margin:0 auto 7px!important;padding:2px 5px 4px!important
  }
  body.viaviva-patient-mobile.vv-entry-view .vv-progress-title{margin-bottom:6px!important}
  body.viaviva-patient-mobile.vv-entry-view .vv-progress-track{height:8px!important}
  body.viaviva-patient-mobile.vv-entry-view .card{
    margin-bottom:8px!important;padding:11px 13px!important
  }
  body.viaviva-patient-mobile.vv-entry-view .viaviva-brand-panel{
    grid-template-columns:80px minmax(0,1fr)!important;gap:8px!important
  }
  body.viaviva-patient-mobile.vv-entry-view .viaviva-brand-panel .viaviva-app-brand-icon{
    width:66px!important;height:66px!important;border-radius:15px!important
  }
  body.viaviva-patient-mobile.vv-entry-view .viaviva-brand-panel .brand-app-side{gap:3px!important}
  body.viaviva-patient-mobile.vv-entry-view .viaviva-brand-panel .vv11-product-name{font-size:11px!important}
  body.viaviva-patient-mobile.vv-entry-view .viaviva-brand-panel .medical-center-title{font-size:13px!important}
  body.viaviva-patient-mobile.vv-entry-view .viaviva-brand-panel .viva-name{margin:3px 0!important;font-size:25px!important}
  body.viaviva-patient-mobile.vv-entry-view .viaviva-brand-panel .online-title{font-size:12px!important}
  body.viaviva-patient-mobile.vv-entry-view .tabs{gap:8px!important}
  body.viaviva-patient-mobile.vv-entry-view .tabs button{
    min-height:54px!important;padding:8px 6px!important;font-size:16px!important
  }
  body.viaviva-patient-mobile.vv-entry-view .vv-contact-card .brand-contact-side{gap:7px!important}
  body.viaviva-patient-mobile.vv-entry-view .vv-contact-card .brand-phones{gap:5px 12px!important}
  body.viaviva-patient-mobile.vv-entry-view .vv-contact-card .vv11-phone{font-size:17px!important}
  body.viaviva-patient-mobile.vv-entry-view .vv-contact-card .vv-contact-action{
    min-height:43px!important;padding:7px 6px!important;font-size:15px!important
  }
  body.viaviva-patient-mobile.vv-entry-view .vv-contact-card .brand-address{
    margin:0!important;font-size:14px!important;line-height:1.3!important
  }
}