/* Login presentation only; leave third-party iframe contents untouched. */
.modal-box.store-auth-dialog {
  width: min(384px, calc(100vw - 24px));
  max-width: 384px;
  max-height: calc(100dvh - 24px);
  padding: 24px;
  overflow-y: auto;
  background: #121622 !important;
  color: #ffffff;
}
.store-auth-dialog .auth-google-section { margin-bottom: 18px; }
.store-auth-dialog #googleBtnContainer {
  display: flex; justify-content: center; width: 100%; min-width: 0;
  background: transparent;
}
/* Match the embedded document's canvas scheme, not its official button theme.
   Prevents the UA from painting an opaque light canvas around the dark button. */
.store-auth-dialog #googleBtnContainer iframe { color-scheme: light; }
.store-auth-dialog .auth-method-divider {
  display: flex; align-items: center; gap: 12px; margin-top: 16px;
  font-size: 11px; line-height: 1.5; color: #d5d8e2; font-weight: 600;
}
.store-auth-dialog .auth-method-divider::before,
.store-auth-dialog .auth-method-divider::after {
  content: ''; height: 1px; flex: 1; background: #303443;
}
.store-auth-dialog .auth-verification-section {
  margin-top: 18px; padding-top: 14px; border-top: 1px solid #303443;
}
.store-auth-dialog .auth-verification-title {
  margin-bottom: 10px; text-align: center; font-size: 11px;
  font-weight: 600; line-height: 1.5; color: #d5d8e2;
}
.store-auth-dialog #turnstileWidget { display: flex; justify-content: center; }
.store-auth-dialog input { min-width: 0; }
@media (max-width: 360px) {
  .modal-box.store-auth-dialog { padding: 20px; }
  .store-auth-dialog .auth-method-divider { gap: 8px; }
}