/* Explicit stop order and selection states */
.step-mode #mapSection #stopsChipRow{display:flex;flex-direction:column;gap:8px;margin:14px 0}
.step-mode #mapSection #stopsChipRow .route-stop{display:grid;grid-template-columns:28px minmax(0,1fr) auto auto auto;gap:7px;align-items:center;width:100%;box-sizing:border-box;border:1px solid #dce6e8;border-radius:10px;background:#fff;padding:10px;color:#23394c}
.route-stop .stop-number{grid-column:1;grid-row:1;display:grid;place-items:center;width:26px;height:26px;background:#e7f2f0;color:#18786c;border-radius:50%;font-weight:700;font-size:12px}
.route-stop .stop-name{grid-column:2;grid-row:1;font-weight:650}
.step-mode #mapSection .route-stop .chip-move{grid-row:1;width:auto;height:auto;min-height:30px;padding:5px 8px;font-size:11px;border-radius:6px;border:1px solid #dce4e9;background:#f7f9fb;color:#476076;margin:0}
.route-stop .chip-move:first-of-type{grid-column:3}.route-stop .chip-move:nth-of-type(2){grid-column:4}
.step-mode #mapSection .route-stop .stop-remove{grid-column:5;grid-row:1;border:0;border-radius:6px;background:#fff3ef;color:#a54b35;padding:6px 8px;width:auto;height:auto;font-size:11px;margin:0}
.step-mode #mapSection .route-stop .chip-move:disabled{opacity:.35}
.step-mode #mapSection #suggestedRow{gap:8px;padding-top:16px;border-top:1px solid #e8eef0;margin-top:18px}
.step-mode #mapSection #suggestedRow .suggest-lead{color:#71818e;font-size:12px!important;line-height:1.6;margin-bottom:4px}
.step-mode #mapSection #suggestedRow button{background:#f8fafb;border:1px solid #dce5e9;color:#506577;border-radius:9px;font-size:12px;padding:10px 12px;transition:background .15s,border-color .15s}
.step-mode #mapSection #suggestedRow button.stop-added{background:#d9eee7;border-color:#579786;color:#155f50;box-shadow:inset 3px 0 #39866f;font-weight:700}
@media(max-width:540px){.step-mode #mapSection #stopsChipRow .route-stop{grid-template-columns:26px minmax(0,1fr) auto;gap:7px}.route-stop .stop-name{grid-column:2}.step-mode #mapSection .route-stop .stop-remove{grid-column:3}.step-mode #mapSection .route-stop .chip-move{grid-row:2}.route-stop .chip-move:first-of-type{grid-column:2;justify-self:start}.route-stop .chip-move:nth-of-type(2){grid-column:3}}
