*{box-sizing:border-box}
html,body{background:#f4f5f7!important}
body.djobi-auth-body{margin:0;min-height:100vh;background:#f4f5f7!important;font-family:Arial,Helvetica,sans-serif;color:#111827;padding:36px 16px}
.djobi-auth-wrap{width:100%;max-width:360px;margin:0 auto}
.djobi-auth-logo{display:block;text-align:center;margin:0 0 20px;text-decoration:none}.djobi-auth-logo img{width:120px;height:auto;display:inline-block}
.djobi-auth-card,.djobi-account-card{background:#fff;border:1px solid #d6dbe3;border-radius:8px;padding:19px;box-shadow:0 8px 24px rgba(15,23,42,.06)}
.djobi-auth-card h1,.djobi-account-card h1{font-size:22px;line-height:1.15;margin:0 0 16px;color:#111;white-space:nowrap}
.djobi-auth-card label{display:block;font-size:13px;color:#374151;margin:0 0 12px}.djobi-auth-card input[type=text],.djobi-auth-card input[type=email],.djobi-auth-card input[type=password]{width:100%;height:38px;margin-top:6px;border:1px solid #cbd5e1;border-radius:6px;padding:0 10px;font-size:14px;background:#fff}.djobi-auth-card input:focus{outline:none;border-color:#2563eb;box-shadow:0 0 0 3px rgba(37,99,235,.12)}.djobi-auth-card button{width:100%;height:40px;border:0;border-radius:6px;background:#2563eb;color:#fff;font-weight:700;cursor:pointer}.djobi-auth-check{display:flex!important;align-items:center;gap:8px}.djobi-auth-check input{width:16px;height:16px}.djobi-auth-links{display:flex;justify-content:center;flex-wrap:wrap;gap:6px;margin-top:16px;font-size:13px;color:#9ca3af}.djobi-auth-links a,.djobi-account-forget{color:#2563eb;text-decoration:none}.djobi-auth-links a:hover,.djobi-account-forget:hover{text-decoration:underline}.djobi-auth-notice{padding:10px 12px;border-radius:6px;margin:0 0 12px;font-size:13px}.djobi-auth-notice.success{background:#ecfdf3;color:#166534;border:1px solid #bbf7d0}.djobi-auth-notice.error{background:#fef2f2;color:#991b1b;border:1px solid #fecaca}.djobi-auth-hp{position:absolute!important;left:-9999px!important;width:1px!important;height:1px!important;overflow:hidden!important}.djobi-auth-separator{display:flex;align-items:center;gap:10px;margin:13px 0;color:#8b95a1;font-size:12px}.djobi-auth-separator:before,.djobi-auth-separator:after{content:"";height:1px;background:#e5e7eb;flex:1}.djobi-google-box{display:flex;justify-content:center;min-height:44px}.djobi-google-button{min-height:44px;display:flex;justify-content:center;align-items:center}
.djobi-account-card{max-width:430px}.djobi-account-top{border-bottom:1px solid #e5e7eb;padding-bottom:10px;margin-bottom:8px}.djobi-account-top h1{font-size:20px;margin:0;white-space:nowrap}.djobi-account-row-wrap{position:relative;border-bottom:1px solid #e5e7eb}.djobi-account-row{display:grid;grid-template-columns:22px 46px 1fr;gap:10px;align-items:center;padding:12px 8px 12px 0;text-decoration:none;color:#111827}.djobi-account-row:hover{background:#fafafa}.djobi-account-row strong{display:block;color:#075ebd;font-size:15px;margin-bottom:2px}.djobi-account-row span{display:block;color:#1f2937;font-size:13px;word-break:break-word}.djobi-account-row small{display:block;color:#6b7280;font-size:11px;margin-top:2px}.djobi-account-check{font-size:26px;color:#7f8c8d;line-height:1}.djobi-account-avatar,.djobi-account-plus{width:44px;height:44px;border-radius:999px;background:#aab7bb;color:#fff;display:flex;align-items:center;justify-content:center;font-size:23px;font-weight:700}.djobi-account-plus{background:#e8ecef;color:#6f7e85;font-size:36px;font-weight:300}.djobi-account-row.add{grid-template-columns:44px 1fr;padding:12px 0;margin-left:32px;border-bottom:1px solid #e5e7eb}.djobi-account-forget{position:absolute;right:8px;top:8px;font-size:12px;z-index:2;background:#fff;padding:2px 0}.djobi-account-empty{padding:14px 0;color:#6b7280;font-size:13px;border-bottom:1px solid #e5e7eb}
@media(max-width:480px){body.djobi-auth-body{padding-top:28px}.djobi-auth-wrap{max-width:100%}.djobi-auth-card h1,.djobi-account-card h1{font-size:20px}.djobi-account-card{max-width:100%}.djobi-account-row{padding-top:24px}.djobi-account-top h1{font-size:19px}}

/* Réinitialisation du mot de passe */
.djobi-auth-help{
    margin:0 0 16px;
    color:#6b7280;
    font-size:13px;
    line-height:1.45;
}

.djobi-auth-password-field{
    position:relative;
    display:block;
    margin-top:6px;
}

.djobi-auth-card .djobi-auth-password-field input[type=password],
.djobi-auth-card .djobi-auth-password-field input[type=text]{
    margin-top:0;
    padding-right:76px;
}

.djobi-auth-card .djobi-auth-password-toggle{
    position:absolute;
    top:50%;
    right:8px;
    width:auto;
    height:auto;
    min-width:58px;
    padding:4px 6px;
    border:0;
    border-radius:4px;
    background:transparent;
    color:#2563eb;
    font-size:12px;
    font-weight:700;
    line-height:1;
    transform:translateY(-50%);
    cursor:pointer;
}

.djobi-auth-card .djobi-auth-password-toggle:hover,
.djobi-auth-card .djobi-auth-password-toggle:focus{
    background:#eff6ff;
    color:#1d4ed8;
    outline:none;
}

.djobi-auth-reset-state{
    padding:12px;
    border-radius:6px;
    font-size:13px;
    line-height:1.45;
}

.djobi-auth-reset-state p{
    margin:0 0 10px;
}

.djobi-auth-reset-state.error{
    background:#fef2f2;
    color:#991b1b;
    border:1px solid #fecaca;
}

.djobi-auth-reset-link{
    display:inline-block;
    color:#2563eb;
    font-weight:700;
    text-decoration:none;
}

.djobi-auth-reset-link:hover{
    text-decoration:underline;
}

@media(max-width:480px){
    .djobi-auth-card .djobi-auth-password-toggle{
        right:6px;
    }

    .djobi-auth-card .djobi-auth-password-field input[type=password],
    .djobi-auth-card .djobi-auth-password-field input[type=text]{
        padding-right:72px;
    }
}