/**
 * PAT role-based Better Messages verification badges.
 */

span.bm-name-verified.pat-bm-styled {
	display: inline-flex;
	align-items: center;
	justify-content: center;
	width: 12px;
	height: 12px;
	vertical-align: middle;
	color: var(--pat-bm-badge-color, #24478f);
}

span.bm-name-verified.pat-bm-styled svg {
	display: none !important;
}

span.bm-name-verified.pat-bm-styled::before {
	content: '';
	display: block;
	width: 12px;
	height: 12px;
	background-color: currentColor;
	-webkit-mask-image: var(--pat-bm-badge-mask);
	mask-image: var(--pat-bm-badge-mask);
	-webkit-mask-size: contain;
	mask-size: contain;
	-webkit-mask-repeat: no-repeat;
	mask-repeat: no-repeat;
	-webkit-mask-position: center;
	mask-position: center;
}

/* Admin settings preview */
.pat-bm-badge-preview {
	display: inline-flex;
	align-items: center;
	justify-content: center;
	width: 16px;
	height: 16px;
	color: var(--pat-bm-badge-color, #24478f);
	vertical-align: middle;
}

.pat-bm-badge-preview::before {
	content: '';
	display: block;
	width: 14px;
	height: 14px;
	background-color: currentColor;
	-webkit-mask-image: var(--pat-bm-badge-mask);
	mask-image: var(--pat-bm-badge-mask);
	-webkit-mask-size: contain;
	mask-size: contain;
	-webkit-mask-repeat: no-repeat;
	mask-repeat: no-repeat;
	-webkit-mask-position: center;
	mask-position: center;
}

.pat-bm-verification-table {
	border-collapse: collapse;
	width: 100%;
	max-width: 900px;
	margin-top: 8px;
}

.pat-bm-verification-table th,
.pat-bm-verification-table td {
	padding: 10px 12px;
	border-bottom: 1px solid #e2e8f0;
	text-align: left;
	vertical-align: middle;
}

.pat-bm-verification-table th {
	font-size: 11px;
	text-transform: uppercase;
	letter-spacing: 0.04em;
	color: #64748b;
	background: #fafbfc;
}

.pat-bm-verification-table .pat-bm-role-name {
	font-weight: 500;
	color: #1e293b;
}

.pat-bm-verification-table .pat-bm-role-slug {
	display: block;
	font-size: 12px;
	font-weight: 400;
	color: #94a3b8;
	margin-top: 2px;
}