/*
 * App-wide styles. Tailwind handles most of the work via inline classes;
 * this file is for the few cases where third-party widgets need overriding.
 */

/* Lokkate marker tooltips — strip Leaflet's default white box so our
   dark glass tooltip can render cleanly. */
.leaflet-tooltip.lokkate-marker-tooltip {
  background: transparent;
  border: none;
  box-shadow: none;
  padding: 0;
  white-space: nowrap;
}
.leaflet-tooltip.lokkate-marker-tooltip::before {
  display: none;
}

/* "LIVE" pulse — green dot that softly heartbeats. Used everywhere a map
   shows the current state of an asset/fleet so users know it's real-time. */
@keyframes lokkate-live-pulse {
  0%   { box-shadow: 0 0 0 0   rgba(0, 200, 83, 0.55); }
  70%  { box-shadow: 0 0 0 8px rgba(0, 200, 83, 0);    }
  100% { box-shadow: 0 0 0 0   rgba(0, 200, 83, 0);    }
}
.lokkate-live-dot {
  display: inline-block;
  width: 8px;
  height: 8px;
  border-radius: 50%;
  background: #00C853;
  animation: lokkate-live-pulse 1.6s ease-out infinite;
}