/* TrailLab v268 · perfil de la ruta mientras se dibuja.
   Archivo nuevo en vez de tocar el CSS del monolito o uno versionado ya existente: los estáticos
   van cache-first y esos nombres no cambian entre versiones (la deuda que documenta v253). */

.ruta-live-profile{
  margin-top:10px;
  background:var(--surface);
  border:1px solid var(--line);
  border-radius:14px;
  padding:10px 12px 6px;
  min-height:56px;
}

.ruta-live-profile .rlp-head{
  display:flex;
  flex-wrap:wrap;
  align-items:baseline;
  justify-content:space-between;
  gap:6px;
  margin-bottom:4px;
}
.ruta-live-profile .rlp-head b{ font-size:.86rem; letter-spacing:.02em; }
.ruta-live-profile .rlp-head span{ font-size:.78rem; color:var(--muted); }

/* Alto fijo: el SVG se estira al ancho del contenedor y el `viewBox` ya se calcula con el ancho
   real (misma regla que fijó v257), así que aquí sólo hace falta reservar la altura. */
.ruta-live-profile .rlp-svg{
  display:block;
  width:100%;
  height:150px;
}

.ruta-live-profile .rlp-empty{
  font-size:.8rem;
  color:var(--muted);
  padding:8px 2px;
  line-height:1.4;
}

/* En móvil el mapa ya se lleva casi toda la pantalla: el perfil se queda algo más bajo para que
   no obligue a hacer scroll cada vez que se añade un punto. */
@media (max-width:720px){
  .ruta-live-profile .rlp-svg{ height:120px; }
  .ruta-live-profile{ padding:8px 10px 4px; }
}