// 헤더 통합 검색 자동완성 드롭다운 (combobox — HeaderSearch.tsx)
// 인풋/박스 자체 스타일은 layout.module.scss(.searchBox/.searchInput/.searchKbd) 재사용
.header-suggest {
	position: absolute;
	top: calc(100% + 4px);
	left: 16px;
	right: 16px;
	z-index: 1000;
	max-height: 420px;
	overflow-y: auto;
	padding: var(--sp-2) 0;
	background: var(--bg-elevated);
	border: 1px solid var(--border-strong);
	border-radius: 8px;
	box-shadow: 0 8px 24px var(--shadow-color);

	&__item {
		display: flex;
		align-items: center;
		gap: var(--sp-3);
		min-height: var(--row-h);
		padding: 0 var(--sp-4);
		font-size: var(--cell-fs);
		cursor: pointer;

		&--active {
			background: var(--bg-subtle-hover);
		}
	}

	&__name {
		flex: 1 1 auto;
		overflow: hidden;
		color: var(--text-primary);
		white-space: nowrap;
		text-overflow: ellipsis;
	}

	&__code {
		flex: 0 0 auto;
		font-size: var(--fs-xs);
		color: var(--text-muted);
		font-variant-numeric: tabular-nums;
	}

	&__empty {
		padding: var(--sp-4);
		font-size: var(--fs-sm);
		color: var(--text-muted);
		text-align: center;
	}
}