.map-section{border:1px solid var(--line);border-radius:12px;margin-bottom:18px;overflow:hidden}.map-section>summary{padding:13px 15px;background:#faf7f2;color:var(--maroon);font-size:12px;font-weight:800;cursor:pointer}.map-body{padding:14px}.map-toolbar,.map-actions{display:flex;gap:7px;flex-wrap:wrap}.map-toolbar button,.map-actions button{border:1px solid var(--line);background:#fff;border-radius:8px;padding:8px 10px;font-size:11px;font-weight:700;color:var(--maroon)}.map-toolbar button.selected{background:var(--maroon);color:#fff}.map-options{display:flex;align-items:center;gap:18px;margin:10px 0;font-size:11px;color:var(--muted)}.map-options label{display:flex;align-items:center;gap:6px}.map-options input{accent-color:var(--maroon)}#mapModeLabel{margin-left:auto;font-weight:800;color:var(--maroon)}.map-canvas-wrap{position:relative;border:1px solid #aaa;border-radius:9px;overflow:hidden;background:#f7f5ef}.map-basemap-frame{position:absolute;inset:0;width:100%;height:100%;border:0;z-index:0;pointer-events:none;background:#eee}.map-canvas-wrap canvas{position:relative;z-index:1;display:block;width:100%;height:430px;touch-action:none;cursor:crosshair;background:transparent}.map-layer-control{position:absolute;z-index:3;top:10px;left:10px;display:grid;gap:5px;min-width:135px;padding:8px 10px;border:1px solid #aaa;border-radius:8px;background:rgba(255,255,255,.94);box-shadow:0 2px 8px #0002;font-size:10px;color:#222}.map-layer-control b{font-size:11px;color:var(--maroon)}.map-layer-control label{display:flex;gap:6px;align-items:center}.map-layer-control input{accent-color:#169c3c}.map-canvas-wrap.basemap-off .map-basemap-frame{display:none}.snap-indicator{z-index:4;display:none;position:absolute;width:18px;height:18px;border:3px solid #1bd25a;border-radius:50%;transform:translate(-50%,-50%);pointer-events:none;box-shadow:0 0 0 3px #fff8}.snap-indicator.active{display:block}.map-metrics{display:grid;grid-template-columns:repeat(3,1fr);gap:8px;margin:10px 0}.metric-card{border:1px solid var(--line);border-radius:8px;padding:9px;background:#fff;font-size:10px;color:var(--muted)}.metric-card b{display:block;font-size:14px;color:var(--ink);margin-top:3px}.map-actions{margin-top:8px}.map-actions .primary-button{background:var(--maroon);color:#fff;border-color:var(--maroon)}.map-actions .text-button{border:0;background:none}.map-legend{font-size:10px;color:#555}.map-file-note{font-size:10px;color:var(--muted);margin-top:6px}
@media(max-width:720px){.map-canvas-wrap canvas{height:330px}.map-options{align-items:flex-start;flex-direction:column;gap:8px}.map-options #mapModeLabel{margin-left:0}.map-metrics{grid-template-columns:1fr}}
.map-canvas-wrap canvas{height:360px}.map-layer-control{gap:6px;min-width:145px;background:rgba(255,255,255,.95)}.map-layer-control select{width:100%;border:1px solid #bbb;border-radius:6px;background:#fff;padding:5px;font-size:10px}.map-view-buttons{display:grid;grid-template-columns:30px 1fr 30px;align-items:center;text-align:center;border:1px solid #bbb;border-radius:6px;overflow:hidden;background:#fff}.map-view-buttons button{border:0;background:#fff;color:#222;font-size:18px;line-height:28px}.map-view-buttons button:active{background:#eee}.map-view-buttons span{font-weight:800;font-size:10px}.street-view-button{border:0;border-radius:6px;background:#f2b51d;color:#28200b;padding:6px;font-size:10px;font-weight:800}
@media(max-width:720px){.map-canvas-wrap canvas{height:260px}.map-layer-control{top:6px;left:6px;min-width:126px;padding:6px 8px}}