/* NEXT-05d — SYG website live chat widget. Sirf ADD: koi purani class overwrite nahi hoti.
   Sab kuch #syg-chat ke andar scoped hai. Bubble .syg-fab-wrap (NEXT-05c) ke stack me
   WhatsApp ke UPAR baithta hai — ek page par ek hi FAB column. */
.syg-fab-chat{background-color:#1657d0}
.syg-fab-chat .syg-chat-ico{display:block;width:26px;height:26px;fill:currentColor}
.syg-chat-dot{position:absolute;top:-2px;right:-2px;min-width:20px;height:20px;padding:0 5px;border-radius:999px;background:#e11d48;color:#fff;font:700 12px/20px system-ui,-apple-system,"Segoe UI",Roboto,sans-serif;text-align:center;box-shadow:0 0 0 2px #fff}
.syg-fab-chat{position:relative}

#syg-chat{position:fixed;right:18px;bottom:88px;z-index:100;width:370px;max-width:calc(100vw - 24px);height:min(560px,calc(100vh - 130px));display:none;flex-direction:column;background:#fff;border-radius:18px;overflow:hidden;box-shadow:0 18px 50px rgba(16,35,63,.28),0 2px 8px rgba(16,35,63,.16);font:15px/1.5 system-ui,-apple-system,"Segoe UI",Roboto,"Helvetica Neue",Arial,sans-serif;color:#0f172a}
#syg-chat.on{display:flex}
#syg-chat *{box-sizing:border-box}
.syg-chat-hd{background:#1657d0;color:#fff;padding:14px 14px 13px;display:flex;align-items:center;gap:10px}
.syg-chat-hd .t{flex:1;min-width:0}
.syg-chat-hd b{display:block;font-size:15.5px;font-weight:700;letter-spacing:.1px}
.syg-chat-hd small{display:block;font-size:12px;opacity:.88;margin-top:1px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.syg-chat-hd .av{width:38px;height:38px;border-radius:999px;background:rgba(255,255,255,.18);display:flex;align-items:center;justify-content:center;font-weight:700;font-size:15px;flex:0 0 auto}
.syg-chat-x{background:none;border:0;color:#fff;font-size:22px;line-height:1;cursor:pointer;padding:4px 2px;opacity:.9}
.syg-chat-x:hover{opacity:1}
.syg-chat-live{display:inline-block;width:8px;height:8px;border-radius:999px;background:#4ade80;margin-right:5px;vertical-align:middle}

.syg-chat-body{flex:1;overflow-y:auto;padding:14px 14px 6px;background:#f6f8fb;-webkit-overflow-scrolling:touch}
.syg-msg{max-width:84%;margin:0 0 9px;padding:9px 12px;border-radius:14px;font-size:14.5px;word-wrap:break-word;overflow-wrap:anywhere;white-space:pre-wrap}
.syg-msg .who{display:block;font-size:11px;font-weight:700;color:#1657d0;margin-bottom:2px}
.syg-msg .at{display:block;font-size:10.5px;opacity:.6;margin-top:3px}
.syg-m-them{background:#fff;border:1px solid #e3e9f2;border-bottom-left-radius:5px;margin-right:auto}
.syg-m-me{background:#1657d0;color:#fff;border-bottom-right-radius:5px;margin-left:auto}
.syg-m-sys{max-width:100%;background:transparent;border:0;text-align:center;color:#64748b;font-size:12.5px;padding:4px 0 8px}
.syg-chat-typing{color:#64748b;font-size:12.5px;padding:0 2px 8px}
.syg-chat-typing i{display:inline-block;width:6px;height:6px;margin-right:3px;border-radius:999px;background:#94a3b8;animation:sygbl 1.1s infinite}
.syg-chat-typing i:nth-child(2){animation-delay:.18s}
.syg-chat-typing i:nth-child(3){animation-delay:.36s}
@keyframes sygbl{0%,60%,100%{opacity:.3}30%{opacity:1}}

.syg-chips{display:flex;flex-wrap:wrap;gap:7px;padding:2px 0 10px}
.syg-chips button{background:#fff;border:1px solid #c9d8f2;color:#1657d0;border-radius:999px;padding:7px 13px;font:600 13px/1.2 inherit;cursor:pointer}
.syg-chips button:hover{background:#eef4ff}
.syg-chips button.pri{background:#1657d0;border-color:#1657d0;color:#fff}

.syg-chat-ft{border-top:1px solid #e3e9f2;background:#fff;padding:9px 10px calc(9px + env(safe-area-inset-bottom))}
.syg-chat-row{display:flex;align-items:flex-end;gap:8px}
.syg-chat-in{flex:1;min-height:40px;max-height:110px;resize:none;border:1px solid #d7e0ee;border-radius:12px;padding:9px 12px;font:15px/1.4 inherit;color:#0f172a;outline:0}
.syg-chat-in:focus{border-color:#1657d0;box-shadow:0 0 0 3px rgba(22,87,208,.14)}
.syg-chat-send{flex:0 0 auto;width:40px;height:40px;border:0;border-radius:999px;background:#1657d0;color:#fff;cursor:pointer;display:flex;align-items:center;justify-content:center}
.syg-chat-send:disabled{opacity:.45;cursor:default}
.syg-chat-send svg{width:19px;height:19px;fill:currentColor}
.syg-chat-note{font-size:11px;color:#94a3b8;text-align:center;padding-top:6px}
.syg-chat-note a{color:#64748b}

.syg-chat-form{background:#fff;border:1px solid #e3e9f2;border-radius:14px;padding:11px;margin:0 0 10px}
.syg-chat-form b{display:block;font-size:13.5px;margin-bottom:7px}
.syg-chat-form input{width:100%;border:1px solid #d7e0ee;border-radius:10px;padding:9px 11px;font:14.5px/1.3 inherit;margin-bottom:7px;outline:0}
.syg-chat-form input:focus{border-color:#1657d0}
.syg-chat-form .go{width:100%;border:0;border-radius:10px;background:#1657d0;color:#fff;padding:10px;font:700 14.5px/1.2 inherit;cursor:pointer}
.syg-chat-form .skip{display:block;width:100%;background:none;border:0;color:#64748b;font:13px/1.2 inherit;padding:8px 0 0;cursor:pointer;text-decoration:underline}
.syg-chat-err{background:#fef2f2;border:1px solid #fecaca;color:#991b1b;border-radius:10px;padding:8px 11px;font-size:13px;margin:0 0 9px}
.syg-chat-err button{background:none;border:0;color:#991b1b;font:700 13px/1.2 inherit;text-decoration:underline;cursor:pointer;padding:0;margin-left:6px}
.syg-msg.q{opacity:.55}

@media (max-width:600px){
  #syg-chat{right:0;left:0;bottom:0;top:0;width:100%;max-width:100%;height:100%;border-radius:0}
  .syg-chat-hd{padding-top:calc(14px + env(safe-area-inset-top))}
}
@media (prefers-reduced-motion:reduce){.syg-chat-typing i{animation:none}}