/* ==========================================================
   Query Bot page styles
   Loaded by templates/views/assets/query-bot.html
   ========================================================== */

/* page-specific hero visual (vx- scoped) */
.vx-src {
	display: flex;
	flex-wrap: wrap;
	gap: 6px;
	margin-top: 10px;
}
.vx-src i {
	display: inline-flex;
	align-items: center;
	gap: 6px;
	padding: 5px 9px;
	border-radius: 8px;
	font: 400 11px/1.2 var(--font-mono);
	font-style: normal;
	color: var(--ink-2);
	background: var(--paper);
	box-shadow: inset 0 0 0 1px var(--line);
}
.vx-src i::before {
	content: '';
	width: 9px;
	height: 11px;
	border-radius: 2px;
	box-shadow: inset 0 0 0 1.5px var(--tone);
}
.vx-q-search {
	display: flex;
	align-items: center;
	gap: 10px;
}
.vx-q-search svg {
	width: 14px;
	height: 14px;
}