#directionsPanel{
    position:absolute;
    top:170px;
    right:18px;
    z-index:100000;
    width:340px;
    max-height:70vh;
    overflow:auto;
    padding:12px;
    border-radius:12px;
    background:rgba(7,17,30,.92);
    color:#fff;
    box-shadow:0 8px 28px rgba(0,0,0,.45);
    font-family:Arial,sans-serif;
}

#directionsPanel.hidden{
    display:none;
}

#directionsPanel h3{
    margin:0 0 10px;
    color:#ff2f7d;
}

.route-row{
    display:flex;
    gap:7px;
    margin-bottom:8px;
}

.route-row input{
    min-width:0;
    flex:1;
    padding:9px;
    border:1px solid rgba(255,255,255,.2);
    border-radius:7px;
    background:rgba(255,255,255,.95);
    color:#111;
}

.route-actions{
    display:flex;
    gap:7px;
    margin-bottom:10px;
}

.route-actions button,
#openDirectionsButton{
    border:0;
    border-radius:7px;
    padding:9px 12px;
    cursor:pointer;
    color:#fff;
    background:#168cf0;
}

#openDirectionsButton{
    position:absolute;
    top:245px;
    right:18px;
    z-index:99999;
}

#routeSummary{
    margin:10px 0;
    padding:9px;
    border-radius:8px;
    background:rgba(255,255,255,.09);
}

#routeSteps{
    margin:0;
    padding-left:23px;
}

#routeSteps li{
    margin:8px 0;
    line-height:1.3;
}