/* Custom styles for buttons */
.add-data-btn {
  opacity: 1 !important;
  visibility: visible !important;
  display: flex !important;
  background-color: #3b82f6 !important; /* blue-500 */
  color: white !important;
}

.add-data-btn:hover {
  background-color: #2563eb !important; /* blue-600 */
}

/* Fix for any potential hidden elements */
.section-content.active {
  display: flex;
  flex-direction: column;
}

/* Ensure buttons in the modal are also visible */
#modal-save-data-btn,
#save-data-btn {
  opacity: 1 !important;
  visibility: visible !important;
  display: block !important;
  background-color: #3b82f6 !important;
  color: white !important;
}

/* Ensure the "Delete Account" button is visible */
#delete-account {
  opacity: 1 !important;
  visibility: visible !important;
  display: block !important;
  background-color: #b61f1f !important; /* red-600 */
  color: white !important;
  font-weight: 500 !important;
  border: none !important;
  transition: background-color 0.2s ease-in-out !important;
}

/* Optional: Add hover effect for better user experience */
#delete-account:hover {
  background-color: #8d1515 !important; /* red-700 */
}