:root {
  --z-sticky-header: 1000;
  --z-page-fab: 1100;       
  --z-chat-launcher: 1200;  
  --z-chat-widget: 2100;    
  --z-modal: 1400;
}

.chat-widget {
  position: fixed;
  bottom: 2.0833333333vw;
  right: 2.0833333333vw;
  display: none;
  font-family: "Inter Tight", serif;
  width: 100%;
  max-width: 21.875vw;
  min-height: 28vw;
  max-height: 80vh;
  background-color: #ffffff;
  border-radius: 1.25vw;
  box-shadow: 0 10px 25px rgba(0, 0, 0, 0.1);
  overflow: hidden;
  flex-direction: column;
  z-index: var(--z-chat-widget);
  display: none;
}

.chat-widget .chat-header {
  background-color: #42A5F5;
  padding: 0.8333333333vw 1.0416666667vw;
  display: flex;
  justify-content: space-between;
  align-items: center;
  color: #ffffff;
}
.chat-widget .chat-header .user-info {
  display: flex;
  align-items: center;
  gap: 0.625vw;
}
.chat-widget .chat-header .user-info .bot-avatar {
  width: 2.1875vw;
  height: 2.1875vw;
  background-color: #ffffff;
  border-radius: 50%;
  display: flex;
  align-items: center;
  justify-content: center;
}
.chat-widget .chat-header .user-info .bot-avatar img {
  width: 1.3541666667vw;
  height: 1.3541666667vw;
  object-fit: contain;
}
.chat-widget .chat-header .user-info .details .title {
  font-size: 1.0416666667vw;
  font-weight: 700;
  line-height: 1.2;
}
.chat-widget .chat-header .user-info .details .status {
  font-size: 0.625vw;
  color: rgba(255, 255, 255, 0.8);
  display: flex;
  align-items: center;
  gap: 0.3125vw;
  margin-top: 0.1041666667vw;
}
.chat-widget .chat-header .user-info .details .status .dot {
  width: 0.4166666667vw;
  height: 0.4166666667vw;
  background-color: #22c55e;
  border-radius: 50%;
}
.chat-widget .chat-header .btn-minimize {
  background: none;
  border: none;
  color: #ffffff;
  cursor: pointer;
  opacity: 0.8;
  transition: opacity 0.2s;
}
.chat-widget .chat-header .btn-minimize:hover {
  opacity: 1;
}
.chat-widget .chat-header .btn-minimize svg {
  width: 1.25vw;
  height: 1.25vw;
}
.chat-widget .chat-body {
  background-color: #f5f6fa;
  padding: 1.0416666667vw;
  display: flex;
  flex-direction: column;
  gap: 0.8333333333vw;
  max-height: 27.0833333333vw;
  min-height: 16vw;
  flex: 1 1 auto;
  overflow-y: auto;
}
.chat-launcher,
#chatOpenBtn,
[data-chat-open] {
  position: relative;
  z-index: var(--z-chat-launcher);
}

