.supportChoiceDialog.supportTicketDialog {
  display: flex;
  flex-direction: column;
  box-sizing: border-box;
  width: min(760px, calc(100vw - 32px));
  height: min(760px, calc(100dvh - 32px));
  max-height: calc(100dvh - 32px);
  overflow: hidden;
}

.supportTicketDialog .supportChoiceHeader { flex: 0 0 auto; align-items: center; }
.supportTicketDialog .supportChoiceHeader > div { display: flex; align-items: center; min-height: 44px; }
.supportTicketDialog .supportChoiceHeader h2 { margin: 0; }
.supportTicketDialog .supportChoiceClose {
  position: relative; display: grid; flex: 0 0 44px; width: 44px; min-width: 44px; height: 44px; min-height: 44px; padding: 0;
  place-items: center; color: transparent; font-size: 0 !important; line-height: 0;
}
.supportTicketDialog .supportChoiceClose::before,
.supportTicketDialog .supportChoiceClose::after {
  content: ""; position: absolute; left: 50%; top: 50%; width: 14px; height: 2px;
  border-radius: 99px; background: rgba(246, 242, 236, .65); transform-origin: center;
}
.supportTicketDialog .supportChoiceClose::before { transform: translate(-50%, -50%) rotate(45deg); }
.supportTicketDialog .supportChoiceClose::after { transform: translate(-50%, -50%) rotate(-45deg); }
.supportTicketDialog .supportChoiceClose:hover::before,
.supportTicketDialog .supportChoiceClose:hover::after { background: #f6f2ec; }
.supportTicketDialog .supportChoiceActions {
  display: block; flex: 1 1 auto; min-height: 0; margin-top: 16px;
}
.supportTicketShell, .supportTicketHistory, .supportChat { min-height: 0; height: 100%; }
.supportTicketHistory { display: block; }

.supportChat {
  display: grid; grid-template-rows: auto minmax(0, 1fr) auto; overflow: hidden;
  border: 1px solid rgba(246, 242, 236, .13); border-radius: 18px;
  background: rgba(12, 13, 14, .3);
}
.supportChatHead {
  display: flex; align-items: center; justify-content: space-between; gap: 16px;
  padding: 14px 16px; border-bottom: 1px solid rgba(246, 242, 236, .1);
  background: rgba(255, 255, 255, .025);
}
.supportChatIdentity { display: flex; align-items: center; min-width: 0; gap: 11px; }
.supportChatAvatar {
  display: grid; flex: 0 0 40px; width: 40px; height: 40px; place-items: center;
  overflow: hidden; border-radius: 50%; background: rgba(255, 92, 25, .08);
  box-shadow: 0 8px 24px rgba(255, 92, 25, .15);
}
.supportChatAvatar img { display: block; width: 36px; height: 36px; object-fit: contain; }
.supportChatIdentityCopy { display: grid; min-width: 0; gap: 3px; }
.supportChatIdentityCopy strong {
  overflow: hidden; color: #f6f2ec; font-size: 14px; text-overflow: ellipsis; white-space: nowrap;
}
.supportChatIdentityCopy small {
  overflow: hidden; color: rgba(246, 242, 236, .5); font-size: 11px;
  text-overflow: ellipsis; white-space: nowrap;
}
.supportChatRefresh {
  position: relative; display: block; flex: 0 0 36px; width: 36px; min-width: 36px; height: 36px; min-height: 36px; padding: 0;
  box-sizing: border-box;
  border: 1px solid rgba(246, 242, 236, .15); border-radius: 50%; background: transparent;
  color: rgba(246, 242, 236, .72); font: inherit; font-size: 0; line-height: 0; cursor: pointer;
  appearance: none; -webkit-appearance: none; overflow: hidden;
}
.supportChatRefresh::before {
  content: ""; position: absolute; left: 50%; top: 50%; right: auto; bottom: auto;
  width: 17px; height: 17px; margin: 0; background: currentColor; transform: translate(-50%, -50%);
  -webkit-mask: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'%3E%3Cpath d='M17.65 6.35A7.95 7.95 0 0 0 12 4a8 8 0 1 0 7.75 10h-2.1A6 6 0 1 1 12 6c1.66 0 3.14.69 4.22 1.78L13 11h7V4l-2.35 2.35Z'/%3E%3C/svg%3E") center / contain no-repeat;
  mask: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'%3E%3Cpath d='M17.65 6.35A7.95 7.95 0 0 0 12 4a8 8 0 1 0 7.75 10h-2.1A6 6 0 1 1 12 6c1.66 0 3.14.69 4.22 1.78L13 11h7V4l-2.35 2.35Z'/%3E%3C/svg%3E") center / contain no-repeat;
}
.supportChatRefresh:hover { border-color: #ff5c19; color: #ff6a2c; }
.supportChatRefresh:disabled { opacity: .45; cursor: wait; }

.supportTicketMessages {
  display: flex; min-height: 0; padding: 18px; overflow-y: auto; flex-direction: column; gap: 10px;
  overscroll-behavior: contain; scrollbar-gutter: stable;
  background: radial-gradient(circle at 100% 0, rgba(255, 92, 25, .05), transparent 34%), rgba(0, 0, 0, .08);
}
.supportChatEmpty { display: grid; max-width: 310px; margin: auto; gap: 7px; text-align: center; }
.supportChatEmpty strong { color: #f6f2ec; font-size: 17px; }
.supportChatEmpty span { color: rgba(246, 242, 236, .5); font-size: 12px; line-height: 1.5; }

.supportTicketMessage {
  display: grid; width: fit-content; max-width: min(78%, 520px); padding: 10px 12px 7px;
  align-self: flex-start; gap: 7px; border: 1px solid rgba(246, 242, 236, .1);
  border-radius: 16px 16px 16px 5px; background: #292b2d;
  box-shadow: 0 7px 18px rgba(0, 0, 0, .08);
}
.supportTicketMessage.customer {
  align-self: flex-end; border-color: rgba(255, 92, 25, .2);
  border-radius: 16px 16px 5px 16px; background: #4a2c22;
}
.supportTicketMessage p {
  margin: 0; color: rgba(246, 242, 236, .9); font-size: 13px; line-height: 1.45;
  overflow-wrap: anywhere; white-space: pre-wrap;
}
.supportTicketMessageMeta {
  display: flex; align-items: center; justify-content: flex-end; gap: 8px;
  color: rgba(246, 242, 236, .4); font-size: 9px;
}
.supportTicketMessageMeta b { display: none; }
.supportTicketMessageMeta time { white-space: nowrap; }
.supportTicketImage {
  display: block; width: min(360px, 100%); max-height: 330px; object-fit: contain;
  border-radius: 11px; background: rgba(0, 0, 0, .25);
}
.supportTicketImageError { color: #ff8d70; font-size: 11px; }

.supportTicketReply {
  display: grid; grid-template-columns: auto minmax(0, 1fr) auto; align-items: end; gap: 9px;
  padding: 12px; border-top: 1px solid rgba(246, 242, 236, .1);
  background: rgba(255, 255, 255, .025);
}
.supportTicketReply textarea {
  display: block; width: 100%; min-height: 46px; max-height: 120px; box-sizing: border-box;
  padding: 12px 13px; resize: none; border: 1px solid rgba(246, 242, 236, .16);
  border-radius: 14px; outline: none; background: rgba(10, 11, 12, .45); color: #f6f2ec;
  font: inherit; font-size: 13px; line-height: 1.45;
}
.supportTicketReply textarea:focus { border-color: #ff5c19; box-shadow: 0 0 0 3px rgba(255, 92, 25, .1); }
.supportTicketReplyUpload {
  position: relative; display: grid; width: 46px; min-width: 46px; height: 46px; min-height: 46px; place-items: center;
  box-sizing: border-box;
  border: 1px solid rgba(246, 242, 236, .16); border-radius: 14px; color: #f6f2ec; cursor: pointer;
}
.supportTicketReplyUpload:hover { border-color: #ff5c19; color: #ff6a2c; }
.supportTicketReplyUpload input { position: absolute; width: 1px; height: 1px; opacity: 0; pointer-events: none; }
.supportTicketReplyUpload span { display: none; }
.supportTicketReplyUpload::before,
.supportTicketReplyUpload::after {
  content: ""; position: absolute; left: 50%; top: 50%; width: 15px; height: 2px;
  border-radius: 99px; background: currentColor; transform: translate(-50%, -50%);
}
.supportTicketReplyUpload::after { transform: translate(-50%, -50%) rotate(90deg); }
.supportTicketReplyUpload small {
  position: absolute; top: 49px; left: 0; z-index: 2; max-width: 120px; overflow: hidden;
  color: rgba(246, 242, 236, .42); font-size: 8px; text-overflow: ellipsis; white-space: nowrap;
}
.supportTicketReplyUpload small:empty { display: none; }
.supportTicketReplySubmit {
  position: relative; display: block; width: 46px; min-width: 46px; height: 46px; min-height: 46px; padding: 0;
  box-sizing: border-box;
  border: 1px solid #ff5c19; border-radius: 14px; background: #ff5c19; color: #151515;
  font: inherit; font-size: 0; line-height: 0; font-weight: 900; cursor: pointer;
  appearance: none; -webkit-appearance: none; overflow: hidden;
}
.supportTicketReplySubmit::before {
  content: ""; position: absolute; left: 50%; top: 50%; right: auto; bottom: auto;
  width: 19px; height: 19px; margin: 0; background: currentColor; transform: translate(-50%, -50%);
  -webkit-mask: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'%3E%3Cpath d='m3.4 20.4 17.45-7.48c.8-.35.8-1.49 0-1.84L3.4 3.6c-.65-.29-1.36.19-1.36.9L2 9.12c0 .5.37.92.87.98L17 12 2.87 13.9a1 1 0 0 0-.87.98l.04 4.62c0 .71.71 1.19 1.36.9Z'/%3E%3C/svg%3E") center / contain no-repeat;
  mask: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'%3E%3Cpath d='m3.4 20.4 17.45-7.48c.8-.35.8-1.49 0-1.84L3.4 3.6c-.65-.29-1.36.19-1.36.9L2 9.12c0 .5.37.92.87.98L17 12 2.87 13.9a1 1 0 0 0-.87.98l.04 4.62c0 .71.71 1.19 1.36.9Z'/%3E%3C/svg%3E") center / contain no-repeat;
}
.supportTicketReplySubmit:disabled { opacity: .55; cursor: wait; }
.supportTicketReplyFeedback {
  grid-column: 2 / -1; min-height: 0; color: #cfff58; font-size: 10px;
}
.supportTicketReplyFeedback:empty { display: none; }
.supportTicketReplyFeedback.error, .supportTicketError { color: #ff8d70; }
.supportTicketLoading, .supportTicketError {
  display: grid; height: 100%; min-height: 240px; place-items: center;
  color: rgba(246, 242, 236, .55); font-size: 13px;
}

@media (max-width: 600px) {
  .supportChoiceDialog.supportTicketDialog {
    width: calc(100vw - 20px); height: calc(100dvh - 20px); max-height: calc(100dvh - 20px);
    padding: 16px 14px 14px; border-radius: 18px;
  }
  .supportTicketDialog .supportChoiceActions { margin-top: 12px; }
  .supportChat { border-radius: 15px; }
  .supportChatHead { padding: 11px 12px; }
  .supportChatAvatar { flex-basis: 36px; width: 36px; height: 36px; }
  .supportChatAvatar img { width: 32px; height: 32px; }
  .supportChatIdentityCopy small { max-width: 210px; }
  .supportTicketMessages { padding: 13px 11px; scrollbar-gutter: auto; }
  .supportTicketMessage { max-width: 86%; }
  .supportTicketReply { gap: 7px; padding: 9px; }
  .supportTicketReplyUpload, .supportTicketReplySubmit { width: 42px; min-width: 42px; height: 42px; min-height: 42px; border-radius: 12px; }
  .supportTicketReply textarea { min-height: 42px; padding: 10px 11px; border-radius: 12px; }
  .supportTicketReplyUpload small { display: none; }
}
.supportTicketRichText{white-space:pre-wrap;overflow-wrap:anywhere}.supportTicketRichText p,.supportTicketRichText div{margin:0 0 8px}.supportTicketRichText p:last-child,.supportTicketRichText div:last-child{margin-bottom:0}.supportTicketRichText h2,.supportTicketRichText h3{margin:0 0 8px;font-size:1.08em;line-height:1.3}.supportTicketRichText ul,.supportTicketRichText ol{margin:6px 0;padding-left:22px}.supportTicketRichText blockquote{margin:6px 0;padding:3px 9px;border-left:3px solid #f15a24;color:#c8c3bd}.supportTicketRichText pre{margin:6px 0;padding:8px;border-radius:7px;background:#111;white-space:pre-wrap}.supportTicketRichText a{color:#ff8a58;text-decoration:underline}.supportTicketRichText code{font-family:ui-monospace,SFMono-Regular,Consolas,monospace}