/* Badge & status chips */
@charset "UTF-8";

.mail-doctor-badge-list {
	margin: 0;
	padding: 0;
	list-style: none;
	display: flex;
	gap: var(--mail-doctor-space-sm);
	flex-wrap: wrap;
}

.mail-doctor-badge {
	display: inline-flex;
	align-items: center;
	gap: var(--mail-doctor-space-xxs);
	padding: 4px 12px;
	border-radius: 999px;
	font-size: 11px;
	letter-spacing: 0.04em;
	text-transform: uppercase;
	background: var(--mail-doctor-color-accent-soft);
	color: var(--mail-doctor-color-accent);
	font-weight: 600;
	line-height: 1;
	border: 1px solid rgba(79, 70, 229, 0.15);
	transition: all 0.2s ease;
}

.mail-doctor-badge::before {
	font-family: dashicons;
	font-size: 14px;
	content: "\f132";
}

.mail-doctor-badge.is-ok {
	background: #ecfdf5;
	color: #065f46;
	border-color: rgba(16, 185, 129, 0.2);
	box-shadow: 0 0 8px rgba(16, 185, 129, 0.2), inset 0 0 0 1px rgba(16, 185, 129, 0.15) !important;
}

.mail-doctor-badge.is-ok::before {
	content: "\f12a";
}

.mail-doctor-badge.is-warn {
	background: #fffbeb;
	color: #92400e;
	border-color: rgba(245, 158, 11, 0.2);
}

.mail-doctor-badge.is-warn::before {
	content: "\f534";
}

.mail-doctor-badge.is-fail {
	background: #fef2f2;
	color: #991b1b;
	border-color: rgba(239, 68, 68, 0.25);
	animation: mail-doctor-badge-pulse-red 2.5s infinite ease-in-out;
}

.mail-doctor-badge.is-fail::before {
	content: "\f335";
}

.mail-doctor-badge.is-retrying {
	background: #fff7ed;
	color: #c2410c;
	border-color: rgba(249, 115, 22, 0.25);
	box-shadow: 0 0 0 1px rgba(249, 115, 22, 0.25);
}

.mail-doctor-badge.is-retrying::before {
	content: "\f463";
	animation: mail-doctor-spin 1.5s linear infinite;
	display: inline-block;
}

/* Animations & Keyframes */
@keyframes mail-doctor-badge-pulse-red {
	0%, 100% {
		box-shadow: 0 0 4px rgba(239, 68, 68, 0.2), inset 0 0 0 1px rgba(239, 68, 68, 0.15);
	}
	50% {
		box-shadow: 0 0 12px rgba(239, 68, 68, 0.55), inset 0 0 0 1px rgba(239, 68, 68, 0.3);
	}
}

@keyframes mail-doctor-spin {
	to { transform: rotate(360deg); }
}


.mail-doctor-badge-pro {
	display: inline-block;
	background: linear-gradient(135deg, #4f46e5, #3525cd);
	color: #fff;
	font-size: 11px;
	font-weight: 700;
	padding: 2px 10px;
	border-radius: var(--mail-doctor-radius-sm);
	text-transform: uppercase;
	margin-left: 8px;
	vertical-align: middle;
	line-height: 1.5;
	box-shadow: 0 2px 6px rgba(79, 70, 229, 0.2);
	border: 1px solid rgba(255, 255, 255, 0.15);
}