.chat-unread-badge {
  position: absolute;
  top: -0.3em;
  right: -0.3em;
  min-width: 1.25em;
  height: 1.25em;
  padding: 0 0.35em;
  border-radius: 999px;
  background: #e53935;
  color: #fff;
  font-size: 11px;
  font-weight: 700;
  line-height: 1.25em;
  text-align: center;
  pointer-events: none;
  box-shadow: 0 1px 4px rgba(0, 0, 0, 0.25);
}
.chat-widget .chat-body .message-group {
  display: flex;
  gap: 0.4166666667vw;
  align-items: flex-end;
}
.chat-widget .chat-body .message-group .avatar {
  width: 1.875vw;
  height: 1.875vw;
  border-radius: 50%;
  flex-shrink: 0;
  overflow: hidden;
}
.chat-widget .chat-body .message-group .avatar.bot {
  display: flex;
  align-items: center;
  justify-content: center;
}
.chat-widget .chat-body .message-group .avatar.bot img {
  width: 1.0416666667vw;
  height: 1.0416666667vw;
  object-fit: contain;
}
.chat-widget .chat-body .message-group .avatar.user img {
  width: 100%;
  height: 100%;
  object-fit: cover;
}
.chat-widget .chat-body .message-group .content {
  display: flex;
  flex-direction: column;
  max-width: 80%;
}
.chat-widget .chat-body .message-group .content .bubble {
  position: relative;
  padding: 0.5208333333vw 0.7291666667vw;
  font-size: 0.7291666667vw;
  line-height: 1.4;
  border-radius: 0.8333333333vw;
}
.chat-widget .chat-body .message-group .content .bubble .meta-bottom {
  display: flex;
  align-items: center;
  justify-content: flex-end;
  gap: 0.2083333333vw;
  font-size: 0.5729166667vw;
  margin-top: 0.2083333333vw;
}
.chat-widget .chat-body .message-group .content .bubble .meta-bottom .time {
  line-height: 1;
}
.chat-widget .chat-body .message-group .content .bubble .meta-bottom .check-icon {
  font-size: 0.625vw;
  line-height: 1;
}
.chat-widget .chat-body .message-group .content .bubble .meta-bottom .check-icon.double {
  font-weight: bold;
}
.chat-widget .chat-body .message-group.incoming {
  justify-content: flex-start;
}
.chat-widget .chat-body .message-group.incoming .bubble {
  background-color: #e2e7ec;
  color: #333333;
  border-bottom-left-radius: 0.1041666667vw;
}
.chat-widget .chat-body .message-group.incoming .bubble .meta-bottom {
  color: #777777;
}
.chat-widget .chat-body .message-group.incoming .bubble .meta-bottom .check-icon.double {
  color: #42A5F5;
}
.chat-widget .chat-body .message-group.outgoing {
  justify-content: flex-end;
}
.chat-widget .chat-body .message-group.outgoing .bubble {
  background-color: #320a5c;
  color: #ffffff;
  border-bottom-right-radius: 0.1041666667vw;
}
.chat-widget .chat-body .message-group.outgoing .bubble .meta-bottom {
  color: rgba(255, 255, 255, 0.7);
}
.chat-widget .chat-body .message-group.outgoing .bubble .meta-bottom .check-icon.double {
  color: #a78bfa;
}
.chat-widget .typing-indicator {
  display: none;
  padding: 0 0.78125vw 0.2604166667vw;
  font-size: 0.625vw;
  color: #777777;
}
.chat-widget .chat-footer {
  padding: 0.625vw 0.8333333333vw 0.8333333333vw;
  background-color: #ffffff;
}
.chat-widget .chat-footer .quick-chips {
  display: flex;
  gap: 0.4166666667vw;
  overflow-x: auto;
  padding-bottom: 0.625vw;
}
.chat-widget .chat-footer .quick-chips::-webkit-scrollbar {
  display: none;
}
.chat-widget .chat-footer .quick-chips .chip {
  background-color: #eef2f6;
  border: none;
  padding: 0.4166666667vw 0.625vw;
  border-radius: 0.625vw;
  font-size: 0.625vw;
  font-weight: 500;
  color: #4a5568;
  white-space: nowrap;
  cursor: pointer;
  transition: background-color 0.2s;
}
.chat-widget .chat-footer .quick-chips .chip:hover {
  background-color: rgb(86.7948717949%, 89.9019607843%, 93.0090497738%);
}
.chat-widget .chat-footer .input-wrapper {
  position: relative;
  display: flex;
  align-items: center;
}
.chat-widget .chat-footer .input-wrapper input {
  width: 100%;
  background-color: #eef2f6;
  border: none;
  border-radius: 0.8333333333vw;
  padding: 0.7291666667vw 2.34375vw 0.7291666667vw 0.8333333333vw;
  font-size: 0.7291666667vw;
  color: #333333;
  outline: none;
}
.chat-widget .chat-footer .input-wrapper input::placeholder {
  color: #a0aec0;
}
.chat-widget .chat-footer .input-wrapper .btn-send {
  position: absolute;
  right: 0.625vw;
  background: none;
  border: none;
  cursor: pointer;
  color: #42A5F5;
  display: flex;
  align-items: center;
  justify-content: center;
}
.chat-widget .chat-footer .input-wrapper .btn-send svg {
  width: 1.0416666667vw;
  height: 1.0416666667vw;
}

