/* admin/appv4Opens.php: the page never scrolls, the table scrolls inside the viewport.
   The script on the page sets --rd-appv4-opens-height to the space left below the header. */
.rd-appv4-opens {
	display: flex;
	flex-direction: column;
	gap: var(--uui-spacing-xl);
	block-size: var(--rd-appv4-opens-height, auto);
	box-sizing: border-box;
	overflow: hidden;
}

.rd-appv4-opens-summary {
	margin: var(--uui-spacing-xs) 0 0;
	color: var(--uui-text-tertiary);
}

.rd-appv4-opens-count {
	color: var(--uui-fg-brand-primary);
	font-weight: 600;
}

.rd-appv4-opens-table {
	flex: 1 1 auto;
	min-block-size: 0;
	overflow: auto;
	border: 1px solid var(--uui-border-secondary);
	border-radius: var(--uui-radius-xl);
	background: var(--uui-bg-primary);
}

.rd-appv4-opens-table table {
	inline-size: 100%;
	/* separate: with collapse, Chrome lets scrolled rows show through above a sticky header. */
	border-collapse: separate;
	border-spacing: 0;
}

.rd-appv4-opens-table th {
	position: sticky;
	inset-block-start: 0;
	/* Keeps the header above the rows that scroll under it. */
	z-index: 1;
	background: var(--uui-bg-secondary);
}

.rd-appv4-opens-table th,
.rd-appv4-opens-table td {
	padding: var(--uui-spacing-lg) var(--uui-spacing-3xl);
	border-block-end: 1px solid var(--uui-border-secondary);
	text-align: start;
	white-space: nowrap;
}

/* Centred: the floating Campusbot sits over the bottom right corner. */
.rd-appv4-opens-pages {
	display: flex;
	justify-content: center;
	gap: var(--uui-spacing-xl);
	align-items: center;
	flex: none;
}