/* Nong Suwan chat widget */
#ns-root{font-family:'Figtree',system-ui,sans-serif;font-size:15px;line-height:1.45}
#ns-root *{box-sizing:border-box}
.ns-av{position:relative;overflow:hidden;border-radius:50%;background:linear-gradient(160deg,#fff,#dcecff);flex:none}
.ns-av img{display:block;width:100%;height:100%;object-fit:cover;pointer-events:none}
#ns-fab{position:fixed;right:14px;bottom:62px;z-index:70;width:70px;height:70px;border-radius:50%;border:3px solid #fff;padding:0;cursor:pointer;background:linear-gradient(160deg,#fff,#cfe4ff);box-shadow:0 8px 24px rgba(13,59,122,.35),0 0 0 3px #f79636;transition:transform .15s}
#ns-fab:hover{transform:scale(1.06)}#ns-fab .ns-av{width:100%;height:100%}
#ns-fab:after{content:"";position:absolute;right:2px;top:2px;width:15px;height:15px;border-radius:50%;background:#2ecc71;border:2.5px solid #fff}
#ns-fab.pulse{animation:nsp 2.4s infinite}@keyframes nsp{0%{box-shadow:0 8px 24px rgba(13,59,122,.35),0 0 0 3px #f79636,0 0 0 3px rgba(247,150,54,.5)}70%{box-shadow:0 8px 24px rgba(13,59,122,.35),0 0 0 3px #f79636,0 0 0 18px rgba(247,150,54,0)}100%{box-shadow:0 8px 24px rgba(13,59,122,.35),0 0 0 3px #f79636,0 0 0 3px rgba(247,150,54,0)}}
#ns-hello{position:fixed;right:92px;bottom:78px;z-index:70;max-width:230px;background:#fff;color:#14233a;border-radius:16px 16px 4px 16px;padding:11px 30px 11px 14px;box-shadow:0 8px 24px rgba(13,59,122,.22);font-weight:600;cursor:pointer;animation:nsin .4s}
#ns-hello small{display:block;font-weight:500;color:#586a85;font-size:12.5px}#ns-hello button{position:absolute;right:6px;top:4px;border:0;background:none;font-size:18px;color:#8a99b0;cursor:pointer}
@keyframes nsin{from{opacity:0;transform:translateY(8px)}to{opacity:1;transform:none}}
#ns-panel{position:fixed;right:14px;bottom:62px;z-index:80;width:390px;max-width:calc(100vw - 20px);height:min(640px,calc(100vh - 90px));display:none;flex-direction:column;background:#f4f8ff;border-radius:22px;overflow:hidden;box-shadow:0 18px 50px rgba(13,59,122,.35);border:1px solid #cfe0f7}
#ns-panel.open{display:flex;animation:nsin .25s}
.ns-h{display:flex;align-items:center;gap:11px;padding:12px 14px;color:#fff;background:linear-gradient(135deg,#0d3b7a,#1f75da);position:relative}
.ns-h:after{content:"";position:absolute;left:0;right:0;bottom:0;height:3px;background:#f79636}
.ns-h .ns-av{width:46px;height:46px;border:2px solid #fff}
.ns-h b{display:block;font-size:16px;line-height:1.2}.ns-h span{font-size:12.5px;opacity:.9;display:flex;align-items:center;gap:5px}.ns-h span:before{content:"";width:8px;height:8px;border-radius:50%;background:#2ecc71}
.ns-h .sp{flex:1}.ns-h button{background:rgba(255,255,255,.16);border:0;color:#fff;width:34px;height:34px;border-radius:50%;cursor:pointer;font-size:17px}.ns-h button:hover{background:rgba(255,255,255,.28)}
#ns-msgs{flex:1;overflow-y:auto;padding:14px 12px;display:flex;flex-direction:column;gap:11px;scroll-behavior:smooth}
.ns-m{display:flex;gap:8px;align-items:flex-end;max-width:100%}.ns-m.u{justify-content:flex-end}
.ns-m .ns-av{width:30px;height:30px;border:1.5px solid #fff;box-shadow:0 2px 6px rgba(0,0,0,.15)}
.ns-b{padding:10px 13px;border-radius:16px;max-width:82%;word-wrap:break-word;overflow-wrap:anywhere;white-space:pre-wrap}
.ns-m.b .ns-b{background:#fff;border:1px solid #dbe6f5;border-bottom-left-radius:4px;color:#14233a;box-shadow:0 2px 6px rgba(13,59,122,.06)}
.ns-m.u .ns-b{background:linear-gradient(135deg,#1f75da,#0d3b7a);color:#fff;border-bottom-right-radius:4px}
.ns-b b{font-weight:700}
.ns-x{margin-left:38px;display:flex;flex-direction:column;gap:8px;max-width:calc(100% - 38px)}
.ns-cards{display:flex;gap:10px;overflow-x:auto;padding-bottom:4px;scroll-snap-type:x mandatory}
.ns-card{flex:none;width:200px;background:#fff;border:1px solid #dbe6f5;border-radius:14px;overflow:hidden;scroll-snap-align:start;color:#14233a;display:block;box-shadow:0 2px 8px rgba(13,59,122,.08)}
.ns-card:hover{border-color:#f79636}.ns-card i{display:block;height:100px;background:#cfe2fa center/cover}
.ns-card div{padding:9px 11px}.ns-card small{color:#1e9e5a;font-weight:700;font-size:11.5px}.ns-card strong{display:block;font-size:14px;line-height:1.25;margin:2px 0 4px}.ns-card em{font-style:normal;color:#1f75da;font-weight:700;font-size:14px}
.ns-chips{display:flex;flex-wrap:wrap;gap:7px}
.ns-chip{border:1.5px solid #1f75da;background:#fff;color:#1f75da;border-radius:99px;padding:6px 13px;font-weight:600;font-size:13.5px;font-family:inherit;cursor:pointer;text-decoration:none;display:inline-block}.ns-chip:hover{background:#1f75da;color:#fff}
.ns-chip.pl{border-color:#0f7a46;color:#0f7a46}.ns-chip.pl:hover{background:#0f7a46;color:#fff}
.ns-wa{display:flex;flex-direction:column;gap:7px}.ns-wa a{display:block;color:#fff;border-radius:12px;padding:10px 14px;font-weight:700;font-size:14px;text-align:center}.ns-wa a small{display:block;font-weight:500;opacity:.92;font-size:12px}
.ns-wa .m{background:#0f7a46}.ns-wa .o{background:#1f75da}
.ns-typing{display:inline-flex;gap:4px;padding:13px 15px}.ns-typing i{width:7px;height:7px;border-radius:50%;background:#9bb3d4;animation:nst 1.2s infinite}.ns-typing i:nth-child(2){animation-delay:.2s}.ns-typing i:nth-child(3){animation-delay:.4s}@keyframes nst{0%,60%,100%{transform:none;opacity:.5}30%{transform:translateY(-5px);opacity:1}}
.ns-f{display:flex;gap:8px;padding:10px 12px 6px;background:#fff;border-top:1px solid #dbe6f5}
.ns-f textarea{flex:1;resize:none;border:1.5px solid #cfe0f7;border-radius:14px;padding:10px 13px;font:inherit;max-height:96px;min-height:42px;background:#f4f8ff;color:#14233a}.ns-f textarea:focus{outline:0;border-color:#1f75da}
.ns-f button{border:0;background:#f79636;color:#1b1304;width:44px;height:44px;border-radius:50%;cursor:pointer;font-size:19px;font-weight:700;align-self:flex-end}.ns-f button:disabled{opacity:.5;cursor:default}
.ns-note{background:#fff;text-align:center;font-size:11.5px;color:#7a8ba5;padding:0 12px 9px}
@media(max-width:600px){#ns-panel{inset:0;width:100%;max-width:none;height:100%;border-radius:0;right:0;bottom:0;border:0}#ns-hello{right:90px;bottom:76px;max-width:190px}}