/* REGAB document overview chips theme fix */
.document-overview-filter {
  display: flex !important;
  flex-wrap: wrap !important;
  gap: 10px !important;
  margin: 16px 0 18px !important;
}
.document-overview-filter button,
.document-overview-panel .document-category-tabs button {
  appearance: none !important;
  -webkit-appearance: none !important;
  min-height: 38px !important;
  padding: 0 16px !important;
  border-radius: 999px !important;
  border: 1px solid #dfe8f1 !important;
  background: #f8fafc !important;
  color: #536477 !important;
  box-shadow: none !important;
  font-weight: 900 !important;
}
.document-overview-filter button:hover,
.document-overview-panel .document-category-tabs button:hover {
  color: #1f5fc9 !important;
  background: #edf4ff !important;
  border-color: #97b8f2 !important;
}
.document-overview-filter button.is-active,
.document-overview-panel .document-category-tabs button.is-active {
  color: #fff !important;
  background: #3977ed !important;
  border-color: #6ea3ff !important;
  box-shadow: 0 10px 24px rgba(57, 119, 237, .18) !important;
}
body.theme-dark .document-overview-panel {
  background: #10283d !important;
  border-color: #244b70 !important;
  color: #edf6ff !important;
}
body.theme-dark .document-overview-panel :is(h2,strong) {
  color: #edf6ff !important;
}
body.theme-dark .document-overview-panel :is(p,.folder-hint,span,small) {
  color: #a7b8cc !important;
}
body.theme-dark .document-overview-filter button,
body.theme-dark .document-overview-panel .document-category-tabs button,
.theme-dark .document-overview-filter button,
.theme-dark .document-overview-panel .document-category-tabs button {
  color: #b7c9dc !important;
  background: #0a1d2f !important;
  border-color: #244b70 !important;
  box-shadow: none !important;
}
body.theme-dark .document-overview-filter button:hover,
body.theme-dark .document-overview-panel .document-category-tabs button:hover,
.theme-dark .document-overview-filter button:hover,
.theme-dark .document-overview-panel .document-category-tabs button:hover {
  color: #edf6ff !important;
  background: #102f50 !important;
  border-color: #4f89cf !important;
}
body.theme-dark .document-overview-filter button.is-active,
body.theme-dark .document-overview-panel .document-category-tabs button.is-active,
.theme-dark .document-overview-filter button.is-active,
.theme-dark .document-overview-panel .document-category-tabs button.is-active {
  color: #fff !important;
  background: #3977ed !important;
  border-color: #7bb0ff !important;
  box-shadow: 0 10px 24px rgba(57, 119, 237, .26) !important;
}