/* Edwiser Access Control — badge & status dot styles */

.eac-badge-wrap {
	margin: 6px 0;
}

/* When the badge lands inside .wdm-course-image (the normal case — see
 * class-eac-badge-renderer.php), overlay it on the thumbnail instead of
 * sitting in document flow, so it never affects card/caption height. Core
 * already does the same thing for its "Completed" tag on this element. */
.wdm-course-image {
	position: relative;
}

.wdm-course-image .eac-badge-wrap {
	position: absolute;
	top: 8px;
	right: 8px;
	left: auto;
	margin: 0;
	z-index: 2;
}

.eac-badge {
	display: inline-block;
	font-size: 12px;
	font-weight: 600;
	line-height: 1;
	padding: 6px 10px;
	border-radius: 999px;
	border: 1px solid transparent;
	white-space: nowrap;
}

.eac-badge-active {
	background-color: #e6f4ea;
	border-color: #b7e1c1;
	color: #1e7e34;
}

.eac-badge-warning {
	background-color: #fff6da;
	border-color: #f3d97a;
	color: #8a6d00;
	animation: eac-pulse 1.6s ease-in-out infinite;
}

.eac-badge-expired {
	background-color: #fbe2e2;
	border-color: #f0b4b4;
	color: #b02a2a;
}

.eac-badge-grace {
	background-color: #e3f0ff;
	border-color: #b3d4fc;
	color: #1a5fb4;
}

@keyframes eac-pulse {
	0% {
		opacity: 1;
	}
	50% {
		opacity: 0.55;
	}
	100% {
		opacity: 1;
	}
}

/* Manage Teams table status dots */

.eac-status-dot {
	display: inline-block;
	width: 9px;
	height: 9px;
	border-radius: 50%;
	margin-right: 6px;
	vertical-align: middle;
}

.eac-status-active {
	background-color: #1e7e34;
}

.eac-status-warning {
	background-color: #c99a00;
}

.eac-status-expired {
	background-color: #b02a2a;
}

.eac-status-grace {
	background-color: #1a5fb4;
}

.eac-status-lifetime,
.eac-status-unknown {
	background-color: #9aa0a6;
}