/* public/app/css/dashboard-rails-mq.css
 * Synopsis: Grille cockpit responsive.
 * Objectif: Header → dictée → sections sur toute tablette et smartphone.
 */

@media (max-width: 1100px) {
    .dash {
        grid-template-columns: 1fr 1fr;
        max-width: 100%;
        overflow-y: visible;
        width: 100%;
    }

    .dash .dash-top {
        order: 0;
    }

    .dash .dash-stage {
        grid-column: 1 / -1;
        order: 1;
    }

    .dash .dash-rail--ops,
    .dash .dash-rail--langs {
        order: 2;
    }

    .dash .dash-credit {
        order: 3;
    }
}

@media (max-width: 640px) {
    .dash {
        box-shadow: 0 12px 32px rgba(0, 0, 0, .4);
        grid-template-columns: 1fr;
    }

    .dash .dash-top {
        order: 0;
    }

    .dash .dash-stage {
        order: 1;
    }

    .dash .dash-rail--ops {
        order: 2;
    }

    .dash .dash-rail--langs {
        order: 3;
    }

    .dash .dash-credit {
        order: 4;
    }
}