body, html { height: 100%; margin: 0; padding: 0; font-family: Arial, sans-serif; }
        #map { height: 100vh; width: 100%; }
        #mapMenuBtn {position:absolute;top:16px;right:16px;z-index:1101;padding:8px 12px;border-radius:6px;background:#2a9df4;color:#fff;border:none;cursor:pointer;font-size:22px;}
        #mapMenu {display:none;position:absolute;top:56px;right:16px;z-index:1101;background:#fff;border-radius:8px;box-shadow:0 2px 8px rgba(0,0,0,0.2);padding:12px;min-width:180px;}        
        .menu-section {margin-bottom:12px;padding-bottom:8px;border-bottom:1px solid #eee;}
        .menu-section:last-child {margin-bottom:0;padding-bottom:0;border-bottom:none;}
        .menu-title {font-weight:bold;margin-bottom:6px;}
        .menu-item {margin:4px 0;}
        .label-marker {
            display: inline-flex;
            background: #2a9df4;
            color: #fff;
            border-radius: 4px;
            font-weight: 600;
            font-size: 11px;
            box-shadow: 0 1px 3px rgba(0,0,0,0.3);
            white-space: nowrap;
			transform: translate(-50%, -50%);
			position: absolute;
			align-items: center;
			justify-content: center;
        }
        .custom-div-icon {
			background: transparent !important;
			border: none !important;
			display: flex;
			align-items: center;
			justify-content: center;
			transform: translate(-50%, -50%);
			position: absolute;
		}
        .leaflet-popup-content-wrapper { font-size: 14px; }
        .legend { position: absolute; top: 10px; right: 10px; background: rgba(255,255,255,0.9); padding:8px; border-radius:6px; box-shadow:0 1px 4px rgba(0,0,0,0.2); z-index: 1000; }
        .meta-row { margin: 3px 0; }
        #maxPointsRange {width: 100%; margin-top: 4px;}
        #maxPointsValue {font-weight: bold; color: #2a9df4;}
		
		.date-filter-row {
		  display: flex;
		  align-items: center;
		  gap: 8px;
		  margin-top: 8px;
		}

		.date-filter-row input[type="date"] {
		  padding: 4px;
		  font-size: 14px;
		}

		.menu-button,
		.filter-button,
		.date-filter-row button {
		  padding: 6px 14px;
		  font-size: 14px;
		  height: 32px;
		  line-height: 1;
		  border: none;
		  border-radius: 6px;
		  background-color: #4CAF50;
		  color: white;
		  box-shadow: 0 2px 4px rgba(0,0,0,0.2);
		  transition: background-color 0.3s ease, box-shadow 0.3s ease;
		  cursor: pointer;
		}

		.menu-button:hover,
		.filter-button:hover,
		.date-filter-row button:hover {
		  background-color: #45a049;
		  box-shadow: 0 3px 6px rgba(0,0,0,0.3);
		}