/* V214: keep every history grid inside the panel below its header divider. */
html body.cvx-on #cvHistorySideRailViewport > #cvHistoryPanel {
  grid-template-rows: auto minmax(0, 1fr) !important;
  align-content: stretch !important;
  max-height: var(--cv-history-rail-max) !important;
  overflow: hidden !important;
}

html body.cvx-on #cvHistorySideRailViewport > #cvHistoryPanel > .cv-history-header {
  position: relative !important;
  z-index: 2 !important;
  width: 100% !important;
  min-width: 0 !important;
  box-sizing: border-box !important;
  border-bottom: 1px solid #b7c9e1 !important;
  background: #fff !important;
}

html body.cvx-on #cvHistorySideRailViewport > #cvHistoryPanel > .cv-history-scroll {
  width: 100% !important;
  min-width: 0 !important;
  min-height: 0 !important;
  max-height: none !important;
  height: auto !important;
  box-sizing: border-box !important;
  padding: 12px 14px 16px calc(14px + var(--cv-history-scrollbar-space, 0px)) !important;
  overflow-x: hidden !important;
  overflow-y: auto !important;
  overscroll-behavior: contain !important;
  scrollbar-gutter: stable !important;
}

html body.cvx-on #cvHistoryPanel .cv-history-scroll > *,
html body.cvx-on #cvHistoryPanel .cv-history-form,
html body.cvx-on #cvHistoryPanel .cv-history-section,
html body.cvx-on #cvHistoryPanel .cv-history-list,
html body.cvx-on #cvHistoryPanel .cv-history-model-body,
html body.cvx-on #cvHistoryPanel .cv-history-model-content {
  width: 100% !important;
  min-width: 0 !important;
  max-width: 100% !important;
  box-sizing: border-box !important;
}

html body.cvx-on #cvHistoryPanel .cv-history-form {
  margin-left: 0 !important;
  margin-right: 0 !important;
}

html body.cvx-on #cvHistoryPanel .cv-history-field input,
html body.cvx-on #cvHistoryPanel .cv-history-search input {
  width: 100% !important;
  min-width: 0 !important;
  max-width: 100% !important;
  box-sizing: border-box !important;
}

@media (max-width: 820px) {
  html body.cvx-on #cvHistorySideRailViewport > #cvHistoryPanel > .cv-history-scroll {
    padding: 10px 12px 14px calc(12px + var(--cv-history-scrollbar-space, 0px)) !important;
  }
}

@media print {
  #cvHistoryPanel {
    display: none !important;
  }
}