/* src/styles/chart.css */
.signal-marker {
  position: absolute;
  z-index: 30;
  transform: translate(-50%, -100%);
  pointer-events: auto;
  cursor: pointer;
  min-width: 120px;
}

.signal-marker .signal-content {
  padding: 6px 10px;
  border-radius: 4px;
  font-size: 12px;
  font-weight: bold;
  white-space: nowrap;
  box-shadow: 0 2px 4px rgba(0, 0, 0, 0.2);
  position: relative;
}

.signal-marker .signal-header {
  display: flex;
  justify-content: space-between;
  margin-bottom: 2px;
}

.signal-marker .signal-details {
  font-size: 10px;
  opacity: 0.9;
  margin-top: 4px;
}

.signal-marker.buy-signal .signal-content {
  background-color: #4caf50;
  color: white;
  border: 2px solid #45a049;
}

.signal-marker.sell-signal .signal-content {
  background-color: #f44336;
  color: white;
  border: 2px solid #da190b;
}

/* Add other styles as needed */