@media (max-device-width: 1023px)
    and (orientation: landscape)
    and (hover: none)
    and (pointer: coarse) {

/**
 * SOLVYLA COU - MOTABLE
 * Version 0.1
 * Tablette / smartphone paysage / foldable tactile.
 * Meme architecture visuelle que WIDE, adaptee au tactile.
 */

    .solvyla-cou .cou-app {
        width: 100%;
        height: 100dvh;
        overflow: hidden;
        touch-action: auto;
    }

    .solvyla-cou .cou-topbar {
        width: 100%;
        flex: 0 0 auto;
    }

    .solvyla-cou .cou-body {
        display: grid;
        grid-template-columns: clamp(150px, 22vw, 220px) minmax(0, 1fr);
        width: 100%;
        min-width: 0;
        min-height: 0;
        height: calc(100dvh - var(--cou-topbar-height));
    }

    /* MENU VERTICAL MOTABLE */
    .solvyla-cou .cou-sidebar {
        min-width: 0;
        min-height: 0;
        padding-inline: 2vw;
        overflow-x: hidden;
        overflow-y: auto;
        background: var(--cou-blue-dark);
        color: #ffffff;
        -webkit-overflow-scrolling: touch;
        touch-action: pan-y pinch-zoom;
    }

    .solvyla-cou .cou-navigation {
        width: 100%;
        color: #ffffff;
    }

    .solvyla-cou .cou-menu-group {
        width: 100%;
        margin-block: 0.6vh;
        border-radius: 0.7vmin;
        transition:
            background 0.22s ease,
            box-shadow 0.22s ease;
    }

    .solvyla-cou .cou-menu-title {
        width: 100%;
        min-height: 44px;
        padding: 1vh 0;
        border: 0;
        background: transparent;
        color: #ffffff;
        font-family: 'Inter', sans-serif;
        font-size: 1.3em;
        font-weight: 700;
        text-align: left;
        text-shadow: 0 0.2vh 0.3vh rgba(0, 0, 0, 0.28);
        cursor: pointer;
    }

    .solvyla-cou .cou-menu-group.is-open {
        background: rgba(0, 25, 52, 0.32);
        box-shadow:
            inset 0 0.35vh 0.7vh rgba(0, 0, 0, 0.30),
            inset 0 -0.15vh 0.3vh rgba(255, 255, 255, 0.06);
    }

    .solvyla-cou .cou-menu-content {
        width: 100%;
        padding-bottom: 1vh;
    }

    .solvyla-cou .cou-menu-content button {
        width: 100%;
        min-height: 44px;
        padding: 0.7vh 0;
        border: 0;
        background: transparent;
        color: #ffffff;
        font-family: 'Inter', sans-serif;
        font-size: 1em;
        font-weight: 700;
        text-align: left;
        cursor: pointer;
    }

    .solvyla-cou .cou-menu-label-short {
        display: none;
    }

    /* ZONE DE TRAVAIL */
    .solvyla-cou .cou-workspace {
        min-width: 0;
        min-height: 0;
        overflow: auto;
        background: transparent;
        -webkit-overflow-scrolling: touch;
        touch-action: pan-x pan-y pinch-zoom;
    }
}