:root {
	--content-wrapper-padding: var(--spacing-xs);
	--content-wrapper-gap: var(--spacing-xs);
}

.table-page.wt-page-wrapper {
	width: 100%;
	height: 100%;
}

.table-page .wt-page-wrapper__main,
/* coz .table-section can exist without .table-page (in tabs, for instance)*/
	.wt-page-wrapper__main:has(.table-section) {
	min-height: 0;
}

.table-section {
	display: flex;
	flex-direction: column;
	width: 100%;
	flex: 1;
	min-height: 0;
}

.table-section__table-wrapper {
	display: flex;
	flex: 1 1 100%;
	flex-direction: column;
	justify-content: space-between;
	width: 100%;
	min-height: 0;
	gap: var(--spacing-sm);
}

.table-section__table-wrapper .table-wrapper__visible-scroll-wrapper {
	flex-grow: 1;
}

.table-section__table-wrapper .wt-pagination {
	margin-top: auto;
}

.table-section__visible-scroll-wrapper {
	overflow: visible;
	height: 100%;
}

.table-section__visible-scroll-wrapper .wt-table {
	overflow: visible;
}

.table-title {
	position: relative;
	display: flex;
	align-items: center;
	flex-wrap: wrap;
	justify-content: space-between;
	margin: var(--spacing-sm) 0;
}

.table-title__title {
	font-family: "Montserrat", monospace;
	font-size: 16px;
	font-weight: 600;
	line-height: 24px;
	text-transform: none;
}

.table-title__title + .hint {
	top: -2px;
}

.table-title__actions-wrap {
	display: flex;
	align-items: center;
	gap: var(--table-actions-icon-gap);
}

.main-section-wrapper .wt-loader.wt-brand-loader {
	position: absolute;
	top: 50%;
	left: 50%;
	transform: translate(-50%, -50%);
	margin: 0;
	z-index: 1;
}

.table-wrapper--tab-table {
	position: relative;
}

.table-wrapper--tab-table .wt-loader.wt-brand-loader {
	position: absolute;
	top: 50%;
	left: 50%;
	transform: translate(-50%, -50%);
	margin: 0;
	z-index: 1;
}

.table-wrapper--tab-table .table-loading-wrapper {
	display: flex;
	flex-direction: column;
	justify-content: space-between;
	width: 100%;
	height: 100%;
	min-height: 0;
}