/* HTNS v289 — restore the pre-v287 compact chat pull-tab appearance
   while preserving the v287 drag-position fix and touch gesture handling. */

#htnsChatHandle,
#htnsChatHandle.chat-visible,
#htnsChatHandle:hover,
#htnsChatHandle:focus-visible{
  right:calc(-46px + env(safe-area-inset-right)) !important;
  top:var(--htns-chat-handle-top,50%) !important;
  bottom:auto !important;
  width:64px !important;
  height:64px !important;
  border-radius:18px 0 0 18px !important;
  touch-action:none !important;
  overscroll-behavior:none !important;
  -webkit-user-select:none !important;
  user-select:none !important;
  -webkit-touch-callout:none !important;
}

#htnsChatHandle .chat-handle-arrow{
  left:1px !important;
  width:16px !important;
  height:22px !important;
}

#htnsChatHandle svg{
  margin-left:-5px !important;
}

/* Do not make the tab visually grow while it is being moved. */
#htnsChatHandle.chat-handle-dragging{
  right:calc(-46px + env(safe-area-inset-right)) !important;
  top:var(--htns-chat-handle-top,50%) !important;
  bottom:auto !important;
  transition:none !important;
}

@media (min-width:720px){
  #htnsChatHandle,
  #htnsChatHandle.chat-visible,
  #htnsChatHandle:hover,
  #htnsChatHandle:focus-visible,
  #htnsChatHandle.chat-handle-dragging{
    right:-46px !important;
    top:var(--htns-chat-handle-top,50%) !important;
    bottom:auto !important;
  }
}