/* Support-only compact overlay. Do not change Lucky Wheel (.lw-*) rules. */
.support-shell {
  min-height: var(--support-vh, 100dvh);
  display: flex;
  align-items: flex-end;
  justify-content: center;
  padding: 8px;
  box-sizing: border-box;
}
.support-intake,
.support-chat-page {
  position: relative !important;
  inset: auto !important;
  width: min(100%, 420px) !important;
  height: min(var(--support-vh, 100dvh) - 16px, 680px) !important;
  max-height: calc(var(--support-vh, 100dvh) - 12px) !important;
  margin: 0 !important;
  border-radius: 18px !important;
  overflow: hidden !important;
  background: #f6f9fc !important;
  box-shadow: 0 16px 48px rgba(12, 28, 46, .28) !important;
  display: flex !important;
  flex-direction: column !important;
}
.support-chat-page .support-chat-head,
.support-intake-head {
  flex: 0 0 auto !important;
  min-height: 56px !important;
  border-radius: 0 !important;
}
.support-chat-page .support-thread {
  flex: 1 1 auto !important;
  min-height: 0 !important;
  max-height: none !important;
  overflow-y: auto !important;
}
.support-chat-page .support-composer,
.support-emoji-picker {
  flex: 0 0 auto !important;
}
.app-shell.support-open .site-footer,
.app-shell.support-open .bottom-nav,
.app-shell.support-open .support-fab {
  display: none !important;
}