.ant-table-wrapper.dc-layout-table {
  max-height: none;
  overflow: visible;
}
.ant-table-wrapper.dc-layout-table .ant-table-body {
  max-height: var(--dc-table-height, 380px) !important;
  overflow: auto !important;
}
.ant-table-wrapper.dc-layout-table .ant-table-content {
  max-height: var(--dc-table-height, 380px) !important;
  overflow: auto !important;
}
.ant-table-wrapper.dc-layout-table .ant-table-thead > tr > th {
  position: static !important;
  white-space: nowrap;
}
.dc-layout-table .ant-table-cell {
  white-space: nowrap;
  word-break: normal;
  overflow-wrap: normal;
}
.ant-table-wrapper.dc-layout-table .ant-table-thead > tr > .ant-table-cell-fix-left,
.ant-table-wrapper.dc-layout-table .ant-table-thead > tr > .ant-table-cell-fix-right {
  position: sticky !important;
  z-index: 3;
}
.dc-layout-table .ant-table-column-title {
  flex: 1 0 auto;
}
.dc-layout-table td.dc-layout-label {
  white-space: normal;
  overflow-wrap: anywhere;
}
/* The title and filters share the card width at narrow viewport sizes. */
div:has(> .dc-layout-table) > .flex.items-center.justify-between {
  flex-wrap: wrap;
  gap: 12px;
}
div:has(> .dc-layout-table) > .flex.items-center.justify-between > span {
  flex-shrink: 0;
}
div:has(> .dc-layout-table) > .flex.items-center.justify-between > .flex {
  flex-wrap: wrap;
}
.dc-layout-page > .ant-space,
.dc-layout-page > .ant-space > .ant-space-item > .ant-space,
.dc-layout-page .ant-space:has(> .ant-space-item > .text-xl) {
  flex-wrap: wrap;
}
.dc-layout-page > .ant-space .ant-space-item {
  flex-shrink: 0;
  max-width: 100%;
}