/* Ensure modal input fields are interactive in Electron (desktop app) */
.modal input {
  pointer-events: auto !important;
  opacity: 1 !important;
  visibility: visible !important;
  z-index: 10000 !important;
  display: block !important;
  background: #fff !important;
  color: #333 !important;
  border: 1px solid #ccc !important;
  font-size: 16px !important;
  padding: 10px !important;
}
.modal textarea {
  pointer-events: auto !important;
  opacity: 1 !important;
  visibility: visible !important;
  z-index: 10000 !important;
  display: block !important;
  background: #fff !important;
  color: #333 !important;
  border: 1px solid #ccc !important;
  font-size: 16px !important;
  padding: 10px !important;
}

.modal .modal-content {
  pointer-events: auto !important;
  opacity: 1 !important;
}

#privacyTextarea, #feedbackTextarea {
  width: 100% !important;
  margin: 0.7em 0 !important;
  min-height: 120px !important; /* 6 rows equivalent */
  background-color: #fff !important;
  color: #333 !important;
}

/* Force modal content to be interactive */
.modal[style*="display: block"] .modal-content,
.modal[style*="display:block"] .modal-content {
  pointer-events: auto !important;
  z-index: 10000 !important;
}

/* Ensure modals have proper z-index */
#privacyFormModal, #feedbackFormModal {
  z-index: 9999 !important;
}