/* Universal centered popups — hide scrollbars; auth panels stay compact */

.auth-overlay,
.keys-overlay {
  box-sizing: border-box !important;
  padding: 12px !important;
  overflow: hidden !important;
  align-items: center !important;
  justify-content: center !important;
}

.ship-overlay,
.modal-overlay,
.popup-overlay,
.warning-popup-overlay,
.pay-success-overlay {
  box-sizing: border-box !important;
  padding: max(16px, 3vh) 14px !important;
  overflow-x: hidden !important;
  overflow-y: auto !important;
  -webkit-overflow-scrolling: touch;
  align-items: center !important;
  justify-content: center !important;
  scrollbar-width: none;
  -ms-overflow-style: none;
}
.ship-overlay::-webkit-scrollbar,
.modal-overlay::-webkit-scrollbar,
.popup-overlay::-webkit-scrollbar,
.warning-popup-overlay::-webkit-scrollbar,
.pay-success-overlay::-webkit-scrollbar {
  width: 0 !important;
  height: 0 !important;
  display: none !important;
}

.auth-panel,
.login-container,
.register-container,
.keys-card,
.keys-modal {
  margin: auto !important;
  flex-shrink: 0 !important;
  box-sizing: border-box !important;
  width: 100% !important;
  max-width: min(400px, calc(100vw - 24px)) !important;
  max-height: none !important;
  overflow: hidden !important;
  scrollbar-width: none !important;
  -ms-overflow-style: none !important;
}
.auth-panel::-webkit-scrollbar,
.login-container::-webkit-scrollbar,
.register-container::-webkit-scrollbar,
.keys-card::-webkit-scrollbar,
.keys-modal::-webkit-scrollbar {
  width: 0 !important;
  height: 0 !important;
  display: none !important;
}

.ship-modal,
.modal-overlay .modal,
.popup-content,
.warning-popup-container {
  margin: auto !important;
  flex-shrink: 0 !important;
  box-sizing: border-box !important;
  width: 100% !important;
  max-width: min(520px, calc(100vw - 28px)) !important;
  max-height: min(88vh, calc(100dvh - 32px)) !important;
  overflow-x: hidden !important;
  overflow-y: auto !important;
  scrollbar-width: none;
  -ms-overflow-style: none;
}
.ship-modal::-webkit-scrollbar,
.modal-overlay .modal::-webkit-scrollbar,
.popup-content::-webkit-scrollbar,
.warning-popup-container::-webkit-scrollbar {
  width: 0 !important;
  height: 0 !important;
  display: none !important;
}

.popup-overlay {
  inset: 0 !important;
  width: 100% !important;
  height: 100% !important;
}