@use "../constants" as *;

// Pro Feature Notice Component
// Used in Cleanup and Alerts pages to show upgrade notice for free users
.pro-feature-notice {
	margin-bottom: 1.5rem;
	
	.upgrade-notice {
		background: linear-gradient(135deg, $gradient-pro-start 0%, $gradient-pro-end 100%);
		color: $white;
		padding: 12px 16px;
		border-radius: 8px;
		margin: 0;
		font-size: 14px;
		display: flex;
		align-items: center;
		gap: 8px;

		i {
			color: #ffd700;
		}

		.upgrade-link {
			color: $white;
			font-weight: 600;
			text-decoration: none;
			margin-left: auto;
			cursor: pointer;

			&:hover {
				color: $surface-light;
				text-decoration: none;
			}
		}
	}
}