/* =========================================
   PAGES/AUTH.CSS — Authentification
   ========================================= */

.authentification-container {
    padding-top: 120px;
    height: 100vh;
    /* Centrage commun à toutes les pages d'authentification (login, mot de
       passe oublié, redéfinition, mail envoyé, lien expiré) : logo, titre et
       formulaire alignés au centre, à l'identique du login. */
    display: flex;
    flex-direction: column;
    align-items: center;
}

.authentification-container img.logo-sam {
    width: 150px;
}

.authentification-container p.description {
    margin: 21px 0 24px;
}

/* Largeur de référence partagée par tous les formulaires d'authentification :
   champs et boutons ont ainsi la même largeur sur toutes les pages.
   .auth-content sert d'enveloppe pour les pages dont le formulaire enveloppe
   toute la vue (ex. redéfinition du mot de passe). */
.authentification-container form,
.authentification-container .auth-content {
    width: 100%;
    max-width: 360px;
}

/* Champs login : padding vertical réduit (le global .form-control.large
   monte à 26px, trop haut ici). Padding horizontal conservé. */
.authentification-container .form-control.large {
    padding-top: 14px;
    padding-bottom: 14px;
}

/* Icône œil centrée en absolu : robuste à la hauteur du champ.
   Le form-group sert de référence de positionnement.
   margin-bottom : espacement entre les champs (ex. email / mot de passe). */
.authentification-container .form-group {
    position: relative;
    margin-bottom: 16px;
}

.authentification-container .eye-icon {
    position: absolute;
    top: 50%;
    right: 17px;
    transform: translateY(-50%);
    margin: 0;
    font-size: 17px;
}

.authentification-container .eye-icon:hover {
    cursor: pointer;
}

.form-control.is-invalid {
    background-image: none;
}

/* Styles fusionnés depuis login.css (Phase 1.3) */
.information-subtitle, .roadmap-subtitle, .deploiement-subtitle {
    font-size: 1.2rem;
    font-weight: 700;
}

/* Styles fusionnés depuis activiteCallcenter.css (Phase 1.3) */
#transfer-charts-wrapper {
    height: 500px;
}