/**
 * Donatico — Form Designer contextual upgrade prompt (Placement 3)
 *
 * Styles for the upsell banner rendered inside the Form Designer controls
 * panel, between the Goal Amount card and the action buttons.
 * See docs/WEEK6-UPSELL-SPEC.md.
 */

/* Contextual upsell prompt in Form Designer (Placement 3) */
.donatico-form-designer-upsell {
	display: flex;
	align-items: flex-start;
	gap: 12px;
	background: #f0f9f7;
	border-left: 4px solid #2DD4A8;
	border-radius: 4px;
	padding: 14px 16px;
	margin: 16px 0;
	font-size: 14px;
	line-height: 1.5;
}

.donatico-upsell-icon {
	color: #2DD4A8;
	font-size: 18px;
	font-weight: 700;
	flex-shrink: 0;
	margin-top: 1px;
}

.donatico-upsell-content {
	flex: 1;
}

.donatico-upsell-content strong {
	color: #0F4640;
	margin-right: 4px;
}

.donatico-upsell-link {
	color: #0F4640 !important;
	font-weight: 600;
	margin-left: 8px;
	text-decoration: none;
	white-space: nowrap;
}

.donatico-upsell-link:hover {
	text-decoration: underline;
}
