/* Make the infoContainer taller, with better spacing */
#infoContainer {
  padding: 20px 32px !important;
  min-height: 60px !important;
  display: flex !important;
  flex-direction: column !important;
  justify-content: left !important;
  gap: 8px !important;
  border-radius: 16px !important;

}


#commonDialog {
  min-width: 400px !important;
  max-width: 700px !important;
  overflow: visible !important;
  margin: 0 !important;


  border-radius: 16px !important;


  backdrop-filter: blur(16px) !important;
  -webkit-backdrop-filter: blur(16px) !important;

  box-shadow: 0 8px 24px rgba(0, 0, 0, 0.2) !important;

  background-color: rgba(30, 30, 30, 0.3) !important;
color: white !important;
border: 1px solid rgba(255, 255, 255, 0.1) !important;


}

#dialogGrid {
  display: flex !important;
  flex-direction: column !important;
  padding-bottom: 50px !important; /* Give space below for buttons */
}


#commonDialog .dialog-button-box {
  margin-top: 16px !important;
  display: flex !important;
  justify-content: center !important;
  gap: 12px !important;
}

.commonDialog .dialog-button-box button {
  padding: 6px 16px !important;
  font-size: 14px !important;
  border-radius: 6px !important;
  appearance: none !important;
  background-color: rgba(255, 255, 255, 0.06) !important;
  color: #f0f0f0 !important;

  border: 1px solid rgba(255, 255, 255, 0.1) !important;
  border-radius: 16px !important;



  font-size: 13.5px !important;
  font-weight: 500 !important;
  font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, sans-serif !important;

  box-shadow: inset 0 1px 1px rgba(255, 255, 255, 0.05),
              0 1px 4px rgba(0, 0, 0, 0.6) !important;

  transition: background 0.2s ease, border 0.2s ease;
}


.dialog-button-box button:hover,
.dialog-button-box button:focus {
  background-color: rgba(255, 255, 255, 0.12) !important;
  border-color: rgba(255, 255, 255, 0.2) !important;
  outline: none !important;
}


.dialogBox {
  font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, sans-serif !important;
  font-size: 14px !important;
  letter-spacing: 0.2px !important;
}

.dialog-button-box button.default {
  background-color: #0a84ff !important;
  color: white !important;
  border: none !important;
  box-shadow: 0 0 0 2px rgba(10, 132, 255, 0.4) !important;
}

.dialog-button-box button:first-of-type {
  background-color: #006edc !important;
}