body.path-user-login {
    background: #f4f4f4;
    font-family: "Segoe UI", Roboto, sans-serif;
    margin: 0;
}

.login-wrapper {
    display: flex;
    justify-content: center;
    align-items: center;
    min-height: 60vh;
}

.login-container {
    background: #fff;
    width: 60%;
    max-width: 800px;
    padding: 30px;
    border-radius: 10px;
    box-shadow: 0 4px 15px rgba(0,0,0,0.15);
}

.login-extra-buttons {
    display: flex;
    justify-content: flex-start;
    align-items: center;
    gap: 10px;
    margin-bottom: 20px;
    flex-wrap: wrap;
}

.btn-extra {
    padding: 10px 18px;
    border-radius: 6px;
    border: none;
    background-color: #0074bd;
    color: #fff;
    cursor: pointer;
    text-decoration: none;
    transition: background 0.2s ease, transform 0.1s ease;
}

.btn-extra:hover {
    background-color: #005a96;
    transform: translateY(-1px);
}

.btn-right {
    margin-left: auto;
}

@media (max-width: 600px) {
    .login-container {
        width: 90%;
        padding: 20px;
    }
    .login-extra-buttons {
        flex-direction: column;
    }
    .btn-extra, .btn-right {
        width: 100%;
        margin-left: 0;
    }
}

/* Masquer les onglets (local tasks) sur les pages user/login et user/password */
.path-user-login nav.tabs,
.path-user-password nav.tabs {
    display: none;
}