/* === TUCODATA MOBILE — OVERVIEW V1 === */

@media (max-width: 767.98px) {
    html {
        -webkit-text-size-adjust: 100%;
        text-size-adjust: 100%;
    }

    body {
        overflow-x: hidden !important;
    }

    .tuco-overview-page {
        box-sizing: border-box;
        width: 100%;
        max-width: 100vw;
        overflow-x: hidden;

        padding: 10px 12px 24px !important;
    }

    /* Fonctions volontairement réservées au desktop. */
    .tuco-overview-page .overview-brief-card,
    .tuco-overview-page .overview-ai-action,
    .tuco-overview-page .overview-last7-card,
    .tuco-overview-page .overview-ranking-col,
    .tuco-overview-page .overview-pmix-card {
        display: none !important;
    }

    .tuco-overview-page .overview-title-col {
        flex: 0 0 100% !important;
        width: 100% !important;
        max-width: 100% !important;
    }

    .tuco-overview-page #p01-main-title {
        margin: 4px 0 8px !important;

        font-size: 1.22rem !important;
        font-weight: 800 !important;
        line-height: 1.2 !important;
        letter-spacing: 0.07em !important;
    }

    /*
     * p01-kpis contient une Row générée dynamiquement.
     * On neutralise ses marges desktop pour éviter le scroll horizontal.
     */
    .tuco-overview-page #p01-kpis {
        width: auto !important;
        margin: 0 -5px 16px !important;
    }

    .tuco-overview-page .overview-kpi-grid {
        width: 100% !important;
        margin: 0 !important;
        row-gap: 10px !important;
    }

    .tuco-overview-page
    .overview-kpi-grid > [class*="col-"] {
        box-sizing: border-box;

        flex: 0 0 50% !important;
        width: 50% !important;
        max-width: 50% !important;

        padding: 0 5px !important;
    }

    .tuco-overview-page
    .overview-kpi-grid > [class*="col-"]:last-child {
        flex-basis: 100% !important;
        width: 100% !important;
        max-width: 100% !important;
    }

    .tuco-overview-page .tuco-kpi-card {
        min-height: 132px;
        border-radius: var(--radius-md) !important;
    }

    .tuco-overview-page .tuco-kpi-card .card-body {
        display: flex;
        flex-direction: column;
        justify-content: center;

        padding: 12px !important;
    }

    .tuco-overview-page .tuco-kpi-label {
        font-size: 0.62rem !important;
        line-height: 1.2 !important;
        letter-spacing: 0.07em !important;
    }

    .tuco-overview-page .tuco-kpi-value {
        margin-top: 5px !important;

        font-size: 1.18rem !important;
        line-height: 1.12 !important;
        overflow-wrap: anywhere;
    }

    .tuco-overview-page .tuco-kpi-sub,
    .tuco-overview-page .tuco-kpi-delta {
        margin-top: 4px !important;

        font-size: 0.68rem !important;
        line-height: 1.2 !important;
        overflow-wrap: anywhere;
    }

    /* Une seule courbe simple sur téléphone. */
    .tuco-overview-page .overview-charts {
        width: 100% !important;
        margin: 0 !important;
    }

    .tuco-overview-page .overview-trend-col {
        width: 100% !important;
        max-width: 100% !important;

        padding: 0 !important;
        margin: 0 !important;
    }

    .tuco-overview-page .overview-trend-col .card {
        width: 100% !important;
        border-radius: var(--radius-md) !important;
    }

    .tuco-overview-page .overview-trend-col .card-header {
        padding: 11px 13px !important;
        font-size: 0.80rem !important;
    }

    .tuco-overview-page .overview-trend-col .card-body {
        width: 100%;
        overflow: hidden;
        padding: 3px !important;
    }

    .tuco-overview-page .overview-trend-col .dash-graph,
    .tuco-overview-page .overview-trend-col .js-plotly-plot,
    .tuco-overview-page .overview-trend-col .plot-container,
    .tuco-overview-page .overview-trend-col .svg-container {
        width: 100% !important;
        max-width: 100% !important;
    }
}

/* === END TUCODATA MOBILE — OVERVIEW V1 === */