.support-chat{position:fixed;right:20px;bottom:20px;z-index:1000;font-family:inherit}
.support-chat__launcher{border:0;border-radius:999px;background:#5a2aa8;color:#fff;font:inherit;font-weight:700;padding:13px 18px;box-shadow:0 8px 30px rgba(0,0,0,.22);cursor:pointer}
.support-chat__panel{position:absolute;right:0;bottom:58px;width:min(380px,calc(100vw - 28px));height:min(570px,calc(100vh - 100px));background:#fff;border:1px solid #ddd7e7;border-radius:16px;box-shadow:0 18px 50px rgba(0,0,0,.25);overflow:hidden;display:flex;flex-direction:column}
.support-chat__panel[hidden]{display:none}
.support-chat__header{background:#24133e;color:#fff;padding:14px 16px;display:flex;justify-content:space-between;align-items:center;flex:0 0 auto}
.support-chat__header span{display:block;font-size:.78rem;opacity:.8;font-weight:400}
.support-chat__close{background:transparent;border:0;color:#fff;font-size:1.7rem;cursor:pointer}
.support-chat__body{min-height:0;flex:1;padding:16px;overflow:hidden}
.support-chat__intro,.support-chat__conversation{height:100%;min-height:0}
.support-chat__intro{overflow-y:auto;-webkit-overflow-scrolling:touch;padding-right:2px}
.support-chat label{display:block;font-weight:650;font-size:.9rem;margin:0 0 10px}
.support-chat input,.support-chat textarea{box-sizing:border-box;width:100%;border:1px solid #cfc8d8;border-radius:8px;padding:9px 10px;font:inherit;margin-top:4px}
.support-chat form button{border:0;border-radius:8px;background:#5a2aa8;color:#fff;font:inherit;font-weight:700;padding:10px 14px;cursor:pointer}
.support-chat__conversation{display:flex;flex-direction:column;gap:9px}
.support-chat__conversation[hidden]{display:none}
.support-chat__messages{flex:1;min-height:0;overflow-y:auto;-webkit-overflow-scrolling:touch;padding-right:4px}
.support-chat__message{padding:9px 11px;border-radius:11px;margin:8px 0;max-width:88%;font-size:.92rem;line-height:1.4}
.support-chat__message strong{display:block;font-size:.76rem;margin-bottom:3px}
.support-chat__message.is-customer{margin-left:auto;background:#eee8f8}
.support-chat__message.is-support{background:#edf5ef}
.support-chat__status{font-size:.78rem;color:#6e6874}
.support-chat__conversation form{display:flex;gap:8px;align-items:end;flex:0 0 auto}
.support-chat__conversation form textarea{margin:0;resize:none;max-height:110px}
.support-chat__conversation form button{width:auto;flex:0 0 auto}

@media(max-width:560px){
  .support-chat{right:10px;bottom:10px;left:10px}
  .support-chat__launcher{margin-left:auto;display:block;padding:11px 14px}
  .support-chat__panel{
    position:fixed;
    left:8px;
    right:8px;
    top:max(8px,env(safe-area-inset-top));
    bottom:max(8px,env(safe-area-inset-bottom));
    width:auto;
    height:auto;
    max-height:none;
    border-radius:14px
  }
  .support-chat__header{padding:11px 13px}
  .support-chat__body{padding:12px;overflow:hidden}
  .support-chat__intro{overflow-y:auto;padding-bottom:10px}
  .support-chat__intro p{margin-top:0}
  .support-chat label{margin-bottom:8px;font-size:.86rem}
  .support-chat input,.support-chat textarea{padding:8px 9px}
  .support-chat__intro textarea{min-height:76px;max-height:100px}
  .support-chat__intro form button{width:100%;min-height:44px}
  .support-chat__conversation form{position:sticky;bottom:0;background:#fff;padding-top:6px}
  .support-chat__conversation form textarea{min-height:44px;max-height:88px}
  .support-chat__conversation form button{min-height:44px}
}
/* Slim, consistent chat scrollbars */
.support-chat__intro,
.support-chat__messages {
    scrollbar-width: thin;
    scrollbar-color: #b8b0c4 transparent;
}

/* Chromium browsers, including Edge */
.support-chat__intro::-webkit-scrollbar,
.support-chat__messages::-webkit-scrollbar {
    width: 6px;
}

.support-chat__intro::-webkit-scrollbar-track,
.support-chat__messages::-webkit-scrollbar-track {
    background: transparent;
}

.support-chat__intro::-webkit-scrollbar-thumb,
.support-chat__messages::-webkit-scrollbar-thumb {
    background: #b8b0c4;
    border-radius: 10px;
}

/* Keep the support chat readable in both site appearance modes. */
.support-chat__panel { color: #242033; color-scheme: light; }
.support-chat__body,
.support-chat__intro,
.support-chat__conversation,
.support-chat__intro p,
.support-chat__intro label { color: #242033; }
.support-chat__panel .support-chat__header,
.support-chat__panel .support-chat__header strong,
.support-chat__panel .support-chat__header span { color: #fff; }
.support-chat__panel input:not([type="file"]),
.support-chat__panel textarea {
  background: #fff;
  color: #242033;
  border-color: #cfc8d8;
  -webkit-text-fill-color: #242033;
}
.support-chat__panel input::placeholder,
.support-chat__panel textarea::placeholder { color: #635b70; opacity: 1; }
.support-chat__panel .support-chat__message.is-customer { background: #eee8f8; color: #242033; }
.support-chat__panel .support-chat__message.is-support { background: #edf5ef; color: #242033; }
.support-chat__panel .support-chat__message strong { color: inherit; }
.support-chat__panel .support-chat__conversation form { color: #242033; }
.support-chat__panel .support-chat__status { color: #6e6874; }
.support-chat__panel input:focus-visible,
.support-chat__panel textarea:focus-visible { outline-offset: 1px; }