.fe-lead-modal{
  position:fixed;
  inset:0;
  z-index:1000001;
  display:grid;
  place-items:center;
  padding:max(.75rem, env(safe-area-inset-top)) .75rem max(.75rem, env(safe-area-inset-bottom));
  box-sizing:border-box;
}
.fe-lead-modal[hidden]{display:none!important}
.fe-lead-modal:not([hidden]){
  display:grid!important;
  visibility:visible!important;
  opacity:1!important;
  pointer-events:auto!important;
}
.fe-lead-backdrop{
  position:absolute;
  inset:0;
  background:rgba(44,24,16,.55);
}
.fe-lead-dialog{
  position:relative;
  z-index:1;
  width:min(400px,100%);
  max-height:min(92vh,720px);
  overflow:auto;
  -webkit-overflow-scrolling:touch;
  background:#fffdfb;
  border-radius:16px;
  padding:1.35rem 1.2rem 1.2rem;
  box-shadow:0 18px 48px rgba(44,24,16,.28);
  font-family:Manrope,system-ui,sans-serif;
  color:#2c1810;
  box-sizing:border-box;
}
.fe-lead-dialog h3{
  margin:0 2rem .35rem 0;
  font-family:"Bricolage Grotesque",sans-serif;
  font-size:1.35rem;
  font-weight:600;
  color:#2c1810;
  line-height:1.2;
}
.fe-lead-note{
  margin:0 0 1rem;
  color:#6e5a52;
  font-size:.92rem;
  line-height:1.4;
}
.fe-lead-dialog label{
  display:block;
  margin:0 0 .7rem;
  font-size:.82rem;
  font-weight:600;
  color:#2c1810;
}
.fe-lead-dialog input,
.fe-lead-dialog textarea{
  display:block;
  width:100%;
  margin-top:.3rem;
  padding:.75rem .8rem;
  border:1px solid rgba(44,24,16,.16);
  border-radius:10px;
  font:inherit;
  font-size:16px;
  line-height:1.3;
  color:#2c1810;
  background:#fff;
  box-sizing:border-box;
  appearance:none;
  -webkit-appearance:none;
}
.fe-lead-dialog input:focus,
.fe-lead-dialog textarea:focus{
  outline:2px solid rgba(139,41,66,.35);
  border-color:#8b2942;
}
.fe-lead-dialog button[type=submit]{
  width:100%;
  margin-top:.45rem;
  padding:.95rem 1rem;
  border:0;
  border-radius:10px;
  background:#8b2942;
  color:#fff;
  font-size:1rem;
  font-weight:700;
  cursor:pointer;
  min-height:48px;
}
.fe-lead-dialog button[type=submit]:disabled{
  opacity:.7;
  cursor:wait;
}
.fe-lead-dialog button[type=submit]:hover{background:#5c1b2e}
.fe-lead-x{
  position:absolute;
  top:.45rem;
  right:.45rem;
  width:44px;
  height:44px;
  border:0;
  border-radius:999px;
  background:transparent;
  font-size:1.6rem;
  line-height:1;
  cursor:pointer;
  color:#6e5a52;
  display:flex;
  align-items:center;
  justify-content:center;
}
.fe-lead-x:hover{background:rgba(44,24,16,.06);color:#2c1810}
.fe-lead-status{min-height:1.25em;margin:.65rem 0 0;font-size:.9rem}
.fe-lead-status.ok{color:#8b2942}
.fe-lead-status.err{color:#b42318}

@media (max-width:640px){
  .fe-lead-modal{
    place-items:end center;
    padding:0;
  }
  .fe-lead-dialog{
    width:100%;
    max-width:none;
    max-height:min(88vh,100%);
    border-radius:16px 16px 0 0;
    padding:1.2rem 1rem calc(1rem + env(safe-area-inset-bottom));
  }
}