/* Keep existing styles */
.no-spinner::-webkit-outer-spin-button,
.no-spinner::-webkit-inner-spin-button {
  -webkit-appearance: none;
  margin: 0;
}

.no-spinner {
  -moz-appearance: textfield;
}

.task-timeline-container {
  height: calc(100vh - 400px);
  overflow-y: auto;
  position: relative;
  scrollbar-width: thin;
  scrollbar-color: #cbd5e1 #f1f5f9;
}

/* Custom Map Pin Styles - Updated for better interaction */
.map-pin {
  cursor: grab;
  transition: all 0.15s ease-out;
  filter: drop-shadow(0 3px 6px rgba(0, 0, 0, 0.2));
  user-select: none;
}

.map-pin:hover {
  transform: translate(-50%, -100%) scale(1.1);
  filter: drop-shadow(0 4px 8px rgba(0, 0, 0, 0.3));
}

.map-pin.dragging {
  cursor: grabbing;
  z-index: 1000;
  filter: drop-shadow(0 6px 12px rgba(0, 0, 0, 0.4));
  transform: translate(-50%, -100%) scale(1.15);
  transition: none;
}

.map-pin-icon {
  transition: all 0.15s ease-out;
  pointer-events: none;
}

/* Pin action buttons - improved interaction */
.pin-actions {
  transition: opacity 0.2s ease-in-out;
}

.pin-delete-btn, .pin-edit-btn {
  transition: all 0.2s ease-in-out;
  position: relative;
}

.pin-delete-btn:hover {
  background-color: #dc2626 !important;
  transform: scale(1.15);
}

.pin-edit-btn:hover {
  background-color: #2563eb !important;
  transform: scale(1.15);
}

/* Pin animation for newly created pins */
.map-pin.new-pin {
  animation: pinDrop 0.4s ease-out;
}

@keyframes pinDrop {
  0% {
    transform: translate(-50%, -100%) scale(0.5) translateY(-15px);
    opacity: 0;
  }
  50% {
    transform: translate(-50%, -100%) scale(1.1) translateY(3px);
    opacity: 0.8;
  }
  100% {
    transform: translate(-50%, -100%) scale(1) translateY(0);
    opacity: 1;
  }
}

/* Vendor-specific pin styles - smaller size */
.vendor-map-pin {
  cursor: pointer;
  transition: all 0.2s ease-out;
  filter: drop-shadow(0 3px 6px rgba(0, 0, 0, 0.2));
  user-select: none;
}

.vendor-map-pin:hover {
  transform: translate(-50%, -100%) scale(1.15);
  filter: drop-shadow(0 4px 8px rgba(16, 185, 129, 0.4));
}

.vendor-pin-icon {
  transition: all 0.2s ease-out;
  pointer-events: none;
}

.vendor-pin-tooltip {
  animation: fadeInUp 0.2s ease-out;
}

@keyframes fadeInUp {
  0% {
    opacity: 0;
    transform: translateX(-50%) translateY(8px);
  }
  100% {
    opacity: 1;
    transform: translateX(-50%) translateY(0);
  }
}

/* Map container styles */
.map-container {
  position: relative;
  width: 100%;
  height: 100%;
}

/* Ensure smooth interaction experience */
.map-pin.dragging *,
.vendor-map-pin * {
  pointer-events: none;
}

/* Pin tooltip improvements - smaller and more compact */
.pin-tooltip,
.vendor-pin-tooltip {
  white-space: pre-wrap;
  word-wrap: break-word;
  line-height: 1.3;
  pointer-events: none;
}

/* Ensure buttons stay clickable */
.pin-actions button {
  pointer-events: auto;
}