/* MenoSyke Fix58: mobile viewport and safe-area corrections */
html{min-height:100%;-webkit-text-size-adjust:100%;text-size-adjust:100%}
body{min-height:100%;min-height:100dvh;padding-top:env(safe-area-inset-top,0px);padding-right:env(safe-area-inset-right,0px);padding-bottom:env(safe-area-inset-bottom,0px);padding-left:env(safe-area-inset-left,0px)}
img,svg,video,canvas{max-width:100%}
input,select,textarea,button{max-width:100%}
@media(max-width:768px){
  html,body{width:100%;max-width:100%;overflow-x:hidden}
  body{min-height:100svh;min-height:100dvh}
  main,.wrap,.container,.content{max-width:100%}
  input,select,textarea{font-size:16px!important}
  textarea{min-height:132px}
  .panel,.card,.box{max-width:100%;overflow-wrap:anywhere}
  .wrap{padding-top:calc(16px + env(safe-area-inset-top,0px))!important;padding-bottom:calc(80px + env(safe-area-inset-bottom,0px))!important}
  .top,.topbar,.site-header,.header{scroll-margin-top:calc(12px + env(safe-area-inset-top,0px))}
  .actions,.dialog-actions,.fv-pwa-dialog-actions{padding-bottom:calc(8px + env(safe-area-inset-bottom,0px))}
}