/* Waypoint-to-waypoint ETA: separate inputs from the whole-voyage schedule. */
.training-app .waypoint-eta-panel{padding:22px;background:var(--bg);border-bottom:1px solid var(--line)}
.waypoint-eta-form{display:grid;grid-template-columns:170px 92px minmax(130px,1fr) minmax(130px,1fr) minmax(220px,1.25fr) minmax(230px,1.6fr);gap:16px;align-items:end;margin:0}
.waypoint-eta-form label,.waypoint-eta-zones label{display:block;min-width:0;font-size:12px;font-weight:650;color:var(--muted);line-height:1.5}
.waypoint-eta-form input,.waypoint-eta-form select,.waypoint-eta-zones select{width:100%;min-width:0;min-height:48px;margin-top:7px;padding:10px 12px;border:1px solid #486078;border-radius:8px;background:var(--panel);color:var(--text);font-size:14px;box-sizing:border-box}
.waypoint-eta-form input[type=datetime-local]{min-width:0;max-width:100%}
.waypoint-eta-form select{padding-right:28px;text-overflow:ellipsis}
.waypoint-eta-form select:disabled{opacity:.65;cursor:default}
.waypoint-eta-form .field-unit{font-size:11px;font-weight:400}
.waypoint-eta-form>button{min-height:48px;white-space:nowrap;padding:12px;font-size:12px;letter-spacing:.3px}
.waypoint-eta-results{display:grid;gap:10px;align-self:center;font-variant-numeric:tabular-nums}
.waypoint-eta-results>div{display:grid;grid-template-columns:55px 1fr;gap:10px;align-items:baseline}
.waypoint-eta-results span{font-size:11px;font-weight:750;color:var(--muted);white-space:nowrap}
.waypoint-eta-results output{font-size:14px;font-weight:700;line-height:1.45;overflow-wrap:anywhere}
.waypoint-eta-notes{display:flex;gap:16px;align-items:flex-start;justify-content:space-between;margin-top:14px;font-size:12px;line-height:1.5;color:var(--muted)}
.waypoint-eta-notes p{margin:0;max-width:100%}
#segmentETAStatus[data-state=error]{color:#ffacac}
#segmentETAStatus[data-state=ready]{color:var(--mint)}
.waypoint-eta-zones{max-width:100%;min-width:120px;text-align:right}
.waypoint-eta-zones summary{cursor:pointer;min-height:28px;color:var(--text)}
.waypoint-eta-zones>div{display:grid;grid-template-columns:1fr 1fr;gap:12px;text-align:left;margin-top:10px;max-width:540px}
.waypoint-eta-zones p{margin:8px 0;text-align:left}
body.training-app button:is(#generateRouteBtn,#regenerateRouteBtn,#generateFromWaypoints){background:#fff200!important;border:2px solid #ffff9c!important;color:#172000!important;font-weight:850!important;text-shadow:none!important;box-shadow:inset 0 2px 0 #ffffffa0,0 3px 0 #8c8100,0 0 16px #fff20030!important}
body.training-app button:is(#generateRouteBtn,#regenerateRouteBtn,#generateFromWaypoints):hover:not(:disabled){background:#fffb65!important}
body.training-app button:is(#generateRouteBtn,#regenerateRouteBtn,#generateFromWaypoints):disabled{opacity:.6;box-shadow:none!important}
body.training-app button:is(#generateRouteBtn,#regenerateRouteBtn,#generateFromWaypoints)[aria-busy=true]{opacity:1;background:#fff200!important}
@media(max-width:1150px){.waypoint-eta-form{grid-template-columns:150px 90px minmax(140px,1fr) minmax(140px,1fr)}.waypoint-eta-form>label[for=etaSegmentDeparture]{grid-column:1/3}.waypoint-eta-results{grid-column:3/5}}
@media(max-width:640px){.training-app .waypoint-eta-panel{padding:18px 12px}.waypoint-eta-form{grid-template-columns:minmax(0,1fr) minmax(0,1fr);gap:14px 12px}.waypoint-eta-form>button{grid-column:1/2}.waypoint-eta-form>label[for=etaSegmentSpeed]{grid-column:2/3}.waypoint-eta-form>label[for=etaSegmentDeparture],.waypoint-eta-results{grid-column:1/-1}.waypoint-eta-results{padding-top:4px}.waypoint-eta-results output{font-size:15px}.waypoint-eta-notes{display:block}.waypoint-eta-zones{margin-top:10px;text-align:left}.waypoint-eta-zones>div{grid-template-columns:1fr}.waypoint-eta-form>button{white-space:normal}}