/* ═══════════════════════════════════════════════════════════════
   contact-map.css — Leaflet map styles for Contact page
   Extracted from inline <style> for CSP compliance (SEC-009)
   ═══════════════════════════════════════════════════════════════ */

/* Map theme modes — same as P09 orders/show */
#contactMap { z-index: 1; position: relative; }
.leaflet-tile-pane { transition: filter 0.4s ease; }
.contact-map-mode-0 .leaflet-tile-pane { filter: brightness(0.6) contrast(1.2) saturate(0.3) hue-rotate(60deg); }
.contact-map-mode-1 .leaflet-tile-pane { filter: brightness(1.0) contrast(1.05) saturate(0.5) hue-rotate(40deg); }
.contact-map-mode-2 .leaflet-tile-pane { filter: brightness(0.85) contrast(1.1) saturate(0.4) hue-rotate(40deg); }

/* Controls */
.leaflet-control-zoom a { background: #1a1a1a !important; color: #A1FB00 !important; border-color: #414a34 !important; }
.leaflet-control-zoom a:hover { background: #2a2a2a !important; }
.leaflet-control-attribution { background: rgba(13,15,10,0.8) !important; color: #C0CAAD !important; font-size: 9px !important; }
.leaflet-control-attribution a { color: #A1FB00 !important; }

/* Animations */
@keyframes crMapPing { 0% { transform: scale(1); opacity: 0.75; } 100% { transform: scale(2.5); opacity: 0; } }
@keyframes crRadar { 0% { transform: scale(0.5); opacity: 1; } 100% { transform: scale(2.5); opacity: 0; } }

/* Header buttons */
.contact-map__btn {
  padding: 4px 10px; background: #1a1a1a; border: 1px solid rgba(65,74,52,0.5);
  font-size: 9px; font-weight: 700; color: #C0CAAD; border-radius: 999px;
  cursor: pointer; text-transform: uppercase; letter-spacing: 0.08em;
  transition: all 0.2s; display: inline-flex; align-items: center; gap: 4px;
}
.contact-map__btn:hover { color: #A1FB00 !important; border-color: rgba(161,251,0,0.5) !important; background: rgba(161,251,0,0.1) !important; }

/* Action buttons */
.contact-map__action-btn {
  display: inline-flex; align-items: center; gap: 5px; padding: 6px 12px;
  background: #1a1a1a; border: 1px solid rgba(65,74,52,0.5); border-radius: 999px;
  font-size: 10px; font-weight: 600; color: #C0CAAD; text-decoration: none;
  cursor: pointer; transition: all 0.2s; white-space: nowrap;
}
.contact-map__action-btn:hover { color: #A1FB00; border-color: rgba(161,251,0,0.5); background: rgba(161,251,0,0.1); }
.contact-map__action-btn--primary {
  background: rgba(161,251,0,0.15); border-color: rgba(161,251,0,0.4); color: #A1FB00; font-weight: 700;
}
.contact-map__action-btn--primary:hover { background: rgba(161,251,0,0.25); border-color: #A1FB00; }

/* Fullscreen mode */
.contact-map-wrapper--fullscreen {
  position: fixed !important; inset: 0 !important; z-index: 10001 !important;
  border-radius: 0 !important; border: none !important; margin: 0 !important;
  width: 100vw !important; height: 100vh !important;
  display: flex !important; flex-direction: column;
}
.contact-map-wrapper--fullscreen > div:nth-child(2) {
  flex: 1 1 auto; min-height: 0; position: relative; display: flex; flex-direction: column;
}
.contact-map-wrapper--fullscreen #contactMap { flex: 1 1 auto; min-height: 0; height: auto !important; }
.contact-map-wrapper--fullscreen .contact-map__header { position: relative; z-index: 10002; flex-shrink: 0; }
.contact-map-wrapper--fullscreen .contact-map__actions { position: relative; z-index: 10002; flex-shrink: 0; }
.contact-map-wrapper--fullscreen .contact-map__kpi { z-index: 10002 !important; }