.react-flow__controls {
  box-shadow: 0 0 10px rgba(0, 0, 0, 0.2);
  border-radius: 8px;
  font-family: inherit;
  background: rgba(15, 23, 42, 0.9) !important;
  border: 1px solid rgba(249, 115, 22, 0.3) !important;
  padding: 4px;
}

.react-flow__controls-button {
  background: rgba(15, 23, 42, 0.9) !important;
  border-radius: 4px !important;
  border: 1px solid rgba(249, 115, 22, 0.3) !important;
  color: white !important;
  padding: 4px !important;
  margin: 2px !important;
}

.react-flow__controls-button:hover {
  background: rgba(30, 41, 59, 0.9) !important;
}

.react-flow__controls-button svg {
  fill: white !important;
  width: 16px !important;
  height: 16px !important;
}

.react-flow__controls-button path {
  fill: white !important;
} 