/**
 * Prajasatta AI Overview Pro - Frontend Styles
 * Modern Google-style AI Overview card.
 */

.prajasatta-ai-overview {
	--prajasatta-aio-bg: #ffffff;
	--prajasatta-aio-border: #e8eaed;
	--prajasatta-aio-shadow: 0 1px 2px 0 rgba(60, 64, 67, 0.3), 0 1px 3px 1px rgba(60, 64, 67, 0.15);
	--prajasatta-aio-title: #202124;
	--prajasatta-aio-text: #3c4043;
	--prajasatta-aio-icon: #1a73e8;
	--prajasatta-aio-radius: 12px;

	background: var(--prajasatta-aio-bg);
	border: 1px solid var(--prajasatta-aio-border);
	border-radius: var(--prajasatta-aio-radius);
	box-shadow: var(--prajasatta-aio-shadow);
	padding: 16px 20px;
	margin: 0 0 24px 0;
	font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, "Helvetica Neue", Arial, sans-serif;
	line-height: 1.5;
	max-width: 100%;
	box-sizing: border-box;
}

.prajasatta-ai-overview__header {
	display: flex;
	align-items: center;
	gap: 8px;
	margin-bottom: 12px;
}

.prajasatta-ai-overview__icon {
	display: inline-flex;
	align-items: center;
	justify-content: center;
	color: var(--prajasatta-aio-icon);
	flex-shrink: 0;
}

.prajasatta-ai-overview__icon svg {
	width: 20px;
	height: 20px;
}

.prajasatta-ai-overview__title {
	font-size: 16px;
	font-weight: 600;
	color: var(--prajasatta-aio-title);
	margin: 0;
	letter-spacing: -0.01em;
}

.prajasatta-ai-overview__body {
	color: var(--prajasatta-aio-text);
	font-size: 15px;
}

.prajasatta-ai-overview__body ul {
	margin: 0;
	padding: 0 0 0 20px;
	list-style: disc;
}

.prajasatta-ai-overview__body li {
	margin: 0 0 8px 0;
	padding: 0;
	line-height: 1.45;
}

.prajasatta-ai-overview__body li:last-child {
	margin-bottom: 0;
}

/* Dark mode support */
@media (prefers-color-scheme: dark) {
	.prajasatta-ai-overview {
		--prajasatta-aio-bg: #202124;
		--prajasatta-aio-border: #3c4043;
		--prajasatta-aio-shadow: 0 1px 2px 0 rgba(0, 0, 0, 0.3), 0 1px 3px 1px rgba(0, 0, 0, 0.15);
		--prajasatta-aio-title: #e8eaed;
		--prajasatta-aio-text: #bdc1c6;
		--prajasatta-aio-icon: #8ab4f8;
	}
}

/* Theme dark mode classes (common) */
body.dark-mode .prajasatta-ai-overview,
body.dark .prajasatta-ai-overview,
.dark-theme .prajasatta-ai-overview,
html[data-theme="dark"] .prajasatta-ai-overview {
	--prajasatta-aio-bg: #202124;
	--prajasatta-aio-border: #3c4043;
	--prajasatta-aio-shadow: 0 1px 2px 0 rgba(0, 0, 0, 0.3), 0 1px 3px 1px rgba(0, 0, 0, 0.15);
	--prajasatta-aio-title: #e8eaed;
	--prajasatta-aio-text: #bdc1c6;
	--prajasatta-aio-icon: #8ab4f8;
}

/* Mobile */
@media (max-width: 600px) {
	.prajasatta-ai-overview {
		padding: 14px 16px;
		margin-bottom: 20px;
		border-radius: 10px;
	}

	.prajasatta-ai-overview__title {
		font-size: 15px;
	}

	.prajasatta-ai-overview__body {
		font-size: 14px;
	}
}

/* Print */
@media print {
	.prajasatta-ai-overview {
		box-shadow: none;
		border: 1px solid #ccc;
	}
}