/* MISTER FAST LiveMapChat MINI V63.2 — Production Chat UI */
:root{--mf632-blue:#003DA5;--mf632-gold:#FFC400;--mf632-ink:#172033;--mf632-muted:#738095;--mf632-line:#e7ebf2;--mf632-bg:#f4f7fb}
.mf514-chat-pane{background:linear-gradient(180deg,#f8faff 0,#f4f7fb 100%)}
.mf514-chat-head{min-height:58px;padding:8px 12px;border-bottom:1px solid var(--mf632-line);background:rgba(255,255,255,.96);backdrop-filter:blur(12px);box-shadow:0 3px 15px rgba(20,42,86,.06)}
.mf545-chat-brand>section b{font-size:15px;color:var(--mf632-ink)}
.mf545-chat-brand>section small{color:#149447;font-weight:700}.mf545-chat-brand>section small i{box-shadow:0 0 0 4px rgba(24,169,76,.12)}
.mf601-context{margin:8px 10px 4px;border:1px solid var(--mf632-line);border-radius:14px;background:#fff;box-shadow:0 5px 16px rgba(28,48,86,.045)}
.mf602-modes{padding:5px 10px 7px;gap:6px;background:transparent;border:0}.mf602-mode{border-radius:12px;border:1px solid var(--mf632-line);background:#fff}.mf602-mode.is-active{background:#eef5ff;border-color:#b8d3fb;color:var(--mf632-blue)}
.mf514-messages{padding:12px 12px 22px;scroll-behavior:smooth;overscroll-behavior:contain;background-image:radial-gradient(circle at 1px 1px,rgba(0,61,165,.035) 1px,transparent 0);background-size:20px 20px}
.mf514-message{display:grid;grid-template-columns:36px minmax(0,1fr);gap:8px;align-items:end;margin:5px 0 13px;animation:mf632BubbleIn .18s ease-out both}
.mf514-message-avatar{width:34px;height:34px;border-radius:50%;display:grid;place-items:center;background:#fff;border:1px solid #e1e6ef;box-shadow:0 3px 9px rgba(25,44,81,.09);font-size:16px}
.mf514-message>div{position:relative;max-width:min(78%,560px);padding:9px 12px 7px;border-radius:5px 17px 17px 17px;background:#fff;color:var(--mf632-ink);box-shadow:0 3px 12px rgba(28,47,86,.09);border:1px solid #edf0f5;overflow-wrap:anywhere}
.mf514-message>div>b{display:flex;align-items:center;gap:6px;margin-bottom:4px;font-size:12px;color:#516079}.mf514-message>div>b em{font-size:9px;font-style:normal;padding:2px 5px;border-radius:999px;background:#eef2f8;color:#738095}
.mf514-message>div p{margin:0;font-size:14px;line-height:1.48;white-space:normal}.mf514-message>div>small{display:block;margin-top:4px;text-align:right;font-size:9px;color:#919bab}
.mf514-message.is-mine{grid-template-columns:minmax(0,1fr) 0;justify-items:end}.mf514-message.is-mine .mf514-message-avatar{display:none}.mf514-message.is-mine>div{background:linear-gradient(145deg,#0b62cb,#003da5);color:#fff;border-color:transparent;border-radius:17px 5px 17px 17px;box-shadow:0 5px 15px rgba(0,61,165,.19)}.mf514-message.is-mine>div>b{color:#d9eaff}.mf514-message.is-mine>div>b em{background:rgba(255,255,255,.14);color:#fff}.mf514-message.is-mine>div>small{color:#c9ddf7}
.mf601-send-state{display:block!important;margin-top:2px!important;font-size:9px!important;text-align:right!important;color:#cfe1fa!important}.mf601-send-state.is-read{color:#ffe16b!important}
.mf598-image-card img,.mf55-message-image{border-radius:12px;max-height:280px;object-fit:cover}.mf598-file-card,.mf55-message-file,.mf55-message-location{border-radius:12px!important}
.mf632-typing{height:24px;margin:0 14px 4px;display:flex;align-items:center;gap:4px;font-size:11px;color:#66758a}.mf632-typing[hidden]{display:none}.mf632-typing span{width:7px;height:7px;border-radius:50%;background:#21a653}.mf632-typing i{width:4px;height:4px;border-radius:50%;background:#8d98aa;animation:mf632Typing 1s infinite}.mf632-typing i:nth-last-child(2){animation-delay:.15s}.mf632-typing i:last-child{animation-delay:.3s}
.mf632-upload-preview{margin:0 10px 7px;padding:10px;border:1px solid #dbe4f1;border-radius:14px;background:#fff;box-shadow:0 8px 24px rgba(23,47,91,.1)}.mf632-upload-preview[hidden]{display:none}.mf632-upload-preview article{display:grid;grid-template-columns:64px 1fr auto;gap:10px;align-items:center}.mf632-upload-preview figure{width:64px;height:54px;margin:0;border-radius:10px;background:#eef3fa;display:grid;place-items:center;overflow:hidden;font-size:27px}.mf632-upload-preview img{width:100%;height:100%;object-fit:cover}.mf632-upload-preview b{display:block;font-size:12px;color:var(--mf632-ink);overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.mf632-upload-preview small{display:block;color:var(--mf632-muted);font-size:10px;margin-top:3px}.mf632-upload-preview footer{display:flex;gap:6px;margin-top:8px;justify-content:flex-end}.mf632-upload-preview button{border:0;border-radius:10px;padding:8px 11px;font-weight:800;cursor:pointer}.mf632-upload-preview [data-mf632-cancel]{background:#edf1f6;color:#526075}.mf632-upload-preview [data-mf632-send]{background:var(--mf632-blue);color:#fff}.mf632-upload-preview.is-uploading{opacity:.7;pointer-events:none}
.mf601-send-target{margin:0 12px 5px;font-size:10px;color:#758195}.mf601-send-target b{color:var(--mf632-blue)}
.mf514-composer{position:sticky;bottom:0;z-index:8;display:grid;grid-template-columns:38px 38px 38px 38px minmax(0,1fr) 44px;gap:4px;align-items:center;padding:8px max(9px,env(safe-area-inset-right)) calc(8px + env(safe-area-inset-bottom)) max(9px,env(safe-area-inset-left));background:rgba(255,255,255,.97);border-top:1px solid var(--mf632-line);box-shadow:0 -7px 22px rgba(28,46,82,.08);backdrop-filter:blur(14px)}
.mf631-tool-button{width:36px;height:36px;border-radius:11px;background:#f4f7fb;border:1px solid #e3e9f2;transition:.16s ease}.mf631-tool-button:hover,.mf631-tool-button:active{background:#e9f2ff;border-color:#bdd4f4;transform:translateY(-1px)}.mf631-tool-button svg{width:19px;height:19px;stroke:var(--mf632-blue)}
.mf514-composer input[name=message]{min-width:0;height:40px;border:1px solid #dfe6f0;border-radius:16px;background:#f7f9fc;padding:0 13px;font-size:14px;outline:0;transition:.16s}.mf514-composer input[name=message]:focus{background:#fff;border-color:#78a9e6;box-shadow:0 0 0 3px rgba(0,61,165,.09)}
.mf514-send.mf631-send{width:42px;height:42px;border-radius:14px;background:linear-gradient(145deg,#0b63d0,#003da5);box-shadow:0 7px 16px rgba(0,61,165,.23);transition:.16s}.mf514-send.mf631-send:active{transform:scale(.94)}
.mf631-emoji-panel{bottom:74px!important;margin:0 9px;border-radius:16px!important;box-shadow:0 15px 35px rgba(19,39,78,.18)!important}
.mf632-new-message{position:absolute;right:14px;bottom:86px;z-index:10;border:0;border-radius:999px;background:var(--mf632-blue);color:#fff;padding:8px 12px;font-size:11px;font-weight:800;box-shadow:0 7px 20px rgba(0,61,165,.25)}
@keyframes mf632BubbleIn{from{opacity:0;transform:translateY(5px) scale(.985)}to{opacity:1;transform:none}}@keyframes mf632Typing{0%,60%,100%{transform:translateY(0);opacity:.45}30%{transform:translateY(-3px);opacity:1}}
@media(max-width:560px){.mf514-message>div{max-width:84%}.mf514-chat-head{display:none}.mf601-context{margin-top:7px}.mf602-modes{overflow-x:auto;scrollbar-width:none}.mf602-mode{min-width:max-content}.mf514-composer{grid-template-columns:34px 34px 34px 34px minmax(0,1fr) 42px;gap:3px}.mf631-tool-button{width:33px;height:35px}.mf514-composer input[name=message]{height:39px;padding-inline:10px}}
@media(max-width:390px){.mf514-composer{grid-template-columns:32px 32px 32px 32px minmax(0,1fr) 39px;padding-inline:6px}.mf631-tool-button{width:31px}.mf631-tool-button svg{width:17px}.mf514-message>div{max-width:88%}}
@media(prefers-reduced-motion:reduce){.mf514-message,.mf632-typing i{animation:none!important}.mf514-messages{scroll-behavior:auto}}