/* PropFlow — optimisations Safari iOS (navigateur) */

html {
    -webkit-text-size-adjust: 100%;
    text-size-adjust: 100%;
}

@supports (-webkit-touch-callout: none) {
    html {
        min-height: 100%;
        min-height: -webkit-fill-available;
    }

    body {
        min-height: 100%;
        min-height: -webkit-fill-available;
    }
}

/* Évite le zoom automatique sur les champs (< 16px sur iOS) */
@media (max-width: 768px) {
    input,
    select,
    textarea,
    .quick-form-input,
    .form-input,
    .history-search-input,
    .propfirm-sort-select,
    .chart-period-select,
    .stats-year-select {
        font-size: 16px !important;
    }
}

/* Scroll principal : inertie + pas de rebond horizontal parasite */
.content {
    -webkit-overflow-scrolling: touch;
    overscroll-behavior-y: contain;
}

.month-scroll {
    -webkit-overflow-scrolling: touch;
    overscroll-behavior-x: contain;
}

/* Modales : hauteur dynamique (barre d’adresse Safari) */
.modal.show .modal-content,
.propfirm-donut-modal.is-open .propfirm-donut-modal__sheet {
    max-height: min(88dvh, calc(100vh - env(safe-area-inset-top) - env(safe-area-inset-bottom)));
}

/* Dock : ancré en bas, safe area en padding (évite le contenu visible sous le menu) */
@supports (padding: max(0px, env(safe-area-inset-bottom))) {
    .nav.nav-dock {
        bottom: 0 !important;
        padding-bottom: calc(4px + env(safe-area-inset-bottom, 0px)) !important;
    }
}
