@import url("login.css?v=20261003-theme1");

.auth-card {
    grid-template-columns: 1fr;
    gap: 0;
    width: min(100%, 560px);
}

.auth-card .generate-password-button {
    justify-self: start;
    width: auto;
    margin: -4px 0 14px;
    padding: 7px 10px;
    border: 1px solid var(--fixed-c-70cff6-4800);
    border-radius: 7px;
    background: transparent;
    box-shadow: none;
    color: var(--fixed-c-8edff7);
    font-size: .76rem;
    font-weight: 800;
    cursor: pointer;
    transition: border-color .2s, color .2s, background .2s;
}

.auth-card .generate-password-button:hover,
.auth-card .generate-password-button:focus-visible {
    outline: none;
    border-color: var(--fixed-c-8ee8ff);
    background: var(--fixed-c-51ccff-1000);
    color: var(--fixed-c-d0f7ff);
    filter: none;
    transform: none;
}

.generated-password-notice {
    margin: -6px 0 14px;
    color: var(--theme-c-8deaff);
    font-size: .82rem;
    line-height: 1.35;
}

/* Le formulaire d'inscription est plus long que celui de connexion. */
@media (min-width: 801px) and (max-height: 800px) {
    .auth-card {
        width: min(100%, 520px);
        padding: 18px 30px;
    }

    .auth-card form {
        gap: 6px;
    }

    .auth-card input:not([type="checkbox"]) {
        margin-bottom: 4px;
        padding: 10px 12px;
    }

    .auth-card .generate-password-button {
        margin: -2px 0 6px;
    }

    .generated-password-notice {
        margin: -2px 0 6px;
    }

    .auth-card form > button[type="submit"] {
        margin-top: 6px;
    }
}

@media (max-width: 800px) {
    .auth-card {
        width: min(100%, 520px);
    }
}