:root{--mf44-blue:#003da5;--mf44-navy:#05245a;--mf44-yellow:#ffc400;--mf44-line:#dce6f3;--mf44-bg:#f3f7fc;--mf44-text:#0a2856}
.mf44-app{max-width:1560px;margin:18px auto 40px;padding:0 16px;font-family:Kanit,Prompt,sans-serif;color:var(--mf44-text)}
.mf44-shell{display:grid;grid-template-columns:84px minmax(0,1fr) minmax(320px,390px);min-height:720px;background:#fff;border:1px solid var(--mf44-line);border-radius:24px;overflow:hidden;box-shadow:0 24px 70px rgba(5,36,90,.14)}
.mf44-shell.is-menu-open{grid-template-columns:240px minmax(0,1fr) minmax(320px,390px)}
.mf44-shell.is-chat-hidden{grid-template-columns:84px minmax(0,1fr) 0}.mf44-shell.is-chat-hidden.is-menu-open{grid-template-columns:240px minmax(0,1fr) 0}
.mf44-rail{background:linear-gradient(180deg,#06275f,#0c438d);color:#fff;padding:14px 10px;display:flex;flex-direction:column;gap:8px;transition:.25s}
.mf44-brand{display:flex;align-items:center;gap:10px;padding:8px 6px 16px}.mf44-brand i{display:grid;place-items:center;width:44px;height:44px;border-radius:50%;background:var(--mf44-yellow);color:#06275f;font-style:normal;font-weight:900}.mf44-brand span{display:none;font-weight:900}.is-menu-open .mf44-brand span{display:block}
.mf44-nav button,.mf44-rail-bottom button,.mf44-rail-bottom a{width:100%;border:0;background:transparent;color:#fff;display:flex;align-items:center;gap:12px;padding:12px;border-radius:14px;font-weight:800;text-decoration:none;cursor:pointer}.mf44-nav button:hover,.mf44-nav button.is-active,.mf44-rail-bottom button:hover,.mf44-rail-bottom a:hover{background:rgba(255,255,255,.14)}.mf44-nav b{font-size:20px;width:32px}.mf44-nav span,.mf44-rail-bottom span{display:none}.is-menu-open .mf44-nav span,.is-menu-open .mf44-rail-bottom span{display:inline}
.mf44-rail-bottom{margin-top:auto;display:grid;gap:6px}
.mf44-map{position:relative;min-width:0;background:#eef5ff;overflow:hidden}.mf44-map-head{height:62px;display:flex;align-items:center;justify-content:space-between;padding:0 18px;background:#fff;border-bottom:1px solid var(--mf44-line)}.mf44-map-head strong{font-size:18px}.mf44-map-head small{color:#7284a2}.mf44-map-head button{border:0;background:#edf4ff;color:var(--mf44-blue);border-radius:12px;padding:9px 12px;font-weight:800;cursor:pointer}
.mf44-map-canvas{position:absolute;inset:62px 0 88px;background:linear-gradient(90deg,rgba(0,61,165,.06) 1px,transparent 1px),linear-gradient(rgba(0,61,165,.06) 1px,transparent 1px),linear-gradient(135deg,#f3f9ff,#fffbea);background-size:52px 52px,52px 52px,auto;overflow:hidden}
.mf44-route{position:absolute;left:18%;top:18%;width:62%;height:58%;border-left:7px solid #0a6bed;border-bottom:7px solid #0a6bed;border-radius:0 0 0 220px;transform:rotate(-5deg);filter:drop-shadow(0 4px 8px rgba(0,105,237,.22))}.mf44-route:after{content:"";position:absolute;left:-7px;bottom:-7px;width:100%;height:7px;background:linear-gradient(90deg,transparent,#7ad2ff,transparent);animation:mf44flow 2.2s linear infinite}
.mf44-point{position:absolute;z-index:2;display:grid;place-items:center;width:48px;height:48px;border-radius:50%;background:#fff;box-shadow:0 10px 28px rgba(5,36,90,.22);font-size:22px}.mf44-pickup{left:16%;top:14%;border:4px solid #28bf7a}.mf44-driver{left:52%;top:58%;border:4px solid #2f82ef;animation:mf44pulse 1.8s ease-in-out infinite}.mf44-drop{right:14%;bottom:14%;border:4px solid #ff4662}
.mf44-map-card{position:absolute;right:20px;top:18px;background:#fff;border:1px solid var(--mf44-line);border-radius:18px;padding:14px 16px;box-shadow:0 14px 40px rgba(5,36,90,.14);min-width:210px}.mf44-map-card b{display:block;font-size:21px}.mf44-map-card small{color:#71819b}.mf44-map-card a{display:block;margin-top:10px;background:var(--mf44-yellow);color:#06275f;text-decoration:none;text-align:center;padding:9px;border-radius:12px;font-weight:900}
.mf44-map-bottom{position:absolute;left:0;right:0;bottom:0;height:88px;background:#fff;border-top:1px solid var(--mf44-line);display:grid;grid-template-columns:repeat(4,1fr);gap:6px;padding:10px}.mf44-map-bottom span{display:flex;align-items:center;justify-content:center;gap:7px;font-weight:800;color:#6c7d98}.mf44-map-bottom span.is-active{color:#10a765}
.mf44-chat{position:relative;display:flex;flex-direction:column;min-width:0;background:#fff;border-left:1px solid var(--mf44-line);transition:.25s}.is-chat-hidden .mf44-chat{opacity:0;pointer-events:none;overflow:hidden}.mf44-chat-head{height:62px;display:flex;align-items:center;justify-content:space-between;padding:0 14px;border-bottom:1px solid var(--mf44-line)}.mf44-chat-title{display:flex;align-items:center;gap:10px}.mf44-chat-title i{display:grid;place-items:center;width:38px;height:38px;border-radius:50%;background:var(--mf44-yellow);font-style:normal;font-weight:900}.mf44-chat-head button{border:0;background:#eef4fb;border-radius:10px;padding:8px;cursor:pointer}.mf44-chat-tabs{display:flex;gap:8px;padding:9px 12px;border-bottom:1px solid var(--mf44-line)}.mf44-chat-tabs button{border:0;background:transparent;padding:8px 10px;border-radius:10px;font-weight:800;color:#6d7d96}.mf44-chat-tabs button.is-active{background:#edf4ff;color:var(--mf44-blue)}
.mf44-chat-body{flex:1;overflow:auto;padding:16px;background:#f8fbff}.mf44-msg{max-width:84%;margin:0 0 12px;padding:10px 12px;background:#eaf0f8;border-radius:15px 15px 15px 4px}.mf44-msg.mine{margin-left:auto;background:#1261da;color:#fff;border-radius:15px 15px 4px 15px}.mf44-msg small{font-weight:800}.mf44-msg p{margin:4px 0 0}.mf44-composer{display:grid;grid-template-columns:auto auto 1fr auto;gap:6px;padding:10px;border-top:1px solid var(--mf44-line)}.mf44-composer button{border:0;background:#eef4fb;border-radius:11px;padding:9px;cursor:pointer}.mf44-composer input{min-width:0;border:1px solid var(--mf44-line);border-radius:11px;padding:9px 11px}.mf44-composer .send{background:#1261da;color:#fff}
.mf44-resizer{position:absolute;left:-5px;top:0;bottom:0;width:10px;cursor:col-resize;z-index:5}.mf44-resizer:after{content:"";position:absolute;left:4px;top:42%;width:2px;height:70px;border-radius:4px;background:#c6d5e9}
.mf44-mobile-tabs{display:none}
.mf44-launcher{position:fixed;right:22px;bottom:22px;z-index:9999}.mf44-fab{width:58px;height:58px;border:0;border-radius:50%;background:linear-gradient(135deg,var(--mf44-yellow),#ff9d00);color:#06275f;font-weight:1000;box-shadow:0 16px 40px rgba(5,36,90,.28);cursor:pointer}.mf44-fab em{position:absolute;right:-3px;top:-4px;background:#e73545;color:#fff;border-radius:999px;font-style:normal;font-size:11px;padding:3px 6px}.mf44-quick{position:absolute;right:0;bottom:70px;width:290px;background:#fff;border:1px solid var(--mf44-line);border-radius:18px;box-shadow:0 22px 60px rgba(5,36,90,.22);padding:14px;display:none}.mf44-launcher.is-open .mf44-quick{display:block}.mf44-quick h3{margin:0 0 10px}.mf44-quick a,.mf44-quick button{display:flex;width:100%;box-sizing:border-box;justify-content:space-between;align-items:center;border:0;border-radius:12px;padding:11px 12px;margin-top:7px;text-decoration:none;background:#f2f6fc;color:var(--mf44-text);font-weight:800;cursor:pointer}.mf44-quick .primary{background:var(--mf44-yellow)}
@keyframes mf44flow{from{transform:translateX(-35%)}to{transform:translateX(120%)}}@keyframes mf44pulse{50%{transform:scale(1.08);box-shadow:0 0 0 14px rgba(47,130,239,.12)}}
@media(max-width:1080px){.mf44-shell,.mf44-shell.is-menu-open{grid-template-columns:72px minmax(0,1fr) 340px}.mf44-brand span,.mf44-nav span,.mf44-rail-bottom span{display:none!important}.mf44-resizer{display:none}}
@media(max-width:820px){.mf44-app{padding:0;margin:0}.mf44-shell,.mf44-shell.is-menu-open,.mf44-shell.is-chat-hidden{display:block;min-height:100vh;border-radius:0}.mf44-rail{display:none}.mf44-map,.mf44-chat{height:calc(100vh - 64px);border:0}.mf44-chat{position:fixed;left:0;right:0;bottom:64px;height:68vh;z-index:30;border-radius:22px 22px 0 0;box-shadow:0 -18px 45px rgba(5,36,90,.22);transform:translateY(110%);transition:.3s}.mf44-chat.is-mobile-open{transform:translateY(0)}.mf44-mobile-tabs{position:fixed;display:grid;grid-template-columns:repeat(5,1fr);left:0;right:0;bottom:0;height:64px;background:#fff;border-top:1px solid var(--mf44-line);z-index:40}.mf44-mobile-tabs button,.mf44-mobile-tabs a{border:0;background:#fff;color:var(--mf44-text);display:flex;flex-direction:column;align-items:center;justify-content:center;text-decoration:none;font-size:11px;font-weight:800}.mf44-mobile-tabs b{font-size:20px}.mf44-map-canvas{bottom:64px}.mf44-map-bottom{bottom:0;height:64px}.mf44-map-bottom span{font-size:11px}.mf44-launcher{bottom:78px}.mf44-resizer{display:none}}

/* V44.2 Install / update additions */
.mf44-install-link{display:flex;align-items:center;gap:10px;margin:8px 10px 2px;padding:10px 12px;border-radius:14px;background:#ffc400;color:#001b45;text-decoration:none;font-weight:900;white-space:nowrap}.mf44-install-link span{overflow:hidden}.mf44-shell:not(.is-menu-open) .mf44-install-link span{display:none}.mf44-head-actions{display:flex;align-items:center;gap:8px}.mf44-version{font-size:12px;font-weight:900;color:#526681;background:#eef4ff;border-radius:999px;padding:7px 10px}.mf44-update-btn{border:0;border-radius:10px;background:#ffc400;color:#001b45;padding:8px 11px;font-weight:900;cursor:pointer}
@media(max-width:820px){.mf44-version{display:none}.mf44-install-link{display:none}}