/* ===============================
   iOS Safari zoom fix for Dash apps
   =============================== */
@supports (-webkit-touch-callout: none) {

    /* Numeric inputs and text inputs */
    input[type="number"],
    input[type="text"],
    textarea {
        font-size: 16px !important;   /* stop zoom on focus */
        padding: 4px 6px;             /* optional: compact padding */
        height: 32px;                 /* optional: uniform height */
    }

    /* Dash Dropdowns */
    .Select-input input,      /* internal Dash hidden input */
    .Select-control input,
    .Select-placeholder,
    .Select-value {
        font-size: 16px !important;
    }

    /* Optional: make labels readable on mobile without zoom */
    label {
        font-size: 14px;  /* adjust as needed */
    }
}