/* 215) Global modal theme (login/report/message/etc) */
.fancybox-bg{
  background:rgba(8,14,33,.62) !important;
}

.fancybox-container .fancybox-content.hp-modal{
  width:min(560px, calc(100vw - 24px)) !important;
  max-width:min(560px, calc(100vw - 24px)) !important;
  border-radius:22px !important;
  border:1px solid rgba(151,173,255,.26) !important;
  background:linear-gradient(180deg, #ffffff 0%, #f7faff 100%) !important;
  box-shadow:0 34px 90px rgba(7,13,34,.36), 0 2px 12px rgba(76,111,255,.18) !important;
  padding:26px 26px 22px !important;
  color:#263047 !important;
}

.fancybox-container .fancybox-content.hp-modal .hp-modal__title{
  margin:0 0 14px !important;
  font-size:clamp(30px, 4.4vw, 44px) !important;
  font-weight:700 !important;
  line-height:1.04 !important;
  letter-spacing:-.02em !important;
  color:#1c284f !important;
}

.fancybox-container .fancybox-content.hp-modal .hp-form__label span{
  font-size:12px !important;
  letter-spacing:.12em !important;
  text-transform:uppercase !important;
  color:#6b7796 !important;
}

.fancybox-container .fancybox-content.hp-modal .hp-field--text,
.fancybox-container .fancybox-content.hp-modal .hp-field--password,
.fancybox-container .fancybox-content.hp-modal textarea,
.fancybox-container .fancybox-content.hp-modal select{
  border-radius:14px !important;
  border:1px solid rgba(143,162,220,.30) !important;
  background:#ffffff !important;
  color:#17233f !important;
  box-shadow:inset 0 1px 0 rgba(255,255,255,.82) !important;
}

.fancybox-container .fancybox-content.hp-modal .hp-form__button.button,
.fancybox-container .fancybox-content.hp-modal button[type="submit"]{
  min-height:52px !important;
  border-radius:999px !important;
  border:1px solid rgba(117,147,255,.58) !important;
  background:linear-gradient(135deg, #5e7dff 0%, #3d5dff 58%, #2f47cb 100%) !important;
  color:#fff !important;
  font-weight:700 !important;
  box-shadow:0 16px 34px rgba(53,89,235,.34) !important;
}

.fancybox-container .fancybox-content.hp-modal .hp-form__button.button:hover,
.fancybox-container .fancybox-content.hp-modal button[type="submit"]:hover{
  transform:translateY(-1px) !important;
  box-shadow:0 18px 38px rgba(53,89,235,.42) !important;
}

.fancybox-container .fancybox-content.hp-modal .hp-form__actions a{
  color:#3e63f0 !important;
}

.fancybox-container .fancybox-content.hp-modal .hp-form__actions a:hover{
  color:#2947c7 !important;
}

.fancybox-container .fancybox-content.hp-modal .fancybox-close-small{
  top:14px !important;
  right:14px !important;
  width:34px !important;
  height:34px !important;
  padding:0 !important;
  border-radius:999px !important;
  border:1px solid rgba(143,162,220,.30) !important;
  background:#ffffff !important;
  color:#495a86 !important;
}

@media (max-width: 768px){
  .fancybox-container .fancybox-content.hp-modal{
    width:calc(100vw - 16px) !important;
    max-width:calc(100vw - 16px) !important;
    border-radius:18px !important;
    padding:18px 16px 16px !important;
  }
}

/* 216) Modal fallback (if Fancybox is blocked by another script) */
html.hr-modal-fallback-lock,
body.hr-modal-fallback-lock{
  overflow:hidden !important;
}

.hr-modal-fallback-backdrop{
  position:fixed !important;
  inset:0 !important;
  z-index:2147483646 !important;
  background:rgba(8,14,33,.62) !important;
  backdrop-filter:blur(1px) !important;
  -webkit-backdrop-filter:blur(1px) !important;
  pointer-events:none !important;
  visibility:hidden !important;
  opacity:0 !important;
}

.hr-modal-fallback-backdrop.is-open{
  pointer-events:auto !important;
  visibility:visible !important;
  opacity:1 !important;
}

.hp-modal:target{
  display:block !important;
  position:fixed !important;
  left:50% !important;
  top:50% !important;
  transform:translate(-50%, -50%) !important;
  z-index:2147483647 !important;
}

.hp-modal.hr-modal-fallback-open{
  width:min(560px, calc(100vw - 24px)) !important;
  max-width:min(560px, calc(100vw - 24px)) !important;
  border-radius:22px !important;
  border:1px solid rgba(151,173,255,.26) !important;
  background:linear-gradient(180deg, #ffffff 0%, #f7faff 100%) !important;
  box-shadow:0 34px 90px rgba(7,13,34,.36), 0 2px 12px rgba(76,111,255,.18) !important;
  padding:26px 26px 22px !important;
  color:#263047 !important;
}

.hp-modal.hr-modal-fallback-open .hr-modal-fallback-close{
  position:absolute !important;
  top:14px !important;
  right:14px !important;
  width:34px !important;
  height:34px !important;
  border-radius:999px !important;
  border:1px solid rgba(143,162,220,.30) !important;
  background:#ffffff !important;
  color:#495a86 !important;
  font-size:30px !important;
  line-height:1 !important;
  display:inline-flex !important;
  align-items:center !important;
  justify-content:center !important;
  cursor:pointer !important;
}

html.hr-overlay-scroll-lock,
body.hr-overlay-scroll-lock,
html.fancybox-active,
body.fancybox-active,
body.compensate-for-scrollbar,
body.fancybox-iosfix{
  overflow: hidden !important;
  overscroll-behavior: none !important;
  height: 100dvh !important;
}

@media (max-width: 768px){
  .hp-modal.hr-modal-fallback-open{
    width:calc(100vw - 16px) !important;
    max-width:calc(100vw - 16px) !important;
    border-radius:18px !important;
    padding:18px 16px 16px !important;
  }
}