/* AOM Traders V47.3 — Partner Popup Isolation Fix */

html.partner-modal-open,
html.partner-modal-open body{
  overflow:hidden !important;
}

.partner-success-modal{
  position:fixed !important;
  inset:0 !important;
  width:100vw !important;
  height:100vh !important;
  z-index:2147483000 !important;

  display:flex !important;
  align-items:center !important;
  justify-content:center !important;

  padding:24px !important;
  margin:0 !important;

  opacity:0 !important;
  visibility:hidden !important;

  transition:
    opacity .18s ease,
    visibility .18s ease !important;
}

.partner-success-modal.open{
  opacity:1 !important;
  visibility:visible !important;
}

.partner-success-backdrop{
  position:absolute !important;
  inset:0 !important;
  width:100% !important;
  height:100% !important;

  background:rgba(0,8,13,.84) !important;

  backdrop-filter:blur(9px) !important;
  -webkit-backdrop-filter:blur(9px) !important;
}

.partner-success-card{
  position:relative !important;
  z-index:2 !important;

  display:block !important;

  width:min(620px,calc(100vw - 40px)) !important;
  max-width:620px !important;
  max-height:calc(100vh - 48px) !important;

  overflow-x:hidden !important;
  overflow-y:auto !important;

  margin:auto !important;
  padding:34px !important;

  border:1px solid rgba(34,214,243,.28) !important;
  border-radius:24px !important;

  background:
    linear-gradient(
      180deg,
      rgba(9,34,47,.99) 0%,
      rgba(5,22,31,.99) 100%
    ) !important;

  box-shadow:
    0 38px 120px rgba(0,0,0,.72),
    inset 0 1px 0 rgba(255,255,255,.025) !important;

  color:#f3f7f9 !important;

  transform:translateY(14px) scale(.985) !important;

  transition:transform .2s ease !important;
}

.partner-success-modal.open .partner-success-card{
  transform:translateY(0) scale(1) !important;
}

.partner-success-close{
  position:absolute !important;
  top:16px !important;
  right:16px !important;
  left:auto !important;

  display:grid !important;
  place-items:center !important;

  width:38px !important;
  height:38px !important;

  padding:0 !important;
  margin:0 !important;

  border:1px solid rgba(104,151,170,.25) !important;
  border-radius:11px !important;

  background:#061a24 !important;
  color:#dce8ed !important;

  font-size:21px !important;
  line-height:1 !important;
  cursor:pointer !important;
}

.partner-success-mark{
  display:grid !important;
  place-items:center !important;

  width:58px !important;
  height:58px !important;

  margin:0 0 22px !important;

  border:1px solid rgba(34,214,243,.32) !important;
  border-radius:17px !important;

  background:rgba(34,214,243,.09) !important;
  color:#27d7f4 !important;

  font-size:27px !important;
  font-weight:900 !important;
}

.partner-success-card .tiny-label{
  display:block !important;

  margin:0 0 8px !important;

  color:#28d7f3 !important;

  font-size:10px !important;
  font-weight:900 !important;

  letter-spacing:.12em !important;
}

.partner-success-card h2{
  max-width:520px !important;

  margin:0 42px 11px 0 !important;

  color:#f5f8fa !important;

  font-size:clamp(28px,3vw,39px) !important;
  line-height:1.08 !important;
  letter-spacing:-.035em !important;
}

.partner-success-lead{
  max-width:520px !important;

  margin:0 !important;

  color:#8fa5af !important;

  font-size:13px !important;
  line-height:1.7 !important;
}

.partner-success-details{
  display:grid !important;
  grid-template-columns:1fr 1fr !important;

  gap:10px !important;

  margin:25px 0 0 !important;
  padding:0 !important;
}

.partner-success-details > div{
  display:flex !important;
  flex-direction:column !important;
  justify-content:center !important;

  min-width:0 !important;
  min-height:74px !important;

  gap:6px !important;

  padding:13px 14px !important;

  border:1px solid rgba(104,151,170,.20) !important;
  border-radius:14px !important;

  background:rgba(2,18,27,.67) !important;
}

.partner-success-details span{
  color:#718a96 !important;

  font-size:9px !important;
  font-weight:800 !important;

  text-transform:uppercase !important;
  letter-spacing:.06em !important;
}

.partner-success-details b{
  display:block !important;

  overflow-wrap:anywhere !important;

  color:#eef4f6 !important;

  font-size:12px !important;
  line-height:1.45 !important;
}

.partner-success-details .partner-pending-badge{
  width:max-content !important;

  padding:5px 8px !important;

  border-radius:999px !important;

  background:rgba(233,191,73,.10) !important;
  color:#e9c15d !important;

  font-size:9px !important;
  font-weight:900 !important;
}

.partner-success-note{
  display:grid !important;

  gap:5px !important;

  margin:15px 0 0 !important;
  padding:14px 15px !important;

  border:1px solid rgba(104,151,170,.20) !important;
  border-radius:14px !important;

  background:rgba(2,18,27,.53) !important;
}

.partner-success-note b{
  color:#edf4f6 !important;

  font-size:11px !important;
}

.partner-success-note span{
  color:#8096a0 !important;

  font-size:10px !important;
  line-height:1.65 !important;
}

.partner-success-done{
  display:flex !important;
  align-items:center !important;
  justify-content:center !important;

  width:100% !important;
  min-height:48px !important;

  margin:18px 0 0 !important;
}

@media(max-width:640px){

  .partner-success-modal{
    align-items:flex-end !important;

    padding:12px !important;
  }

  .partner-success-card{
    width:100% !important;
    max-height:calc(100vh - 24px) !important;

    padding:26px 19px 20px !important;

    border-radius:22px 22px 15px 15px !important;
  }

  .partner-success-details{
    grid-template-columns:1fr !important;
  }

  .partner-success-details > div{
    min-height:62px !important;
  }

  .partner-success-card h2{
    font-size:28px !important;
  }
}
