.custom-permanent-circle::before{content:"";display:block;width:15px;height:15px;border-radius:50%;background-color:black;border:2px solid #000}
.custom-researched-circle::before{content:"";display:block;width:15px;height:15px;border-radius:50%;background-color:#4CAF50;border:2px solid #000;position:absolute;left:50%;top:50%;transform:translate(-50%,-50%)}
.legend-icon.custom-researched-circle{display:inline-block;vertical-align:middle;width:15px;height:15px;margin-left:5px;border-radius:50%;background-color:#4CAF50;border:2px solid #000}
.map-status-filter-label .custom-researched-circle::before{display:none}
.legend-icon{display:inline-block;vertical-align:middle;width:15px;height:15px;margin-left:5px;border-radius:50%;border:2px solid #000}
.legend-icon.custom-permanent-circle{background-color:black;display:none}
.leaflet-popup-content-wrapper{padding: 0px 0px 10px 0px;!important;border-radius:0!important}
.leaflet-popup-content{margin:0!important;max-width:250px!important;min-width:200px}
.leaflet-popup-content p{margin:-0.3em 0}
.custom-location{font-size:1em;margin-left:10px}
.visited-marker{opacity:0.5}
.today-marker{box-shadow:0 0 10px 3px #1e88e5}
.nav-link{display:inline-block;background:#4285F4;color:#fff;padding:5px 10px;border-radius:3px;text-decoration:none;margin-top:5px;text-align:center}
.map-status-filter-form{font-size:22px}
.cluster-marker{width:100%;height:100%;background-color:#fff;color:#333;border-radius:50%;text-align:center;font-weight:bold;font-size:14px;border:2px solid #333;box-shadow:0 1px 5px rgba(0,0,0,0.4);display:flex;align-items:center;justify-content:center}
.leaflet-popup-content img{max-width:100%;height:auto;border-radius:4px;box-shadow:0 2px 8px rgba(0,0,0,0.1)}
.popup-thumb-loading{width:220px;height:220px;background:#f0f0f0;border-radius:4px;display:flex;align-items:center;justify-content:center;color:#999;font-size:12px;margin-bottom:8px}
.popup-controls{display:flex;gap:12px;align-items:center;margin:6px 0}
.popup-controls label{font-size:14px}
.popup-controls input[type="number"]{width:40px;margin-left:4px;padding:2px;font-size:14px}
#search-container{position:relative}
#search-input{width:200px;padding:5px}
#search-suggestions{position:absolute;top:100%;left:0;right:0;background:white;border:1px solid #ccc;max-height:150px;overflow-y:auto;z-index:1000;display:none}
.suggestion-item{padding:8px;cursor:pointer}
.suggestion-item:hover{background:#f0f0f0}
#navigation-map.is-fullscreen{position:fixed;inset:0;width:100vw;height:100svh;z-index:99999}
body.no-scroll{overflow:hidden}
@media (prefers-color-scheme:dark){
#search-suggestions{background:#333;color:white;border:1px solid #666}
.suggestion-item:hover{background:#555}
}
@media (max-width:768px){
.leaflet-popup-content{max-width:224px!important;min-width:200px}
.leaflet-popup-content img{width:160px;height:160px}
.leaflet-popup-content h3{font-size:18px!important;display:block!important}
.leaflet-popup-content p{font-size:16px!important}
.custom-location{display:block!important;visibility:visible!important;opacity:1!important}
.nav-link{padding:8px 14px;font-size:16px}
}