/**
 * Chat Drawer Drag - Mobile Optimization
 * Include this on any page with a chat drawer for touch-friendly dragging.
 * Wrapper must have class .chat-drawer-drag-zone or id ending in -drag-handle-area
 *
 * Max height: drawer extends from header bottom to bottom nav top.
 * 80px = header height, 64px = bottom-16 offset.
 */
#chat-drawer,
#shai-chat-drawer {
  max-height: calc(100dvh - 144px) !important;
}
.chat-drawer-drag-zone,
[id$="-drag-handle-area"] {
  touch-action: none;
  -webkit-user-select: none;
  user-select: none;
  -webkit-tap-highlight-color: transparent;
  min-height: 44px;
  display: flex;
  align-items: center;
  justify-content: center;
  cursor: grab;
  -webkit-touch-callout: none;
}
.chat-drawer-drag-zone:active,
[id$="-drag-handle-area"]:active {
  cursor: grabbing;
}