/* Dartava phone match fitting - fixes the clipped real 501 scorer without touching the scoring engine.
   Covers /r3/mobile and the Android web surface, including camera/caller injected controls. */
@media(max-width:820px){
body:is([data-r3-surface="mobile"],[data-r3-surface="app"]) .r3-fullscreen-mode[data-open="1"]{
  inset:0!important; width:100vw!important;max-width:100vw!important;
  box-sizing:border-box!important;overflow-x:hidden!important;overflow-y:auto!important;
  min-height:100dvh!important;height:100dvh!important;overscroll-behavior-y:contain!important;
  touch-action:pan-y pinch-zoom!important;
}
body:is([data-r3-surface="mobile"],[data-r3-surface="app"]) .r3-fullscreen-body{
  display:block!important;place-items:unset!important;flex:1 1 auto!important;
  width:100%!important;min-width:0!important;max-width:100%!important;
  min-height:100%!important;height:auto!important;max-height:none!important;
  padding:env(safe-area-inset-top,0px) 0 calc(28px + env(safe-area-inset-bottom,0px))!important;
  margin:0!important;box-sizing:border-box!important;overflow-x:clip!important;overflow-y:visible!important;
}
body:is([data-r3-surface="mobile"],[data-r3-surface="app"]) .r3-fullscreen-body > div{
  display:block!important;width:100%!important;max-width:100%!important;min-width:0!important;
  padding-bottom:calc(24px + env(safe-area-inset-bottom,0px))!important;box-sizing:border-box!important;
  overflow-x:clip!important;
}
body:is([data-r3-surface="mobile"],[data-r3-surface="app"]) .r3-fullscreen-head{
  display:flex!important;flex-wrap:wrap!important;align-items:center!important;
  justify-content:flex-start!important;gap:8px!important;min-width:0!important;
  width:100%!important;max-width:100%!important;
  padding:11px 12px!important;margin:0!important;box-sizing:border-box!important;overflow-x:clip!important;
}
body:is([data-r3-surface="mobile"],[data-r3-surface="app"]) .r3-fullscreen-head > div:first-child{
  flex:1 1 100%!important;min-width:0!important;max-width:100%!important;
  font-size:15px!important;line-height:1.25!important;overflow-wrap:anywhere!important;
}
body:is([data-r3-surface="mobile"],[data-r3-surface="app"]) .r3-fullscreen-head button{
  flex:1 1 100px!important;max-width:100%!important;width:auto!important;min-width:0!important;
  min-height:44px!important;padding:9px 8px!important;font-size:12px!important;
  white-space:normal!important;overflow-wrap:anywhere!important;
  line-height:1.15!important;box-sizing:border-box!important;
}
body:is([data-r3-surface="mobile"],[data-r3-surface="app"]) .r3-fullscreen-body [style*="display:grid"]{
  max-width:100%!important;min-width:0!important;box-sizing:border-box!important;
}
body:is([data-r3-surface="mobile"],[data-r3-surface="app"]) [data-r3-score-form]{
  min-width:0!important;width:100%!important;max-width:100%!important;
  padding:0 12px!important;margin:0!important;box-sizing:border-box!important;
}
body:is([data-r3-surface="mobile"],[data-r3-surface="app"]) [data-r3-score-form] > div:first-of-type{
  display:grid!important;grid-template-columns:minmax(0,1fr) minmax(104px,auto)!important;
  gap:7px!important;width:100%!important;min-width:0!important;max-width:100%!important;
}
body:is([data-r3-surface="mobile"],[data-r3-surface="app"]) [data-r3-score-form] > div:first-of-type > *{
  box-sizing:border-box!important;min-width:0!important;max-width:100%!important;
}
body:is([data-r3-surface="mobile"],[data-r3-surface="app"]) #dartava-visit-score{
  width:100%!important;max-width:100%!important;padding:0 12px!important;
  min-height:50px!important;font-size:20px!important;box-sizing:border-box!important;
}
body:is([data-r3-surface="mobile"],[data-r3-surface="app"]) [data-r3-score-form] button[type="submit"]{
  width:auto!important;min-width:104px!important;max-width:135px!important;
  padding:9px 10px!important;min-height:50px!important;font-size:12px!important;
  white-space:normal!important;line-height:1.15!important;box-sizing:border-box!important;
}
body:is([data-r3-surface="mobile"],[data-r3-surface="app"]) .dx-scoring-tools{
  display:grid!important;grid-template-columns:minmax(0,1fr)!important;
  width:100%!important;max-width:100%!important;min-width:0!important;gap:9px!important;
}
body:is([data-r3-surface="mobile"],[data-r3-surface="app"]) .dx-score-presets{
  display:grid!important;grid-template-columns:repeat(4,minmax(0,1fr))!important;gap:6px!important;
  width:100%!important;max-width:100%!important;min-width:0!important;
}
body:is([data-r3-surface="mobile"],[data-r3-surface="app"]) .dx-score-pad{
  display:grid!important;grid-template-columns:repeat(3,minmax(0,1fr))!important;gap:6px!important;
  width:100%!important;max-width:100%!important;min-width:0!important;
}
body:is([data-r3-surface="mobile"],[data-r3-surface="app"]) :is(.dx-score-presets,.dx-score-pad) button{
  display:grid!important;place-items:center!important;width:100%!important;
  max-width:100%!important;min-width:0!important;min-height:43px!important;
  padding:6px 3px!important;font-size:clamp(13px,3.7vw,17px)!important;
  box-sizing:border-box!important;white-space:normal!important;
}
body:is([data-r3-surface="mobile"],[data-r3-surface="app"]) .r3-fullscreen-body :is(article,section,form,input,button){
  box-sizing:border-box!important;
}
}
@media(max-width:350px){
body:is([data-r3-surface="mobile"],[data-r3-surface="app"]) .r3-fullscreen-head button{flex-basis:90px!important}
body:is([data-r3-surface="mobile"],[data-r3-surface="app"]) [data-r3-score-form] > div:first-of-type{grid-template-columns:minmax(0,1fr) 105px!important}
body:is([data-r3-surface="mobile"],[data-r3-surface="app"]) [data-r3-score-form] button[type="submit"]{min-width:105px!important;font-size:11px!important}
}
