/* Shared visual treatment only; trip/admin permissions and workflows are unchanged. */
main.trip-detail{position:relative}
@media(min-width:721px){}
@media(min-width:721px){}

/* Let the route use the available width; keep planning actions below it on phones. */
.trip-detail>.heading>.stack{min-width:0;flex:1}
.trip-detail .route-summary{max-width:none;overflow-wrap:anywhere}
@media(max-width:700px){
 .trip-detail>.heading{flex-direction:column;align-items:stretch}
 .trip-detail>.heading>[data-trip-top-actions]{width:100%;flex-wrap:wrap}
 .trip-detail>.heading>[data-trip-top-actions]>.btn{flex:1}
}