/* Include these styles if you're using Leaflet */
.leaflet-container {
    height: 200px;
    width: 100%;
    border-radius: 0.25rem;
}
.leaflet-control-attribution {
    display: none !important;
}
.dark .leaflet-layer,
.dark .leaflet-control-zoom-in,
.dark .leaflet-control-zoom-out,
.dark .leaflet-control-attribution {
    filter: invert(100%) hue-rotate(180deg) brightness(95%) contrast(90%);
}

.webhook-api-node[data-v-e45b4a26] {
    font-family: inherit;
}

/* Custom scrollbar */
.max-h-40[data-v-e45b4a26]::-webkit-scrollbar {
    width: 6px;
    height: 6px;
}
.max-h-40[data-v-e45b4a26]::-webkit-scrollbar-track {
    background: transparent;
}
.max-h-40[data-v-e45b4a26]::-webkit-scrollbar-thumb {
    background: #cbd5e1;
    border-radius: 3px;
}
.max-h-40[data-v-e45b4a26]::-webkit-scrollbar-thumb:hover {
    background: #94a3b8;
}
.dark .max-h-40[data-v-e45b4a26]::-webkit-scrollbar-thumb {
    background: #4b5563;
}
.dark .max-h-40[data-v-e45b4a26]::-webkit-scrollbar-thumb:hover {
    background: #6b7280;
}

.edge-controls[data-v-aa08cb72] {
  display: flex;
  align-items: center;
  opacity: 0;
  transition: opacity 0.2s;
  background-color: white;
  border-radius: 4px;
  padding: 2px;
  box-shadow: 0 1px 3px rgba(0, 0, 0, 0.1);
  border: 1px solid #e5e7eb;
}
.dark .edge-controls[data-v-aa08cb72] {
  background-color: #1f2937; /* Tailwind's gray-800 */
  border: 1px solid #374151; /* Tailwind's gray-700 */
  box-shadow: 0 1px 3px rgba(0, 0, 0, 0.4);
}
.edge-controls.visible[data-v-aa08cb72],
.edge-controls[data-v-aa08cb72]:hover {
  opacity: 1;
}
.edge-delete-button[data-v-aa08cb72] {
  display: flex;
  align-items: center;
  justify-content: center;
  width: 20px;
  height: 20px;
  border-radius: 4px;
  background-color: #fee2e2;
  color: #ef4444;
  transition: all 0.2s;
}
.edge-delete-button[data-v-aa08cb72]:hover {
  background-color: #fecaca;
  color: #dc2626;
}
.dark .edge-delete-button[data-v-aa08cb72] {
  background-color: #7f1d1d; /* dark red background */
  color: #fecaca;
}
.dark .edge-delete-button[data-v-aa08cb72]:hover {
  background-color: #991b1b;
  color: #fee2e2;
}
.edge-label[data-v-aa08cb72] {
  background-color: white;
  padding: 2px 5px;
  border-radius: 4px;
  font-size: 10px;
  text-align: center;
  box-shadow: 0 1px 2px rgba(0, 0, 0, 0.1);
  pointer-events: none;
}
.dark .edge-label[data-v-aa08cb72] {
  background-color: #1f2937; /* Tailwind gray-800 */
  color: #f9fafb; /* Tailwind gray-50 */
  box-shadow: 0 1px 2px rgba(0, 0, 0, 0.5);
}