/**
 * Mobile viewport & iOS zoom fix
 * - Text size adjust (tránh browser tự scale chữ)
 * - Form controls >= 16px (tránh iOS auto zoom khi focus input)
 * - Table responsive wrapper
 */
html {
    -webkit-text-size-adjust: 100%;
    text-size-adjust: 100%;
}

/* Form controls: BẮT BUỘC >= 16px để tránh iOS auto zoom khi focus */
input,
textarea,
select,
button {
    font-size: 16px;
}

/* Nếu placeholder/select nhỏ hơn, override riêng vẫn đảm bảo computed >= 16px */
input[type="text"],
input[type="email"],
input[type="tel"],
input[type="number"],
input[type="search"],
input[type="password"],
input[type="date"],
input[type="datetime-local"],
textarea,
select {
    font-size: 16px;
}

/* Table responsive: bọc table trong .table-responsive để tránh tràn màn hình */
.table-responsive {
    overflow-x: auto;
    -webkit-overflow-scrolling: touch;
    max-width: 100%;
}

.table-responsive table {
    max-width: 100%;
}