.empty {
	display: flex;
	width: 100%;
	height: 100%;
	align-items: center;
	justify-content: center;
	max-height: 600px;
	flex-direction: column;
}

.threat-section + .threat-section {
	margin-top: calc(var(--spacing-base) * 5); // 40px
}

.threat-filename {
	background-color: var(--jp-gray-0);
	padding: calc(var(--spacing-base) * 3); // 24px
	overflow-x: scroll;
}

.threat-footer {
	margin-top: calc(var(--spacing-base) * 3); // 24px
	width: 100%;
	display: flex;
	justify-content: right;
	padding-top: calc(var(--spacing-base) * 4); // 32px
	border-top: 1px solid var(--jp-gray);

	> :last-child {
		margin-left: calc(var(--spacing-base) * 2); // 16px
	}
}

.threat-item-cta {
	margin-top: calc(var(--spacing-base) * 4); // 36px
}

.list-header {
	display: flex;
	align-items: flex-end;
	margin-bottom: calc(var(--spacing-base) * 2.25); // 18px
}

.list-title {
	flex: 1;
	margin-bottom: 0;
}

.list-header__controls {
	display: flex;
	gap: calc(var(--spacing-base) * 2); // 16px
}

.accordion-header {
	display: grid;
	grid-template-columns: repeat(9, 1fr);
	background-color: #fff;
	padding: calc(var(--spacing-base) * 2) calc(var(--spacing-base) * 3); // 16px | 24px
	border: 1px solid var(--jp-gray);
	border-bottom: none;
	color: var(--jp-gray-50);
	width: 100%;

	> span:first-child {
		grid-column: 1 / 7;
	}

	> span:not(:first-child) {
		text-align: center;
	}
}

.manual-scan {
	margin: calc(var(--spacing-base) * 4) calc(var(--spacing-base) * 8); // 32px | 64px
	text-align: center;
}

@media ( max-width: 599px ) {

	.list-header {
		margin-bottom: calc(var(--spacing-base) * 3); // 24px
	}

	.list-title {
		display: none;
	}

	.threat-footer {
		justify-content: center;

		> * {
			width: 50%;
		}
	}
}

.pagination-container {
	display: flex;
	justify-content: center;
	align-items: center;
	gap: 4px;
	margin-top: calc(var(--spacing-base) * 4); // 24px
	margin-bottom: calc(var(--spacing-base) * 2); // 16px

	button {
		font-size: var(--font-body);
		width: auto;
		height: auto;
		padding: 0 var(--spacing-base); // 0 | 8px
		line-height: 32px;
		min-width: 32px;

		&.unfocused {
			color: var(--jp-black);
			background: none;

			&:hover:not(:disabled) {
				color: var(--jp-black);
				background: none;
			}
		}
	}
}
