/* ═══════════════════════════════════════════════════════════════════
   BEPorteo — Page de connexion (et son habillage PORTEO BTP)
   Chargée par templates/bundles/EasyAdminBundle/page/login.html.twig.
   Fond aux couleurs du logo (marine → bleu, grille « plan d'exécution »),
   carte blanche centrée : logo, filet route, formulaire EasyAdmin.
   ═══════════════════════════════════════════════════════════════════ */

body.page-login {
    min-height: 100vh;
    background:
        repeating-linear-gradient(0deg, rgba(255, 255, 255, .05) 0 1px, transparent 1px 36px),
        repeating-linear-gradient(90deg, rgba(255, 255, 255, .05) 0 1px, transparent 1px 36px),
        linear-gradient(120deg, #0d2f5a 12%, #114280 55%, #0b5fbf 100%);
    display: flex;
    align-items: center;
    justify-content: center;
    padding: 1.5rem;
}

/* La carte : logo + formulaire */
body.page-login .login-wrapper {
    background: #fff;
    border-radius: 16px;
    box-shadow: 0 12px 40px rgba(4, 18, 38, .45);
    padding: 2.2rem 2.4rem 2.4rem;
    width: 100%;
    max-width: 420px;
    overflow: hidden;
}

/* Logo PORTEO BTP + sous-titre BEPorteo + filet route */
body.page-login #header-logo { text-align: center; }
body.page-login .connexion-logo svg {
    height: 84px;
    width: auto;
}
body.page-login .connexion-sous-titre {
    color: #0d2f5a;
    font-weight: 700;
    letter-spacing: .04em;
    margin-top: .4rem;
}
body.page-login .connexion-filet {
    height: 5px;
    border-radius: 3px;
    margin: 1.1rem auto 1.6rem;
    max-width: 220px;
    background:
        repeating-linear-gradient(90deg,
            transparent 0 12px, #fff 12px 20px, transparent 20px 32px) center/100% 2px no-repeat,
        #f8c300;
}

/* Formulaire */
body.page-login .form-control-label { color: #14212f; font-weight: 600; }
body.page-login .form-control {
    border: 1.5px solid #dde6f0;
    border-radius: 8px;
    padding: .65rem .8rem;
}
body.page-login .form-control:focus {
    border-color: #0b5fbf;
    box-shadow: 0 0 0 4px rgba(11, 95, 191, .14);
}

body.page-login .btn-primary {
    background: #0b5fbf;
    border-color: #0b5fbf;
    border-radius: 999px;
    font-weight: 700;
    padding: .65rem 1rem;
}
body.page-login .btn-primary:hover,
body.page-login .btn-primary:focus {
    background: #0a4d9b;
    border-color: #0a4d9b;
}

/* « Mot de passe oublié ? » mis en valeur */
body.page-login .form-text a {
    color: #0b5fbf;
    font-weight: 600;
    text-decoration: none;
}
body.page-login .form-text a:hover { text-decoration: underline; }

body.page-login .alert-danger { border-radius: 8px; }