/* Leaflet + Tailwind fix: Tailwind's img reset breaks map tiles */
.leaflet-container img.leaflet-tile,
.leaflet-container img {
  max-width: none !important;
  max-height: none !important;
}

/* Live location marker pulse */
.live-location-icon {
  background: transparent !important;
  border: none !important;
}
.live-location-dot {
  width: 14px;
  height: 14px;
  border-radius: 50%;
  border: 2px solid white;
  box-shadow: 0 1px 3px rgba(0,0,0,0.4);
  position: relative;
}
.live-location-dot::after {
  content: "";
  position: absolute;
  top: -4px; left: -4px;
  width: 22px; height: 22px;
  border-radius: 50%;
  background: inherit;
  opacity: 0.3;
  animation: live-pulse 2s ease-out infinite;
}
@keyframes live-pulse {
  0%   { transform: scale(0.6); opacity: 0.4; }
  70%  { transform: scale(1.4); opacity: 0; }
  100% { transform: scale(1.4); opacity: 0; }
}

/* location-share button active state */
[data-action*="location-share#toggle"][data-active] {
  background-color: #6B7280;
}

/* Timer running indicator */
.timer-running {
  color: #0ea5e9; /* Blue color when running */
  animation: timer-pulse 2s infinite;
}

@keyframes timer-pulse {
  0% {
    text-shadow: 0 0 0 rgba(14, 165, 233, 0);
  }
  50% {
    text-shadow: 0 0 10px rgba(14, 165, 233, 0.5);
  }
  100% {
    text-shadow: 0 0 0 rgba(14, 165, 233, 0);
  }
}