.support-chat-root {
  --support-bottom: 18px;
  --support-viewport-height: 100dvh;
  --support-keyboard-inset: 0px;
  position: fixed;
  right: 18px;
  bottom: var(--support-bottom);
  z-index: 90;
  color: #edf4ef;
  font-family: inherit;
  letter-spacing: 0;
}
.support-chat-root, .support-chat-root * { box-sizing: border-box; }
.support-chat-root [hidden], .support-chat-root[hidden] { display: none !important; }
.support-chat-root button, .support-chat-root textarea { font-family: inherit; letter-spacing: 0; }
.support-chat-root button { cursor: pointer; }
.support-chat-root button:focus-visible, .support-chat-root textarea:focus-visible, .support-chat-log:focus-visible {
  outline: 2px solid #57d6ba;
  outline-offset: 2px;
}
.support-chat-root .support-chat-icon-button {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  flex: 0 0 40px;
  width: 40px;
  height: 40px;
  min-height: 40px;
  border: 0;
  border-radius: 6px;
  background: transparent;
  color: #bdc9c4;
  padding: 0;
}
.support-chat-root .support-chat-icon-button:hover { background: #202927; color: #fff; }
.support-chat-root .client-icon { width: 18px; height: 18px; fill: none; stroke: currentColor; stroke-width: 1.7; stroke-linecap: round; stroke-linejoin: round; }
.support-chat-root .support-chat-launcher {
  width: 48px;
  height: 48px;
  flex-basis: 48px;
  border: 1px solid #1bb966;
  border-radius: 50%;
  background: #159f56;
  color: #fff;
  box-shadow: 0 5px 18px #0004;
}
.support-chat-root .support-chat-launcher:hover {
  background: #118347;
  color: #fff;
}
.support-chat-root .support-chat-launcher .client-icon {
  width: 24px;
  height: 24px;
  fill: currentColor;
  stroke-width: 1;
  transform: scaleX(-1);
}
.support-chat-panel {
  display: grid;
  grid-template-rows: auto minmax(0, 1fr) auto;
  width: min(370px, calc(100vw - 36px));
  height: min(550px, calc(var(--support-viewport-height) - 40px));
  min-height: 0;
  overflow: hidden;
  border: 1px solid #34433c;
  border-radius: 8px;
  background: #101614;
  box-shadow: 0 12px 44px #0007;
}
.support-chat-header { display: flex; align-items: center; justify-content: space-between; gap: 8px; padding: 8px 8px 8px 16px; border-bottom: 1px solid #2a3430; }
.support-chat-heading { display: grid; gap: 3px; min-width: 0; }
.support-chat-heading strong { font-size: 14px; line-height: 1.3; color: #f5f7f6; }
.support-chat-heading span { color: #9faea7; font-size: 11px; line-height: 1.3; }
.support-chat-tools { display: flex; gap: 0; flex-shrink: 0; }
.support-chat-log { min-height: 0; overflow: auto; padding: 16px; overscroll-behavior: contain; scrollbar-width: thin; scrollbar-color: #43524b transparent; }
.support-chat-message { margin: 0 0 20px; min-width: 0; }
.support-chat-message p { margin: 5px 0 0; color: #dce5df; white-space: pre-wrap; overflow-wrap: anywhere; font-size: 13px; line-height: 1.6; }
.support-chat-speaker { display: block; color: #9bd4b6; font-size: 10px; line-height: 1.3; font-weight: 700; }
.support-chat-message-user { margin-left: 28px; border-left: 2px solid #457a63; padding-left: 12px; }
.support-chat-message-user .support-chat-speaker { color: #b5c1bb; }
.support-chat-message-user p { color: #fff; }
.support-chat-checked { display: block; margin-top: 8px; color: #8c9d94; font-size: 10px; line-height: 1.4; }
.support-chat-actions { display: flex; flex-wrap: wrap; gap: 6px 14px; margin-top: 10px; }
.support-chat-actions button, .support-chat-retry {
  border: 0;
  border-bottom: 1px solid #47715d;
  border-radius: 0;
  background: transparent;
  color: #8ee3b0;
  min-height: 34px;
  max-width: 100%;
  padding: 4px 0;
  font-size: 12px;
  line-height: 1.4;
  text-align: left;
  white-space: normal;
}
.support-chat-suggestions { display: grid; margin-top: 12px; border-top: 1px solid #2c3631; }
.support-chat-suggestions button {
  width: 100%;
  min-height: 38px;
  border: 0;
  border-bottom: 1px solid #2c3631;
  border-radius: 0;
  padding: 9px 0;
  background: transparent;
  color: #bac9c1;
  font-size: 12px;
  line-height: 1.4;
  text-align: left;
  overflow-wrap: anywhere;
}
.support-chat-suggestions button:hover, .support-chat-actions button:hover { color: #fff; }
.support-chat-composer { display: flex; align-items: flex-end; gap: 6px; padding: 10px; border-top: 1px solid #2a3430; background: #131c17; margin: 0; }
.support-chat-root .support-chat-input {
  width: 100%;
  min-width: 0;
  min-height: 44px;
  max-height: 96px;
  margin: 0;
  padding: 10px;
  border: 1px solid #35453c;
  border-radius: 6px;
  background: #0b110e;
  color: #f1f6f3;
  font-size: 16px;
  line-height: 1.4;
  resize: none;
}
.support-chat-input::placeholder { color: #8b9a91; }
.support-chat-root .support-chat-composer .support-chat-icon-button { background: #71d99b; color: #092313; margin-bottom: 2px; }
.support-chat-root .support-chat-composer button:disabled { opacity: 0.4; cursor: default; }
.support-chat-waiting { font-size: 12px; color: #9baca1; padding-bottom: 12px; }
.support-chat-sr-only { position: absolute; width: 1px; height: 1px; padding: 0; margin: -1px; overflow: hidden; clip: rect(0, 0, 0, 0); white-space: nowrap; border: 0; }
body.support-chat-is-open .client-live-activity-host,
body.support-chat-is-open .client-reward-prompt-host { visibility: hidden; pointer-events: none; }
body:has(.client-reward-prompt-host.is-visible) .support-chat-root { --support-bottom: 142px; }
body.support-chat-is-open .support-chat-root { --support-bottom: 18px; }

@media (max-width: 820px) {
  .support-chat-root { right: 10px; --support-bottom: 12px; }
  .support-chat-root.is-client { --support-bottom: calc(88px + env(safe-area-inset-bottom)); }
  .support-chat-panel {
    width: min(370px, calc(100vw - 20px));
    height: min(540px, calc(var(--support-viewport-height) - 118px - env(safe-area-inset-bottom)));
  }
  .support-chat-root:not(.is-client) .support-chat-panel { height: min(540px, calc(var(--support-viewport-height) - 32px)); }
  .support-chat-header { padding-left: 12px; }
  .support-chat-heading strong { font-size: 13px; }
  .support-chat-log { padding: 12px; }
  .support-chat-message p { font-size: 12px; }
  body:has(.client-live-activity-host.is-visible) .support-chat-root.is-client { --support-bottom: calc(160px + env(safe-area-inset-bottom)); }
  body:has(.client-reward-prompt-host.is-visible) .support-chat-root.is-client { --support-bottom: calc(242px + env(safe-area-inset-bottom)); }
  body.support-chat-is-open .support-chat-root.is-client { --support-bottom: calc(88px + env(safe-area-inset-bottom)); }
  body.support-chat-is-open .support-chat-root.is-keyboard-open {
    --support-bottom: calc(8px + var(--support-keyboard-inset));
  }
  .support-chat-root.is-keyboard-open .support-chat-panel { height: min(540px, calc(var(--support-viewport-height) - 24px)); }
}
@media (prefers-reduced-motion: no-preference) {
  .support-chat-icon-button, .support-chat-actions button { transition: background 120ms ease, color 120ms ease; }
}