/* Shared route controls. Loaded after workspace/mobile styles so neither can
   hide desktop grips or change the SOC control back into a number input. */
[data-route-planner-v824] .dq-soc-slider-field{display:grid;grid-template-columns:minmax(0,1fr) auto;column-gap:12px;align-items:center}
[data-route-planner-v824] .dq-soc-slider-field>span{grid-column:1;grid-row:1}
[data-route-planner-v824] .dq-soc-slider-field .dq-soc-value{display:block;grid-column:2;grid-row:1;margin:0;font-size:22px;line-height:1.2;font-weight:800;color:#2557d6}
[data-route-planner-v824] .dq-soc-slider-field input[type=range]{grid-column:1/-1;appearance:none;-webkit-appearance:none;width:100%;height:8px;min-height:8px;margin:14px 0 10px;padding:0;border:0;border-radius:999px;background:linear-gradient(to right,#2557d6 0 var(--dq-soc-pct,80%),#dbe2ec var(--dq-soc-pct,80%) 100%)}
[data-route-planner-v824] .dq-soc-slider-field input[type=range]::-webkit-slider-thumb{-webkit-appearance:none;width:28px;height:28px;border:4px solid #fff;border-radius:50%;background:#2557d6;box-shadow:0 1px 6px #0f172a47}
[data-route-planner-v824] .dq-soc-slider-field input[type=range]::-moz-range-thumb{width:20px;height:20px;border:4px solid #fff;border-radius:50%;background:#2557d6;box-shadow:0 1px 6px #0f172a47}
[data-route-planner-v824] .dq-soc-slider-field input:focus-visible{outline:3px solid #6b8fff;outline-offset:8px}
[data-route-planner-v824] .dq-soc-slider-field .dq-soc-scale{grid-column:1/-1;display:flex;justify-content:space-between;font-size:11px;color:#667281}
@media(min-width:701px){
 [data-route-planner-v824] .dq-workspace-panel .dq-route-point-row{grid-template-columns:36px minmax(0,1fr) 36px;gap:8px;padding:0;border:0;background:transparent;align-items:end}
 [data-route-planner-v824] .dq-workspace-panel .dq-route-point-grip{display:flex;grid-column:1;grid-row:1;align-self:end;align-items:center;justify-content:center;width:36px;height:44px;padding:0;font-size:20px;touch-action:none;user-select:none}
 [data-route-planner-v824] .dq-workspace-panel .dq-route-point-field{grid-column:2;grid-row:1;min-width:0}
 [data-route-planner-v824] .dq-workspace-panel .dq-route-point-actions{grid-column:3;grid-row:1;align-self:end;padding:0}
 [data-route-planner-v824] .dq-workspace-panel .dq-route-point-remove{width:36px;height:44px;border:0;background:transparent;color:#667281;font-size:28px}
 [data-route-planner-v824] .dq-route-point-controls{justify-content:center}
 [data-route-planner-v824] .dq-add-route-point{border:0;background:transparent}
 [data-route-planner-v824] .dq-route-point-hint{font-size:12px;text-align:center}
 [data-route-planner-v824].dq-desktop-destination-only .dq-workspace-panel [data-route-point-role=destination]{grid-template-columns:minmax(0,1fr)}
 [data-route-planner-v824].dq-desktop-destination-only .dq-workspace-panel [data-route-point-role=destination] .dq-route-point-field{grid-column:1}
}
@media(max-width:700px){
 .dq-mobile-route[data-mobile-mode=onboarding] .dq-workspace-panel{height:min(78%,460px)!important;min-height:min(420px,calc(100% - 16px));max-height:calc(100% - 16px)!important}
 .dq-mobile-route[data-mobile-mode=onboarding] .dq-form-card{padding:10px 14px!important}
 .dq-mobile-route[data-mobile-mode=onboarding] .dq-mobile-options{gap:10px}
 .dq-mobile-route[data-mobile-mode=onboarding] .dq-mobile-body{height:auto;min-height:0}
}

@media(min-width:340px) and (max-width:700px){.dq-mobile-route[data-mobile-mode=onboarding] .dq-onboarding-primary.dq-row{grid-template-columns:minmax(0,1fr) minmax(0,1fr)}}

[data-route-planner-v824] .dq-direct[data-state=unavailable]{background:#fff8eb;border-color:#e8ca8c;color:#805500}

/* v8.68.95 route reorder: keep the dragged DOM row stable until commit and show
   a clear insertion target. This avoids pointer-capture loss on iOS/Chromium. */
[data-route-planner-v824] .dq-route-point-row{position:relative}
[data-route-planner-v824] .dq-route-point-row.is-drop-before::before,[data-route-planner-v824] .dq-route-point-row.is-drop-after::after{content:"";position:absolute;left:2px;right:2px;height:3px;border-radius:999px;background:#2557d6;pointer-events:none}
[data-route-planner-v824] .dq-route-point-row.is-drop-before::before{top:-5px}
[data-route-planner-v824] .dq-route-point-row.is-drop-after::after{bottom:-5px}
[data-route-planner-v824] .dq-route-point-list[data-route-reordering="true"] .dq-route-point-grip{cursor:grabbing}
[data-route-planner-v824] .dq-route-point-row.is-dragging{opacity:.62}
