.sr-only {
  position: absolute !important;
  width: 1px !important;
  height: 1px !important;
  padding: 0 !important;
  margin: -1px !important;
  overflow: hidden !important;
  clip: rect(0, 0, 0, 0) !important;
  white-space: nowrap !important;
  border: 0 !important;
}

.help-chat {
  position: fixed;
  inset: 0;
  z-index: 1600;
  pointer-events: none;
}

.help-chat-launch {
  position: fixed;
  right: 24px;
  bottom: 24px;
  width: 68px;
  height: 68px;
  display: grid;
  place-items: center;
  align-content: center;
  gap: 2px;
  padding: 8px;
  border: 1px solid #49c7ff;
  border-radius: 50%;
  background: linear-gradient(145deg, #1ea8ff 0%, #0875c8 100%);
  color: #02101d;
  box-shadow: 0 15px 45px rgba(0, 0, 0, .48), 0 0 28px rgba(30, 168, 255, .28);
  cursor: grab;
  pointer-events: auto;
  touch-action: none;
  user-select: none;
}

.help-chat-launch:hover { filter: brightness(1.1); transform: translateY(-2px); }
.help-chat-launch:focus-visible { outline: 3px solid #fff; outline-offset: 3px; }
.help-chat-launch.dragging { cursor: grabbing; transform: none; }
.help-chat-launch svg { width: 28px; height: 28px; fill: none; stroke: currentColor; stroke-width: 2; stroke-linecap: round; stroke-linejoin: round; }
.help-chat-launch span { font: 800 10px/1 Inter, sans-serif; letter-spacing: 1.4px; }

.help-chat-panel {
  position: fixed;
  right: 24px;
  bottom: 104px;
  width: min(390px, calc(100vw - 24px));
  max-height: min(650px, calc(100dvh - 32px));
  display: grid;
  grid-template-rows: auto minmax(120px, 1fr) auto auto auto;
  overflow: hidden;
  border: 1px solid #1d7fb5;
  border-radius: 16px;
  background: rgba(3, 16, 29, .985);
  color: #edf8ff;
  box-shadow: 0 28px 90px rgba(0, 0, 0, .66), 0 0 0 1px rgba(30, 168, 255, .08) inset;
  pointer-events: auto;
}

.help-chat-panel[hidden] { display: none; }

.help-chat-head {
  min-height: 78px;
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: 16px;
  padding: 17px 18px;
  border-bottom: 1px solid #143f59;
  background: linear-gradient(110deg, #061c30, #08253c);
  cursor: grab;
  touch-action: none;
  user-select: none;
}

.help-chat-head:active { cursor: grabbing; }
.help-chat-head > div { display: grid; gap: 5px; }
.help-chat-head .help-chat-head-actions { display: flex; grid-auto-flow: column; gap: 7px; }
.help-chat-head strong { font: 800 20px/1.15 Inter, sans-serif; color: #fff; }
.help-chat-status { display: flex; align-items: center; gap: 7px; font: 800 10px/1 Inter, sans-serif; letter-spacing: 1.5px; color: #72d1ff; }
.help-chat-status i { width: 7px; height: 7px; border-radius: 50%; background: #1ea8ff; box-shadow: 0 0 13px #1ea8ff; }
.help-chat-head button { width: 38px; height: 38px; border: 1px solid #28546e; border-radius: 50%; background: #061523; color: #dff5ff; font: 400 27px/1 Arial, sans-serif; cursor: pointer; }
.help-chat-head [data-chat-clear] { font-size: 21px; }
.help-chat-head button:hover { border-color: #1ea8ff; color: #1ea8ff; }

.help-chat-messages {
  min-height: 180px;
  overflow-y: auto;
  overscroll-behavior: contain;
  padding: 18px;
  scrollbar-color: #17638e #04111e;
}

.help-chat-message { display: flex; align-items: flex-start; gap: 9px; margin: 0 0 15px; }
.help-chat-message > span { flex: 0 0 34px; height: 34px; display: grid; place-items: center; border: 1px solid #1e88bf; border-radius: 50%; background: #072138; color: #71d2ff; font: 900 10px/1 Inter, sans-serif; letter-spacing: .5px; }
.help-chat-message.user { justify-content: flex-end; }
.help-chat-message.user > span { order: 2; border-color: #4d6272; background: #122331; color: #dceaf4; }
.help-chat-message > div { max-width: calc(100% - 45px); padding: 12px 14px; border: 1px solid #164967; border-radius: 4px 14px 14px 14px; background: #071b2b; }
.help-chat-message.user > div { border-color: #1c78aa; border-radius: 14px 4px 14px 14px; background: #0b3450; }
.help-chat-message p { margin: 0; color: #c7dbe8; font: 500 15px/1.55 Inter, sans-serif; overflow-wrap: anywhere; }
.help-chat-message.user p { color: #f2f9fd; }
.help-chat-message .help-chat-links { display: flex; flex-wrap: wrap; gap: 7px; margin-top: 11px; }
.help-chat-message a { display: inline-flex; align-items: center; min-height: 34px; padding: 7px 10px; border: 1px solid #1e89c2; border-radius: 5px; color: #7bd4ff; font: 800 12px/1.2 Inter, sans-serif; text-decoration: none; }
.help-chat-message a:hover { background: #0a4265; color: #fff; }
.help-chat-typing p::after { content: '•••'; animation: help-chat-pulse 1.1s infinite; letter-spacing: 3px; }

.help-chat-quick { display: flex; gap: 7px; overflow-x: auto; padding: 0 18px 13px; scrollbar-width: none; }
.help-chat-quick::-webkit-scrollbar { display: none; }
.help-chat-quick button { flex: 0 0 auto; max-width: 220px; min-height: 36px; padding: 8px 11px; border: 1px solid #1c5678; border-radius: 6px; background: #061522; color: #9fcbdf; font: 700 12px/1.25 Inter, sans-serif; cursor: pointer; }
.help-chat-quick button:hover { border-color: #1ea8ff; color: #fff; }

.help-chat-form { display: grid; grid-template-columns: 1fr 46px; gap: 8px; padding: 13px 14px; border-top: 1px solid #143f59; background: #04111e; }
.help-chat-form textarea { width: 100%; min-height: 46px; max-height: 112px; resize: none; padding: 12px 13px; border: 1px solid #25536e; border-radius: 7px; background: #020b14; color: #fff; font: 500 15px/1.4 Inter, sans-serif; }
.help-chat-form textarea:focus { border-color: #1ea8ff; outline: none; box-shadow: 0 0 0 2px rgba(30, 168, 255, .14); }
.help-chat-form button { display: grid; place-items: center; border: 0; border-radius: 7px; background: #1ea8ff; color: #02101d; cursor: pointer; }
.help-chat-form button:disabled { opacity: .45; cursor: wait; }
.help-chat-form button svg { width: 23px; height: 23px; fill: currentColor; }

.help-chat-panel > footer { display: flex; align-items: center; justify-content: space-between; gap: 10px; padding: 10px 15px; border-top: 1px solid #102f43; background: #020b14; }
.help-chat-panel > footer span { color: #70899a; font: 600 10px/1.3 Inter, sans-serif; }
.help-chat-panel > footer a { color: #71d2ff; font: 800 11px/1.3 Inter, sans-serif; text-decoration: none; text-align: right; }

@keyframes help-chat-pulse { 50% { opacity: .25; } }

@media (max-width: 640px) {
  .help-chat-launch { right: 14px; bottom: 14px; width: 62px; height: 62px; }
  .help-chat-panel { right: 8px; bottom: 84px; width: calc(100vw - 16px); max-height: calc(100dvh - 100px); border-radius: 12px; }
  .help-chat-head { min-height: 70px; padding: 14px 15px; }
  .help-chat-head strong { font-size: 18px; }
  .help-chat-messages { min-height: 130px; padding: 14px; }
  .help-chat-message p { font-size: 14px; }
  .help-chat-quick { padding-inline: 14px; }
  .help-chat-panel > footer { align-items: flex-start; }
}

@media (prefers-reduced-motion: reduce) {
  .help-chat-launch, .help-chat-typing p::after { transition: none; animation: none; }
}