/* Chat Support viewport fit override.
   Keeps the whole module inside the desktop viewport while allowing only
   the inbox list, message thread, and client detail rail to scroll. */

@media (min-width: 761px) {
  .chat-support-page.module-page {
    display: flex !important;
    flex-direction: column !important;
    gap: 12px !important;
    height: calc(100dvh - 124px) !important;
    min-height: 0 !important;
    overflow: hidden !important;
  }

  .chat-support-topbar,
  .chat-error {
    flex: 0 0 auto !important;
  }

  .chat-workspace {
    flex: 1 1 auto !important;
    height: auto !important;
    min-height: 0 !important;
    overflow: hidden !important;
  }

  .chat-inbox-panel,
  .chat-thread-panel,
  .chat-client-panel {
    min-height: 0 !important;
    max-height: 100% !important;
  }

  .chat-inbox-panel,
  .chat-thread-panel {
    overflow: hidden !important;
  }

  .chat-conversation-list {
    flex: 1 1 auto !important;
    min-height: 0 !important;
    overflow-y: auto !important;
    overscroll-behavior: contain;
  }

  .chat-thread-header,
  .chat-composer {
    flex: 0 0 auto !important;
  }

  .chat-message-scroll {
    flex: 1 1 auto !important;
    min-height: 0 !important;
    overflow-y: auto !important;
    overscroll-behavior: contain;
  }

  .chat-client-panel {
    overflow-y: auto !important;
    overscroll-behavior: contain;
  }
}

/* Short desktop/laptop screens: trim vertical chrome instead of forcing
   the whole page to overflow. */
@media (min-width: 761px) and (max-height: 820px) {
  .chat-support-page.module-page {
    gap: 9px !important;
  }

  .chat-support-topbar p:not(.eyebrow) {
    margin-top: 5px !important;
    line-height: 1.35 !important;
  }

  .chat-back {
    margin-bottom: 6px !important;
  }

  .chat-inbox-head {
    padding-top: 12px !important;
    padding-bottom: 9px !important;
  }

  .chat-thread-header {
    min-height: 66px !important;
  }

  .chat-composer {
    padding-top: 9px !important;
    padding-bottom: 9px !important;
  }

  .chat-composer textarea {
    min-height: 64px !important;
    max-height: 112px !important;
  }
}

/* Mobile uses an inbox-to-thread flow instead of stacking both panes. */
@media (max-width: 760px) {
  .chat-support-page.module-page {
    height: auto !important;
    min-height: 0 !important;
    overflow: visible !important;
  }

  .chat-support-page.module-page.mobile-thread-open {
    height: calc(100dvh - 96px) !important;
    overflow: hidden !important;
  }
}