/*
	CSG Dark - thread_status.css

	MyBB ships a 16px sprite for these and theme5 swapped it for FontAwesome.
	Neither scales with the rem ladder and the FontAwesome one needs a font we
	are not loading, so the indicator is drawn in CSS instead.

	What the colours mean, and they only ever mean this:
	  red    unread, something is waiting for you
	  grey   read, nothing new
	  amber  locked
	  cyan   moved / redirect
	The pale inner ring on the dot_ classes is MyBB saying you posted in it.
*/
.thread_status {
	display: inline-block;
	position: relative;
	width: 0.625rem;
	height: 0.625rem;
	border-radius: 50%;
	border: 1px solid var(--muted);
	background: transparent;
	vertical-align: 0.0625rem;
	flex: 0 0 auto;
	text-indent: -9999px;
	overflow: hidden;
}

/* Unread. */
.thread_status.newfolder,
.thread_status.newhotfolder,
.thread_status.dot_newfolder,
.thread_status.dot_newhotfolder {
	background: var(--red);
	border-color: var(--red);
}

/* Busy threads keep the same meaning, they just carry a halo. */
.thread_status.hotfolder,
.thread_status.dot_hotfolder {
	border-color: var(--text);
}
.thread_status.newhotfolder,
.thread_status.dot_newhotfolder {
	box-shadow: 0 0 0 2px rgba(255,18,48,.22);
}

/* Locked wins over unread: you cannot reply either way. */
.thread_status.closefolder,
.thread_status.hotclosefolder,
.thread_status.dot_closefolder,
.thread_status.dot_hotclosefolder {
	border-color: var(--mid);
	background: transparent;
	box-shadow: none;
}
.thread_status.newclosefolder,
.thread_status.newhotclosefolder,
.thread_status.dot_newclosefolder,
.thread_status.dot_newhotclosefolder {
	border-color: var(--mid);
	background: var(--mid);
	box-shadow: none;
}

.thread_status.movefolder {
	border-color: var(--new);
	background: transparent;
}

/* You have posted in this one. */
.thread_status[class*="dot_"]:after {
	content: '';
	position: absolute;
	inset: 1px;
	border-radius: 50%;
	border: 1px solid rgba(232,222,223,.45);
}