/* VYLO account and promotion wording polish; scoped to customer-facing UI. */
#app .homeFeature,
#app .welcomeBonus { display: none !important; }

#app .catalogDepth { display: none !important; }
.vyloPasswordWrap { position: relative; width: 100%; display: block; }
.vyloPasswordWrap > input { width: 100%; padding-right: 58px !important; }
.vyloPasswordToggle {
  position: absolute; right: 8px; top: 50%; transform: translateY(-50%);
  z-index: 2; min-width: 40px; min-height: 38px; padding: 4px 8px;
  border: 0; border-radius: 8px; background: transparent !important;
  color: inherit; font-size: 18px; line-height: 1; cursor: pointer;
}
#app .vyloPasswordToggle:focus-visible, #modal .vyloPasswordToggle:focus-visible { outline: 2px solid currentColor; outline-offset: 2px; }

.vyloDialRow { display: flex; align-items: stretch; gap: 0; margin: 10px 0; }
.vyloDialPrefix {
  display: inline-flex; align-items: center; justify-content: center;
  min-width: 68px; padding: 0 12px; border: 1px solid #35505c;
  border-right: 0; border-radius: 12px 0 0 12px; background: #132d39;
  color: #edf4f7; font-weight: 700;
}
.vyloDialRow input { flex: 1; min-width: 0; margin: 0 !important; border-radius: 0 12px 12px 0 !important; }
.vyloDepositLimit { display: block; margin: 0 0 8px; color: #a9c0ca; font-size: 13px; }
.vyloReferralHelp { margin: 2px 0 8px; color: #a9c0ca; font-size: 13px; line-height: 1.45; }

/* Keep the close control simple and clearly visible in every VYLO dialog. */
#modal .close, #modal [aria-label="Close"], #imageViewer .close,
.modalBack .modalClose, .modalBack .modal-close {
  position: absolute !important; top: 10px !important; right: 12px !important;
  float: none !important; display: grid !important; place-items: center !important;
  width: 40px !important; height: 40px !important; min-width: 40px !important;
  padding: 0 !important; border: 1px solid rgba(160,185,195,.45) !important;
  border-radius: 50% !important; background: transparent !important;
  color: #edf4f7 !important; box-shadow: none !important; font-size: 25px !important;
}
#modal .modalHeader, #modal .modal-header, #modal .modalTop, #modal .modal-top,
#modal .modalCloseBar, #modal .modal-close-bar, #modal .modalTitleBar,
#modal .modal-titlebar { background: transparent !important; box-shadow: none !important; }
#modal .modal, #imageViewer { position: relative; }