.cc-map-card .leaflet-control-layers { background: var(--c-card); color: var(--c-text); border: 1px solid var(--c-line-2); border-radius: var(--c-r-sm, 6px); box-shadow: none; font: inherit; font-size: 11px; }
.cc-map-card .leaflet-control-layers label { display: flex; align-items: center; min-height: 28px; cursor: pointer; }
.cc-map-card .leaflet-control-layers input { accent-color: var(--c-gold); }
.cc-hazard-pin span { display: grid; place-items: center; width: 30px; height: 30px; border-radius: 50%; border: 2px solid #67e8f9; background: #12343d; color: #cffafe; box-shadow: 0 1px 5px #0008; }
.cc-hazard-pin svg { width: 16px; height: 16px; }
.cc-hazard-pin.rain span { border-color: #93c5fd; color: #dbeafe; background: #1e3a5f; }
.cc-map-weather-status { background: var(--c-card); color: var(--c-text-3); border: 1px solid var(--c-line); border-radius: 6px; padding: 7px 9px; max-width: 280px; font: inherit; font-size: 10.5px; line-height: 1.5; }
.cc-map-weather-status span { display: inline-block; margin-right: 10px; }
.cc-map-weather-status small, .cc-map-weather-status strong { display: block; font-size: 10px; }
.cc-map-weather-status strong { color: var(--c-warn-text); }
@media (max-width: 650px) { .cc-map-weather-status { max-width: 180px; } .cc-map-weather-status small { display: none; } }