.instruction-location { margin: 14px 0; }
.instruction-location .instruction-map-actions { display: flex; gap: 8px; flex-wrap: wrap; margin-bottom: 10px; }
.instruction-location .instruction-map-actions [aria-pressed="true"] { background: #9a3412; }
.instruction-location .instruction-map-canvas { height: 390px; width: 100%; position: relative; z-index: 0; border: 1px solid #cbd5e0; border-radius: 6px; box-sizing: border-box; background: #f1f5f9; }
.instruction-location .instruction-map-adding { cursor: crosshair; }
.instruction-location .instruction-map-legend, .instruction-location .instruction-map-status { font-size: 12px; line-height: 1.7; }
.instruction-location .instruction-map-status:empty { display: none; }
.instruction-location .instruction-hole-marker { background: #fff7ed; color: #9a3412; border: 2px solid #c2410c; border-radius: 4px; display: grid; place-items: center; box-sizing: border-box; font-size: 12px; font-weight: 700; box-shadow: 0 1px 4px #0005; }
.instruction-location .instruction-hole-marker span { max-width: 100%; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; padding: 0 3px; box-sizing: border-box; }
.instruction-location .instruction-ref-marker { background: #2563eb; border: 2px solid #fff; border-radius: 50%; display: grid; place-items: center; color: #fff; font-size: 10px; font-weight: 700; box-sizing: border-box; }
.instruction-location .instruction-site-marker { background: #dc2626; border: 2px solid #fff; border-radius: 50%; box-sizing: border-box; }
.instruction-location .instruction-hole-popup strong { display: block; margin-bottom: 8px; }
.instruction-location .instruction-hole-popup button { margin: 0 6px 6px 0; }
@media (max-width: 600px) { .instruction-location .instruction-map-canvas { height: 310px; } }