.pan-check-badge {
	display: inline-flex;
	align-items: center;
	margin-left: 8px;
	padding: 3px 10px;
	border: 1px solid transparent;
	border-radius: 999px;
	font-size: 12px;
	font-weight: 600;
	line-height: 1.5;
	vertical-align: middle;
	white-space: nowrap;
}

.pan-check-badge-dead {
	color: #fff;
	border-color: rgba(255, 255, 255, 0.2);
	background: linear-gradient(135deg, #ff6b5d 0%, #ff8a63 100%);
}

.pan-check-badge-suspect,
.pan-check-badge-error {
	color: #9f6600;
	border-color: #ffe0a3;
	background: #fff6e3;
}

.pan-check-badge-need-code {
	color: #0d6287;
	border-color: #cfe9ff;
	background: #ebf7ff;
}

.pan-check-link.pan-check-status-dead {
	text-decoration: line-through;
	text-decoration-thickness: 2px;
	text-decoration-color: rgba(255, 107, 93, 0.4);
}

.pan-check-summary {
	display: inline-flex;
	align-items: center;
	gap: 6px;
	max-width: 100%;
	margin-top: 12px;
	padding: 5px 10px;
	border: 1px solid #f0ddd9;
	border-radius: 999px;
	background: #fff9f7;
	box-shadow: 0 2px 8px rgba(31, 45, 91, 0.03);
	color: #4a5163;
	font-size: 12px;
	line-height: 1.2;
	vertical-align: middle;
}

.pan-check-summary-dot {
	width: 6px;
	height: 6px;
	flex: 0 0 6px;
	border-radius: 999px;
	background: #ff6b5d;
}

.pan-check-summary-title {
	font-weight: 600;
	white-space: nowrap;
}

.pan-check-summary-text {
	color: #8d95a8;
	white-space: nowrap;
}

.pan-check-summary.is-floating {
	position: fixed;
	right: 12px;
	bottom: 12px;
	z-index: 9999;
	margin-top: 0;
}

@media (max-width: 782px) {
	.pan-check-summary {
		padding: 5px 9px;
		font-size: 11px;
	}

	.pan-check-summary.is-floating {
		right: 8px;
		bottom: 8px;
	}
}