.sdvg-observation-map-card{margin:24px 0;padding:14px;border:1px solid #d7e1e5;border-radius:12px;background:#fff;font:14px/1.45 Arial,sans-serif;color:#182c36}
.sdvg-observation-map-card header{display:flex;gap:8px;align-items:center;justify-content:space-between;margin-bottom:10px;flex-wrap:wrap}
.sdvg-observation-map-card header>p{margin:0;line-height:1.3}
.sdvg-observation-map-card h3{margin:0;font:600 16px/1.3 Arial,sans-serif;color:#182c36}
.sdvg-observation-map-card header .sdvg-observation-map-total{font:400 10px/1.3 Arial,sans-serif!important;color:#687d86!important;white-space:nowrap;letter-spacing:0}
.sdvg-observation-map-canvas{height:240px;border-radius:8px;background:#e7f4f6;z-index:0}
.sdvg-observation-map-card button{cursor:pointer;font:inherit;color:#007b91;background:#fff;border:1px solid #65b1bf;border-radius:8px;padding:8px 12px}
.sdvg-observation-map-expand{width:100%}
.sdvg-observation-map-legend{font-size:11px;color:#536b77}
.sdvg-observation-map-contribute{display:block;margin-top:12px;color:#007b91;font-size:13px}
.sdvg-observation-map-dialog{width:min(1100px,calc(100vw - 32px));max-width:calc(100vw - 32px);max-height:calc(100dvh - 32px);padding:16px;border:1px solid #d7e1e5;border-radius:12px;color:#182c36;background:#fff}
.sdvg-observation-map-dialog::backdrop{background:rgba(0,24,35,.65)}
.sdvg-observation-map-dialog header{flex-wrap:nowrap}
.sdvg-observation-map-dialog .sdvg-observation-map-canvas{height:min(70dvh,700px);min-height:240px}
.sdvg-observation-map-marker{display:flex;align-items:center;justify-content:center;background:#008da2;border:2px solid #fff;box-shadow:0 1px 5px #0005;border-radius:50%;font:600 13px/1 Arial,sans-serif;color:white}
.sdvg-observation-map-marker.is-approximate{border-style:dashed}
.sdvg-observation-map-popup{max-height:320px;overflow:auto;font:13px/1.4 Arial,sans-serif}
.sdvg-observation-map-popup article{padding:8px 0;border-bottom:1px solid #e2eaee}
.sdvg-observation-map-popup article:last-child{border:0}
.sdvg-observation-map-popup strong{display:block}
.sdvg-observation-map-popup img{display:block;width:160px;max-width:100%;height:100px;object-fit:cover;border-radius:6px;margin-bottom:8px}
.sdvg-observation-map-popup p{margin:5px 0}
.sdvg-observation-map-popup small{color:#526975}

.sdvg-observation-map-modes{display:flex;overflow:hidden;border-radius:7px;box-shadow:0 1px 5px #0003;background:white}
.sdvg-observation-map-card .sdvg-observation-map-modes button{font:600 12px/1.2 Arial,sans-serif;padding:7px 9px;border:0;border-radius:0;background:white;color:#007b91}
.sdvg-observation-map-card .sdvg-observation-map-modes button[aria-pressed="true"]{background:#007b91;color:white}
.sdvg-observation-map-modes button:focus-visible{outline:2px solid #182c36;outline-offset:-3px}
.sdvg-observation-density-legend{padding:5px 7px;border-radius:5px;background:#ffffffe8;font:10px/1.4 Arial,sans-serif;color:#182c36;max-width:220px;pointer-events:none}
.sdvg-observation-density-legend.is-density::before{content:"";display:block;height:5px;margin-bottom:4px;border-radius:3px;background:linear-gradient(90deg,#245cce 0%,#245cce 25%,#25c891 50%,#f6dc43 70%,#fb903c 85%,#db3434 100%)}

.sdvg-hex-count{background:transparent;border:0;box-shadow:none;color:white;font:bold 12px Arial,sans-serif;text-shadow:0 1px 3px #000;pointer-events:none}
.sdvg-hex-count::before{display:none}
.sdvg-observation-map-card .sdvg-observation-map-modes button{padding:7px 6px;font-size:11px}
.sdvg-observation-map-modes button:disabled{color:#7b8990;cursor:default}