/* Noctorial Affiliate Tiers — pre-payment banner */
.nat-affiliate-banner {
	display: flex;
	align-items: center;
	gap: 10px;
	margin: 14px 0;
	padding: 12px 16px;
	border-radius: 10px;
	background: linear-gradient( 135deg, #0f766e 0%, #14b8a6 100% );
	color: #f0fdfa;
	font-weight: 600;
	font-size: 14px;
	line-height: 1.35;
	border: 1px solid rgba( 255, 255, 255, 0.15 );
	box-shadow: 0 6px 18px rgba( 13, 148, 136, 0.28 );
	animation: nat-banner-in 0.28s ease-out;
}

.nat-affiliate-banner__icon {
	flex: 0 0 auto;
	display: inline-flex;
	align-items: center;
	justify-content: center;
	width: 26px;
	height: 26px;
	border-radius: 50%;
	background: rgba( 255, 255, 255, 0.18 );
	font-weight: 700;
}

.nat-affiliate-banner__text {
	flex: 1 1 auto;
}

@keyframes nat-banner-in {
	from { opacity: 0; transform: translateY( -6px ); }
	to   { opacity: 1; transform: translateY( 0 ); }
}