/* JS Community 1.2.5 — the conversation heading is a stationary toolbar,
   only the replies scroll. Scoped to the mobile Activity conversation modal.
   The original toolbar remains in the comment tree so sorting/live updates work. */
@media (max-width:782px) {
  #jsf-comment-modal.is-open .jsf-comment-modal-dialog {
    display:grid!important;
    grid-template-rows:auto auto minmax(0,1fr) auto!important;
    min-height:0!important;
    overflow:hidden!important;
  }
  #jsf-comment-modal.is-open .jsf-comment-modal-body[data-jsf-comment-modal-body] {
    display:flex!important;
    flex-direction:column!important;
    min-height:0!important;
    min-width:0!important;
    overflow:hidden!important;
    padding:0!important;
    overscroll-behavior:contain!important;
    background:#fff!important;
  }
  #jsf-comment-modal.is-open .jsf-comment-modal-body > .activity-comments.jsf-conversation-trail {
    display:flex!important;
    flex:1 1 auto!important;
    flex-direction:column!important;
    height:100%!important;
    min-height:0!important;
    min-width:0!important;
    overflow:hidden!important;
    margin:0!important;
    padding:0!important;
    background:#fff!important;
  }
  #jsf-comment-modal.is-open .jsf-comment-modal-body .activity-comments > .jsf-conversation-toolbar {
    position:static!important;
    inset:auto!important;
    z-index:auto!important;
    flex:0 0 auto!important;
    display:flex!important;
    align-items:center!important;
    justify-content:space-between!important;
    min-width:0!important;
    min-height:54px!important;
    gap:10px!important;
    margin:0!important;
    padding:9px 12px!important;
    background:#fff!important;
    border-top:0!important;
    border-bottom:1px solid #dce5eb!important;
    border-radius:0!important;
    box-shadow:0 1px 0 rgba(10,39,63,.04)!important;
    -webkit-backdrop-filter:none!important;
    backdrop-filter:none!important;
  }
  #jsf-comment-modal.is-open .jsf-comment-modal-body .activity-comments > .jsf-conversation-toolbar > div {
    flex:1 1 auto!important;
    min-width:0!important;
    display:flex!important;
    align-items:baseline!important;
    gap:6px!important;
  }
  #jsf-comment-modal.is-open .jsf-comment-modal-body .activity-comments > .jsf-conversation-toolbar label {
    flex:0 0 auto!important;
    min-width:0!important;
    margin:0!important;
  }
  #jsf-comment-modal.is-open .jsf-comment-modal-body .activity-comments > .jsf-conversation-toolbar select {
    max-width:min(48vw,180px)!important;
    min-height:38px!important;
    margin:0!important;
    font-size:13px!important;
    background:#fff!important;
    color:#1c3651!important;
  }
  #jsf-comment-modal.is-open .jsf-comment-modal-body .activity-comments > .jsf-trail-roots {
    position:relative!important;
    display:block!important;
    flex:1 1 auto!important;
    min-height:0!important;
    min-width:0!important;
    height:auto!important;
    max-height:none!important;
    overflow-x:hidden!important;
    overflow-y:auto!important;
    overscroll-behavior-y:contain!important;
    -webkit-overflow-scrolling:touch!important;
    scroll-padding-top:12px!important;
    padding:10px 12px 20px!important;
    margin:0!important;
    background:#fff!important;
  }
  /* Do not allow the theme's older inline form to create another scrollbar. */
  #jsf-comment-modal.is-open .jsf-comment-modal-body .activity-comments > .jsf-trail-main-compose,
  #jsf-comment-modal.is-open .jsf-comment-modal-body .activity-comments > .jsf-report-post {
    display:none!important;
  }
  #jsf-comment-modal.is-open .jsf-comment-modal-dialog > .jsf-mobile-trail-dock {
    min-width:0!important;
    flex:0 0 auto!important;
    position:relative!important;
    z-index:2!important;
    background:#fffdf7!important;
    border-top:1px solid #ddd6c8!important;
  }
}
@media (max-width:360px) {
  #jsf-comment-modal.is-open .jsf-comment-modal-body .activity-comments > .jsf-conversation-toolbar {
    gap:6px!important;
    padding-inline:8px!important;
  }
  #jsf-comment-modal.is-open .jsf-comment-modal-body .activity-comments > .jsf-conversation-toolbar b {
    font-size:14px!important;
  }
  #jsf-comment-modal.is-open .jsf-comment-modal-body .activity-comments > .jsf-conversation-toolbar select {
    max-width:146px!important;
    min-width:0!important;
  }
}