/* 共享下拉组件的统一交互状态：页面只负责容器尺寸与排版。 */
.shared-dropdown-option:hover,
.shared-dropdown-option.is-active {
    background-color: rgba(120, 120, 128, 0.10) !important;
    color: var(--label-primary, #1d1d1f) !important;
}

.shared-dropdown-option:focus {
    background-color: rgba(120, 120, 128, 0.12) !important;
    color: var(--label-primary, #1d1d1f) !important;
    outline: none;
}

/* 图片银行页原有选择器更具体；在共享模块接管后也保持同一悬浮规范。 */
html.image-bank-page-mode .shared-dropdown-option:hover,
html.image-bank-page-mode .shared-dropdown-option.is-active,
html.image-bank-page-mode .shared-dropdown-option:focus {
    background-color: rgba(120, 120, 128, 0.10) !important;
    color: var(--label-primary, #1d1d1f) !important;
}

/* 共享筛选输入框与下拉触发器：仅定义展开前的容器交互状态。 */
.enterprise-inline-filter-control,
.shared-dropdown-trigger {
    transition: border-color 0.18s ease, background-color 0.18s ease, box-shadow 0.18s ease;
}

.shared-filter-trigger {
    background: rgba(255, 255, 255, 0.88);
    border: 1px solid color-mix(in srgb, var(--separator), white 14%);
    border-radius: 10px;
    color: var(--label-primary);
}

.enterprise-inline-filter-control:hover,
.shared-dropdown-trigger:hover {
    border-color: #b0b5bc;
}

.enterprise-inline-filter-control:focus-within,
.shared-dropdown-trigger:focus,
.shared-dropdown-trigger:focus-visible,
.shared-dropdown-trigger[aria-expanded='true'] {
    background: rgba(255, 255, 255, 0.88);
    border-color: #858b93;
    box-shadow: none;
    outline: none;
}

.product-dropdown {
    display: none;
}

.product-dropdown.show {
    display: block;
}

/* 输入清除按钮：由页面或 React 组件控制显示状态。 */
.shared-clear-button {
    align-items: center;
    background: rgba(120, 120, 128, 0.28);
    border: 0;
    border-radius: 50%;
    box-shadow: none;
    color: #fff;
    display: inline-flex;
    flex: 0 0 16px;
    height: 16px;
    justify-content: center;
    min-height: 16px;
    min-width: 16px;
    padding: 0;
    width: 16px;
}

.shared-clear-button:hover,
.shared-clear-button:focus-visible {
    background: rgba(120, 120, 128, 0.42);
    color: #fff;
    outline: none;
}

.shared-clear-button .bi {
    align-items: center;
    display: inline-flex;
    font-size: 9.28px;
    height: 9.28px;
    justify-content: center;
    line-height: 9.28px;
    width: 9.28px;
}

/* 非输入式选择器也可复用筛选下拉的面板与选项密度。 */
.shared-dropdown-panel {
    background: rgba(255, 255, 255, 0.96);
    border: 1px solid rgba(60, 60, 67, 0.14);
    border-radius: 12px;
    box-shadow: 0 10px 22px rgba(15, 23, 42, 0.11);
    padding: 6px;
}

#inboundProductPickerModal .inbound-group-menu.shared-dropdown-panel {
    background: rgba(255, 255, 255, 0.96);
    border-color: rgba(60, 60, 67, 0.14);
    border-radius: 12px;
    box-shadow: 0 10px 22px rgba(15, 23, 42, 0.11);
    overflow: visible;
    padding: 6px;
}

#inboundProductPickerModal .inbound-group-option.shared-dropdown-option {
    border-radius: 9px;
    min-height: 34px;
    padding: 7px 10px;
}