/* Planner result owns the screen once a route is built. The original explorer below stays intact until then. */
#root.ks-planner-active > #kando-smart ~ *{display:none!important}
#root.ks-planner-active #kando-smart{margin-bottom:22px}
#root.ks-planner-active #kando-smart-result{min-height:0}
#root.ks-planner-active .ks-result-grid{grid-template-columns:minmax(0,1.35fr) minmax(340px,.65fr);gap:20px}
#root.ks-planner-active .ks-map-card{min-height:520px;border:1px solid #cfc6b8;box-shadow:0 8px 26px rgba(26,40,35,.08)}
#root.ks-planner-active #ks-route-map{height:520px;min-height:520px;background:#e7e2d8}
#root.ks-planner-active .ks-route-panel{max-height:520px;border:1px solid #cfc6b8}
#root.ks-planner-active .ks-map-caption{background:rgba(250,248,243,.96);color:#173f35;font-weight:700}
#root.ks-planner-active .leaflet-tooltip.ks-rich-tooltip{width:320px}
#root.ks-planner-active .ks-hover p{font-size:13px;line-height:1.55}
@media(max-width:1000px){#root.ks-planner-active .ks-result-grid{grid-template-columns:1fr}#root.ks-planner-active .ks-map-card,#root.ks-planner-active #ks-route-map{height:420px;min-height:420px}#root.ks-planner-active .ks-route-panel{max-height:none}}
@media(max-width:760px){#root.ks-planner-active .ks-map-card,#root.ks-planner-active #ks-route-map{height:320px;min-height:320px}#root.ks-planner-active .leaflet-tooltip.ks-rich-tooltip{width:240px}}