/* Forums — multi-emoji rating component (no counts) on top of glow */

.glowed .post-edited {
	margin-top: 6px;
	font-size: 0.6875rem; color: rgba(216, 240, 255, 0.45); font-style: italic;
}

.glowed .post-actions .ratings {
	list-style: none;
	margin: 0; padding: 0;
	display: inline-flex; align-items: center; gap: 6px;
}
.glowed .post-actions .ratings .rating {
	width: 30px; height: 30px;
	border-radius: 8px;
	display: inline-flex; align-items: center; justify-content: center;
	color: #fff; font-size: 0.875rem;
	background: rgba(143, 234, 255, 0.05);
	background-clip: padding-box;
	border: 1px solid rgba(143, 234, 255, 0.18);
	box-shadow: 0 1px 2px #0009;
	text-shadow: 0 1px 2px #0009;
	cursor: default;
	transition: transform 0.1s ease, border-color 0.1s ease, background 0.1s ease;
}
.glowed .post-actions .ratings.interactive .rating {
	cursor: pointer;
}
.glowed .post-actions .ratings.interactive .rating:hover {
	transform: scale(1.1);
	border-color: rgba(143, 234, 255, 0.5);
}
.glowed .post-actions .ratings .rating.active {
	box-shadow: 0 0 0 1px #fff, 0 0 8px rgba(143, 234, 255, 0.4);
}
/* Color the active rating with its data-color (set as background tint via JS) */
.glowed .post-actions .ratings .rating.active i {
	color: #fff;
	text-shadow: 0 0 6px currentColor;
}

/* Render a soft accent background based on data-color attribute when active */
.glowed .post-actions .ratings .rating[data-color="2a2"].active { background: rgba(38, 170, 38, 0.25); border-color: rgba(38, 170, 38, 0.6); }
.glowed .post-actions .ratings .rating[data-color="777"].active { background: rgba(120, 120, 120, 0.25); border-color: rgba(160, 160, 160, 0.5); }
.glowed .post-actions .ratings .rating[data-color="e33"].active { background: rgba(238, 51, 51, 0.25); border-color: rgba(238, 51, 51, 0.6); }
.glowed .post-actions .ratings .rating[data-color="dc0"].active { background: rgba(221, 204, 0, 0.25); border-color: rgba(221, 204, 0, 0.6); }
.glowed .post-actions .ratings .rating[data-color="28c"].active { background: rgba(34, 136, 204, 0.25); border-color: rgba(34, 136, 204, 0.6); }
.glowed .post-actions .ratings .rating[data-color="915"].active { background: rgba(153, 17, 85, 0.25); border-color: rgba(153, 17, 85, 0.6); }

/* Keep the right column stable when long content sits in a post body */
.glowed .post .post-col { min-width: 0; }

/* Empty state */
.glowed .threads .empty {
	padding: 24px; text-align: center;
	color: rgba(216, 240, 255, 0.45);
	border: 1px dashed rgba(143, 234, 255, 0.18);
	border-radius: 14px;
}