/* Styles pour la page de connexion signin.html */

/* Wrapper principal */
._wrapper_6i47w_1 {
    width: 100%;
    height: 100vh;
    display: flex;
    align-items: center;
    justify-content: center;
}

/* Container principal */
._container_6i47w_9 {
    transform: translateY(-7vh);
    width: 300px;
    text-align: center;
}

/* Container de contenu */
._container_8lqde_1 {
    width: 100%;
}

._container_8lqde_1 input,
._container_8lqde_1 ._cta_8lqde_5 button {
    height: 40px;
    width: 100%;
    padding-left: 16px;
    padding-right: 16px;
    font-size: var(--size-3);
}

._container_8lqde_1 input::placeholder,
._container_8lqde_1 ._cta_8lqde_5 button::placeholder {
    font-size: var(--size-3);
}

._container_8lqde_1 ._cta_8lqde_5 button {
    background-color: var(--color-white-005);
    border: 1px solid var(--color-white-005);
    color: var(--color-white-060);
}

/* Formulaire */
._form_8lqde_22 {
    display: flex;
    flex-direction: column;
    gap: 8px;
    margin-bottom: 24px;
}

/* Wrapper des champs */
._fieldWrapper_8lqde_29 {
    display: flex;
    flex-direction: column;
    gap: 8px;
}

._fieldWrapper_8lqde_29 ._passwordField_8lqde_34>div div:nth-child(2) {
    right: 16px;
}

._fieldWrapper_8lqde_29 input {
    text-align: center;
}

/* Mode switch (si utilisé) */
._switchMode_8lqde_41 p {
    margin: 0 0 12px;
    font-size: 12px;
    line-height: 16px;
    color: var(--color-text-opaque);
    text-decoration: underline;
}

._switchMode_8lqde_41 p:hover {
    color: var(--color-white-060);
}

/* Sous-titre */
._subTitle_8lqde_53 {
    color: var(--color-white-060) !important;
}

/* Séparateur */
._separator_8lqde_57 {
    margin: 24px var(--space-3);
}

/* Informations reCAPTCHA */
._recaptchaInformation_8lqde_61 {
    display: flex;
    justify-content: center;
    align-items: center;
}

._recaptchaInformation_8lqde_61 p {
    color: var(--color-white-040);
    line-height: 1.5;
}

._recaptchaInformation_8lqde_61 a:hover {
    text-decoration: underline;
}

/* Bouton Google Sign-In */
._gSignInWrapper_1tcvu_2 {
    background-color: #4581ff;
    height: 40px;
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 8px;
    border-radius: var(--radius-1);
    width: 100%;
}

._gSignInWrapper_1tcvu_2:hover {
    background: #217ce5;
}

._gSignInWrapper_1tcvu_2 ._gIcon_1tcvu_15 {
    line-height: 0;
}

._gSignInWrapper_1tcvu_2 ._gButtonText_1tcvu_18 {
    font-size: var(--size-3);
    color: #fff;
    line-height: 24px;
}

/* Container du logo et titre */
._container_18815_1 {
    width: 100%;
}

._container_18815_1 h1 {
    font-size: var(--size-6);
    color: var(--color-text-title);
    font-weight: 600;
    line-height: 28px;
    margin: 0;
    padding: 0;
}

._container_18815_1 p {
    width: 100%;
    margin: 8px auto 32px;
    font-size: var(--size-3);
    color: var(--color-text-opaque);
    line-height: 24px;
}

/* Logo */
._logo_18815_20 {
    position: relative;
    width: 80px;
    height: 80px;
    margin-bottom: 12px;
}

._logoBlur_18815_27 {
    position: absolute;
    filter: blur(64px);
    -webkit-filter: blur(64px);
    opacity: .35;
    width: 80px;
    height: 80px;
}

/* Container des inputs */
._container_1inn9_1 {
    position: relative;
    color: var(--color-white-080);
}

._container_1inn9_1 input:-webkit-autofill,
._container_1inn9_1 input:-webkit-autofill:hover {
    -webkit-text-fill-color: var(--color-white-080) !important;
    transition: background-color 5000s ease-in-out 0s;
    transition-delay: 99999s;
    caret-color: var(--color-white-080);
}

._container_1inn9_1 input:-webkit-autofill:hover,
._container_1inn9_1 input:-webkit-autofill:focus {
    outline: none;
    box-shadow: inset 0 0 0 1px var(--color-blue);
}

._container_1inn9_1 input:-webkit-autofill:first-line {
    font-family: var(--font-family);
    font-weight: 400;
}

/* Styles des champs de saisie */
._input_1inn9_23 {
    -webkit-appearance: none;
    -moz-appearance: none;
    appearance: none;
    color: inherit;
    line-height: 1rem;
    padding: var(--space-1) var(--space-2);
    width: 100%;
    height: 100%;
    min-height: 24px;
    outline: none;
    background: var(--color-input-bg);
    border-radius: var(--radius-1);
}

._input_1inn9_23::-webkit-inner-spin-button {
    -webkit-appearance: none;
    -moz-appearance: none;
    appearance: none;
    margin: 0;
}

._input_1inn9_23::placeholder {
    color: var(--color-white-040);
}

._input_1inn9_23:hover:enabled {
    background: var(--color-input-bg-hover);
}

._input_1inn9_23:focus {
    outline: none;
    box-shadow: inset 0 0 0 1px var(--color-blue);
}

/* Bouton de connexion */
._container_klhhj_1 {
    padding: var(--space-1) var(--space-2);
    background: var(--color-foreground-elevation-1);
    border-radius: var(--radius-1);
    height: 40px; /* Augmenté pour correspondre aux autres boutons */
    color: var(--color-white-040);
    line-height: 1rem;
    white-space: nowrap;
    border: none;
    cursor: pointer; /* Changé pour être cliquable */
    transition: all 0.2s ease;
    font-weight: 500;
}

._container_klhhj_1:hover {
    cursor: pointer; /* Changé pour être cliquable */
    background: var(--color-foreground-elevation-2);
    color: var(--color-white-060);
}

._container_klhhj_1._small_klhhj_13 {
    height: 24px;
}

._container_klhhj_1:hover:enabled {
    background: var(--color-foreground-elevation-2);
}

._container_klhhj_1:focus {
    outline: none;
    box-shadow: inset 0 0 0 1px var(--color-blue);
}

._container_klhhj_1:disabled {
    opacity: .5;
    cursor: not-allowed;
}

._emphasized_klhhj_30 {
    background: var(--color-button-light);
    box-shadow: var(--box-shadow-highlight-soft);
    color: var(--color-text-high-contrast);
}

/* Amélioration pour le bouton de connexion actif */
._container_klhhj_1:not(:disabled) {
    background: var(--color-blue);
    color: var(--color-white-100);
}

._container_klhhj_1:not(:disabled):hover {
    background: rgba(43, 153, 255, 0.8);
}