/* Mapa de avanço: o quadrante selecionado fica abaixo do mapa, que passa a usar toda a largura. */
.workspace{grid-template-columns:minmax(0,1fr)!important;gap:16px}
.conduit-workspace{grid-template-columns:minmax(0,1fr)!important;gap:16px}
.conduit-workspace>.detail-card{max-width:none}
.selected-length-note{margin:12px 0;padding:10px 12px;border:1px solid #f0cc6d;border-radius:7px;background:#fff8e7;color:#5c4919;font-size:12px;line-height:1.5}
.selected-length-note strong{color:#3d300e}
.bg-partial-table{max-height:42vh;overflow:auto;margin:14px 0}
.bg-partial-table table{min-width:580px}
.bg-partial-table input{width:110px;padding:7px 9px}
.workspace .map-card:not(.expanded) .map-viewport{height:clamp(420px,68vh,780px)}

/* O clique esquerdo seleciona; o arrasto usa o botão do meio. */
#map,#conduit-map,#dr-map,#bg-map{cursor:default}
#map.paint-on:not(.painting),#map.pan-hold{cursor:grab}
#map.middle-panning,#conduit-map.middle-panning,#dr-map.middle-panning,#bg-map.middle-panning,
#map.middle-panning *,#conduit-map.middle-panning *,#dr-map.middle-panning *,#bg-map.middle-panning *{cursor:grabbing}

.conduit-map-wrap,.dr-map-viewport{position:relative}
[data-partial-line]{cursor:crosshair}
.partial-line-overlay{pointer-events:none}
.partial-line-balloon{display:none;position:absolute;z-index:5;max-width:250px;padding:7px 10px;border-radius:7px;background:#152b49;color:#fff;font-size:11px;font-weight:600;line-height:1.3;white-space:normal;box-shadow:0 4px 14px #10284435;pointer-events:none}
.bg-strip-line{fill:none;stroke:#254b78;stroke-width:1.5;stroke-opacity:.7;vector-effect:non-scaling-stroke;pointer-events:none}
.bg-strip-lines .active .bg-strip-line{stroke:#f0a900;stroke-width:3;stroke-opacity:1}
.bg-strip-hit{fill:none;stroke:transparent;stroke-width:12;vector-effect:non-scaling-stroke;pointer-events:stroke}

.workspace>.detail-card{display:grid;grid-template-columns:minmax(170px,.8fr) minmax(0,2.4fr) minmax(220px,1fr);gap:10px 28px;align-items:start;padding:18px 22px}
.workspace>.detail-card .detail-divider{display:none}
.workspace>.detail-card .detail-id{margin-top:10px}
.workspace>.detail-card .stage-details{display:grid;grid-template-columns:repeat(auto-fit,minmax(150px,1fr));gap:6px 22px;margin:10px 0 0}
.workspace>.detail-card .stage-detail{padding:4px 0 6px}
.workspace>.detail-card .detail-side .field-note{margin:0 0 12px}
.workspace>.detail-card .detail-side .button+.button{margin-top:8px}
.workspace>.detail-card .detail-footer{margin-top:10px}

@media(max-width:1000px){
  .workspace>.detail-card{grid-template-columns:minmax(0,1fr) minmax(0,1fr)}
  .workspace>.detail-card .detail-stages{grid-column:1/-1;order:3}
}
@media(max-width:700px){
  .workspace .map-card:not(.expanded) .map-viewport{height:clamp(360px,62vh,560px)}
  .workspace>.detail-card{grid-template-columns:minmax(0,1fr)}
  .workspace>.detail-card .detail-stages{order:0}
}

.history-mode{display:flex;gap:6px}.history-mode .button{min-width:72px;justify-content:center}
