/* Shared phone ergonomics for Safari, WKWebView and Android WebView. */
@media (max-width:700px) {
 body .layout input:not([type=checkbox]):not([type=radio]),body .layout select,body .layout textarea,body #modal select,body #modal textarea,body #modal input:not([type=checkbox]):not([type=radio]),body #app .paper-editor select,body #app .paper-editor textarea,
 .layout .company select,.layout .topbar input,body .login-box input:not([type=checkbox]):not([type=radio]) {font-size:16px;min-height:44px}
 body button,body .button {min-height:44px}
 dialog {max-height:calc(100vh - 24px);max-height:calc(100dvh - 24px);overflow-y:auto;overscroll-behavior:contain}
 dialog input,dialog select,dialog textarea {scroll-margin-block:24px}
 .content {padding-bottom:max(32px,env(safe-area-inset-bottom))}
 .table-wrap {overscroll-behavior-x:contain}
}

/* iOS WebKit geeft datumvelden een eigen minimale breedte, waardoor ze op een telefoon buiten het scherm lopen. */
@supports (-webkit-touch-callout:none) {
 input[type=date],input[type=month],input[type=time],input[type=datetime-local] {-webkit-appearance:none;appearance:none;min-width:0;max-width:100%;box-sizing:border-box}
 input[type=date]::-webkit-date-and-time-value,input[type=month]::-webkit-date-and-time-value {text-align:left}
}
/* iOS WebKit schaalt een PDF in een iframe niet naar de breedte; op een telefoon valt dan de rechterkant van de factuur weg. De knop Openen in dezelfde kaart toont de volledige PDF. */
@supports (-webkit-touch-callout:none) {
 @media (max-width:700px) {.document-original .document-original-frame {display:none}}
}