body { padding-bottom: 40px; }
.navbar-brand { font-weight: 600; }

.map-wrap { position: relative; display: inline-block; max-width: 100%; line-height: 0; }
.map-wrap img { max-width: 100%; height: auto; cursor: crosshair; user-select: none; }
.pin {
    position: absolute; width: 16px; height: 16px; border-radius: 50%;
    border: 2px solid #fff; box-shadow: 0 0 0 1px rgba(0,0,0,.35);
    transform: translate(-50%, -50%); cursor: pointer;
}
.pin.selected { outline: 3px solid #0dcaf0; outline-offset: 1px; }
.pin-panel { min-height: 130px; }

/* Instance editor */
.pin-dot { display: inline-block; width: 10px; height: 10px; border-radius: 50%; vertical-align: middle; margin-right: 4px; }
.pin-ref {
    position: absolute; width: 12px; height: 12px; border-radius: 50%;
    transform: translate(-50%, -50%); opacity: .45; pointer-events: none;
    border: 1px solid #fff; font-size: 8px; line-height: 12px; color: #fff; text-align: center;
}

/* Emergency-case 3D/2D editor */
.editor-3d { height: 440px; background: #f2f1ea; border: 1px solid #dee2e6; border-radius: 6px; overflow: hidden; }
.editor-2d { height: 300px; background: #f2f1ea; border: 1px solid #dee2e6; border-radius: 6px; overflow: hidden; }
.editor-3d canvas, .editor-2d canvas { display: block; }