/* airdrop-builder — generated by scripts/tools-v2/build-tool-css.js from
   views/v1-backup/tools-airdrop-builder.ejs. DO NOT EDIT BY HAND: npm run test:tools-page-v2
   regenerates it and fails if this file has drifted.

   The shared vocabulary (.btn-primary, .form-input, .tool-card, .badge-*,
   .toast-*, #map, headings) is NOT here — public/css/tools-page-v2.css
   declares it once for every tool page. What is left is this tool's own,
   with its colour literals resolved to theme tokens and every selector
   scoped to the tool body so nothing reaches the shared header. */

.tpv2-body #mapContainer {
  height: 600px;
  width: 100%;
  position: relative;
  border-radius: 0.5rem;
  overflow: hidden;
  box-shadow: 0 4px 16px rgba(0, 0, 0, 0.4);
  z-index: 1;
  border: 1px solid color-mix(in srgb, var(--sk-primary) 20%, transparent);
}

.tpv2-body .leaflet-control-coordinates {
  position: absolute;
  bottom: 20px;
  left: 50%;
  transform: translateX(-50%);
  background: var(--sk-surface);
  color: var(--sk-primary-text);
  padding: 0.5rem 1rem;
  border-radius: 0.5rem;
  font-family: 'Roboto Mono', monospace;
  font-size: 0.875rem;
  z-index: 999;
  pointer-events: none;
  border: 1px solid color-mix(in srgb, var(--sk-primary) 30%, transparent);
  box-shadow: 0 2px 8px rgba(0, 0, 0, 0.3);
  font-weight: 600;
}

.tpv2-body .location-label {
  background: none;
  border: none;
  font-size: 11px;
  font-family: 'Inter', sans-serif;
  font-weight: 600;
  text-transform: uppercase;
  letter-spacing: 0.7px;
}

.tpv2-body .location-label div {
  color: rgba(255, 255, 255, 0.95);
  text-shadow:
  -1px -1px 2px rgba(0,0,0,0.8),
  1px -1px 2px rgba(0,0,0,0.8),
  -1px 1px 2px rgba(0,0,0,0.8),
  1px 1px 2px rgba(0,0,0,0.8);
  white-space: nowrap;
  transition: transform 0.2s ease;
  pointer-events: none;
  user-select: none;
}

.tpv2-body .map-btn.active-map {
  background: linear-gradient(135deg, var(--sk-primary), var(--sk-primary)) !important;
  color: white !important;
  font-weight: 600;
  box-shadow: 0 2px 8px color-mix(in srgb, var(--sk-primary) 30%, transparent);
}

.tpv2-body .airdrop-marker {
  cursor: pointer;
}

.tpv2-body .airdrop-list-item {
  display: flex;
  justify-content: space-between;
  align-items: center;
  padding: 0.5rem 0.75rem;
  background: var(--sk-bg);
  border: 1px solid color-mix(in srgb, var(--sk-primary) 20%, transparent);
  border-radius: 0.5rem;
  color: var(--sk-text);
}

.tpv2-body .airdrop-list-item:hover {
  background: var(--sk-primary-soft);
  border-color: color-mix(in srgb, var(--sk-primary) 40%, transparent);
}

.tpv2-body pre code {
  font-family: 'Roboto Mono', monospace;
  font-size: 0.85rem;
  color: var(--sk-primary-text);
}

.tpv2-body .loot-item-card {
  background: var(--sk-bg);
  border-color: var(--sk-border-2) !important;
  color: var(--sk-text);
}

.tpv2-body .loot-item-card:hover {
  background: var(--sk-primary-soft) !important;
  border-color: color-mix(in srgb, var(--sk-primary) 40%, transparent) !important;
}

.tpv2-body .loot-item-card.bg-purple-50,
.tpv2-body .loot-item-card[class*="bg-purple-50"] {
  background: var(--sk-primary-soft) !important;
  border-color: color-mix(in srgb, var(--sk-primary) 50%, transparent) !important;
}

.tpv2-body .leaflet-popup-content-wrapper {
  background: var(--sk-surface); color: var(--sk-text); border: 1px solid color-mix(in srgb, var(--sk-primary) 20%, transparent);
}

.tpv2-body .leaflet-popup-tip {
  background: var(--sk-surface);
}

.tpv2-body .leaflet-control-zoom a {
  background: var(--sk-surface) !important; color: var(--sk-text) !important; border-color: var(--sk-border-2) !important;
}

.tpv2-body .leaflet-control-zoom a:hover {
  background: var(--sk-surface) !important;
}

.tpv2-body .leaflet-control-attribution {
  background: var(--sk-surface) !important; color: var(--sk-muted) !important;
}