/**
 * Frontend styles for Popup block
 *
 * These styles are minimal since the actual popup rendering
 * is handled by the Next.js frontend
 */

.rn20-popup {
	/* Hidden by default - controlled by frontend JS */
	display: none;
}

.rn20-popup-data {
	/* Hidden JSON data for frontend consumption */
	display: none !important;
}

.rn20-popup-placeholder {
	padding: 20px;
	background: #f3f4f6;
	border: 2px dashed #d1d5db;
	border-radius: 8px;
	text-align: center;
	color: #6b7280;
	font-size: 14px;
}