.zlapptrailcondition-route-controls { display: flex; flex-wrap: wrap; gap: .5rem; align-items: center; margin: 1rem 0 .5rem; }
.zlapptrailcondition-route-controls button { padding: .45rem .9rem; border: 1px solid #888; border-radius: 4px; background: #fff; cursor: pointer; }
.zlapptrailcondition-route-controls button[disabled] { opacity: .5; cursor: not-allowed; }
.zlapptrailcondition-route-controls button.zlapptrailcondition-route-active { background: #1976d2; color: #fff; border-color: #1976d2; }
.zlapptrailcondition-route-primary { font-weight: 600; }
.zlapptrailcondition-route-status { min-height: 1.4em; margin: .25rem 0 .5rem; }
.zlapptrailcondition-route-map { height: 480px; border-radius: 4px; }
.zlapptrailcondition-route-summary { margin: 1rem 0; padding: .75rem 1rem; border: 1px solid #ccc; border-radius: 4px; }
.zlapptrailcondition-route-summary table { border-collapse: collapse; margin-top: .5rem; }
.zlapptrailcondition-route-summary td { padding: .2rem .8rem .2rem 0; }
.zlapptrailcondition-route-swatch { display: inline-block; width: 1em; height: 1em; border-radius: 2px; vertical-align: -.15em; margin-right: .4em; border: 1px solid rgba(0,0,0,.3); }
.zlapptrailcondition-route-blocked { color: #b71c1c; font-weight: 600; }
.zlapptrailcondition-route-disclaimer { font-size: .9em; color: #555; }

/* "Route inschatten" (routeplan.js) - forecast-tijdstipkiezer, voortgangsbalk, trackdelenlijst. */
.zlapptrailcondition-routeplan-forecast { display: flex; align-items: center; gap: .5rem; }
.zlapptrailcondition-routeplan-progress { width: 100%; height: .6rem; margin: .25rem 0 .75rem; }
.zlapptrailcondition-routeplan-segments { margin: 1rem 0; padding: .75rem 1rem; border: 1px solid #ccc; border-radius: 4px; }
.zlapptrailcondition-routeplan-segments table { width: 100%; border-collapse: collapse; margin-top: .5rem; }
.zlapptrailcondition-routeplan-segments td { padding: .3rem .8rem .3rem 0; border-bottom: 1px solid #eee; }
.zlapptrailcondition-routeplan-note { font-size: .85em; color: #777; font-style: italic; }