.custom-item-marker {
  background: transparent !important;
  border: none !important;
  z-index: 10000 !important;
}

.custom-item-marker div {
  transition: transform 0.2s ease-in-out;
}

.custom-item-marker:hover div {
  transform: scale(1.2);
}

.leaflet-popup-content-wrapper {
  background: #1a1a1a !important;
  border-radius: 6px !important;
  box-shadow: 0 4px 12px rgba(0, 0, 0, 0.4) !important;
}

.leaflet-popup-content {
  margin: 8px 12px !important;
  color: #fff !important;
}

.leaflet-popup-tip {
  background: #1a1a1a !important;
}

.leaflet-popup-close-button {
  position: absolute !important;
  top: 8px !important;
  right: 8px !important;
  left: auto !important;
  color: #ccc !important;
  font-size: 16px !important;
  font-weight: bold !important;
  padding: 2px 6px !important;
  margin: 0 !important;
  background: transparent !important;
  border: none !important;
  cursor: pointer !important;
  z-index: 1000 !important;
  transition: color 0.2s ease !important;
}

.leaflet-popup-close-button:hover {
  color: #93AB53 !important;
}

/* MarkerPopup组件样式 */
.marker-popup-container {
}

.marker-popup-container .leaflet-popup-content-wrapper {
  background: transparent !important;
  box-shadow: none !important;
  border-radius: 0 !important;
  position: relative !important;
}

.marker-popup-container .leaflet-popup-content {
  margin: 0 !important;
  padding: 0 !important;
}

.marker-popup-container .leaflet-popup-tip {
  background: #333 !important;
}

/* MarkerPopup弹窗的关闭按钮样式 - 更高优先级 */
.marker-popup-container .leaflet-popup-close-button {
  position: absolute !important;
  top: 8px !important;
  right: 8px !important;
  left: auto !important;
  z-index: 1001 !important;
  background: transparent !important;
  border: none !important;
  border-radius: 0 !important;
  color: #ccc !important;
  font-size: 18px !important;
  font-weight: bold !important;
  padding: 0 !important;
  margin: 0 !important;
  cursor: pointer !important;
  transition: color 0.2s ease !important;
  line-height: 1 !important;
  width: 20px !important;
  height: 20px !important;
  display: flex !important;
  align-items: center !important;
  justify-content: center !important;
  text-decoration: none !important;
}

.marker-popup-container .leaflet-popup-close-button:hover {
  background: transparent !important;
  border: none !important;
  color: #93AB53 !important;
  transform: none !important;
}

/* 确保弹窗关闭按钮定位到正确的父容器 */
.leaflet-popup.marker-popup-container .leaflet-popup-close-button {
  position: absolute !important;
  top: 8px !important;
  right: 8px !important;
  left: auto !important;
  z-index: 1001 !important;
  background: transparent !important;
  border: none !important;
  color: #ccc !important;
  font-size: 18px !important;
  font-weight: bold !important;
  padding: 0 !important;
  margin: 0 !important;
  cursor: pointer !important;
  transition: color 0.2s ease !important;
  line-height: 1 !important;
  width: 20px !important;
  height: 20px !important;
  display: flex !important;
  align-items: center !important;
  justify-content: center !important;
  text-decoration: none !important;
}

.leaflet-popup.marker-popup-container .leaflet-popup-close-button:hover {
  background: transparent !important;
  border: none !important;
  color: #93AB53 !important;
  transform: none !important;
}

/* 完成状态的标记样式 */
.custom-item-marker.completed div {
  opacity: 0.5 !important;
  filter: grayscale(1) !important;
  transition: opacity 0.3s ease, filter 0.3s ease !important;
}

/* 自定义checkbox样式 - 确保绿色显示 */
input[type="checkbox"] {
  -webkit-appearance: none !important;
  -moz-appearance: none !important;
  appearance: none !important;
}

input[type="checkbox"]:checked {
  background-color: #93AB53 !important;
  border-color: #93AB53 !important;
}

/* 特别针对MarkerPopup和item菜单中的checkbox */
.marker-popup-container input[type="checkbox"]:checked,
.item-menu input[type="checkbox"]:checked {
  background-color: #93AB53 !important;
  border-color: #93AB53 !important;
  accent-color: #93AB53 !important;
}

/* 针对MapInfoCard中的checkbox - 使用绿色背景 */
.map-info-container input[type="checkbox"]:checked {
  background-color: #121212 !important;
  border-color: #121212 !important;
  accent-color: #121212 !important;
}

/* 禁用所有元素的focus outline和selection */
* {
  -webkit-tap-highlight-color: transparent;
  -webkit-touch-callout: none;
  -webkit-user-select: none;
  -khtml-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
  user-select: none;
}

/* 禁用focus outline */
*:focus {
  outline: none !important;
}

/* 禁用按键高亮 */
*::-moz-focus-inner {
  border: 0;
}

/* 特别针对item栏禁用所有交互高亮 */
.item-bar,
.item-bar *,
.item-menu,
.item-menu * {
  -webkit-tap-highlight-color: transparent !important;
  -webkit-touch-callout: none !important;
  -webkit-user-select: none !important;
  -khtml-user-select: none !important;
  -moz-user-select: none !important;
  -ms-user-select: none !important;
  user-select: none !important;
  outline: none !important;
}

.item-bar:focus,
.item-bar *:focus,
.item-menu:focus,
.item-menu *:focus {
  outline: none !important;
  box-shadow: none !important;
}