// 选择窗口入口放在输入框内部（后缀图标），不再在右侧另占一个按钮的宽度。@author nokecy
.qc-dialog-select {
	width: 100%;

	// 后缀图标可点；antd 默认给后缀 pointer-events: none。
	.qc-dialog-select-trigger {
		display: inline-flex;
		align-items: center;
		justify-content: center;
		width: 24px;
		height: 24px;
		font-size: 16px;
		cursor: pointer;
		pointer-events: auto;
		color: var(--qc-dialog-select-trigger-color, rgba(0, 0, 0, 0.45));
		transition: color 0.2s;

		&:hover {
			color: var(--qc-dialog-select-trigger-hover, #1677ff);
		}
	}

	// 为放大后的入口预留文本空间，避免选中值与图标重叠。
	&.ant-select-single:not(.ant-select-allow-clear) .ant-select-selection-item,
	&.ant-select-single:not(.ant-select-allow-clear) .ant-select-selection-placeholder {
		padding-inline-end: 24px;
	}

	// 悬停时 antd 会把后缀淡出、换成清除图标；这里让入口始终可见，清除图标左移一格并排。
	&.ant-select.ant-select:hover .ant-select-arrow:not(:last-child) {
		opacity: 1;
	}

	&.ant-select-allow-clear .ant-select-clear {
		inset-inline-end: 37px;
	}

	&.ant-select-allow-clear .ant-select-selection-item,
	&.ant-select-allow-clear .ant-select-selection-placeholder {
		padding-inline-end: 42px;
	}

	&.ant-select-multiple .ant-select-selector {
		padding-inline-end: 38px;
	}
}