
.eq-space-modal{
 --eq-green:#67a735;--eq-green-dark:#437d20;--eq-green-pale:#edf6e7;
 --eq-orange:#f36b28;--eq-orange-dark:#d85217;--eq-orange-pale:#fff0e7;
 --eq-ink:#332f2a;--eq-muted:#746b61;--eq-paper:#fbf8f2;--eq-line:#e9e0d4;
 position:fixed;inset:0;z-index:999999;display:flex;align-items:center;justify-content:center;
 padding:25px;opacity:0;visibility:hidden;pointer-events:none;
 transition:opacity .3s ease,visibility .3s ease;font-family:"DM Sans",sans-serif
}
.eq-space-modal *{box-sizing:border-box}
.eq-space-modal.is-open{opacity:1;visibility:visible;pointer-events:auto}
.eq-space-overlay{position:absolute;inset:0;background:rgba(34,30,26,.70);backdrop-filter:blur(8px);-webkit-backdrop-filter:blur(8px)}
.eq-space-dialog{position:relative;z-index:2;display:grid;grid-template-columns:minmax(0,.92fr) minmax(390px,1.08fr);width:min(930px,100%);max-height:92vh;overflow:hidden;background:#fff;border-radius:28px;box-shadow:0 35px 100px rgba(0,0,0,.28);transform:translateY(18px) scale(.975);transition:transform .32s cubic-bezier(.2,.8,.2,1)}
.eq-space-modal.is-open .eq-space-dialog{transform:none}
.eq-space-intro{position:relative;padding:42px 36px;overflow:hidden;background:radial-gradient(circle at 0% 100%,rgba(103,167,53,.11),transparent 38%),#fbf8f2}
.eq-space-intro:after{content:"";position:absolute;width:270px;height:270px;left:-130px;bottom:-150px;border-radius:50%;background:rgba(103,167,53,.07);pointer-events:none}
.eq-space-eyebrow{margin-bottom:14px;color:var(--eq-green-dark);font-size:11px;font-weight:800;line-height:1.3;letter-spacing:.15em;text-transform:uppercase}
.eq-space-intro h2{margin:0 0 18px;color:var(--eq-ink);font-family:"Manrope",sans-serif;font-size:clamp(30px,3.2vw,43px);font-weight:800;line-height:1.08;letter-spacing:-.045em}
.eq-space-intro h2 span{color:var(--eq-orange)}
.eq-space-description{margin:0;max-width:420px;color:var(--eq-muted);font-size:14px;line-height:1.65}
.eq-space-benefits{display:grid;grid-template-columns:1fr 1fr;gap:11px;margin-top:28px}
.eq-space-benefit{display:grid;grid-template-columns:40px minmax(0,1fr);gap:10px;align-items:center;padding:13px;background:rgba(255,255,255,.88);border:1px solid rgba(67,125,32,.09);border-radius:15px}
.eq-space-benefit-icon{width:40px;height:40px;display:flex;align-items:center;justify-content:center;border-radius:12px;background:var(--eq-green-pale);color:var(--eq-green-dark)}
.eq-space-benefit-icon svg{width:19px;height:19px;fill:none;stroke:currentColor;stroke-width:1.8;stroke-linecap:round;stroke-linejoin:round}
.eq-space-benefit strong{display:block;color:var(--eq-ink);font-size:12px;line-height:1.3}
.eq-space-benefit small{display:block;margin-top:2px;color:var(--eq-muted);font-size:9.5px;line-height:1.35}
.eq-space-login{display:flex;flex-direction:column;justify-content:center;padding:42px 42px 36px;background:#fff;overflow-y:auto}
.eq-space-login-head{display:flex;align-items:center;gap:13px;margin-bottom:25px}
.eq-space-user-icon{width:48px;height:48px;min-width:48px;display:flex;align-items:center;justify-content:center;border-radius:15px;color:var(--eq-green-dark);background:var(--eq-green-pale)}
.eq-space-user-icon svg{width:23px;height:23px;fill:none;stroke:currentColor;stroke-width:1.8;stroke-linecap:round;stroke-linejoin:round}
.eq-space-login-head h3{margin:0;color:var(--eq-ink);font-family:"Manrope",sans-serif;font-size:19px;font-weight:800;line-height:1.25}
.eq-space-login-head p{margin:3px 0 0;color:var(--eq-muted);font-size:12px}
.eq-login-form{display:grid;gap:17px}.eq-login-field{display:grid;gap:7px}.eq-login-field label{color:var(--eq-ink);font-size:12px;font-weight:700}
.eq-login-label-row{display:flex;justify-content:space-between;align-items:center;gap:15px}
.eq-forgot-link{color:var(--eq-orange);font-size:11px;font-weight:700;text-decoration:none}.eq-forgot-link:hover{color:var(--eq-orange-dark)}
.eq-login-input-wrap{position:relative}
.eq-login-field input{width:100%;height:52px;padding:0 46px 0 45px;border:1px solid var(--eq-line);border-radius:14px;background:var(--eq-paper);color:var(--eq-ink);font-size:13px;outline:none;transition:border-color .2s ease,box-shadow .2s ease,background-color .2s ease}
.eq-login-field input:focus{background:#fff;border-color:var(--eq-green);box-shadow:0 0 0 4px rgba(103,167,53,.11)}
.eq-login-field-icon{position:absolute;left:16px;top:50%;transform:translateY(-50%);width:18px;height:18px;color:#857b70;pointer-events:none}
.eq-login-field-icon svg{width:100%;height:100%;fill:none;stroke:currentColor;stroke-width:1.7;stroke-linecap:round;stroke-linejoin:round}
.eq-password-toggle{position:absolute;right:13px;top:50%;transform:translateY(-50%);width:32px;height:32px;padding:7px;border:0;background:transparent;color:#857b70;cursor:pointer}
.eq-password-toggle svg{width:100%;height:100%;fill:none;stroke:currentColor;stroke-width:1.7;stroke-linecap:round;stroke-linejoin:round}
.eq-remember{display:flex;align-items:center;gap:8px;color:var(--eq-muted);font-size:11px;cursor:pointer}.eq-remember input{width:16px;height:16px;accent-color:var(--eq-green)}
.eq-login-submit{display:flex;align-items:center;justify-content:center;gap:9px;width:100%;height:52px;padding:0 22px;border:0;border-radius:14px;background:linear-gradient(135deg,#72b83c,#549528);color:#fff;font-size:13px;font-weight:800;cursor:pointer;box-shadow:0 12px 25px rgba(75,139,31,.18);transition:transform .25s ease,box-shadow .25s ease}
.eq-login-submit:hover{transform:translateY(-2px);box-shadow:0 16px 30px rgba(75,139,31,.25)}
.eq-login-submit svg{width:17px;height:17px;fill:none;stroke:currentColor;stroke-width:2;stroke-linecap:round;stroke-linejoin:round}
.eq-login-submit-loader{display:none;width:17px;height:17px;border:2px solid rgba(255,255,255,.35);border-top-color:#fff;border-radius:50%;animation:eqLoginSpin .7s linear infinite}
.eq-login-submit.is-loading .eq-login-submit-loader{display:block}.eq-login-submit.is-loading svg{display:none}
@keyframes eqLoginSpin{to{transform:rotate(360deg)}}
.eq-login-message{display:none;margin-bottom:16px;padding:11px 13px;border-radius:12px;font-size:11px;font-weight:600;line-height:1.45}
.eq-login-message.error{display:block;color:#a54124;background:#fff1eb;border:1px solid #f2d1c5}
.eq-login-message.success{display:block;color:var(--eq-green-dark);background:var(--eq-green-pale);border:1px solid #d3e6c6}
.eq-space-register{display:flex;justify-content:center;gap:6px;flex-wrap:wrap;margin-top:22px;padding-top:20px;border-top:1px solid var(--eq-line);color:var(--eq-muted);font-size:11px}
.eq-register-link{color:var(--eq-orange);font-weight:800;text-decoration:none}
.eq-space-close{position:absolute;right:16px;top:16px;z-index:10;width:40px;height:40px;display:flex;align-items:center;justify-content:center;padding:10px;border:1px solid var(--eq-line);border-radius:50%;color:var(--eq-ink);background:rgba(255,255,255,.92);cursor:pointer;transition:.2s}
.eq-space-close:hover{color:var(--eq-orange);transform:rotate(5deg)}
.eq-space-close svg{width:100%;height:100%;fill:none;stroke:currentColor;stroke-width:1.8;stroke-linecap:round}
@media(max-width:767px){
 .eq-space-modal{align-items:flex-end;padding:0}
 .eq-space-dialog{display:block;width:100%;max-height:94dvh;overflow-y:auto;border-radius:24px 24px 0 0;transform:translateY(100%)}
 .eq-space-modal.is-open .eq-space-dialog{transform:none}
 .eq-space-intro{padding:28px 20px 22px}.eq-space-intro h2{padding-right:30px;font-size:28px}.eq-space-description{font-size:13px}
 .eq-space-benefits{gap:8px;margin-top:20px}.eq-space-benefit{grid-template-columns:35px 1fr;padding:10px;border-radius:13px}
 .eq-space-benefit-icon{width:35px;height:35px;border-radius:10px}.eq-space-benefit strong{font-size:10.5px}.eq-space-benefit small{font-size:8.5px}
 .eq-space-login{padding:24px 20px 28px}.eq-space-login-head{margin-bottom:20px}.eq-space-login-head h3{font-size:17px}
 .eq-space-user-icon{width:43px;height:43px;min-width:43px}.eq-login-field input,.eq-login-submit{height:50px}
 .eq-space-close{top:14px;right:15px;width:38px;height:38px}
}
@media(max-width:390px){.eq-space-benefits{grid-template-columns:1fr}}


/* V1.9 — mot de passe oublié dans le même popup */
.eq-forgot-button{
  border:0 !important;
  background:transparent !important;
  padding:0 !important;
  cursor:pointer;
  font-family:inherit;
}
.eq-forgot-panel[hidden]{display:none !important}
.eq-forgot-back{
  border:0;
  background:transparent;
  padding:0;
  margin:0 0 22px;
  color:var(--eq-orange);
  font-size:11px;
  font-weight:800;
  cursor:pointer;
}
.eq-forgot-head h3{
  margin:0 0 7px;
  color:var(--eq-ink);
  font-family:"Manrope",sans-serif;
  font-size:19px;
  font-weight:800;
}
.eq-forgot-head p{
  margin:0 0 20px;
  color:var(--eq-muted);
  font-size:12px;
  line-height:1.55;
}


/* =====================================================
   V1.10 — VUES EXCLUSIVES
   ===================================================== */
.eq-space-view{
  display:none;
  width:100%;
  opacity:0;
  transform:translateY(8px);
}

.eq-space-view.is-active{
  display:block;
  opacity:1;
  transform:none;
  animation:eqSpaceViewIn .22s ease;
}

@keyframes eqSpaceViewIn{
  from{
    opacity:0;
    transform:translateY(8px);
  }
  to{
    opacity:1;
    transform:none;
  }
}

.eq-forgot-description{
  margin:-6px 0 21px;
  color:var(--eq-muted);
  font-size:12px;
  line-height:1.55;
}

.eq-login-switch-button{
  border:0 !important;
  background:transparent !important;
  padding:0 !important;
  cursor:pointer;
  font-family:inherit;
}

.eq-forgot-login-switch{
  margin-top:22px;
}


/* =====================================================
   V1.11 — CORRECTION CHAMPS POPUP
   ===================================================== */

/* UiCore/Elementor ne doit jamais déplacer les icônes internes des champs. */
#eqSpaceModal .eq-login-input-wrap{
  position:relative !important;
  display:block !important;
}

#eqSpaceModal .eq-login-field-icon{
  position:absolute !important;
  left:16px !important;
  top:50% !important;
  transform:translateY(-50%) !important;
  width:18px !important;
  height:18px !important;
  display:flex !important;
  align-items:center !important;
  justify-content:center !important;
  z-index:3 !important;
  pointer-events:none !important;
  margin:0 !important;
  padding:0 !important;
}

#eqSpaceModal .eq-login-field-icon svg{
  width:18px !important;
  height:18px !important;
  display:block !important;
  margin:0 !important;
}

#eqSpaceModal .eq-login-field input{
  position:relative !important;
  z-index:1 !important;
  padding-left:48px !important;
  padding-right:48px !important;
  text-indent:0 !important;
  line-height:normal !important;
}

#eqSpaceModal .eq-login-field input::placeholder{
  opacity:1 !important;
  color:#8a8178 !important;
}

#eqSpaceModal .eq-password-toggle{
  position:absolute !important;
  right:13px !important;
  top:50% !important;
  transform:translateY(-50%) !important;
  z-index:4 !important;
  margin:0 !important;
}

#eqSpaceModal .eq-forgot-button,
#eqSpaceModal .eq-login-switch-button{
  appearance:none !important;
  -webkit-appearance:none !important;
  min-width:0 !important;
  min-height:0 !important;
  box-shadow:none !important;
}
