/**
 * Topic Preview Mod - Styles
 * Shows a preview popup when hovering over topic titles in the message index.
 */

/* Floating popup (appended to body by JS) */
.topic_preview_popup {
	position: absolute;
	z-index: 10000;
	width: 360px;
	max-width: 90vw;
	background: #fff;
	border: 1px solid #ddd;
	border-radius: 8px;
	box-shadow: 0 4px 20px rgba(0, 0, 0, 0.15);
	padding: 14px 16px;
	font-size: 13px;
	line-height: 1.5;
	color: #333;
	pointer-events: none;
	box-sizing: border-box;
}

.topic_preview_header {
	font-weight: 600;
	font-size: 14px;
	color: #1a1a1a;
	margin-bottom: 6px;
	line-height: 1.35;
}

.topic_preview_meta {
	font-size: 12px;
	color: #888;
	margin-bottom: 8px;
}

.topic_preview_author {
	color: #555;
	font-weight: 500;
}

.topic_preview_body {
	color: #555;
	font-size: 13px;
	line-height: 1.5;
	margin-bottom: 8px;
	word-wrap: break-word;
	overflow-wrap: break-word;
}

.topic_preview_stats {
	font-size: 12px;
	color: #999;
	border-top: 1px solid #eee;
	padding-top: 6px;
}

/* Hidden content containers embedded in the template */
.topic_preview_content {
	display: none !important;
}

/* Trigger cursor hint */
.topic_preview_trigger {
	cursor: pointer;
}