/* ==========================================================
   NOYTRIX CHECK INTERNAL SCROLL
   Desktop only.
   The application itself remains one viewport.
   ========================================================== */

@media (min-width: 821px) {

  /*
   * readability-v21.css overrides the intended
   * .screen.active { overflow:auto } behaviour.
   *
   * Restore scrolling ONLY for Check.
   */

  #screen-check.active {
    overflow-x: hidden !important;
    overflow-y: auto !important;

    overscroll-behavior-y: contain;

    scrollbar-gutter: stable;

    min-height: 0 !important;
  }


  /*
   * Result/conversation uses exactly the same scroll container.
   */

  #screen-check.active.conversation-mode {
    overflow-x: hidden !important;
    overflow-y: auto !important;

    min-height: 0 !important;

    padding-bottom: 24px !important;
  }


  /*
   * Do not let inner Check containers create
   * another clipped viewport.
   */

  #screen-check.active
  .check-grid,

  #screen-check.active
  .security-session {
    max-height: none !important;

    overflow: visible !important;
  }


  /*
   * Existing composer remains sticky inside Check.
   * We are NOT changing its size or position.
   */

  #screen-check.active.conversation-mode
  .chat-composer {
    position: sticky !important;

    bottom: 18px !important;

    z-index: 20 !important;
  }

}