@media only screen and (max-width: 999px) {
  .chat-widget {
    box-shadow: 0px 0px 17px 5px rgba(0,0,0,0.47);
    position: fixed;
    bottom: 50%;
    right: 50%;
    transform: translate(50%, 50%);
    max-width: 90vw;
    min-height: 70vh;
    max-height: 85vh;
  }
  .chat-widget .chat-header {
    padding: 4.1025641026vw 5.1282051282vw;
  }
  .chat-widget .chat-header .user-info {
    gap: 3.0769230769vw;
  }
  .chat-widget .chat-header .user-info .bot-avatar {
    width: 10.7692307692vw;
    height: 10.7692307692vw;
  }
  .chat-widget .chat-header .user-info .bot-avatar img {
    width: 6.6666666667vw;
    height: 6.6666666667vw;
  }
  .chat-widget .chat-header .user-info .details .title {
    font-size: 5.1282051282vw;
  }
  .chat-widget .chat-header .user-info .details .status {
    font-size: 3.0769230769vw;
    gap: 1.5384615385vw;
    margin-top: 0.5128205128vw;
  }
  .chat-widget .chat-header .user-info .details .status .dot {
    width: 2.0512820513vw;
    height: 2.0512820513vw;
  }
  .chat-widget .chat-header .btn-minimize svg {
    width: 6.1538461538vw;
    height: 6.1538461538vw;
  }
  .chat-widget .chat-body {
    padding: 5.1282051282vw;
    gap: 4.1025641026vw;
    max-height: 60vh;
    min-height: 40vh;
  }
  .chat-widget .chat-body .message-group {
    gap: 2.0512820513vw;
  }
  .chat-widget .chat-body .message-group .avatar {
    width: 9.2307692308vw;
    height: 9.2307692308vw;
  }
  .chat-widget .chat-body .message-group .avatar.bot img {
    width: 5.1282051282vw;
    height: 5.1282051282vw;
  }
  .chat-widget .chat-body .message-group .content .bubble {
    padding: 2.5641025641vw 3.5897435897vw;
    font-size: 3.5897435897vw;
  }
  .chat-widget .chat-body .message-group .content .bubble .meta-bottom {
    gap: 1.0256410256vw;
    font-size: 2.8205128205vw;
    margin-top: 1.0256410256vw;
  }
  .chat-widget .chat-body .message-group .content .bubble .meta-bottom .check-icon {
    font-size: 3.0769230769vw;
  }
  .chat-widget .chat-body .message-group.incoming .bubble {
    border-bottom-left-radius: 0.5128205128vw;
  }
  .chat-widget .chat-body .message-group.outgoing .bubble {
    border-bottom-right-radius: 0.5128205128vw;
  }
  .chat-widget .typing-indicator {
    padding: 0 3.8461538462vw 1.2820512821vw;
    font-size: 3.0769230769vw;
  }
  .chat-widget .chat-footer {
    padding: 3.0769230769vw 4.1025641026vw 4.1025641026vw;
  }
  .chat-widget .chat-footer .quick-chips {
    gap: 2.0512820513vw;
    padding-bottom: 3.0769230769vw;
  }
  .chat-widget .chat-footer .quick-chips .chip {
    padding: 2.0512820513vw 3.0769230769vw;
    border-radius: 3.0769230769vw;
    font-size: 3.0769230769vw;
  }
  .chat-widget .chat-footer .input-wrapper input {
    border-radius: 4.1025641026vw;
    padding: 3.5897435897vw 11.5384615385vw 3.5897435897vw 4.1025641026vw;
    font-size: 3.5897435897vw;
  }
  .chat-widget .chat-footer .input-wrapper .btn-send {
    right: 3.0769230769vw;
  }
  .chat-widget .chat-footer .input-wrapper .btn-send svg {
    width: 5.1282051282vw;
    height: 5.1282051282vw;
  }
}

/*# sourceMappingURL=1.css.map */