/* /assets/css/auth/login.css */


/* Cibler spécifiquement la page de login via la classe body */
.login-page .tpl-nvc-alpha-panel-main {
    display: flex; /* Activer flexbox */
    justify-content: center; /* Centrer horizontalement */
    align-items: center; /* Centrer verticalement */
    padding: var(--tpl-nvc-alpha-gap-double); /* Ajouter un peu d'espace autour */
}


.auth-form-container {
    width: 100%;
    max-width: 450px; /* Limiter la largeur du formulaire */
    padding: var(--tpl-nvc-alpha-gap-triple); /* Plus de padding interne */
    /* Hérite déjà du fond et de l'ombre de tpl-nvc-alpha-container */
    text-align: center; /* Centrer le texte comme les titres */
}


.auth-form-container .tpl-nvc-alpha-title {
    font-size: var(--tpl-nvc-alpha-font-size-xlarge); /* Titre plus grand */
    margin-bottom: var(--tpl-nvc-alpha-gap-standard);
}


.auth-subtitle {
    color: var(--tpl-nvc-alpha-font-color);
    opacity: 0.8;
    margin-bottom: var(--tpl-nvc-alpha-gap-double);
    font-size: var(--tpl-nvc-alpha-font-size-normal);
}


.tpl-nvc-alpha-form .tpl-nvc-alpha-form-group {
    margin-bottom: var(--tpl-nvc-alpha-gap-double); /* Augmenter l'espacement */
    text-align: left; /* Aligner les labels à gauche */
}


.tpl-nvc-alpha-form .extra-links {
    text-align: right; /* Aligner le lien "mot de passe oublié" à droite */
    margin-top: calc(-1 * var(--tpl-nvc-alpha-gap-standard)); /* Réduire l'espace avant */
    margin-bottom: var(--tpl-nvc-alpha-gap-double);
}


.tpl-nvc-alpha-link {
    color: var(--tpl-nvc-alpha-color-4); /* Utiliser une couleur vive (jaune) */
    text-decoration: none;
    font-size: var(--tpl-nvc-alpha-font-size-small);
    transition: color var(--tpl-nvc-alpha-transition-quick);
}


.tpl-nvc-alpha-link:hover {
    text-decoration: underline;
    color: var(--tpl-nvc-alpha-color-7); /* Orange au survol */
}


.tpl-nvc-alpha-input-error {
    color: var(--tpl-nvc-alpha-color-5); /* Rouge pour les erreurs */
    font-size: var(--tpl-nvc-alpha-font-size-small);
    margin-top: 5px;
}


.tpl-nvc-alpha-input.is-invalid {
    border-color: var(--tpl-nvc-alpha-color-5) !important; /* Contour rouge si invalide */
}


.button-block {
    width: 100%; /* Bouton pleine largeur */
    padding: 12px 16px; /* Bouton légèrement plus grand */
    font-weight: bold;
}


.auth-footer-link {
    margin-top: var(--tpl-nvc-alpha-gap-triple);
    text-align: center;
    font-size: var(--tpl-nvc-alpha-font-size-normal);
}


.auth-footer-link p {
    margin: 0;
    color: var(--tpl-nvc-alpha-font-color);
    opacity: 0.9;
}


/* Masquer les éléments non nécessaires du layout Alpha */
.auth-page .tpl-nvc-alpha-menu-left,
.auth-page .tpl-nvc-alpha-menu-right,
.auth-page .tpl-nvc-alpha-panel-left,
.auth-page .tpl-nvc-alpha-panel-right {
    display: none;
}


.auth-page .tpl-nvc-alpha-workspace {
    /* Assurer que le workspace prend toute la place */
    margin-left: 0;
    margin-right: 0;
}


/* Ajuster le main panel pour prendre toute la largeur */
.auth-page .tpl-nvc-alpha-panel-main.main-panel-full {
    margin-left: var(--tpl-nvc-alpha-gap-double);
    margin-right: var(--tpl-nvc-alpha-gap-double);
}

/* Style pour le message de vérification d'email */
.email-verification-prompt {
    background-color: rgba(41, 182, 246, 0.1); /* Fond bleu très léger */
    border: 1px solid var(--tpl-nvc-alpha-color-2); /* Bordure bleue */
    color: var(--tpl-nvc-alpha-font-color); /* Texte blanc par défaut */
    padding: var(--tpl-nvc-alpha-gap-double);
    margin-bottom: var(--tpl-nvc-alpha-gap-double);
    border-radius: var(--tpl-nvc-alpha-radius-small);
    text-align: left;
}

.email-verification-prompt h4 {
    color: var(--tpl-nvc-alpha-color-2); /* Titre en bleu */
    margin-top: 0;
    margin-bottom: var(--tpl-nvc-alpha-gap-standard);
    font-weight: bold;
}

.email-verification-prompt p {
    margin-bottom: var(--tpl-nvc-alpha-gap-standard);
    line-height: 1.5;
    font-size: var(--tpl-nvc-alpha-font-size-normal);
}

.email-verification-prompt strong {
    color: var(--tpl-nvc-alpha-color-4); /* Email en jaune pour ressortir */
}

.email-verification-prompt .tpl-nvc-alpha-button {
    margin-top: var(--tpl-nvc-alpha-gap-standard);
    display: inline-block; /* Permet au bouton de ne pas prendre toute la largeur */
    padding: 6px 12px; /* Bouton plus petit */
    font-size: var(--tpl-nvc-alpha-font-size-small);
}

/* Style pour les messages flash s'ils sont affichés ici */
.tpl-nvc-alpha-message {
    padding: 10px 15px;
    margin-bottom: var(--tpl-nvc-alpha-gap-standard);
    border-radius: var(--tpl-nvc-alpha-radius-small);
    text-align: left;
    font-size: var(--tpl-nvc-alpha-font-size-normal);
    color: var(--tpl-nvc-alpha-font-color);
    border-left-width: 5px;
    border-left-style: solid;
}
.tpl-nvc-alpha-message-success { background-color: rgba(156, 204, 101, 0.2); border-left-color: var(--tpl-nvc-alpha-color-3); }
.tpl-nvc-alpha-message-error { background-color: rgba(255, 82, 82, 0.2); border-left-color: var(--tpl-nvc-alpha-color-5); }
.tpl-nvc-alpha-message-warning { background-color: rgba(255, 152, 0, 0.2); border-left-color: var(--tpl-nvc-alpha-color-7); }
.tpl-nvc-alpha-message-info { background-color: rgba(41, 182, 246, 0.2); border-left-color: var(--tpl-nvc-alpha-color-2); }