/* CHDR - reglages mobile. Charge par AdminPanelProvider et ResidentPanelProvider. */
@media (max-width: 640px) {

    /* 16px : en dessous, Safari iOS zoome des que le champ prend le focus. */
    input:not([type="checkbox"]):not([type="radio"]),
    select,
    textarea,
    .fi-input,
    .fi-select-input,
    .fi-textarea {
        font-size: 16px !important;
    }

    /* Cible d'au moins 44px pour le pouce. */
    .fi-btn,
    .fi-icon-btn,
    .fi-ta-action,
    .fi-dropdown-list-item {
        min-height: 44px;
    }

    .fi-modal-footer-actions .fi-btn,
    .fi-form-actions .fi-btn {
        width: 100%;
        justify-content: center;
    }

    .fi-modal-footer-actions,
    .fi-form-actions .fi-ac {
        flex-direction: column;
        align-items: stretch;
        gap: 0.5rem;
    }

    /* Le tableau defile dans son propre cadre, la page ne part plus de travers. */
    .fi-ta-ctn,
    .fi-ta-content {
        overflow-x: auto;
        -webkit-overflow-scrolling: touch;
    }

    .fi-ta-table {
        min-width: max-content;
    }

    body {
        overflow-x: hidden;
    }
}