/* MungMee landing chat widget (น้องมั่งมี) — built from the v2 design (8a launcher, 9b chat). No framework. */
.mmc{--mmc-lime:#B4F03C;--mmc-ink:#141A10;--mmc-dark:#0A0D0B;--mmc-paper:#F4F5EF;--mmc-line:#E2E6DD;--mmc-muted:#5A645C;--mmc-faint:#8A948C;--mmc-green:#4E8A0E;--mmc-green-ink:#3E6F0B;--mmc-chip:#AFC98A;--mmc-orange:#FF8A4C;
  position:fixed;right:18px;bottom:18px;z-index:60;display:flex;flex-direction:column;align-items:flex-end;gap:10px;font-family:'Anuphan',sans-serif;color:var(--mmc-ink)}
.mmc *,.mmc *::before,.mmc *::after{box-sizing:border-box}
.mmc button{font-family:inherit;cursor:pointer}
.mmc a{text-decoration:none}
.mmc-teaser{background:#F2F5F0;color:var(--mmc-dark);border:0;border-radius:16px 16px 4px 16px;padding:10px 14px;font-size:14px;line-height:1.5;max-width:220px;position:relative;text-align:left;box-shadow:0 6px 20px rgba(0,0,0,.25);transition:opacity .25s,transform .25s}
.mmc-teaser::after{content:"";position:absolute;right:10px;bottom:-7px;border-left:8px solid transparent;border-right:8px solid transparent;border-top:8px solid #F2F5F0}
.mmc-teaser[hidden]{display:none}
.mmc-launcher{width:62px;height:62px;border-radius:50%;background:var(--mmc-lime);border:0;padding:0;overflow:hidden;display:flex;align-items:flex-end;justify-content:center;box-shadow:0 4px 18px rgba(180,240,60,.35);position:relative;transition:transform .15s}
.mmc-launcher:hover{transform:scale(1.05)}
.mmc-launcher:focus-visible,.mmc button:focus-visible{outline:3px solid var(--mmc-orange);outline-offset:2px}
.mmc input:focus-visible,.mmc select:focus-visible,.mmc textarea:focus-visible{outline:2px solid var(--mmc-green);outline-offset:0}
.mmc-launcher img{width:54px;height:auto;display:block;margin-bottom:-8px}
.mmc-launcher .mmc-badge{position:absolute;top:3px;right:3px;width:13px;height:13px;border-radius:50%;background:var(--mmc-orange);border:2px solid var(--mmc-dark)}
.mmc-launcher[aria-expanded="true"]{background:var(--mmc-dark);color:#F2F5F0;align-items:center}
.mmc-launcher[aria-expanded="true"] img,.mmc-launcher[aria-expanded="true"] .mmc-badge{display:none}
.mmc-launcher .mmc-x{display:none;font-size:26px;line-height:1}
.mmc-launcher[aria-expanded="true"] .mmc-x{display:block}
.mmc-panel{width:360px;max-width:calc(100vw - 36px);height:560px;max-height:calc(100vh - 110px);background:#fff;border:1px solid var(--mmc-line);border-radius:18px;overflow:hidden;display:flex;flex-direction:column;box-shadow:0 10px 30px rgba(0,0,0,.35)}
.mmc-panel[hidden]{display:none}
.mmc-panel:focus{outline:none}
.mmc-head{display:flex;align-items:center;gap:10px;background:var(--mmc-lime);padding:12px 14px;flex:none}
.mmc-head .mmc-avatar{width:36px;height:36px;border-radius:50%;background:#0F1410;overflow:hidden;display:flex;align-items:flex-end;justify-content:center;flex:none}
.mmc-head .mmc-avatar img{width:30px;height:auto;margin-bottom:-4px;display:block}
.mmc-head .mmc-who{display:flex;flex-direction:column;flex:1;min-width:0}
.mmc-head .mmc-name{font-weight:700;font-size:14px}
.mmc-head .mmc-sub{font-size:12px;color:#3E5A12}
.mmc-close{background:none;border:0;color:var(--mmc-ink);font-size:22px;line-height:1;padding:4px 6px;border-radius:8px}
.mmc-body{flex:1;overflow-y:auto;padding:14px;display:flex;flex-direction:column;gap:9px;scroll-behavior:smooth;-webkit-overflow-scrolling:touch}
.mmc-bot,.mmc-user{font-size:13px;line-height:1.55;padding:10px 12px;max-width:82%;white-space:pre-line;overflow-wrap:anywhere}
.mmc-bot{background:var(--mmc-paper);border:1px solid var(--mmc-line);border-radius:4px 14px 14px 14px;color:#2A331F;align-self:flex-start}
.mmc-user{background:var(--mmc-lime);color:var(--mmc-ink);border-radius:14px 4px 14px 14px;align-self:flex-end}
.mmc-chips{display:flex;gap:6px;flex-wrap:wrap}
.mmc-chip{border:1px solid var(--mmc-chip);background:#fff;color:var(--mmc-green-ink);border-radius:999px;padding:7px 12px;font-size:14px;line-height:1.4;font-weight:600;text-align:left}
.mmc-chip:hover{background:#F1F6E8}
.mmc-chip--line,.mmc .mmc-chip--line:hover{border-color:var(--mmc-green-ink);background:var(--mmc-green-ink);color:#fff}
.mmc-card{background:var(--mmc-paper);border:1px solid var(--mmc-line);border-radius:12px;padding:12px;display:flex;flex-direction:column;gap:8px}
.mmc-card label{font-size:12px;color:var(--mmc-muted)}
.mmc-card input,.mmc-card select,.mmc-card textarea{width:100%;font:inherit;font-size:13px;color:#1A1F19;background:#fff;border:1px solid var(--mmc-line);border-radius:10px;padding:10px 12px}
.mmc-card textarea{min-height:72px;resize:vertical}
.mmc input::placeholder,.mmc textarea::placeholder{color:#66706A}
.mmc-btn{background:var(--mmc-lime);color:var(--mmc-ink);border:0;border-radius:999px;padding:11px;text-align:center;font-weight:700;font-size:14px;width:100%}
.mmc-btn:disabled{opacity:.5;cursor:not-allowed}
.mmc-btn--ghost{background:#fff;border:1px solid var(--mmc-chip);color:var(--mmc-green-ink)}
.mmc-note{font-size:12px;color:var(--mmc-muted);text-align:center}
.mmc-err{font-size:12px;color:#B3261E}
.mmc-otp{display:flex;gap:5px;justify-content:center}
.mmc-otp input{width:34px;height:40px;padding:0;text-align:center;font-family:'Plus Jakarta Sans',sans-serif;font-weight:700;font-size:16px;border:1px solid var(--mmc-chip);border-radius:8px;background:#fff}
.mmc-otp input:focus{border:2px solid var(--mmc-green)}
.mmc-ticket{display:flex;flex-direction:column;gap:5px}
.mmc-ticket .mmc-hint{font-size:12px;color:var(--mmc-muted)}
.mmc-ticket .mmc-no{font-family:'Plus Jakarta Sans',sans-serif;font-weight:800;font-size:16px;color:#1A1F19}
.mmc-ticket .mmc-ok{display:flex;align-items:center;gap:6px;font-size:12px;color:var(--mmc-green-ink);font-weight:600}
.mmc-ticket .mmc-ok::before{content:"";width:7px;height:7px;border-radius:50%;background:var(--mmc-green)}
.mmc-pill{align-self:center;background:#F1F6E8;border:1px solid #CFE3AE;color:var(--mmc-green-ink);border-radius:999px;padding:5px 12px;font-size:12px;font-weight:600}
.mmc-input{display:flex;gap:8px;padding:10px 12px 12px;border-top:1px solid var(--mmc-line);flex:none;background:#fff}
.mmc-input input{flex:1;min-width:0;font:inherit;font-size:13px;background:var(--mmc-paper);border:1px solid var(--mmc-line);border-radius:999px;padding:10px 14px}
.mmc-send{width:40px;height:40px;border-radius:50%;background:var(--mmc-lime);border:0;display:flex;align-items:center;justify-content:center;flex:none;padding:0}
.mmc-typing{display:inline-flex;gap:4px;align-items:center;padding:12px 14px}
.mmc-typing i{width:6px;height:6px;border-radius:50%;background:var(--mmc-faint);animation:mmc-blink 1s infinite}
.mmc-typing i:nth-child(2){animation-delay:.2s}.mmc-typing i:nth-child(3){animation-delay:.4s}
@keyframes mmc-blink{0%,80%,100%{opacity:.3}40%{opacity:1}}
@media (max-width:480px){
  .mmc{right:12px;bottom:12px}
  .mmc-panel{position:fixed;left:0;right:0;bottom:0;width:100%;max-width:none;height:min(82vh,640px);height:min(82dvh,640px);max-height:none;border-radius:18px 18px 0 0;border-bottom:0}
  /* 16px stops iOS from zooming the page when a field gets focus */
  .mmc-card input,.mmc-card select,.mmc-card textarea,.mmc-input input{font-size:16px}
}
@media (prefers-reduced-motion:reduce){.mmc-teaser,.mmc-launcher{transition:none}.mmc-typing i{animation:none;opacity:.6}}
@media (max-width:480px){.mmc--open .mmc-launcher,.mmc--open .mmc-teaser{display:none}}