/* Lower Leaflet's z-index to keep dropdowns on top */
	.leaflet-pane,
	.leaflet-map-pane,
	.leaflet-tile-pane,
	.leaflet-overlay-pane,
	.leaflet-shadow-pane,
	.leaflet-marker-pane,
	.leaflet-tooltip-pane,
	.leaflet-popup-pane {
	  z-index: 0 !important;
	}
	.leaflet-control {
	  z-index: 0 !important;
	}
	#stationList {
	  left: 0.5rem;
	}

	#settingsDropdown {
	  z-index: 1000 !important;
	  position: absolute;
	}

	.relative {
	  position: relative;
	}
	
	.radar-legend img {
	  border-radius: 4px;
	}
	
	.arrow {
	  width: 0;
	  height: 0;
	  border-left: 5px solid transparent;
	  border-right: 5px solid transparent;
	  border-bottom: 10px solid red;
	  transform-origin: center;
	}
	.wind-legend {
	  display: flex;
	  gap: 1rem;
	  margin-top: 0.5rem;
	  font-size: 0.75rem;
	}
	.wind-legend span {
	  display: flex;
	  align-items: center;
	  gap: 0.25rem;
	}
	.wind-legend div {
	  width: 10px;
	  height: 10px;
	  border-radius: 50%;
	  display: inline-block;
	}
	
	.station-list {
	  width: calc(100% - 1rem);
	}
	
	.station-status-dot {
	  width: 8px;
	  height: 8px;
	  border-radius: 50%;
	  display: inline-block;
	}
	
	.status-green { background: #22C55E; }
	.status-yellow { background: #FACC15; }
	.status-grey { background: #9CA3AF; }
	
	.leaflet-status-dot {
	  width: 14px;
	  height: 14px;
	  border-radius: 50%;
	  border: 2px solid #1f2937;
	}
	
	.leaflet-green  { background: #22C55E; }
	.leaflet-yellow { background: #FACC15; }
	.leaflet-grey   { background: #9CA3AF; }
	
	.legend-dot {
	  width: 10px;
	  height: 10px;
	  border-radius: 50%;
	  display: inline-block;
	}
	
	.legend-green  { background: #22C55E; }
	.legend-yellow { background: #FACC15; }
	.legend-grey   { background: #9CA3AF; }