/* General Map Styles */
#map {
  z-index: 1; /* Ensure map doesn't cover header/toast */
}

/* Toast notifications */
.toast {
  position: fixed;
  bottom: 20px;
  left: 50%;
  transform: translateX(-50%);
  padding: 12px 24px;
  border-radius: 4px;
  color: white;
  font-weight: bold;
  z-index: 2000;
  display: none;
  animation: slide-up 0.3s ease;
}

.toast-info {
  background-color: #262626; /* match gray-800 */
}

.toast-success {
  background-color: #10b981; /* Tailwind emerald-500 */
}

.toast-warning {
  background-color: #f59e0b; /* Tailwind amber-500 */
}

.toast-error {
  background-color: #ef4444; /* Tailwind red-500 */
}

@keyframes slide-up {
  from {
    transform: translateX(-50%) translateY(100%);
  }
  to {
    transform: translateX(-50%) translateY(0);
  }
}