/* Sentry User Feedback Widget Styling */

/* Position the feedback button nicely */
[data-sentry-feedback] {
  z-index: 9999 !important;
}

/* Style the feedback button to match hospital theme */
[data-sentry-feedback] button {
  background-color: #2563eb !important;
  border-radius: 8px !important;
  box-shadow: 0 4px 12px rgba(0, 0, 0, 0.15) !important;
  transition: all 0.3s ease !important;
}

[data-sentry-feedback] button:hover {
  background-color: #1d4ed8 !important;
  transform: translateY(-2px) !important;
  box-shadow: 0 6px 16px rgba(0, 0, 0, 0.2) !important;
}

/* Style the feedback modal */
[data-sentry-feedback] .sentry-feedback-modal {
  font-family: 'Red Hat Display', sans-serif !important;
}

/* Ensure feedback widget is visible on all pages */
[data-sentry-feedback] .sentry-feedback-widget {
  bottom: 20px !important;
  right: 20px !important;
}

/* Dark mode support */
@media (prefers-color-scheme: dark) {
  [data-sentry-feedback] button {
    background-color: #3b82f6 !important;
  }
  
  [data-sentry-feedback] button:hover {
    background-color: #2563eb !important;
  }
}

/* Sentry Replay Privacy Markers */
/* These classes help identify sensitive areas for masking/blocking in session replays */

.patient-data,
.medical-info,
.personal-info,
[data-sensitive],
.cnp,
.patient-name,
.doctor-name,
.appointment-details,
.medical-notes {
  /* Visual indicator for development - remove in production */
  /* border: 1px dashed rgba(255, 0, 0, 0.3); */
}

/* Mark forms with sensitive data */
form[data-sensitive="true"] input,
form[data-sensitive="true"] textarea,
form[data-sensitive="true"] select {
  /* These will be automatically masked by Sentry */
}