/* Android Chrome zooms (and delays the IME) when a focused control is < 16px. */
html.touch input.form-control,
html.touch textarea.form-control,
html.touch select.form-control,
html.touch #composebody,
html.touch #compose-subject,
html.touch .recipient-input input,
html.touch .input-group input,
html.touch .tox-edit-area,
html.touch .tox-edit-area iframe {
    font-size: max(16px, 1rem) !important;
    touch-action: manipulation;
}

html.touch #composebody,
html.touch #composebodycontainer textarea {
    min-height: 30vh;
    overflow: auto !important;
    -webkit-user-select: text;
    user-select: text;
}

@media (display-mode: standalone), (display-mode: fullscreen) {
    input.form-control,
    textarea.form-control,
    #composebody,
    #compose-subject,
    .recipient-input input {
        font-size: max(16px, 1rem) !important;
        touch-action: manipulation;
    }

    #composebody {
        min-height: 30vh;
        overflow: auto !important;
    }
}
