/* MISTER FAST V36.2 — Route & Dispatch UX patch */
.mf-v362-route-status{
  position:absolute;z-index:525;left:18px;top:122px;width:min(310px,calc(100% - 36px));
  padding:14px;border:1px solid #dbe6f3;border-radius:18px;background:rgba(255,255,255,.96);
  box-shadow:0 16px 40px rgba(0,35,85,.18);backdrop-filter:blur(12px)
}
.mf-v362-route-status[hidden]{display:none}
.mf-v362-route-point{display:grid;grid-template-columns:14px 1fr;gap:10px;align-items:start}
.mf-v362-route-point i{width:12px;height:12px;border-radius:50%;margin-top:7px;box-shadow:0 0 0 5px rgba(0,0,0,.06)}
.mf-v362-route-point.pickup i{background:#20c979}.mf-v362-route-point.dropoff i{background:#ff4365}
.mf-v362-route-point small,.mf-v362-route-point b{display:block}.mf-v362-route-point small{font-size:10px;color:#718198}.mf-v362-route-point b{font-size:13px;color:#09234c;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.mf-v362-route-line{height:22px;margin-left:5px;border-left:2px dashed #9cb0c9}
.mf-v362-route-summary{display:flex;gap:8px;margin-top:12px}.mf-v362-route-summary span{flex:1;padding:8px 10px;border-radius:11px;background:#f2f7fd;color:#526781;font-size:11px}.mf-v362-route-summary b{color:#003da5;font-size:13px}
.mf-v362-route-status>button{position:absolute;right:10px;top:10px;border:0;border-radius:9px;padding:6px 9px;background:#edf3fa;color:#003da5;font-size:10px;font-weight:800;cursor:pointer}
.mf-v362-driver-route{stroke:#20c979;stroke-width:5;stroke-dasharray:9 8;animation:mfV362Flow 1.2s linear infinite}
.mf-v362-main-route{filter:drop-shadow(0 3px 4px rgba(0,61,165,.2))}
.mf-v362-route-badge{background:#fff;border:1px solid #d9e4f1;border-radius:10px;padding:5px 8px;box-shadow:0 8px 20px rgba(0,35,85,.15);font-weight:800;color:#003da5;white-space:nowrap}
@keyframes mfV362Flow{to{stroke-dashoffset:-34}}
@media(max-width:900px){.mf-v362-route-status{top:165px;left:12px;width:min(280px,calc(100% - 24px))}}
@media(max-width:680px){.mf-v362-route-status{top:auto;bottom:78px}.mf-v362-route-summary{display:none}}

/* V36.2.1 explicit pickup/dropoff picker */
.mf-v362-picker{display:flex;align-items:center;gap:9px;flex-wrap:wrap;padding:10px 14px;background:#fff;border-top:1px solid #e6edf8;border-bottom:1px solid #e6edf8;position:relative;z-index:550}
.mf-v362-picker button{border:1px solid #dbe5f4;background:#f7faff;color:#082653;border-radius:13px;padding:9px 14px;font-weight:800;cursor:pointer}
.mf-v362-picker button span{display:inline-grid;place-items:center;width:23px;height:23px;border-radius:50%;background:#e8eef8;margin-right:5px}
.mf-v362-picker button.is-active{background:#003da5;color:#fff;border-color:#003da5;box-shadow:0 7px 18px rgba(0,61,165,.2)}
.mf-v362-picker button.is-active span{background:#ffc400;color:#06234b}
.mf-v362-picker [data-v362-use-location]{background:#fff8d9;border-color:#ffd84c}
.mf-v362-picker small{color:#5c6f8c;font-weight:700}
@media(max-width:760px){.mf-v362-picker{padding:8px}.mf-v362-picker button{flex:1 1 auto;padding:8px 9px}.mf-v362-picker small{width:100%}}

/* V36.2.2 Help Guide */
.mf-lmc-help-button{width:calc(100% - 20px);margin:10px;border:1px solid rgba(255,255,255,.22);background:rgba(255,255,255,.08);color:#fff;border-radius:14px;min-height:48px;padding:10px 14px;display:flex;align-items:center;gap:12px;font:inherit;font-weight:800;cursor:pointer;transition:.2s}
.mf-lmc-help-button:hover{background:#ffc400;color:#08264d;border-color:#ffc400;transform:translateY(-1px)}
.mf-lmc-help-button span{font-size:20px}.mf-lmc-help-button b{white-space:nowrap}
.mf-lmc-sidebar.is-collapsed .mf-lmc-help-button{width:48px;height:48px;padding:0;justify-content:center}.mf-lmc-sidebar.is-collapsed .mf-lmc-help-button b{display:none}
.mf-lmc-help-modal[hidden]{display:none!important}.mf-lmc-help-modal{position:fixed;inset:0;z-index:99999;display:grid;place-items:center;padding:20px}
.mf-lmc-help-backdrop{position:absolute;inset:0;background:rgba(3,20,43,.7);backdrop-filter:blur(4px)}
.mf-lmc-help-dialog{position:relative;width:min(720px,100%);max-height:92vh;overflow:auto;background:#fff;border-radius:28px;padding:28px;box-shadow:0 30px 80px rgba(0,0,0,.28);color:#0c2a54}
.mf-lmc-help-close{position:absolute;right:18px;top:16px;width:40px;height:40px;border:0;border-radius:50%;background:#eef3fa;font-size:26px;cursor:pointer}
.mf-lmc-help-head{display:flex;gap:16px;align-items:flex-start;padding-right:42px}.mf-lmc-help-head>span{width:54px;height:54px;display:grid;place-items:center;background:#ffc400;border-radius:16px;font-size:27px}.mf-lmc-help-head small{color:#6f7d92;font-weight:800;letter-spacing:.04em}.mf-lmc-help-head h2{margin:2px 0 3px;font-size:28px}.mf-lmc-help-head p{margin:0;color:#66758c}
.mf-lmc-help-steps{display:grid;gap:12px;margin:24px 0}.mf-lmc-help-steps article{display:flex;gap:14px;padding:15px;border:1px solid #dfe8f4;border-radius:18px;background:#f8fbff}.mf-lmc-help-steps i{flex:0 0 36px;height:36px;border-radius:50%;display:grid;place-items:center;background:#003da5;color:#fff;font-style:normal;font-weight:900}.mf-lmc-help-steps b{font-size:17px}.mf-lmc-help-steps p{margin:4px 0 0;color:#617087;line-height:1.55}
.mf-lmc-help-tip{background:#fff8db;border:1px solid #ffe18a;padding:13px 15px;border-radius:14px;color:#6f5600;font-weight:700}
.mf-lmc-help-actions{display:flex;gap:10px;justify-content:flex-end;margin-top:20px}.mf-lmc-help-actions button{border:1px solid #d9e3f0;border-radius:14px;padding:12px 18px;background:#fff;color:#12345d;font-weight:900;cursor:pointer}.mf-lmc-help-actions button:first-child{background:#ffc400;border-color:#ffc400;color:#08264d}
@media(max-width:700px){.mf-lmc-help-dialog{padding:22px 16px;border-radius:22px}.mf-lmc-help-head h2{font-size:23px}.mf-lmc-help-actions{flex-direction:column}.mf-lmc-help-actions button{width:100%}}

/* V36.2.3 Route visibility + reference-image layout */
.mf-lmc-map-panel{position:relative}
.mf-v362-route-planner{
  position:absolute;z-index:720;top:132px;left:18px;width:304px;
  display:grid;gap:9px;padding:12px;border-radius:20px;
  background:rgba(255,255,255,.97);border:1px solid #dce6f2;
  box-shadow:0 18px 42px rgba(0,35,85,.20);backdrop-filter:blur(12px)
}
.mf-v362-place{width:100%;display:grid;grid-template-columns:14px 1fr 18px;gap:10px;align-items:center;text-align:left;
  border:1px solid #e0e8f3;background:#fff;border-radius:15px;padding:12px;cursor:pointer;color:#092653;font:inherit}
.mf-v362-place:hover,.mf-v362-place.is-active{border-color:#ffc400;box-shadow:0 0 0 3px rgba(255,196,0,.15)}
.mf-v362-place i{width:12px;height:12px;border-radius:50%;box-shadow:0 0 0 5px rgba(0,0,0,.05)}
.mf-v362-place i.pickup{background:#20c979}.mf-v362-place i.dropoff{background:#ff4365}
.mf-v362-place span{min-width:0}.mf-v362-place small,.mf-v362-place b{display:block}.mf-v362-place small{font-size:11px;color:#65758d;margin-bottom:3px}.mf-v362-place b{font-size:13px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.mf-v362-place em{font-style:normal;color:#8090a6;font-size:18px}
.mf-v362-use-location,.mf-v362-add-stop{border:1px solid #dce5f1;background:#f8fbff;color:#12365f;border-radius:13px;padding:10px 12px;font:inherit;font-weight:850;cursor:pointer}
.mf-v362-use-location{background:#fff8d8;border-color:#ffdc63}.mf-v362-add-stop:disabled{opacity:.5;cursor:not-allowed}
.mf-v362-help{color:#5f7089;font-weight:750;line-height:1.45;padding:0 3px}
.mf-v362-route-summary{position:relative;display:grid;grid-template-columns:1fr 1fr;gap:8px;padding-top:10px;border-top:1px solid #e8eef6}
.mf-v362-route-summary[hidden]{display:none!important}.mf-v362-route-summary span{padding:10px;border-radius:12px;background:#f2f7fd}.mf-v362-route-summary small,.mf-v362-route-summary b{display:block}.mf-v362-route-summary small{font-size:10px;color:#718198}.mf-v362-route-summary b{font-size:16px;color:#003da5;margin-top:3px}.mf-v362-route-summary>button{grid-column:1/-1;border:0;border-radius:11px;background:#edf3fa;color:#003da5;padding:8px;font-weight:850;cursor:pointer}
.mf-v31-route,.mf-v362-main-route{stroke:#087ef5!important;stroke-width:7!important;stroke-opacity:1!important;filter:drop-shadow(0 3px 4px rgba(0,61,165,.35))}
.mf-v31-pin-pickup,.mf-v31-pin-dropoff{width:42px;height:42px;border:4px solid #fff;border-radius:50%;display:grid;place-items:center;font-size:20px;box-shadow:0 0 0 8px rgba(0,61,165,.14),0 10px 22px rgba(0,35,85,.25)}
.mf-v31-pin-pickup{background:#20c979}.mf-v31-pin-dropoff{background:#ff4365}
.mf-v361-map-actionbar{border:2px solid #ffc400!important;box-shadow:0 10px 30px rgba(255,196,0,.14),0 10px 26px rgba(11,45,92,.08)!important}
.mf-v361-map-actionbar:before{content:'DRIVER ที่เลือก';position:absolute;left:20px;top:-10px;background:#fff;padding:0 8px;color:#17365e;font-size:11px;font-weight:900;letter-spacing:.04em}
@media(max-width:900px){.mf-v362-route-planner{top:166px;left:12px;width:min(292px,calc(100% - 24px))}}
@media(max-width:680px){.mf-v362-route-planner{position:relative;top:auto;left:auto;width:auto;margin:10px;border-radius:16px}.mf-v362-route-summary{grid-template-columns:1fr 1fr}}