.sirmax-search-popover {
	position: fixed;
	inset: 73px 24px auto auto;
	z-index: 1100;
	width: min(500px, calc(100vw - 48px));
	opacity: 0;
	transform: translateY(-8px);
	transition: opacity 0.2s cubic-bezier(0.2, 0, 0, 1), transform 0.2s cubic-bezier(0.2, 0, 0, 1);
}
.sirmax-search-popover[hidden] { display: none; }
.sirmax-search-popover.is-open { opacity: 1; transform: translateY(0); }
.sirmax-search-panel {
	padding: 16px;
	background: #121212;
	border: 1px solid #2a2a2a;
	border-radius: 10px;
	box-shadow: 0 16px 40px rgba(0, 0, 0, 0.45);
	font-family: 'Inter', sans-serif;
}
.sirmax-search-panel input {
	width: 100%;
	box-sizing: border-box;
	padding: 10px 14px;
	background: #232323;
	border: 1px solid #2a2a2a;
	border-radius: 6px;
	color: #f5f5f5;
	font-family: inherit;
	font-size: 0.9rem;
}
.sirmax-search-panel input:focus { outline: none; border-color: #a855f7; }
.sirmax-search-status {
	min-height: 20px;
	padding: 8px 2px 0;
	color: #b0b0b0;
	font-size: 0.78rem;
}
.sirmax-search-highlight {
	background: rgba(168, 85, 247, 0.25);
	border-radius: 2px;
	color: #fff;
}
.sirmax-search-results {
	display: grid;
	gap: 6px;
	max-height: min(480px, calc(100vh - 180px));
	overflow-y: auto;
}
.sirmax-search-result {
	display: flex;
	align-items: center;
	gap: 10px;
	padding: 8px;
	background: #181818;
	border: 1px solid #2a2a2a;
	border-radius: 6px;
	color: #f5f5f5;
	text-decoration: none;
}
.sirmax-search-result:hover,
.sirmax-search-result:focus-visible,
.sirmax-search-result.is-active { border-color: #a855f7; background: #1e1e1e; outline: none; }
.sirmax-search-result img { width: 48px; height: 48px; flex: 0 0 auto; object-fit: cover; border-radius: 4px; background: #222; }
.sirmax-search-result-content { display: grid; min-width: 0; flex: 1; gap: 2px; }
.sirmax-search-result-content strong,
.sirmax-search-result-content span,
.sirmax-search-result-content small { overflow: hidden; text-overflow: ellipsis; white-space: nowrap; }
.sirmax-search-result-content span { color: #b0b0b0; font-size: 0.78rem; }
.sirmax-search-result-content small { color: #777; font-size: 0.72rem; }
.sirmax-search-result b { color: #a855f7; font-size: 0.78rem; white-space: nowrap; }
@media (max-width: 768px) {
	.sirmax-search-popover { inset: 73px 12px auto; width: auto; }
}
@media (max-width: 480px) {
	.sirmax-search-panel { padding: 12px; }
	.sirmax-search-result img { width: 42px; height: 42px; }
	.sirmax-search-result b { font-size: 0.7rem; }
}