.interhub-connect-chat,
.interhub-connect-chat * {
  box-sizing: border-box;
}

.interhub-connect-chat {
  position: fixed !important;
  right: 24px !important;
  bottom: 24px !important;
  z-index: 2147483000 !important;
  width: auto !important;
  margin: 0 !important;
  color: #17231e !important;
  font: 14px/1.45 system-ui, -apple-system, BlinkMacSystemFont, "Segoe UI", sans-serif !important;
  text-transform: none !important;
}

.interhub-connect-chat.ihc-position-left { left: 24px !important; right: auto !important; }
.interhub-connect-chat.ihc-position-right { right: 24px !important; left: auto !important; }
.interhub-connect-chat.ihc-position-left .ihc-panel { left: 0 !important; right: auto !important; }
.interhub-connect-chat.ihc-position-right .ihc-panel { right: 0 !important; left: auto !important; }

.interhub-connect-chat .ihc-launch {
  appearance: none !important;
  position: relative !important;
  display: grid !important;
  place-items: center !important;
  width: 66px !important;
  height: 66px !important;
  min-width: 66px !important;
  min-height: 66px !important;
  margin: 0 !important;
  padding: 0 !important;
  overflow: visible !important;
  border: 1px solid rgba(255,255,255,.68) !important;
  border-radius: 50% !important;
  background: radial-gradient(circle at 32% 23%, #7ea4ff 0, #315fd4 42%, #173a94 100%) !important;
  color: #fff !important;
  box-shadow: inset 0 2px 3px #ffffff70, inset 0 -7px 13px #0b246c78, 0 12px 28px #15346b55, 0 0 0 7px #3a69d51c !important;
  cursor: pointer !important;
  line-height: 1 !important;
  text-align: center !important;
  text-decoration: none !important;
  text-transform: none !important;
  transform: translateZ(0);
  transition: transform .2s ease, box-shadow .2s ease, filter .2s ease;
  isolation: isolate;
}

.interhub-connect-chat .ihc-launch::before,
.interhub-connect-chat .ihc-launch::after {
  display: none !important;
  content: none !important;
}

.interhub-connect-chat .ihc-launch:hover {
  transform: translateY(-3px) scale(1.04) !important;
  filter: brightness(1.08);
  box-shadow: inset 0 2px 3px #ffffff80, inset 0 -7px 13px #0b246c78, 0 16px 34px #15346b66, 0 0 0 9px #3a69d522 !important;
}

.interhub-connect-chat .ihc-launch:focus-visible,
.interhub-connect-chat .ihc-close:focus-visible,
.interhub-connect-chat .ihc-form button:focus-visible {
  outline: 3px solid #89b8ff !important;
  outline-offset: 4px !important;
}

.interhub-connect-chat .ihc-launch-icon {
  display: block !important;
  width: 29px !important;
  height: 29px !important;
  fill: none !important;
  stroke: #fff !important;
  stroke-linecap: round !important;
  stroke-linejoin: round !important;
  stroke-width: 1.8 !important;
  filter: drop-shadow(0 1px 2px #10245380);
}

.interhub-connect-chat .ihc-launch-dot {
  position: absolute !important;
  right: 3px !important;
  bottom: 5px !important;
  width: 13px !important;
  height: 13px !important;
  border: 2px solid #fff !important;
  border-radius: 50% !important;
  background: #61e0a2 !important;
  box-shadow: 0 0 12px #61e0a2cc !important;
}

.interhub-connect-chat .ihc-panel {
  position: absolute !important;
  right: 0 !important;
  bottom: 82px !important;
  display: flex !important;
  flex-direction: column !important;
  width: min(360px, calc(100vw - 28px)) !important;
  height: min(570px, calc(100vh - 115px)) !important;
  min-height: 340px !important;
  margin: 0 !important;
  padding: 0 !important;
  overflow: hidden !important;
  border: 1px solid #dfe5ef !important;
  border-radius: 18px !important;
  background: #fff !important;
  box-shadow: 0 18px 55px #14213d44 !important;
  color: #18202c !important;
  text-align: left !important;
  text-transform: none !important;
}

.interhub-connect-chat .ihc-panel[hidden] {
  display: none !important;
}

.interhub-connect-chat .ihc-head {
  display: flex !important;
  flex: 0 0 auto !important;
  align-items: center !important;
  justify-content: space-between !important;
  gap: 12px !important;
  margin: 0 !important;
  padding: 15px 17px !important;
  background: linear-gradient(135deg, #182b45, #203e69) !important;
  color: #fff !important;
}

.interhub-connect-chat .ihc-brand {
  display: flex !important;
  align-items: center !important;
  gap: 10px !important;
  min-width: 0 !important;
}

.interhub-connect-chat .ihc-logo {
  display: grid !important;
  flex: 0 0 36px !important;
  place-items: center !important;
  width: 36px !important;
  height: 36px !important;
  overflow: hidden !important;
  border-radius: 10px !important;
  background: #ffffff20 !important;
}

.interhub-connect-chat .ihc-logo img {
  display: block !important;
  max-width: 100% !important;
  max-height: 100% !important;
  object-fit: contain !important;
}

.interhub-connect-chat .ihc-brand strong,
.interhub-connect-chat .ihc-brand small {
  display: block !important;
  margin: 0 !important;
  color: inherit !important;
  text-transform: none !important;
}

.interhub-connect-chat .ihc-brand strong {
  overflow: hidden !important;
  font-size: 14px !important;
  font-weight: 700 !important;
  text-overflow: ellipsis !important;
  white-space: nowrap !important;
}

.interhub-connect-chat .ihc-brand small {
  margin-top: 3px !important;
  color: #d5e0ef !important;
  font-size: 11px !important;
}

.interhub-connect-chat .ihc-close {
  appearance: none !important;
  display: grid !important;
  flex: 0 0 32px !important;
  place-items: center !important;
  width: 32px !important;
  height: 32px !important;
  margin: 0 !important;
  padding: 0 !important;
  border: 0 !important;
  border-radius: 8px !important;
  background: transparent !important;
  color: #fff !important;
  cursor: pointer !important;
  font: 26px/1 system-ui, sans-serif !important;
}

.interhub-connect-chat .ihc-messages {
  flex: 1 1 auto !important;
  min-height: 0 !important;
  overflow: auto !important;
  margin: 0 !important;
  padding: 16px !important;
  background: #f6f8fb !important;
}

.interhub-connect-chat .ihc-msg {
  max-width: 85% !important;
  margin: 0 0 10px !important;
  padding: 10px 12px !important;
  border-radius: 13px !important;
  background: #fff !important;
  box-shadow: 0 2px 8px #26364d12 !important;
  color: #18202c !important;
  font-size: 13px !important;
  white-space: pre-wrap !important;
  word-break: break-word !important;
}

.interhub-connect-chat .ihc-msg small {
  display: block !important;
  margin-top: 5px !important;
  color: #7a8799 !important;
  font-size: 10px !important;
}

.interhub-connect-chat .ihc-msg.ihc-agent { border-bottom-left-radius: 3px !important; }
.interhub-connect-chat .ihc-msg.ihc-visitor { margin-left: auto !important; border-bottom-right-radius: 3px !important; background: #1e4fae !important; color: #fff !important; }
.interhub-connect-chat .ihc-msg.ihc-visitor small { color: #dbe7ff !important; }

.interhub-connect-chat .ihc-form {
  flex: 0 0 auto !important;
  margin: 0 !important;
  padding: 12px !important;
  border-top: 1px solid #e7ebf1 !important;
  background: #fff !important;
}

.interhub-connect-chat .ihc-fields { display: grid !important; grid-template-columns: 1fr 1fr !important; gap: 7px !important; }
.interhub-connect-chat .ihc-fields[hidden],
.interhub-connect-chat .ihc-identity[hidden] { display: none !important; }
.interhub-connect-chat .ihc-identity { display: flex !important; align-items: center !important; justify-content: space-between !important; gap: 8px !important; margin: 0 0 8px !important; color: #69778c !important; font-size: 11px !important; }
.interhub-connect-chat .ihc-form .ihc-edit-identity { padding: 3px 7px !important; border: 1px solid #d5dce7 !important; background: #fff !important; color: #315bc0 !important; font: 600 10px/1.4 system-ui, sans-serif !important; }
.interhub-connect-chat .ihc-form input,
.interhub-connect-chat .ihc-form textarea {
  display: block !important;
  width: 100% !important;
  min-height: 40px !important;
  margin: 0 0 7px !important;
  padding: 9px !important;
  border: 1px solid #d5dce7 !important;
  border-radius: 9px !important;
  background: #fff !important;
  color: #18202c !important;
  box-shadow: none !important;
  font: 13px/1.4 system-ui, sans-serif !important;
  text-transform: none !important;
}

.interhub-connect-chat .ihc-form textarea { min-height: 76px !important; resize: vertical !important; }
.interhub-connect-chat .ihc-form-foot { display: flex !important; align-items: center !important; gap: 8px !important; }
.interhub-connect-chat .ihc-status { flex: 1 !important; margin: 0 !important; color: #69778c !important; font-size: 11px !important; }
.interhub-connect-chat .ihc-form button { appearance: none !important; margin: 0 !important; padding: 9px 15px !important; border: 0 !important; border-radius: 8px !important; background: #1e4fae !important; color: #fff !important; cursor: pointer !important; font: 700 12px/1.4 system-ui, sans-serif !important; text-transform: none !important; }
.interhub-connect-chat .ihc-form button:disabled { opacity: .55 !important; cursor: wait !important; }
.interhub-connect-chat .ihc-welcome { margin: 0 !important; padding: 22px 6px !important; color: #64748b !important; text-align: center !important; }
.interhub-connect-chat .ihc-error { color: #a33b3b !important; }

@media (max-width: 480px) {
  .interhub-connect-chat.ihc-position-left { left: 16px !important; right: auto !important; bottom: 16px !important; }
  .interhub-connect-chat.ihc-position-right { right: 16px !important; left: auto !important; bottom: 16px !important; }
  .interhub-connect-chat .ihc-launch { width: 60px !important; height: 60px !important; min-width: 60px !important; min-height: 60px !important; }
  .interhub-connect-chat .ihc-panel { bottom: 74px !important; height: min(570px, calc(100vh - 98px)) !important; }
}

@media (prefers-reduced-motion: reduce) {
  .interhub-connect-chat .ihc-launch { transition: none !important; }
}