/* Equal-width panels and compact navigation in all four EL/EN planners. */
#xp-route{box-sizing:border-box;max-width:100%;padding:clamp(12px,2vw,24px);border-color:#b3c8d7;background:#f5f9fc;color:#18394b}
#xp-route>h2{font-size:clamp(1.4rem,2.4vw,2rem);line-height:1.25;margin:0 0 14px}
#xr-section-nav{display:flex;flex-wrap:wrap;gap:8px;margin:0 0 18px}
#xr-section-nav a{display:inline-flex;align-items:center;justify-content:center;min-height:44px;padding:8px 14px;border:1px solid #96b5ca;border-radius:24px;background:#fff;color:#174d70;font-weight:700;text-decoration:none;box-sizing:border-box}
#xr-section-nav a:hover,#xr-section-nav a:focus-visible{background:#dceefa;color:#123b58;outline:2px solid #2678a8;outline-offset:2px}
#xp-route .xr-panel{padding:clamp(12px,1.6vw,20px);margin:16px 0;border:1px solid #adc3d2;background:#fff;color:#18394b;box-sizing:border-box;max-width:100%}
#xp-route .xr-panel h3{font-size:1.12rem;line-height:1.4;color:inherit}
#xp-route .xr-grid{grid-template-columns:repeat(auto-fit,minmax(min(100%,230px),1fr));align-items:end;gap:16px}
#xp-route .xr-panel label{line-height:1.4;text-align:start}
#xp-route .xr-panel input:not([type=checkbox]),#xp-route .xr-panel select{background:#fff;color:#18394b;border-color:#789bb2;width:100%;min-width:0;min-height:44px}
#xp-route .xr-panel label:has(>input[type=checkbox]){display:flex;flex-direction:row;align-items:center;gap:10px;min-height:44px}
#xp-route .xr-panel input[type=checkbox]{width:20px;min-width:20px;height:20px;min-height:20px;margin:0;accent-color:#17629c}
#xp-route .xrw-controls{display:grid;grid-template-columns:repeat(auto-fit,minmax(min(100%,230px),1fr));align-items:end;gap:16px}
#xp-route .xrw-controls label{display:flex;flex-direction:column;align-items:stretch}
#xp-route .xrw-controls p,#xp-route .xrw-controls [role=status]{grid-column:1/-1}
#xp-route .xr-panel p,#xp-route .xr-panel small{line-height:1.55;overflow-wrap:anywhere}
#xp-route .xr-actions>button{white-space:normal;line-height:1.4}
#xp-route #xr-budget-summary{font-size:1rem}
#xp-route #xr-budget-summary dl{gap:8px 20px}
#xp-route #xr-tolls{border-top:3px solid #36779f}
body.xionia-dark #xp-route{background:#102332;color:#eaf3fa;border-color:#48687e}
body.xionia-dark #xp-route .xr-panel{background:#172e40;color:#eaf3fa;border-color:#52738b}
body.xionia-dark #xp-route .xr-panel input:not([type=checkbox]),body.xionia-dark #xp-route .xr-panel select{background:#0d2232;color:#edf6fc;border-color:#7a9bb3}
body.xionia-dark #xr-section-nav a{background:#1c3d53;color:#d5edff;border-color:#7a9bb3}
body.xionia-dark #xr-section-nav a:hover{background:#2a526c}
@media(max-width:600px){#xp-route{padding:12px}#xr-section-nav{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:8px}#xr-section-nav a{padding:8px;font-size:.9rem}#xp-route .xr-panel{padding:12px}#xp-route .xr-grid,#xp-route .xrw-controls{grid-template-columns:minmax(0,1fr)}#xp-route .xr-actions{align-items:stretch}#xp-route .xr-actions>button{flex:1 1 140px}#xp-route .xrw-controls select,#xp-route .xrw-controls input{max-width:100%}}
@media print{#xr-section-nav{display:none}}

/* r141: compact, readable controls shared by pass and ski planners. */
#xp-route>h2{text-align:center;text-wrap:balance}
#xr-section-nav{justify-content:center}
#xp-route>.x14-actions{display:flex;align-items:center;justify-content:center;flex-wrap:wrap;gap:8px}
#xp-route-count{padding:6px 10px;border-radius:20px;background:#e6f1f8;color:#174d70;font-size:.9rem;font-variant-numeric:tabular-nums}
#xp-route .xr-panel h3{margin:0 0 14px}
#xp-route #xr-plan .xr-grid{grid-template-columns:minmax(0,1fr) minmax(0,1fr) minmax(0,1.6fr)}
#xp-route .xr-panel label{display:flex;flex-direction:column;gap:5px;min-width:0}
#xp-route .xr-panel :is(input,select){box-sizing:border-box;font-size:1rem}
#xp-route .xr-actions{display:flex;flex-wrap:wrap;align-items:center;gap:8px;margin:12px 0}
#xp-route .xr-actions>button{margin:0;min-height:44px;padding:9px 13px}
#xp-route #xr-plan .xr-actions>button:first-child,#xp-route #xp-route-draw{background:#155e87;color:#fff!important;border-color:#155e87;font-weight:700}
#xp-route :is(button,input,select,a,summary):focus-visible{outline:3px solid #1689bf;outline-offset:3px}
#xp-route button:disabled{opacity:.55;cursor:default}
#xp-route .xr-stop-actions{align-items:center}
#xp-route .xr-stop-actions button{min-height:44px;min-width:44px;line-height:1.3}
#xp-route #xr-library .xr-actions{justify-content:center}
body.xionia-dark #xp-route-count{background:#23465e;color:#d9efff}
body.xionia-dark #xp-route #xr-plan .xr-actions>button:first-child,body.xionia-dark #xp-route #xp-route-draw{background:#9ed9ff;color:#102b3f!important;border-color:#9ed9ff}
@media(max-width:700px){
 #xp-route #xr-plan .xr-grid{grid-template-columns:minmax(0,1fr)}
 #xp-route .xr-panel{margin:12px 0}
 #xp-route .xr-grid,#xp-route .xrw-controls{gap:12px}
 #xp-route .xr-stop-actions{grid-column:1/-1;justify-content:center;gap:6px}
 #xp-route .xr-stop-actions button{padding:8px 10px}
 #xp-route .xr-reorder-help{line-height:1.5}
}
@media(max-width:600px){
 #xr-section-nav{display:flex!important;flex-flow:row nowrap!important;justify-content:flex-start;overflow-x:auto;max-width:100%;padding:4px 3px 8px;gap:6px;scrollbar-width:thin;overscroll-behavior-x:contain}
 #xr-section-nav a{flex:0 0 auto;width:auto;white-space:nowrap;padding:8px 12px}
 #xp-route>.x14-actions>button{flex:1 1 200px}
 #xp-route #xr-plan .xr-actions>button:first-child{flex-basis:100%}
}
@media print{#xr-section-nav{display:none!important}}

/* Empty account mount must not look like a blank control. */
#xp-route #xr-library #xj-account:empty,#xp-route #xr-saved:empty,#xp-route #xr-share-status:empty{display:none}
#xp-route #xr-favourites{padding-left:0;list-style:none}
#xp-route #xr-favourites li{display:flex;align-items:center;flex-wrap:wrap;gap:6px;padding:6px 0}
#xp-route #xr-favourites button{min-width:44px;min-height:44px;margin:0}
#xp-route #xr-share-url{box-sizing:border-box;max-width:100%;width:100%;font-size:1rem}