/* Inventory - écran de connexion (remplace l'ancienne feuille de style reprise d'un portail tiers) */
html, body { height: 100%; }
body {
    margin: 0;
    display: flex; align-items: center; justify-content: center;
    font-family: Calibri, "Segoe UI", Roboto, Helvetica, Arial, sans-serif;
    font-size: 13px;
    background: #fafbfc;
}
#wrapper { width: 850px; margin: 0 auto; }
#content-area { display: flex; margin: 5px 0; }
img, a, input { text-decoration: none; margin: 0; padding: 0; border: 0; }

#sectionL {
    width: 30%; height: 520px; background: #192F3D; color: #fff;
    display: flex; flex-direction: column; justify-content: center; padding: 20px 0; box-sizing: border-box;
}
#sectionR { width: 70%; }
#sectionR img { display: block; width: 100%; height: 520px; object-fit: cover; }

.login-marque { text-align: center; color: #fff; white-space: nowrap; }
.login-marque .nom { font-size: 200%; font-family: "Bauhaus 93", "Arial Black", Arial, sans-serif; vertical-align: -19%; }
.login-logo { text-align: center; margin-top: 18px; }
.login-logo img { max-width: 60%; max-height: 90px; background: #fff; padding: 6px; border-radius: 6px; }
.login-badge { text-align: center; margin-top: 10px; }

.login_form { width: 60%; margin: 22px auto 0; display: flow-root; }
.login_form label { display: block; margin: 20px 0 5px 0; color: #fff; font-size: 15px; }
.login_form input[type="text"], .login_form input[type="password"] {
    display: block; width: 100%; box-sizing: border-box; padding: 9px 10px;
    color: #334653; font: 14px Calibri, "Segoe UI", Arial, sans-serif; border-radius: 3px; background: #fff;
}
.login_form input:focus { outline: none; box-shadow: 0 0 0 3px rgba(28, 160, 242, .45); }
.blue_btn {
    float: right; margin-top: 22px; padding: 10px 30px;
    background: #1987CB; color: #fff; border-radius: 3px; cursor: pointer; font: 15px Calibri, "Segoe UI", Arial, sans-serif;
}
.blue_btn:hover { background: #1CA0F2; }
.login-erreur { display: block; clear: both; color: #ff7b7b; font-size: 14px; padding-top: 12px; }
.login-info { clear: both; color: #bff0d2; font-size: 14px; padding-top: 10px; }

/* Tablette et téléphone : colonne de connexion seule, sur toute la largeur */
@media (max-width: 900px) {
    body { align-items: stretch; background: #192F3D; }
    #wrapper { width: 100%; }
    #content-area { margin: 0; min-height: 100vh; }
    #sectionR { display: none; }
    #sectionL { width: 100%; height: auto; min-height: 100vh; padding: 32px 0; }
    .login_form { width: min(320px, 84%); }
    .login-logo img { max-width: 160px; }
}