/* MISTER FAST LiveMapChat V31 — Realtime Operations */
.mf-v31-planner{
  display:grid;grid-template-columns:repeat(3,1fr);gap:8px;
  padding:10px 12px;background:#f7faff;border-bottom:1px solid #e2eaf3
}
.mf-v31-step{
  display:flex;align-items:center;gap:9px;padding:9px 10px;
  border:1px solid #dce6f1;border-radius:12px;background:#fff;
  opacity:.62;transition:.2s
}
.mf-v31-step.is-active{opacity:1;border-color:#ffc400;box-shadow:0 0 0 3px rgba(255,196,0,.15)}
.mf-v31-step.is-done{opacity:1;border-color:#25c66a}
.mf-v31-step>span{
  width:28px;height:28px;border-radius:50%;display:grid;place-items:center;
  background:#edf3fa;color:#003da5;font-weight:900
}
.mf-v31-step.is-active>span{background:#ffc400}
.mf-v31-step.is-done>span{background:#25c66a;color:#fff}
.mf-v31-step b,.mf-v31-step small{display:block}
.mf-v31-step small{font-size:10px;color:#6d7f97}

.mf-v31-estimate{
  position:absolute;left:50%;bottom:54px;transform:translateX(-50%);
  z-index:520;display:grid;grid-template-columns:repeat(3,minmax(100px,1fr)) auto;
  gap:8px;width:min(760px,calc(100% - 34px));padding:10px;
  border:1px solid rgba(255,255,255,.45);border-radius:17px;
  background:rgba(255,255,255,.94);box-shadow:0 16px 36px rgba(0,40,95,.22);
  backdrop-filter:blur(12px)
}
.mf-v31-estimate[hidden]{display:none}
.mf-v31-estimate>div{padding:8px 10px;border-radius:12px;background:#f3f7fc}
.mf-v31-estimate span,.mf-v31-estimate b,.mf-v31-estimate small{display:block}
.mf-v31-estimate b{color:#003da5;font-size:17px}
.mf-v31-estimate small{font-size:10px;color:#718198}
.mf-v31-estimate button{
  border:0;border-radius:12px;padding:0 15px;background:#ffc400;color:#071d43;
  font-weight:900;cursor:pointer
}
.mf-v31-nearest{margin-top:12px;padding-top:12px;border-top:1px solid #e0e8f1}
.mf-v31-nearest h4{margin:0 0 8px}
.mf-v31-nearest-list{display:grid;gap:7px}
.mf-v31-nearest-item{
  display:grid;grid-template-columns:38px 1fr auto;gap:8px;align-items:center;
  padding:9px;border:1px solid #dde6f0;border-radius:12px;background:#fff
}
.mf-v31-nearest-item>span{
  width:38px;height:38px;border-radius:12px;background:#edf4fb;display:grid;place-items:center
}
.mf-v31-nearest-item b,.mf-v31-nearest-item small{display:block}
.mf-v31-nearest-item small{font-size:10px;color:#718198}
.mf-v31-nearest-item button{
  border:0;border-radius:10px;padding:8px 10px;background:#003da5;color:#fff;cursor:pointer
}
.mf-v31-pin-pickup,.mf-v31-pin-dropoff{
  width:38px;height:38px;border:3px solid #fff;border-radius:50%;
  display:grid;place-items:center;box-shadow:0 0 0 8px rgba(0,61,165,.14),0 8px 20px rgba(0,30,80,.25);
  font-size:18px
}
.mf-v31-pin-pickup{background:#ffc400}
.mf-v31-pin-dropoff{background:#ff4d5a}
.mf-v31-route{stroke:#003da5;stroke-width:5;stroke-dasharray:12 10;animation:v31Route 1.4s linear infinite}
@keyframes v31Route{to{stroke-dashoffset:-44}}
@media(max-width:900px){
  .mf-v31-estimate{grid-template-columns:repeat(3,1fr);bottom:65px}
  .mf-v31-estimate button{grid-column:1/-1;padding:11px}
}
@media(max-width:680px){
  .mf-v31-planner{grid-template-columns:1fr}
  .mf-v31-step:not(.is-active):not(.is-done){display:none}
  .mf-v31-estimate{grid-template-columns:1fr 1fr;bottom:70px}
  .mf-v31-estimate>div:nth-child(3){grid-column:1/-1}
}