/* 通知提供商多选组件样式 */

/* 主容器样式 */
.notifyProviderMultiSelect {
	width: 100%;
}

/* 选择器容器样式 - 确保有足够空间显示多选标签 */
.selectContainer {
	width: 100%;
	min-height: 2.5rem;
}

/* 修复 NSelect 输入框区域的垂直对齐问题 */
.selectContainer :global(.n-base-selection) {
	align-items: center !important;
	min-height: 2.5rem !important;
}

/* 修复选择器输入框内容区域对齐 */
.selectContainer :global(.n-base-selection-input) {
	display: flex !important;
	align-items: center !important;
	min-height: 2.5rem !important;
}

/* 修复标签容器的垂直对齐 */
.selectContainer :global(.n-base-selection-tags) {
	display: flex;
	flex-wrap: wrap;
	gap: 0.25rem;
	min-height: 2.5rem;
	padding: 0.25rem;
	max-height: none !important; /* 移除高度限制，允许换行 */
	align-items: center !important;
	align-content: center !important;
}

/* 修复下拉箭头的垂直对齐 */
.selectContainer :global(.n-base-suffix) {
	display: flex !important;
	align-items: center !important;
	height: 100% !important;
}

/* 修复清除按钮的垂直对齐 */
.selectContainer :global(.n-base-clear) {
	display: flex !important;
	align-items: center !important;
	height: 100% !important;
}

/* 修复输入框整体的垂直对齐 */
.selectContainer :global(.n-base-selection-input-tag) {
	display: flex !important;
	align-items: center !important;
	min-height: 2.5rem !important;
}

/* 确保占位符文本垂直居中 */
.selectContainer :global(.n-base-selection-placeholder) {
	display: flex !important;
	align-items: center !important;
	line-height: 2.5rem !important;
}

/* 修复多选模式下的输入框对齐 */
.selectContainer :global(.n-base-selection-input-tag input) {
	line-height: 2.5rem !important;
	height: 2.5rem !important;
}

/* 标签样式优化 */
.selectContainer :global(.n-tag) {
	max-width: 100%;
	flex-shrink: 0;
	margin: 2px 4px 2px 0 !important;
	display: flex !important;
	align-items: center !important;
}

/* 标签内容样式 */
.selectContainer :global(.n-tag__content) {
	display: flex !important;
	align-items: center !important;
	gap: 0.25rem;
	max-width: 100%;
}

/* 响应式布局 - 保持按钮原始样式 */

/* 确保选择器在不同屏幕尺寸下的响应式表现 */
@media (max-width: 640px) {
	.selectContainer {
		min-height: 3rem;
	}

	.selectContainer :global(.n-base-selection-tags) {
		min-height: 3rem;
	}
}

/* 优化标签在小屏幕上的显示 */
@media (max-width: 480px) {
	.selectContainer :global(.n-tag) {
		font-size: 0.75rem;
		max-width: 150px;
	}

	.selectContainer :global(.n-tag__content) {
		gap: 0.125rem;
	}
}

/* 确保图标不会被压缩 */
.selectContainer :global(.svg-icon) {
	flex-shrink: 0;
}

/* 优化空状态显示 */
.emptyState {
	text-align: center;
	padding: 1rem 0;
}

/* 保持按钮原始样式，不做额外修改 */
