/* ==========================================================================
   Per-topic unseen activity: forum list badge + single-topic highlight.
   ========================================================================== */

/* Unread badge on each topic row in the forum topic list (matches the
   Group Topics nav-tab badge in style.css). */
.mlmmc-topic-unread-badge {
	display: inline-flex;
	align-items: center;
	margin-left: 7px;
	vertical-align: middle;
	position: relative;
	top: -1px;
	line-height: 1;
}

/* Unread count pill */
.mlmmc-topic-unread-count {
	display: inline-flex;
	align-items: center;
	justify-content: center;
	min-width: 18px;
	height: 18px;
	padding: 0 5px;
	border-radius: 10px;
	background: var(--bb-label-background-color);
	color: var(--bb-label-text-color);
	font-size: 11px;
	font-weight: 700;
	line-height: 1;
}

/* ==========================================================================
   Single topic: highlight replies posted after the user's last read, so the
   .mlmmc-reply-new class (added by JS) stands out with a subtle pulse.
   ========================================================================== */

.mlmmc-reply-new .mlmmc-reply-identity,
.mlmmc-reply-new > .bs-reply-header {
	font-weight: 700;
}

.mlmmc-reply-new > .mlmmc-reply-excerpt {
	font-weight: 600;
}

.mlmmc-reply-new {
	position: relative;
	animation: mlmmc-unread-flash 4s ease-out;
	box-shadow: inset 3px 0 0 rgba(224, 82, 82, 0.55);
}

@keyframes mlmmc-unread-flash {
	0%   { background-color: rgba(224, 82, 82, 0.22); }
	100% { background-color: transparent; }
}