.map-canvas-wrap{height:clamp(300px,52vh,650px);position:relative;background:radial-gradient(#ced1db .7px,transparent .7px) 0 0/18px 18px;margin:16px;border-radius:12px;overflow:hidden}#robot-map-canvas{width:100%;height:100%;display:block}#map-empty{position:absolute;inset:0;display:grid;place-items:center;color:#586a6f;font-size:13px}#map-empty[hidden]{display:none}.map-legend{display:flex;justify-content:center;gap:20px;font-size:11px;color:#586b70}.map-legend span{display:flex;align-items:center;gap:6px}.map-legend i{width:8px;height:8px;border-radius:50%;display:inline-block}.map-robot-dot{background:#5060a0}.map-dock-dot{background:#c99a3f}.map-path-line{background:#91a0d9;width:18px!important;height:2px!important}.map-actions{display:flex;flex-wrap:wrap;gap:9px;padding:24px 22px 14px;align-items:center}.map-stop{color:#9e483b!important;border-color:#e2cac2!important}.map-note{font-size:11px;color:#586b70;padding:3px 22px;line-height:1.7}.map-details{margin:17px 22px 22px;font-size:12px;color:#526468;line-height:1.8}.map-details summary{cursor:pointer}#map-state{font-size:12px;color:#586a6f}.robot-map .card-header{flex-wrap:wrap;gap:10px}
.map-filebar{display:flex;align-items:center;flex-wrap:wrap;gap:8px;padding:16px 22px 0}.map-filebar [hidden]{display:none!important}.map-filebar .btn{font-size:12px;padding:7px 10px}.map-filebar .text-button{font-size:11px}#map-file-status{font-size:11px;color:#586b70;line-height:1.6;overflow-wrap:anywhere}.robot-map button:disabled{opacity:.5;cursor:not-allowed}