/* Common utilities */
.hidden {
  display: none;
}

/* Data import modal styles */
#modal-file-input {
  display: none;
}

/* Analysis result styles */
#method-recommendation {
  font-size: 0.75rem; /* text-xs equivalent */
  color: #165DFF; /* primary color */
  font-style: italic;
  display: none;
}

/* Dataset info */
#dataset-info {
  max-width: 200px;
}

/* Message notification */
.notification {
  position: fixed;
  top: 4px;
  right: 4px;
  z-index: 50;
  padding: 4px 16px;
  border-radius: 6px;
  box-shadow: 0 4px 6px -1px rgba(0, 0, 0, 0.1), 0 2px 4px -1px rgba(0, 0, 0, 0.06);
  transition: all 0.3s ease;
  transform: translateX(100%);
  background: white;
  border-left: 4px solid;
}

.notification.success {
  border-left-color: #10b981;
}

.notification.error {
  border-left-color: #ef4444;
}

.notification.info {
  border-left-color: #3b82f6;
}

/* Browser compatibility */
* {
  -webkit-text-size-adjust: 100%;
  text-size-adjust: 100%;
  -webkit-user-select: text;
  user-select: text;
}

/* Chart container */
.chart-container {
  width: 100%;
  height: 400px;
  margin: 0 auto;
}