.field-control-bar,.field-legend{display:flex;gap:12px;flex-wrap:wrap;align-items:center}.field-live{padding:12px 16px;background:#e3eff8;border-radius:10px;font-size:1rem}.field-map{height:520px;min-height:300px;border-radius:16px;border:1px solid #bdced0;overflow:hidden}.field-legend{margin:14px 0 24px;font-size:14px}.field-legend span{display:flex;gap:7px;align-items:center}.field-key{display:inline-block;width:18px;height:5px;background:#007f7b}.field-key.personal,.field-key.position{width:10px;height:10px;border-radius:50%;background:#b76b25}.field-key.position{background:#1364df}.field-two-col{display:grid;grid-template-columns:1fr 1fr;gap:18px}.field-two-col select{width:100%;margin:10px 0}.field-two-col .button{margin:5px 5px 5px 0}.field-two-col details{margin-top:12px}body[data-view=navegar] .panel{margin-bottom:20px}body[data-view=navegar] .map-switch{flex-wrap:wrap}@media(max-width:700px){.field-map{height:54vh;min-height:340px}.field-two-col{grid-template-columns:1fr}.field-control-bar .button{flex:1 1 145px}.field-legend{gap:10px}.field-legend span{line-height:1.5}}

.field-key.recorded{background:#7b43b8}

#field-path-picker{display:block;width:100%;margin-top:10px}
@media(max-width:760px){.map-switch{grid-template-columns:repeat(2,minmax(0,1fr));overflow:visible}.map-switch a{min-width:0;white-space:normal;overflow-wrap:anywhere}.field-two-col>*{min-width:0}body[data-view=navegar] select{min-width:0;max-width:100%;box-sizing:border-box}body[data-view=navegar] .heading-row h1{font-size:1.8rem}body[data-view=navegar] .heading-row p{font-size:16px;line-height:1.5}}
.map-switch a span{flex-shrink:0;white-space:nowrap;margin-left:4px}