/* Trial registration: standard modal layer avoids Bitwarden's native dialog/popover conflict. */
.customer-onboarding-backdrop {
  position: fixed;
  inset: 0;
  z-index: 9998;
  background: rgba(2,8,15,.78);
  backdrop-filter: blur(5px);
}
.customer-onboarding-panel {
  position: fixed;
  top: 50%;
  left: 50%;
  z-index: 9999;
  transform: translate(-50%, -50%);
  margin: 0;
  max-height: min(94dvh, 980px);
  overflow-y: auto;
  overscroll-behavior: contain;
}
.customer-onboarding-backdrop[hidden],
.customer-onboarding-panel[hidden],
.customer-onboarding-panel [hidden] {
  display: none !important;
}
.customer-onboarding-panel:focus,
.customer-onboarding-confirmation:focus {
  outline: none;
}
.customer-onboarding-confirmation {
  padding: clamp(26px,4vw,42px);
  text-align: center;
}
.customer-onboarding-confirmation-icon {
  width: 66px;
  height: 66px;
  border-radius: 50%;
  margin: 0 auto 18px;
  display: grid;
  place-items: center;
  background: rgba(25,224,208,.12);
  color: #75ebdc;
  border: 1px solid rgba(25,224,208,.48);
  font-size: 33px;
  font-weight: 800;
}
.customer-onboarding-confirmation h2 {
  font-size: clamp(25px,3.5vw,34px);
  margin-bottom: 14px;
}
.customer-onboarding-confirmation p {
  line-height: 1.55;
  font-size: 16px;
  color: #d8e9f5;
}
.customer-onboarding-confirmation-email {
  font-size: 16px;
  font-weight: 800;
  color: #8be6fa !important;
  overflow-wrap: anywhere;
}
.customer-onboarding-confirmation .customer-onboarding-help {
  color: #aec5d7;
  font-size: 14px;
}
.customer-onboarding-actions {
  display: flex;
  align-items: stretch;
  justify-content: center;
  flex-wrap: wrap;
  gap: 12px;
  margin-top: 26px;
}
.customer-onboarding-actions .btn { min-width: 180px; }
.customer-onboarding-actions .btn:disabled { opacity: .6; cursor: not-allowed; }
.customer-onboarding-error {
  color: #ffb5b9 !important;
  font-weight: 700;
}
@media (max-width: 680px) {
  .customer-onboarding-panel { width: calc(100vw - 24px); max-height: 94dvh; }
  .customer-onboarding-actions { flex-direction: column; }
  .customer-onboarding-actions .btn { width: 100%; }
}