/* Mobile-friendly location modal styles */
@media (max-width: 767px) {
  .el-dialog {
    width: 90% !important;
    max-width: 90% !important;
    margin: 10px auto !important;
    max-height: 90vh !important;
    overflow-y: auto !important;
  }
  
  .el-dialog__body {
    padding: 15px !important;
    max-height: 70vh !important;
    overflow-y: auto !important;
  }
  
  .el-dialog__header {
    padding: 15px !important;
  }
  
  .el-dialog__footer {
    padding: 10px 15px !important;
  }
  
  .map-wrapper {
    height: 200px !important;
  }
  
  .el-input {
    max-width: 100% !important;
  }
  
  .el-button {
    padding: 8px 15px !important;
    font-size: 14px !important;
  }
  
  /* Fix for modal positioning */
  .el-dialog__wrapper {
    display: flex !important;
    align-items: center !important;
    justify-content: center !important;
  }
  
  /* Ensure modal doesn't exceed viewport */
  body.el-popup-parent--hidden {
    overflow: hidden !important;
  }
}