.audit-page .gap-8 { gap: .5rem; }
.audit-page .audit-toolbar .form-control { min-width: 220px; }

.audit-page .audit-grid .audit-col { vertical-align: top; }
.audit-page .audit-grid .audit-cell { position: relative; }

.audit-page .audit-grid .diff-wrap {
  max-height: 40vh;
  overflow: auto;
  border: 1px solid #e9ecef;
  border-radius: .25rem;
  background: #fff;
  padding: .25rem;
}

.audit-page .audit-grid .diff-wrap .diff-table { font-size: .875rem; }
.audit-page .audit-grid .diff-wrap .diff-table thead th {
  background: #f8f9fa;
  position: sticky;
  top: 0;
  z-index: 1;
}
.audit-page .audit-grid .diff-wrap .diff-table td,
.audit-page .audit-grid .diff-wrap .diff-table th {
  word-break: break-word;
  overflow-wrap: anywhere;
}

.audit-page .audit-grid .json-pre {
  white-space: pre-wrap;
  word-break: break-word;
  overflow-wrap: anywhere;
  background: #f8f9fa;
  border: 1px solid #e9ecef;
  border-radius: .25rem;
  padding: .75rem;
  margin: 0;
  font-size: .85rem;
  line-height: 1.35;
  max-height: 50vh;
  overflow: auto;
}

.audit-page .audit-grid .audit-rowdetail { margin-top: .25rem; }
.audit-page .audit-grid .d-none { display: none !important; }

/* toolbar toggles hide columns */
.audit-hide-changed .audit-col--changed,
.audit-hide-old .audit-col--old,
.audit-hide-new .audit-col--new { display: none; }