/* public/app/css/dash-flux.css
 * Synopsis: Mode flux complet desktop isolé.
 * Objectif: Plein fenêtre sans scroll ; barres bas au footer.
 */

@media (min-width: 1101px) {
    .dash.dash--fs.dash--flux {
        display: grid;
        gap: .45rem;
        grid-template-columns: minmax(12rem, 1fr) minmax(0, 2.2fr) minmax(12rem, 1fr);
        grid-template-rows: auto minmax(0, 1fr) auto;
        height: calc(100svh / var(--dash-zoom));
        max-height: calc(100svh / var(--dash-zoom));
        overflow: hidden;
        padding: .55rem .7rem .4rem;
        width: calc(100% / var(--dash-zoom));
    }

    .dash.dash--fs.dash--flux .dash-top {
        flex-wrap: nowrap;
        min-height: 0;
        padding-bottom: .4rem;
    }

    .dash.dash--fs.dash--flux .dash-rail,
    .dash.dash--fs.dash--flux .dash-stage {
        min-height: 0;
        overflow: hidden;
    }

    .dash.dash--fs.dash--flux .dash-rail--ops,
    .dash.dash--fs.dash--flux .dash-rail--langs,
    .dash.dash--fs.dash--flux .dash-stage {
        display: flex;
        flex-direction: column;
        height: 100%;
        max-height: 100%;
    }

    .dash.dash--fs.dash--flux .dash-panel {
        flex: 1 1 auto;
        min-height: 0;
        overflow: hidden;
    }

    .dash.dash--fs.dash--flux .dash-panel--modes,
    .dash.dash--fs.dash--flux .dash-eq,
    .dash.dash--fs.dash--flux .dash-panel--flags,
    .dash.dash--fs.dash--flux .dash-core {
        flex-shrink: 0;
    }

    .dash.dash--fs.dash--flux .dash-compose {
        flex: 1 1 auto;
        min-height: 4.5rem;
    }

    .dash.dash--fs.dash--flux .dash-fs-sep {
        margin-bottom: 6px;
        padding-bottom: 6px;
    }

    .dash.dash--fs.dash--flux .dash-credit {
        margin-top: 0;
        padding-top: .25rem;
    }

    .dash.dash--fs.dash--flux #stt-btn.dash-go {
        min-height: 3.25rem;
    }
}