@media (min-width: 1024px) {
	.mobile-only {
		display: none !important;
	}

	.desktop-only {
		display: flex !important;
	}
}

@media (max-width: 1023px) {
	.desktop-only {
		display: none !important;
	}
}

.ai-card {
	transition: background 0.25s ease, color 0.25s ease, border-color 0.25s ease;
}

[data-theme="light"] .ai-card {
	background: linear-gradient(135deg, #f0f7ff 0%, #dbeafe 100%);
	color: #1e3a8a;
	border: 1px solid #bfdbfe;
}

[data-theme="light"] .ai-card-btn {
	border-color: #1d4ed8;
	color: #1d4ed8;
}

[data-theme="light"] .ai-card-btn:hover {
	background: #1d4ed8;
	color: #ffffff;
}

[data-theme="dark"] .ai-card {
	background: linear-gradient(135deg, #6d28d9 0%, #312e81 100%);
	color: #ffffff;
	border: 1px solid rgba(255, 255, 255, 0.15);
}

[data-theme="dark"] .ai-card-btn {
	border-color: rgba(255, 255, 255, 0.85);
	color: #ffffff;
}

[data-theme="dark"] .ai-card-btn:hover {
	background: rgba(255, 255, 255, 0.2);
	color: #ffffff;
}