/* ===== RFZ CLOUD V4.7.1 — BOUTON "MOT DE PASSE OUBLIÉ" MODERNE ===== */
.modern-password-head{
  display:flex;
  align-items:center;
  justify-content:space-between;
  gap:14px;
  margin-top:4px;
  margin-bottom:7px;
}

.modern-password-head label{
  margin:0 !important;
}

.forgot-pill{
  display:inline-flex;
  align-items:center;
  gap:7px;
  padding:8px 11px;
  border-radius:999px;
  border:1px solid rgba(237,23,67,.38);
  background:linear-gradient(180deg,rgba(237,23,67,.14),rgba(237,23,67,.07));
  color:#ff5b7a;
  text-decoration:none;
  font-size:10px;
  font-weight:800;
  line-height:1;
  box-shadow:
    inset 0 1px 0 rgba(255,255,255,.035),
    0 0 0 1px rgba(255,255,255,.01);
  transition:
    transform .16s ease,
    border-color .16s ease,
    background .16s ease,
    color .16s ease,
    box-shadow .16s ease;
}

.forgot-pill:hover{
  transform:translateY(-1px);
  color:#fff;
  border-color:#ef1744;
  background:linear-gradient(180deg,#ef1744,#c70f34);
  box-shadow:0 8px 22px rgba(237,23,67,.24);
}

.forgot-pill:focus-visible{
  outline:none;
  box-shadow:0 0 0 3px rgba(237,23,67,.22);
}

.forgot-icon{
  display:grid;
  place-items:center;
  width:20px;
  height:20px;
  border-radius:50%;
  background:rgba(255,255,255,.08);
  font-size:11px;
  flex:0 0 auto;
}

@media(max-width:520px){
  .modern-password-head{
    align-items:flex-start;
    flex-direction:column;
    gap:8px;
  }
  .forgot-pill{
    align-self:flex-start;
  }
}