/* =========================================================
   MYDJAKA ERP — RESPONSIVE (tablette / desktop)
========================================================= */

@media (min-width: 768px) {

    /* ---- Splash : le texte reste aligné à gauche, mais on
            limite la largeur et on centre le bloc. ---- */

    .splash-screen {
        padding: 8vh 10vw 7vh;
        justify-content: center;
        gap: 6vh;
    }

    .splash-brand {
        position: absolute;
        top: 6vh;
        left: 10vw;
    }

    .splash-copy {
        margin-top: 0;
        max-width: 720px;
    }

    .splash-title {
        font-size: clamp(3.4rem, 5.5vw, 5.2rem);
    }

    .splash-lead {
        max-width: 46ch;
        font-size: 1.15rem;
    }

    .splash-actions {
        flex-direction: row;
        max-width: 560px;
        margin-top: 2vh;
    }


    /* ---- Auth : visuel de marque en colonne gauche,
            formulaire en colonne droite. ---- */

    .auth-layout {
        flex-direction: row;
    }

    .header-image,
    .header-image-register {
        height: 100vh;
        width: 45vw;
        border-radius: 0;
        box-shadow: 10px 0 40px -10px rgba(10, 35, 32, .25);
        z-index: 2;
    }

    .header-brand {
        left: 3.5vw;
        bottom: 6vh;
    }

    .header-brand img {
        width: 46px;
        height: 46px;
    }

    .header-brand-name { font-size: 1.15rem; }
    .header-brand-baseline { font-size: .74rem; }

    .form-container {
        width: 55vw;
        max-width: none;
        padding: 10vh 8vw;
        justify-content: center;
        overflow-y: auto;
    }

    .back-btn {
        background: #fff;
    }
}