@tailwind base;
@tailwind components;
@tailwind utilities;

/* Custom styles for segment label tooltips */
.segment-label-tooltip {
  background: rgba(0, 0, 0, 0.8) !important;
  border: none !important;
  border-radius: 4px !important;
  color: white !important;
  font-size: 12px !important;
  font-weight: 500 !important;
  padding: 4px 8px !important;
  box-shadow: 0 2px 4px rgba(0, 0, 0, 0.2) !important;
}

.segment-label-tooltip::before {
  display: none !important;
}

/* Leaflet map customization for transect readiness screen */
.leaflet-control-attribution {
  font-size: 8px !important;
}

.leaflet-top.leaflet-left {
  top: 10px !important;
  left: 10px !important;
}