/*
 * iOS Safari enlarges the visual viewport when a focused form control renders
 * below 16px. Blazor client-side navigation can then preserve that zoom on the
 * next page, making fixed-size controls and the QR dock appear displaced.
 *
 * Keep this file after the generated scoped stylesheet so component-specific
 * compact field sizes cannot reintroduce the focus-zoom trigger.
 */
html {
    -webkit-text-size-adjust: 100%;
    text-size-adjust: 100%;
}

@supports (-webkit-touch-callout: none) {
    @media (max-width: 768px) {
        input:not([type="checkbox"]):not([type="radio"]):not([type="range"]),
        select,
        textarea {
            font-size: 16px !important;
        }

        .member-topbar-back,
        .member-qr-button {
            -webkit-appearance: none;
            appearance: none;
            padding: 0;
            line-height: 1;
        }
    }
}