/* QA830: phone appointment actions and day-calendar touch correction. */
@media(max-width:560px){
  .appointment-create-backdrop-v1{
    min-height:100dvh!important;
    padding:10px!important;
  }
  .appointment-create-modal-v1{max-height:calc(100dvh - 20px)!important;}
  .appointment-create-footer-v1{
    display:grid!important;
    grid-template-columns:minmax(0,1fr) minmax(0,1fr)!important;
    align-items:stretch!important;
    gap:10px!important;
    padding:12px 16px calc(12px + env(safe-area-inset-bottom,0px))!important;
  }
  .appointment-create-footer-v1 .btn,
  .appointment-create-footer-v1 .appointment-save-v1{
    width:100%!important;
    min-width:0!important;
    min-height:50px!important;
    margin:0!important;
    padding:0 10px!important;
    flex:none!important;
    white-space:nowrap!important;
    font-size:14px!important;
    line-height:1!important;
  }
  .appointment-create-footer-v1 .appointment-save-v1{gap:7px!important;}
  .appointment-create-footer-v1 .appointment-save-v1 svg{width:20px!important;height:20px!important;}
}

@media(max-width:380px){
  .appointment-create-footer-v1 .btn,
  .appointment-create-footer-v1 .appointment-save-v1{font-size:13px!important;}
  .appointment-create-footer-v1 .appointment-save-v1 svg{display:none!important;}
}

@media(max-width:760px){
  /* Day view belongs to the page scroll; it must never trap a vertical swipe. */
  #app .premium-app .ironflow-calendar-page .calendar-shell.calendar-mode-day .calendar-grid.block-calendar{
    overflow:visible!important;
    overscroll-behavior:auto!important;
    touch-action:pan-y!important;
  }
  #app .premium-app .ironflow-calendar-page .calendar-shell.calendar-mode-day .calendar-board-panel>.body{
    overflow:visible!important;
    overscroll-behavior:auto!important;
    touch-action:pan-y!important;
  }
}