.rd-mail-blacklist-page-header,
.rd-mail-blacklist-header-actions,
.rd-mail-blacklist-detail-header,
.rd-mail-blacklist-detail-actions {
	display: flex;
	align-items: center;
}

.rd-mail-blacklist-page-header,
.rd-mail-blacklist-detail-header {
	justify-content: space-between;
	gap: var(--rd-spacing-md);
	flex-wrap: wrap;
}

.rd-mail-blacklist-page-header {
	margin-bottom: var(--rd-spacing-x-big);
	padding-bottom: var(--rd-spacing-md);
	border-bottom: var(--rd-borderwidth-border-default) solid var(--rd-gray-200);
}

.rd-mail-blacklist-page-header h1,
.rd-mail-blacklist-page-header p,
.rd-mail-blacklist-detail-header h2,
.rd-mail-blacklist-detail-header p,
.rd-mail-blacklist-empty {
	margin: 0;
}

.rd-mail-blacklist-header-actions,
.rd-mail-blacklist-detail-actions {
	gap: var(--rd-spacing-x-sm);
	flex-wrap: wrap;
}

.rd-mail-blacklist-detail {
	margin-top: var(--rd-spacing-x-big);
	padding: var(--rd-spacing-md);
	border: var(--rd-borderwidth-border-default) solid var(--rd-gray-200);
	border-radius: var(--rd-borderradius-border-md);
	background: var(--rd-list-default-dark);
}

.rd-mail-blacklist-detail-header {
	margin-bottom: var(--rd-spacing-md);
}

.rd-mail-blacklist-facts {
	display: grid;
	grid-template-columns: repeat(auto-fit, minmax(220px, 1fr));
	gap: var(--rd-spacing-sm) var(--rd-spacing-md);
	margin: 0 0 var(--rd-spacing-md);
}

.rd-mail-blacklist-facts dt {
	color: var(--rd-gray-600);
	font-size: var(--rd-fontsize-1);
}

.rd-mail-blacklist-facts dd {
	margin: 0;
	overflow-wrap: anywhere;
}

.rd-mail-blacklist-excerpt {
	max-height: 320px;
	overflow: auto;
	padding: var(--rd-spacing-sm);
	border: var(--rd-borderwidth-border-default) solid var(--rd-gray-200);
	border-radius: var(--rd-borderradius-border-sm);
	background: var(--rd-list-default-light);
	font-size: var(--rd-fontsize-1);
	white-space: pre-wrap;
	overflow-wrap: anywhere;
}

.rd-mail-blacklist-states {
	margin-top: var(--rd-spacing-x-big);
}

.rd-mail-blacklist-states summary {
	cursor: pointer;
}

.rd-mail-blacklist-states table,
.rd-mail-blacklist-table-plain {
	width: 100%;
	margin-top: var(--rd-spacing-sm);
	border-collapse: collapse;
	font-size: var(--rd-fontsize-1);
}

.rd-mail-blacklist-states th,
.rd-mail-blacklist-states td,
.rd-mail-blacklist-table-plain th,
.rd-mail-blacklist-table-plain td {
	padding: var(--rd-spacing-x-sm) var(--rd-spacing-sm);
	border-bottom: var(--rd-borderwidth-border-default) solid var(--rd-gray-200);
	text-align: left;
	vertical-align: top;
}

.rd-mail-blacklist-state-error {
	color: var(--rd-error-default);
}

.rd-mail-blacklist-incidents {
	margin-bottom: var(--rd-spacing-x-big);
	padding: var(--rd-spacing-md);
	border: var(--rd-borderwidth-border-default) solid var(--rd-gray-200);
	border-radius: var(--rd-borderradius-border-md);
	background: var(--rd-list-default-dark);
}

.rd-mail-blacklist-incidents-open {
	border-color: var(--rd-warning-500);
	background: var(--rd-warning-50);
}

.rd-mail-blacklist-incidents h2 {
	display: flex;
	align-items: center;
	gap: var(--rd-spacing-x-sm);
	margin: 0 0 var(--rd-spacing-xx-sm);
}

.rd-mail-blacklist-incidents p {
	margin: 0;
	color: var(--rd-gray-600);
}

.rd-mail-blacklist-badge {
	padding: 0 var(--rd-spacing-x-sm);
	border-radius: var(--rd-borderradius-pill);
	background: var(--rd-warning-500);
	color: var(--rd-font-light);
	font-size: var(--rd-fontsize-1);
	font-weight: 600;
}

.rd-mail-blacklist-incident-resolved {
	color: var(--rd-gray-500);
}

.rd-mail-blacklist-incident-sample {
	max-width: 360px;
	overflow-wrap: anywhere;
}

.rd-mail-blacklist-tabs {
	margin-bottom: var(--rd-spacing-md);
}

.rd-mail-blacklist-log-filter {
	display: flex;
	align-items: center;
	gap: var(--rd-spacing-sm);
	flex-wrap: wrap;
	margin-bottom: var(--rd-spacing-sm);
}

.rd-mail-blacklist-log-hint {
	flex-basis: 100%;
	margin: 0;
	color: var(--rd-gray-600);
	font-size: var(--rd-fontsize-1);
}

.rd-mail-blacklist-confidence {
	color: var(--rd-gray-600);
}
