/* SkyEye HF12 MAP / ROUTE SPLIT V6 */


/* Dedicated Rada page */

#routePane{
    width:100%;
}

.hf12-route-page{
    width:100%;
}

.hf12-route-page-head{
    margin-bottom:12px;
    padding-bottom:12px;
    border-bottom:1px solid #eceef1;
}

.hf12-route-page-head h2{
    margin:3px 0 2px;
}

.hf12-route-page-head p{
    margin:0;
    color:#667085;
    font-size:11px;
}

.hf12-route-page-state{
    color:#667085;
    font-size:10px;
}


/*
 * Route page ordering.
 */

#hf12RouteTop{
    display:flex;
    flex-direction:column;
    gap:8px;
}

#hf12RouteMain{
    margin-top:8px;
}

#hf12RouteBottom{
    margin-top:8px;
}

#hf12RouteTop .map-scope-row,
#hf12RouteTop .map-toolbar,
#hf12RouteTop .hf11-course-style,
#hf12RouteTop .hf12-measured-controls{
    margin-top:0;
    margin-bottom:0;
}


/*
 * V5 map + object table is the main Rada workbench.
 */

#routePane .hf12-object-workspace{
    margin-top:0;
}

#routePane #courseMap{
    min-height:520px;
}


/*
 * Native feature list is compatibility-only.
 * HF11 can still query and enhance it, but it has no visible panel.
 */

.hf12-route-compatibility,
#mapFeaturesList.hf12-native-feature-list{
    position:absolute!important;
    left:-100000px!important;
    top:auto!important;
    width:1px!important;
    height:1px!important;
    overflow:hidden!important;
    opacity:0!important;
    pointer-events:none!important;
}


/*
 * Route-specific save/error state.
 */

.hf12-route-status{
    display:flex;
    align-items:center;
    gap:12px;
    min-height:24px;
    margin-top:6px;
}

.hf12-route-status .error:empty,
.hf12-route-status .save-state:empty{
    display:none;
}


/*
 * POI icons:
 * never add a permanent adjacent label.
 * Name and description are shown by Leaflet tooltip on hover/tap.
 */

.hf12-poi-icon{
    width:30px!important;
    height:30px!important;
}

.hf12-poi-icon + .leaflet-tooltip{
    pointer-events:none;
}


/*
 * Map page should now read as map configuration rather than
 * a mixed map/course editor.
 */

#mapPane .map-editor-grid{
    grid-template-columns:1fr!important;
}


/* Route controls need the full page width */

#routePane .hf12-route-style-panel{
    margin-top:10px;
}

#routePane .hf12-measured-saved{
    margin-bottom:8px;
}


/* Responsive */

@media(max-width:1150px){
    #routePane #courseMap{
        min-height:460px;
    }
}

@media(max-width:760px){
    #routePane #courseMap{
        min-height:380px;
    }

    .hf12-route-page-head{
        display:block;
    }
}