/* views/css/modal.css */
#jsm_spontaneous_messages.jsm-overlay {
	&.jsm-overlay {
		position: fixed;
		inset: 0;
		display: flex;
		align-items: center;
		justify-content: center;
		background: rgba(0,0,0,0.6);
		z-index: 99999;
		opacity: 1;
		transition: opacity 0.25s ease;

		& .jsm-hide {
			opacity: 0;
			pointer-events: none;
		}
		& .jsm-modal {
			max-width: calc(100% - 30px);
			width: 900px;
			max-height: 90vh;
			overflow: auto;
			border-radius: 8px;
			box-shadow: 0 8px 30px rgba(0,0,0,0.4);
			position: relative;
			color: #222;
		}
		/* close button */
		& .jsm-close {
			position: absolute;
			right: 12px;
			top: 8px;
			border: none;
			background: transparent;
			font-size: 28px;
			line-height: 1;
			cursor: pointer;
		}
		/* title */
		& .jsm-title {
			font-size: 24px;
			font-weight: 600;
			margin-bottom: 24px;
		}
		/* content */
		& .jsm-content {
			font-size: 16px;
		}
	}
}
/* Responsive */
@media (max-width: 480px) {
	.jsm-overlay {
		& .jsm-title { font-size: 20px; }
		& .jsm-content { font-size: 15px; }
	}
}