/* Modern map-first dive site picker. Controls are outside the map canvas. */
.map-card{background:var(--surface);border:1px solid var(--border);border-radius:26px;padding:14px;box-shadow:var(--shadow);margin:0 0 22px}.map-control-panel{display:grid;grid-template-columns:minmax(220px,1fr) auto;gap:10px;align-items:center;margin:0 0 12px;padding:12px;border:1px solid var(--border);border-radius:20px;background:var(--surface-soft)}.map-control-panel h2{margin:0 0 3px;font-size:1.1rem;letter-spacing:-.035em}.map-shell{position:relative;isolation:isolate;overflow:hidden;border-radius:22px;background:#dbeafe}.real-map{width:100%;height:clamp(420px,58vh,640px);background:#dbeafe}.leaflet-container{font:inherit;background:#dbeafe}.leaflet-tile-loaded{opacity:1!important}.map-legend,.map-actions,.map-layer-switch{display:flex;gap:6px;align-items:center;flex-wrap:wrap;padding:6px;border:1px solid var(--border);border-radius:999px;background:#fff;box-shadow:var(--shadow-sm)}.map-legend{padding:8px 11px;color:var(--text);font-size:.84rem;font-weight:800}.map-layer-switch button,.map-actions button{border:0;border-radius:999px;background:transparent;color:var(--muted);font-weight:850;padding:8px 11px}.map-layer-switch button.active,.map-layer-switch button:hover,.map-actions button:hover{background:var(--text);color:#fff}.map-readout{display:block;color:var(--muted);font-size:.85rem;font-weight:800}.map-help{margin:10px 4px 0}.legend-dot{display:inline-block;width:11px;height:11px;border-radius:999px;margin-right:5px;border:2px solid #fff;box-shadow:0 1px 4px rgba(15,23,42,.28);vertical-align:-.1rem}.legend-dot.mine{background:var(--accent)}.legend-dot.other{background:var(--blue)}.site-marker span{display:block;border-radius:999px;border:3px solid #fff;box-shadow:0 4px 12px rgba(15,23,42,.33)}.site-marker-mine span{width:26px;height:26px;background:var(--accent)}.site-marker-other span{width:22px;height:22px;background:var(--blue)}.leaflet-control-zoom{border:0!important;box-shadow:var(--shadow-sm)!important}.leaflet-control-zoom a{border:0!important;color:var(--text)!important;font-weight:900}.leaflet-popup-content{font:inherit;font-weight:700}.field-group{display:grid;gap:9px}.field-label{font-size:.9rem;font-weight:850}.time-range{display:grid;grid-template-columns:1fr 1fr;gap:10px}.new-site-field[hidden]{display:none!important}
@media(max-width:760px){.map-card{margin-left:-6px;margin-right:-6px;padding:8px;border-radius:22px}.map-control-panel{grid-template-columns:1fr;padding:10px;border-radius:18px}.map-layer-switch,.map-legend,.map-actions{justify-content:center;border-radius:18px}.map-actions{display:grid;grid-template-columns:1fr 1fr}.map-actions button:last-child{grid-column:1 / -1}.real-map{height:360px}.map-help{font-size:.9rem}}