/** * OrgPickerView 样式覆盖 * * 对齐 Ardot「添加成员」确认框（800×600 / r24 / 黑白主色）。 * 通过 dialogProps.attach 挂载到 #share-dialog-overlay 或 body。 * TDesign / OneID 品牌色在该上下文中需显式覆写，避免残留默认蓝。 * * 暗夜模式通过 --org-picker-* CSS 自定义属性适配，dark 选择器块见文件末尾。 */ .org-picker-view-loading { position: fixed; inset: 0; z-index: 3000; display: flex; align-items: center; justify-content: center; background: rgba(0, 0, 0, 0.6); } .org-picker-view-loading__card { --org-picker-primary: rgba(0, 0, 0, 0.9); --org-picker-bg: #fff; --org-picker-border: #ebebeb; min-width: 180px; padding: 18px 24px; border: 1px solid var(--org-picker-border); border-radius: 16px; background: var(--org-picker-bg); color: var(--org-picker-primary); font-size: 14px; text-align: center; box-shadow: 0 16px 32px -8px rgba(0, 0, 0, 0.08); } /* 挂载到分享 overlay */ #share-dialog-overlay .oneid-react-dialog__ctx.org-picker-view-dialog, #share-dialog-overlay .org-picker-view-dialog.oneid-react-dialog__ctx, #share-dialog-overlay .org-picker-view-dialog { --org-picker-primary: rgba(0, 0, 0, 0.9); --org-picker-primary-strong: #000000; --org-picker-primary-disabled: rgba(0, 0, 0, 0.26); --org-picker-primary-light: rgba(0, 0, 0, 0.06); --org-picker-bg: #fff; --org-picker-border: #ebebeb; --org-picker-btn-border: #dedede; --org-picker-search-bg: #f3f3f4; --org-picker-icon-color: rgba(0, 0, 0, 0.7); --org-picker-icon-weak: rgba(0, 0, 0, 0.55); --org-picker-empty-text: rgba(0, 0, 0, 0.4); --org-picker-divider: rgba(0, 0, 0, 0.1); --org-picker-hover-bg: rgba(0, 0, 0, 0.04); --org-picker-active-bg: rgba(0, 0, 0, 0.08); --org-picker-shadow: 0 16px 32px -8px rgba(0, 0, 0, 0.02), 0 2px 4px -4px rgba(0, 0, 0, 0.02); /* OneID 自有变量 → tooltip / 已选区域文字色 */ --oneid-color-primary: var(--org-picker-primary); --oneid-color-text-primary: var(--org-picker-primary); --oneid-color-background-senary: var(--org-picker-bg); --oneid-color-background-tertiary: var(--org-picker-hover-bg); /* OneID / TDesign 主色 → 跟随主题，去掉默认蓝 */ --td-brand-color: var(--org-picker-primary); --td-brand-color-hover: var(--org-picker-primary-strong); --td-brand-color-focus: var(--org-picker-primary); --td-brand-color-active: var(--org-picker-primary-strong); --td-brand-color-disabled: var(--org-picker-primary-disabled); --td-brand-color-light: var(--org-picker-primary-light); /* TDesign 容器/列表交互态背景 */ --td-bg-color-container: var(--org-picker-bg); --td-bg-color-container-hover: var(--org-picker-hover-bg); --td-bg-color-container-active: var(--org-picker-active-bg); --td-bg-color-container-select: var(--org-picker-hover-bg); --td-bg-color-secondarycontainer: var(--org-picker-search-bg); --td-bg-color-secondarycontainer-hover: var(--org-picker-active-bg); --td-text-color-primary: var(--org-picker-primary); --td-text-color-secondary: var(--org-picker-icon-color); --td-text-color-placeholder: var(--org-picker-icon-weak); /* * 关闭按钮：纯 16×16 图标，无底无边。 * TDesign 默认有圆角底 + hover 灰底，且变量缺失时会露出灰框，需清掉。 */ /* OneID cover 默认 min-width:88，设计稿取消约 66、确定随文案（确定 ≈ 52~66） */ /* * Loading：SDK ConfigProvider.classPrefix = oneid-react， * 默认是菱形 / gradient-conic；树展开箭头位同样走这套类名。 * 仅在「内容区树」范围内隐藏原 icon 换成圆圈 spinner； * footer 按钮内的 loading 单独处理。 */ /* * 按钮内 Loading spinner：TDesign 在 button 内加 .t-loading 元素。 * 默认菱形换成圆圈 spinner，对齐按钮尺寸。 */ /* * 树形级联间距（每一层）： * TDesign: padding-left = --td-comp-margin-xxl * --level * 加大每级缩进，并拉开行内 expand / checkbox / icon / 文案间距。 */ /* 双栏内容区：752×468，左 400 / 右 312（间距 20 含分隔线） */ /* 搜索：浅灰底胶囊，图标移到左侧 */ /* * Checkbox：未选中边框在 overlay 场景下常因 --td-border-level-2-color / * --oneid-color-text-disabled 未继承而变成透明，看起来像「没 icon」。 * 这里写死未选 / 已选 / 半选三态，对齐设计稿 16×16 + r4。 */ /* 树节点展开箭头：保证未选中行也能看到（叶节点 empty 占位除外） */ /* 右侧「清空」按设计稿隐藏 */ /* 空状态插图弱化 */ /* 底部按钮兜底（props style 之外再锁一层） */ /* 树节点 & 搜索结果行 hover/active/selected 背景 */ /* 搜索结果文字对比度 */ /* 右侧已选列表项（SDK 真实 class 是 __selected-content，覆盖硬编码的 #f7f8fb） */ /* 右侧已选项的删除按钮（SDK 真实 class 含 __selected-close-icon） */ } #share-dialog-overlay .oneid-react-dialog__ctx.org-picker-view-dialog .oneid-react-dialog, #share-dialog-overlay .org-picker-view-dialog.oneid-react-dialog__ctx .oneid-react-dialog, #share-dialog-overlay .org-picker-view-dialog .oneid-react-dialog, #share-dialog-overlay .oneid-react-dialog__ctx.org-picker-view-dialog .t-dialog__ctx .t-dialog, #share-dialog-overlay .org-picker-view-dialog.oneid-react-dialog__ctx .t-dialog__ctx .t-dialog, #share-dialog-overlay .org-picker-view-dialog .t-dialog__ctx .t-dialog, #share-dialog-overlay .oneid-react-dialog__ctx.org-picker-view-dialog .t-dialog, #share-dialog-overlay .org-picker-view-dialog.oneid-react-dialog__ctx .t-dialog, #share-dialog-overlay .org-picker-view-dialog .t-dialog { /* 设计稿外壳：800×600 / r24 / 1px border / 极轻阴影 */ box-sizing: border-box !important; width: 800px !important; min-width: 800px !important; max-width: 800px !important; height: 600px !important; min-height: 600px !important; max-height: 600px !important; display: flex !important; flex-direction: column !important; background-color: var(--org-picker-bg); border: 1px solid var(--org-picker-border); border-radius: 24px; box-shadow: var(--org-picker-shadow); overflow: hidden; padding: 0 !important; } #share-dialog-overlay .oneid-react-dialog__ctx.org-picker-view-dialog .oneid-react-dialog__mask, #share-dialog-overlay .org-picker-view-dialog.oneid-react-dialog__ctx .oneid-react-dialog__mask, #share-dialog-overlay .org-picker-view-dialog .oneid-react-dialog__mask, #share-dialog-overlay .oneid-react-dialog__ctx.org-picker-view-dialog .t-dialog__mask, #share-dialog-overlay .org-picker-view-dialog.oneid-react-dialog__ctx .t-dialog__mask, #share-dialog-overlay .org-picker-view-dialog .t-dialog__mask { background-color: rgba(0, 0, 0, 0.6); } #share-dialog-overlay .oneid-react-dialog__ctx.org-picker-view-dialog .oneid-react-dialog__header, #share-dialog-overlay .org-picker-view-dialog.oneid-react-dialog__ctx .oneid-react-dialog__header, #share-dialog-overlay .org-picker-view-dialog .oneid-react-dialog__header, #share-dialog-overlay .oneid-react-dialog__ctx.org-picker-view-dialog .t-dialog__header, #share-dialog-overlay .org-picker-view-dialog.oneid-react-dialog__ctx .t-dialog__header, #share-dialog-overlay .org-picker-view-dialog .t-dialog__header { /* 标题行 24 + 外壳 padTop 20；与 content 间距由 body padTop 12 承担 */ flex-shrink: 0; box-sizing: border-box; padding: 20px 24px 0; min-height: 44px; font-size: 16px; font-weight: 600; line-height: 24px; color: var(--org-picker-primary); } #share-dialog-overlay .oneid-react-dialog__ctx.org-picker-view-dialog .oneid-react-dialog__close, #share-dialog-overlay .org-picker-view-dialog.oneid-react-dialog__ctx .oneid-react-dialog__close, #share-dialog-overlay .org-picker-view-dialog .oneid-react-dialog__close, #share-dialog-overlay .oneid-react-dialog__ctx.org-picker-view-dialog .t-dialog__close, #share-dialog-overlay .org-picker-view-dialog.oneid-react-dialog__ctx .t-dialog__close, #share-dialog-overlay .org-picker-view-dialog .t-dialog__close { /* 对齐标题行：padding T20 R24，热区 24×24，图标 16 */ top: 20px !important; right: 24px !important; width: 24px !important; height: 24px !important; padding: 0 !important; margin: 0 !important; border: none !important; outline: none !important; border-radius: 0 !important; background: transparent !important; box-shadow: none !important; color: var(--org-picker-icon-color) !important; display: flex !important; align-items: center; justify-content: center; font-size: 16px !important; line-height: 1 !important; } #share-dialog-overlay .oneid-react-dialog__ctx.org-picker-view-dialog .oneid-react-dialog__close:hover, #share-dialog-overlay .org-picker-view-dialog.oneid-react-dialog__ctx .oneid-react-dialog__close:hover, #share-dialog-overlay .org-picker-view-dialog .oneid-react-dialog__close:hover, #share-dialog-overlay .oneid-react-dialog__ctx.org-picker-view-dialog .t-dialog__close:hover, #share-dialog-overlay .org-picker-view-dialog.oneid-react-dialog__ctx .t-dialog__close:hover, #share-dialog-overlay .org-picker-view-dialog .t-dialog__close:hover, #share-dialog-overlay .oneid-react-dialog__ctx.org-picker-view-dialog .oneid-react-dialog__close:active, #share-dialog-overlay .org-picker-view-dialog.oneid-react-dialog__ctx .oneid-react-dialog__close:active, #share-dialog-overlay .org-picker-view-dialog .oneid-react-dialog__close:active, #share-dialog-overlay .oneid-react-dialog__ctx.org-picker-view-dialog .t-dialog__close:active, #share-dialog-overlay .org-picker-view-dialog.oneid-react-dialog__ctx .t-dialog__close:active, #share-dialog-overlay .org-picker-view-dialog .t-dialog__close:active, #share-dialog-overlay .oneid-react-dialog__ctx.org-picker-view-dialog .oneid-react-dialog__close:focus, #share-dialog-overlay .org-picker-view-dialog.oneid-react-dialog__ctx .oneid-react-dialog__close:focus, #share-dialog-overlay .org-picker-view-dialog .oneid-react-dialog__close:focus, #share-dialog-overlay .oneid-react-dialog__ctx.org-picker-view-dialog .t-dialog__close:focus, #share-dialog-overlay .org-picker-view-dialog.oneid-react-dialog__ctx .t-dialog__close:focus, #share-dialog-overlay .org-picker-view-dialog .t-dialog__close:focus { background: transparent !important; border: none !important; outline: none !important; box-shadow: none !important; color: var(--org-picker-primary) !important; } #share-dialog-overlay .oneid-react-dialog__ctx.org-picker-view-dialog .oneid-react-dialog__close .oneid-react-icon, #share-dialog-overlay .org-picker-view-dialog.oneid-react-dialog__ctx .oneid-react-dialog__close .oneid-react-icon, #share-dialog-overlay .org-picker-view-dialog .oneid-react-dialog__close .oneid-react-icon, #share-dialog-overlay .oneid-react-dialog__ctx.org-picker-view-dialog .t-dialog__close .oneid-react-icon, #share-dialog-overlay .org-picker-view-dialog.oneid-react-dialog__ctx .t-dialog__close .oneid-react-icon, #share-dialog-overlay .org-picker-view-dialog .t-dialog__close .oneid-react-icon, #share-dialog-overlay .oneid-react-dialog__ctx.org-picker-view-dialog .oneid-react-dialog__close .t-icon, #share-dialog-overlay .org-picker-view-dialog.oneid-react-dialog__ctx .oneid-react-dialog__close .t-icon, #share-dialog-overlay .org-picker-view-dialog .oneid-react-dialog__close .t-icon, #share-dialog-overlay .oneid-react-dialog__ctx.org-picker-view-dialog .t-dialog__close .t-icon, #share-dialog-overlay .org-picker-view-dialog.oneid-react-dialog__ctx .t-dialog__close .t-icon, #share-dialog-overlay .org-picker-view-dialog .t-dialog__close .t-icon, #share-dialog-overlay .oneid-react-dialog__ctx.org-picker-view-dialog .oneid-react-dialog__close svg, #share-dialog-overlay .org-picker-view-dialog.oneid-react-dialog__ctx .oneid-react-dialog__close svg, #share-dialog-overlay .org-picker-view-dialog .oneid-react-dialog__close svg, #share-dialog-overlay .oneid-react-dialog__ctx.org-picker-view-dialog .t-dialog__close svg, #share-dialog-overlay .org-picker-view-dialog.oneid-react-dialog__ctx .t-dialog__close svg, #share-dialog-overlay .org-picker-view-dialog .t-dialog__close svg { width: 16px !important; height: 16px !important; color: inherit !important; fill: currentColor !important; } #share-dialog-overlay .oneid-react-dialog__ctx.org-picker-view-dialog .oneid-react-dialog__body, #share-dialog-overlay .org-picker-view-dialog.oneid-react-dialog__ctx .oneid-react-dialog__body, #share-dialog-overlay .org-picker-view-dialog .oneid-react-dialog__body, #share-dialog-overlay .oneid-react-dialog__ctx.org-picker-view-dialog .t-dialog__body, #share-dialog-overlay .org-picker-view-dialog.oneid-react-dialog__ctx .t-dialog__body, #share-dialog-overlay .org-picker-view-dialog .t-dialog__body { /* 上下各 12 = 设计稿 header/footer 与内容区间距 */ flex: 1 1 auto; box-sizing: border-box; padding: 12px 24px; overflow: hidden; } #share-dialog-overlay .oneid-react-dialog__ctx.org-picker-view-dialog .oneid-react-dialog__footer, #share-dialog-overlay .org-picker-view-dialog.oneid-react-dialog__ctx .oneid-react-dialog__footer, #share-dialog-overlay .org-picker-view-dialog .oneid-react-dialog__footer, #share-dialog-overlay .oneid-react-dialog__ctx.org-picker-view-dialog .t-dialog__footer, #share-dialog-overlay .org-picker-view-dialog.oneid-react-dialog__ctx .t-dialog__footer, #share-dialog-overlay .org-picker-view-dialog .t-dialog__footer { /* * 设计：footer 区 48(8+32+8) + 外壳 padBottom 16 * → padding 8 24 24（底 8+16 合并） */ flex-shrink: 0; box-sizing: border-box; padding: 8px 24px 24px; gap: 12px; } #share-dialog-overlay .oneid-react-dialog__ctx.org-picker-view-dialog .oneid-react-dialog__footer .oneid-react-button, #share-dialog-overlay .org-picker-view-dialog.oneid-react-dialog__ctx .oneid-react-dialog__footer .oneid-react-button, #share-dialog-overlay .org-picker-view-dialog .oneid-react-dialog__footer .oneid-react-button, #share-dialog-overlay .oneid-react-dialog__ctx.org-picker-view-dialog .t-dialog__footer .t-button, #share-dialog-overlay .org-picker-view-dialog.oneid-react-dialog__ctx .t-dialog__footer .t-button, #share-dialog-overlay .org-picker-view-dialog .t-dialog__footer .t-button { min-width: 0 !important; padding-left: 12px !important; padding-right: 12px !important; font-size: 14px !important; line-height: 22px !important; } #share-dialog-overlay .oneid-react-dialog__ctx.org-picker-view-dialog .oneid-react-transfer-selector__content .oneid-react-loading__gradient-conic, #share-dialog-overlay .org-picker-view-dialog.oneid-react-dialog__ctx .oneid-react-transfer-selector__content .oneid-react-loading__gradient-conic, #share-dialog-overlay .org-picker-view-dialog .oneid-react-transfer-selector__content .oneid-react-loading__gradient-conic, #share-dialog-overlay .oneid-react-dialog__ctx.org-picker-view-dialog .oneid-react-transfer-selector__content .oneid-react-icon-loading, #share-dialog-overlay .org-picker-view-dialog.oneid-react-dialog__ctx .oneid-react-transfer-selector__content .oneid-react-icon-loading, #share-dialog-overlay .org-picker-view-dialog .oneid-react-transfer-selector__content .oneid-react-icon-loading, #share-dialog-overlay .oneid-react-dialog__ctx.org-picker-view-dialog .oneid-react-transfer-selector__content svg.oneid-react-icon-loading, #share-dialog-overlay .org-picker-view-dialog.oneid-react-dialog__ctx .oneid-react-transfer-selector__content svg.oneid-react-icon-loading, #share-dialog-overlay .org-picker-view-dialog .oneid-react-transfer-selector__content svg.oneid-react-icon-loading, #share-dialog-overlay .oneid-react-dialog__ctx.org-picker-view-dialog .oneid-react-transfer-selector__content .oneid-react-loading > svg, #share-dialog-overlay .org-picker-view-dialog.oneid-react-dialog__ctx .oneid-react-transfer-selector__content .oneid-react-loading > svg, #share-dialog-overlay .org-picker-view-dialog .oneid-react-transfer-selector__content .oneid-react-loading > svg, #share-dialog-overlay .oneid-react-dialog__ctx.org-picker-view-dialog .oneid-react-transfer-selector__content .oneid-react-search-item__expand-icon.oneid-react-loading > svg, #share-dialog-overlay .org-picker-view-dialog.oneid-react-dialog__ctx .oneid-react-transfer-selector__content .oneid-react-search-item__expand-icon.oneid-react-loading > svg, #share-dialog-overlay .org-picker-view-dialog .oneid-react-transfer-selector__content .oneid-react-search-item__expand-icon.oneid-react-loading > svg, #share-dialog-overlay .oneid-react-dialog__ctx.org-picker-view-dialog .oneid-react-transfer-selector__content .oneid-react-tree__icon .oneid-react-loading > svg, #share-dialog-overlay .org-picker-view-dialog.oneid-react-dialog__ctx .oneid-react-transfer-selector__content .oneid-react-tree__icon .oneid-react-loading > svg, #share-dialog-overlay .org-picker-view-dialog .oneid-react-transfer-selector__content .oneid-react-tree__icon .oneid-react-loading > svg, #share-dialog-overlay .oneid-react-dialog__ctx.org-picker-view-dialog .oneid-react-dialog__body .t-loading__gradient-conic, #share-dialog-overlay .org-picker-view-dialog.oneid-react-dialog__ctx .oneid-react-dialog__body .t-loading__gradient-conic, #share-dialog-overlay .org-picker-view-dialog .oneid-react-dialog__body .t-loading__gradient-conic, #share-dialog-overlay .oneid-react-dialog__ctx.org-picker-view-dialog .oneid-react-dialog__body .t-icon-loading, #share-dialog-overlay .org-picker-view-dialog.oneid-react-dialog__ctx .oneid-react-dialog__body .t-icon-loading, #share-dialog-overlay .org-picker-view-dialog .oneid-react-dialog__body .t-icon-loading, #share-dialog-overlay .oneid-react-dialog__ctx.org-picker-view-dialog .oneid-react-dialog__body .t-loading > svg, #share-dialog-overlay .org-picker-view-dialog.oneid-react-dialog__ctx .oneid-react-dialog__body .t-loading > svg, #share-dialog-overlay .org-picker-view-dialog .oneid-react-dialog__body .t-loading > svg { display: none !important; } #share-dialog-overlay .oneid-react-dialog__ctx.org-picker-view-dialog .oneid-react-search-item__expand-icon.oneid-react-loading, #share-dialog-overlay .org-picker-view-dialog.oneid-react-dialog__ctx .oneid-react-search-item__expand-icon.oneid-react-loading, #share-dialog-overlay .org-picker-view-dialog .oneid-react-search-item__expand-icon.oneid-react-loading, #share-dialog-overlay .oneid-react-dialog__ctx.org-picker-view-dialog .oneid-react-tree__icon .oneid-react-loading, #share-dialog-overlay .org-picker-view-dialog.oneid-react-dialog__ctx .oneid-react-tree__icon .oneid-react-loading, #share-dialog-overlay .org-picker-view-dialog .oneid-react-tree__icon .oneid-react-loading { position: relative; display: inline-flex !important; align-items: center; justify-content: center; width: 16px; height: 16px; color: var(--org-picker-icon-weak); font-size: 0 !important; } #share-dialog-overlay .oneid-react-dialog__ctx.org-picker-view-dialog .oneid-react-search-item__expand-icon.oneid-react-loading::after, #share-dialog-overlay .org-picker-view-dialog.oneid-react-dialog__ctx .oneid-react-search-item__expand-icon.oneid-react-loading::after, #share-dialog-overlay .org-picker-view-dialog .oneid-react-search-item__expand-icon.oneid-react-loading::after, #share-dialog-overlay .oneid-react-dialog__ctx.org-picker-view-dialog .oneid-react-tree__icon .oneid-react-loading::after, #share-dialog-overlay .org-picker-view-dialog.oneid-react-dialog__ctx .oneid-react-tree__icon .oneid-react-loading::after, #share-dialog-overlay .org-picker-view-dialog .oneid-react-tree__icon .oneid-react-loading::after { content: ''; display: block; box-sizing: border-box; width: 14px; height: 14px; border: 2px solid currentColor; border-top-color: transparent; border-radius: 50%; animation: org-picker-spin 0.6s linear infinite; } #share-dialog-overlay .oneid-react-dialog__ctx.org-picker-view-dialog .oneid-react-transfer-selector__content .oneid-react-loading, #share-dialog-overlay .org-picker-view-dialog.oneid-react-dialog__ctx .oneid-react-transfer-selector__content .oneid-react-loading, #share-dialog-overlay .org-picker-view-dialog .oneid-react-transfer-selector__content .oneid-react-loading, #share-dialog-overlay .oneid-react-dialog__ctx.org-picker-view-dialog .oneid-react-dialog__body .t-loading, #share-dialog-overlay .org-picker-view-dialog.oneid-react-dialog__ctx .oneid-react-dialog__body .t-loading, #share-dialog-overlay .org-picker-view-dialog .oneid-react-dialog__body .t-loading { display: flex !important; align-items: center; justify-content: center; color: var(--org-picker-icon-weak); } #share-dialog-overlay .oneid-react-dialog__ctx.org-picker-view-dialog .oneid-react-dialog__footer .oneid-react-loading, #share-dialog-overlay .org-picker-view-dialog.oneid-react-dialog__ctx .oneid-react-dialog__footer .oneid-react-loading, #share-dialog-overlay .org-picker-view-dialog .oneid-react-dialog__footer .oneid-react-loading, #share-dialog-overlay .oneid-react-dialog__ctx.org-picker-view-dialog .t-dialog__footer .t-loading, #share-dialog-overlay .org-picker-view-dialog.oneid-react-dialog__ctx .t-dialog__footer .t-loading, #share-dialog-overlay .org-picker-view-dialog .t-dialog__footer .t-loading { display: inline-flex !important; align-items: center; justify-content: center; width: 14px; height: 14px; margin-right: 4px; color: currentColor; } #share-dialog-overlay .oneid-react-dialog__ctx.org-picker-view-dialog .oneid-react-dialog__footer .oneid-react-loading__gradient-conic, #share-dialog-overlay .org-picker-view-dialog.oneid-react-dialog__ctx .oneid-react-dialog__footer .oneid-react-loading__gradient-conic, #share-dialog-overlay .org-picker-view-dialog .oneid-react-dialog__footer .oneid-react-loading__gradient-conic, #share-dialog-overlay .oneid-react-dialog__ctx.org-picker-view-dialog .oneid-react-dialog__footer .oneid-react-loading > svg, #share-dialog-overlay .org-picker-view-dialog.oneid-react-dialog__ctx .oneid-react-dialog__footer .oneid-react-loading > svg, #share-dialog-overlay .org-picker-view-dialog .oneid-react-dialog__footer .oneid-react-loading > svg, #share-dialog-overlay .oneid-react-dialog__ctx.org-picker-view-dialog .t-dialog__footer .t-loading__gradient-conic, #share-dialog-overlay .org-picker-view-dialog.oneid-react-dialog__ctx .t-dialog__footer .t-loading__gradient-conic, #share-dialog-overlay .org-picker-view-dialog .t-dialog__footer .t-loading__gradient-conic, #share-dialog-overlay .oneid-react-dialog__ctx.org-picker-view-dialog .t-dialog__footer .t-loading > svg, #share-dialog-overlay .org-picker-view-dialog.oneid-react-dialog__ctx .t-dialog__footer .t-loading > svg, #share-dialog-overlay .org-picker-view-dialog .t-dialog__footer .t-loading > svg { display: none !important; } #share-dialog-overlay .oneid-react-dialog__ctx.org-picker-view-dialog .oneid-react-dialog__footer .oneid-react-loading::after, #share-dialog-overlay .org-picker-view-dialog.oneid-react-dialog__ctx .oneid-react-dialog__footer .oneid-react-loading::after, #share-dialog-overlay .org-picker-view-dialog .oneid-react-dialog__footer .oneid-react-loading::after, #share-dialog-overlay .oneid-react-dialog__ctx.org-picker-view-dialog .t-dialog__footer .t-loading::after, #share-dialog-overlay .org-picker-view-dialog.oneid-react-dialog__ctx .t-dialog__footer .t-loading::after, #share-dialog-overlay .org-picker-view-dialog .t-dialog__footer .t-loading::after { content: ''; display: block; box-sizing: border-box; width: 14px; height: 14px; border: 2px solid currentColor; border-top-color: transparent; border-radius: 50%; animation: org-picker-spin 0.6s linear infinite; } @keyframes org-picker-spin { to { transform: rotate(360deg); } } #share-dialog-overlay .oneid-react-dialog__ctx.org-picker-view-dialog .oneid-react-search-item__tree, #share-dialog-overlay .org-picker-view-dialog.oneid-react-dialog__ctx .oneid-react-search-item__tree, #share-dialog-overlay .org-picker-view-dialog .oneid-react-search-item__tree, #share-dialog-overlay .oneid-react-dialog__ctx.org-picker-view-dialog .oneid-react-select-tree, #share-dialog-overlay .org-picker-view-dialog.oneid-react-dialog__ctx .oneid-react-select-tree, #share-dialog-overlay .org-picker-view-dialog .oneid-react-select-tree, #share-dialog-overlay .oneid-react-dialog__ctx.org-picker-view-dialog .oneid-react-tree, #share-dialog-overlay .org-picker-view-dialog.oneid-react-dialog__ctx .oneid-react-tree, #share-dialog-overlay .org-picker-view-dialog .oneid-react-tree { --td-comp-margin-xxl: 32px; } #share-dialog-overlay .oneid-react-dialog__ctx.org-picker-view-dialog .oneid-react-search-item__tree .oneid-react-tree__item, #share-dialog-overlay .org-picker-view-dialog.oneid-react-dialog__ctx .oneid-react-search-item__tree .oneid-react-tree__item, #share-dialog-overlay .org-picker-view-dialog .oneid-react-search-item__tree .oneid-react-tree__item, #share-dialog-overlay .oneid-react-dialog__ctx.org-picker-view-dialog .oneid-react-select-tree .oneid-react-tree__item, #share-dialog-overlay .org-picker-view-dialog.oneid-react-dialog__ctx .oneid-react-select-tree .oneid-react-tree__item, #share-dialog-overlay .org-picker-view-dialog .oneid-react-select-tree .oneid-react-tree__item, #share-dialog-overlay .oneid-react-dialog__ctx.org-picker-view-dialog .oneid-react-tree .oneid-react-tree__item, #share-dialog-overlay .org-picker-view-dialog.oneid-react-dialog__ctx .oneid-react-tree .oneid-react-tree__item, #share-dialog-overlay .org-picker-view-dialog .oneid-react-tree .oneid-react-tree__item { align-items: center; min-height: 36px; height: 36px; margin-bottom: 4px; box-sizing: border-box; } #share-dialog-overlay .oneid-react-dialog__ctx.org-picker-view-dialog .oneid-react-search-item__expand-icon, #share-dialog-overlay .org-picker-view-dialog.oneid-react-dialog__ctx .oneid-react-search-item__expand-icon, #share-dialog-overlay .org-picker-view-dialog .oneid-react-search-item__expand-icon, #share-dialog-overlay .oneid-react-dialog__ctx.org-picker-view-dialog .oneid-react-tree__icon, #share-dialog-overlay .org-picker-view-dialog.oneid-react-dialog__ctx .oneid-react-tree__icon, #share-dialog-overlay .org-picker-view-dialog .oneid-react-tree__icon { margin-right: 8px !important; flex-shrink: 0; } #share-dialog-overlay .oneid-react-dialog__ctx.org-picker-view-dialog .oneid-react-search-item__tree--label-checkbox, #share-dialog-overlay .org-picker-view-dialog.oneid-react-dialog__ctx .oneid-react-search-item__tree--label-checkbox, #share-dialog-overlay .org-picker-view-dialog .oneid-react-search-item__tree--label-checkbox, #share-dialog-overlay .oneid-react-dialog__ctx.org-picker-view-dialog .oneid-react-tree__label .oneid-react-checkbox, #share-dialog-overlay .org-picker-view-dialog.oneid-react-dialog__ctx .oneid-react-tree__label .oneid-react-checkbox, #share-dialog-overlay .org-picker-view-dialog .oneid-react-tree__label .oneid-react-checkbox { margin-right: 8px !important; } #share-dialog-overlay .oneid-react-dialog__ctx.org-picker-view-dialog .oneid-react-search-item__tree--label, #share-dialog-overlay .org-picker-view-dialog.oneid-react-dialog__ctx .oneid-react-search-item__tree--label, #share-dialog-overlay .org-picker-view-dialog .oneid-react-search-item__tree--label, #share-dialog-overlay .oneid-react-dialog__ctx.org-picker-view-dialog .oneid-react-tree__label, #share-dialog-overlay .org-picker-view-dialog.oneid-react-dialog__ctx .oneid-react-tree__label, #share-dialog-overlay .org-picker-view-dialog .oneid-react-tree__label { gap: 8px; column-gap: 8px; } #share-dialog-overlay .oneid-react-dialog__ctx.org-picker-view-dialog .org-picker-view-dialog__dept-icon, #share-dialog-overlay .org-picker-view-dialog.oneid-react-dialog__ctx .org-picker-view-dialog__dept-icon, #share-dialog-overlay .org-picker-view-dialog .org-picker-view-dialog__dept-icon, #share-dialog-overlay .oneid-react-dialog__ctx.org-picker-view-dialog .oneid-react-search-item__tree--label .oneid-react-avatar, #share-dialog-overlay .org-picker-view-dialog.oneid-react-dialog__ctx .oneid-react-search-item__tree--label .oneid-react-avatar, #share-dialog-overlay .org-picker-view-dialog .oneid-react-search-item__tree--label .oneid-react-avatar, #share-dialog-overlay .oneid-react-dialog__ctx.org-picker-view-dialog .oneid-react-tree__label .oneid-react-avatar, #share-dialog-overlay .org-picker-view-dialog.oneid-react-dialog__ctx .oneid-react-tree__label .oneid-react-avatar, #share-dialog-overlay .org-picker-view-dialog .oneid-react-tree__label .oneid-react-avatar { margin-right: 8px; flex-shrink: 0; } #share-dialog-overlay .oneid-react-dialog__ctx.org-picker-view-dialog .oneid-react-transfer-selector__content, #share-dialog-overlay .org-picker-view-dialog.oneid-react-dialog__ctx .oneid-react-transfer-selector__content, #share-dialog-overlay .org-picker-view-dialog .oneid-react-transfer-selector__content { box-sizing: border-box; width: 752px; height: 468px; border-color: var(--org-picker-divider); border-radius: 0; } #share-dialog-overlay .oneid-react-dialog__ctx.org-picker-view-dialog .oneid-react-transfer-selector__child-area, #share-dialog-overlay .org-picker-view-dialog.oneid-react-dialog__ctx .oneid-react-transfer-selector__child-area, #share-dialog-overlay .org-picker-view-dialog .oneid-react-transfer-selector__child-area { padding-top: 16px; box-sizing: border-box; height: 468px; } #share-dialog-overlay .oneid-react-dialog__ctx.org-picker-view-dialog .oneid-react-transfer-selector__child-area:first-child, #share-dialog-overlay .org-picker-view-dialog.oneid-react-dialog__ctx .oneid-react-transfer-selector__child-area:first-child, #share-dialog-overlay .org-picker-view-dialog .oneid-react-transfer-selector__child-area:first-child { width: 400px; flex: 0 0 400px; border-right-color: var(--org-picker-divider); } #share-dialog-overlay .oneid-react-dialog__ctx.org-picker-view-dialog .oneid-react-transfer-selector__child-area:last-child, #share-dialog-overlay .org-picker-view-dialog.oneid-react-dialog__ctx .oneid-react-transfer-selector__child-area:last-child, #share-dialog-overlay .org-picker-view-dialog .oneid-react-transfer-selector__child-area:last-child { width: 312px; flex: 0 0 312px; } #share-dialog-overlay .oneid-react-dialog__ctx.org-picker-view-dialog .oneid-react-search-area__search--input .oneid-react-input, #share-dialog-overlay .org-picker-view-dialog.oneid-react-dialog__ctx .oneid-react-search-area__search--input .oneid-react-input, #share-dialog-overlay .org-picker-view-dialog .oneid-react-search-area__search--input .oneid-react-input, #share-dialog-overlay .oneid-react-dialog__ctx.org-picker-view-dialog .oneid-react-search-area__search--input .t-input, #share-dialog-overlay .org-picker-view-dialog.oneid-react-dialog__ctx .oneid-react-search-area__search--input .t-input, #share-dialog-overlay .org-picker-view-dialog .oneid-react-search-area__search--input .t-input { position: relative; height: 34px; padding-left: 32px; padding-right: 8px; background-color: var(--org-picker-search-bg); border: none; border-radius: 10px; box-shadow: none; } #share-dialog-overlay .oneid-react-dialog__ctx.org-picker-view-dialog .oneid-react-search-area__search--input .oneid-react-input:hover, #share-dialog-overlay .org-picker-view-dialog.oneid-react-dialog__ctx .oneid-react-search-area__search--input .oneid-react-input:hover, #share-dialog-overlay .org-picker-view-dialog .oneid-react-search-area__search--input .oneid-react-input:hover, #share-dialog-overlay .oneid-react-dialog__ctx.org-picker-view-dialog .oneid-react-search-area__search--input .t-input:hover, #share-dialog-overlay .org-picker-view-dialog.oneid-react-dialog__ctx .oneid-react-search-area__search--input .t-input:hover, #share-dialog-overlay .org-picker-view-dialog .oneid-react-search-area__search--input .t-input:hover, #share-dialog-overlay .oneid-react-dialog__ctx.org-picker-view-dialog .oneid-react-search-area__search--input .oneid-react-input.oneid-react-is-focused, #share-dialog-overlay .org-picker-view-dialog.oneid-react-dialog__ctx .oneid-react-search-area__search--input .oneid-react-input.oneid-react-is-focused, #share-dialog-overlay .org-picker-view-dialog .oneid-react-search-area__search--input .oneid-react-input.oneid-react-is-focused, #share-dialog-overlay .oneid-react-dialog__ctx.org-picker-view-dialog .oneid-react-search-area__search--input .t-input.oneid-react-is-focused, #share-dialog-overlay .org-picker-view-dialog.oneid-react-dialog__ctx .oneid-react-search-area__search--input .t-input.oneid-react-is-focused, #share-dialog-overlay .org-picker-view-dialog .oneid-react-search-area__search--input .t-input.oneid-react-is-focused, #share-dialog-overlay .oneid-react-dialog__ctx.org-picker-view-dialog .oneid-react-search-area__search--input .oneid-react-input.t-is-focused, #share-dialog-overlay .org-picker-view-dialog.oneid-react-dialog__ctx .oneid-react-search-area__search--input .oneid-react-input.t-is-focused, #share-dialog-overlay .org-picker-view-dialog .oneid-react-search-area__search--input .oneid-react-input.t-is-focused, #share-dialog-overlay .oneid-react-dialog__ctx.org-picker-view-dialog .oneid-react-search-area__search--input .t-input.t-is-focused, #share-dialog-overlay .org-picker-view-dialog.oneid-react-dialog__ctx .oneid-react-search-area__search--input .t-input.t-is-focused, #share-dialog-overlay .org-picker-view-dialog .oneid-react-search-area__search--input .t-input.t-is-focused, #share-dialog-overlay .oneid-react-dialog__ctx.org-picker-view-dialog .oneid-react-search-area__search--input .oneid-react-input.oneid-react-input--focused, #share-dialog-overlay .org-picker-view-dialog.oneid-react-dialog__ctx .oneid-react-search-area__search--input .oneid-react-input.oneid-react-input--focused, #share-dialog-overlay .org-picker-view-dialog .oneid-react-search-area__search--input .oneid-react-input.oneid-react-input--focused, #share-dialog-overlay .oneid-react-dialog__ctx.org-picker-view-dialog .oneid-react-search-area__search--input .t-input.oneid-react-input--focused, #share-dialog-overlay .org-picker-view-dialog.oneid-react-dialog__ctx .oneid-react-search-area__search--input .t-input.oneid-react-input--focused, #share-dialog-overlay .org-picker-view-dialog .oneid-react-search-area__search--input .t-input.oneid-react-input--focused { background-color: var(--org-picker-search-bg); border: none; box-shadow: none; } #share-dialog-overlay .oneid-react-dialog__ctx.org-picker-view-dialog .oneid-react-search-area__search--input .oneid-react-input__inner, #share-dialog-overlay .org-picker-view-dialog.oneid-react-dialog__ctx .oneid-react-search-area__search--input .oneid-react-input__inner, #share-dialog-overlay .org-picker-view-dialog .oneid-react-search-area__search--input .oneid-react-input__inner, #share-dialog-overlay .oneid-react-dialog__ctx.org-picker-view-dialog .oneid-react-search-area__search--input .t-input__inner, #share-dialog-overlay .org-picker-view-dialog.oneid-react-dialog__ctx .oneid-react-search-area__search--input .t-input__inner, #share-dialog-overlay .org-picker-view-dialog .oneid-react-search-area__search--input .t-input__inner { font-size: 14px; line-height: 22px; color: var(--org-picker-primary); } #share-dialog-overlay .oneid-react-dialog__ctx.org-picker-view-dialog .oneid-react-search-area__search--input .oneid-react-input__suffix, #share-dialog-overlay .org-picker-view-dialog.oneid-react-dialog__ctx .oneid-react-search-area__search--input .oneid-react-input__suffix, #share-dialog-overlay .org-picker-view-dialog .oneid-react-search-area__search--input .oneid-react-input__suffix, #share-dialog-overlay .oneid-react-dialog__ctx.org-picker-view-dialog .oneid-react-search-area__search--input .t-input__suffix, #share-dialog-overlay .org-picker-view-dialog.oneid-react-dialog__ctx .oneid-react-search-area__search--input .t-input__suffix, #share-dialog-overlay .org-picker-view-dialog .oneid-react-search-area__search--input .t-input__suffix { position: absolute; left: 8px; right: auto; top: 50%; transform: translateY(-50%); margin: 0; } #share-dialog-overlay .oneid-react-dialog__ctx.org-picker-view-dialog .oneid-react-search-area__search--input .oneid-react-search-area__search-icon, #share-dialog-overlay .org-picker-view-dialog.oneid-react-dialog__ctx .oneid-react-search-area__search--input .oneid-react-search-area__search-icon, #share-dialog-overlay .org-picker-view-dialog .oneid-react-search-area__search--input .oneid-react-search-area__search-icon, #share-dialog-overlay .oneid-react-dialog__ctx.org-picker-view-dialog .oneid-react-search-area__search--input .oneid-svg, #share-dialog-overlay .org-picker-view-dialog.oneid-react-dialog__ctx .oneid-react-search-area__search--input .oneid-svg, #share-dialog-overlay .org-picker-view-dialog .oneid-react-search-area__search--input .oneid-svg { color: var(--org-picker-icon-color); } #share-dialog-overlay .oneid-react-dialog__ctx.org-picker-view-dialog .oneid-react-checkbox .oneid-react-checkbox__input, #share-dialog-overlay .org-picker-view-dialog.oneid-react-dialog__ctx .oneid-react-checkbox .oneid-react-checkbox__input, #share-dialog-overlay .org-picker-view-dialog .oneid-react-checkbox .oneid-react-checkbox__input, #share-dialog-overlay .oneid-react-dialog__ctx.org-picker-view-dialog .t-checkbox .t-checkbox__input, #share-dialog-overlay .org-picker-view-dialog.oneid-react-dialog__ctx .t-checkbox .t-checkbox__input, #share-dialog-overlay .org-picker-view-dialog .t-checkbox .t-checkbox__input { width: 16px !important; height: 16px !important; box-sizing: border-box !important; border: 1px solid var(--org-picker-primary-strong) !important; border-radius: 4px !important; background-color: var(--org-picker-bg) !important; background-image: none !important; opacity: 1 !important; visibility: visible !important; flex-shrink: 0; } #share-dialog-overlay .oneid-react-dialog__ctx.org-picker-view-dialog .oneid-react-checkbox.oneid-react-is-checked .oneid-react-checkbox__input, #share-dialog-overlay .org-picker-view-dialog.oneid-react-dialog__ctx .oneid-react-checkbox.oneid-react-is-checked .oneid-react-checkbox__input, #share-dialog-overlay .org-picker-view-dialog .oneid-react-checkbox.oneid-react-is-checked .oneid-react-checkbox__input, #share-dialog-overlay .oneid-react-dialog__ctx.org-picker-view-dialog .t-checkbox.t-is-checked .t-checkbox__input, #share-dialog-overlay .org-picker-view-dialog.oneid-react-dialog__ctx .t-checkbox.t-is-checked .t-checkbox__input, #share-dialog-overlay .org-picker-view-dialog .t-checkbox.t-is-checked .t-checkbox__input { background-color: var(--org-picker-primary-strong) !important; border-color: var(--org-picker-primary-strong) !important; /* 内联白勾，避免依赖 SDK 静态资源路径；暗夜模式在 dark 块中覆盖为深色勾 */ background-image: url("data:image/svg+xml,%3Csvg width='16' height='16' viewBox='0 0 16 16' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M5 8.06897L6.86207 10.1379L11 6' stroke='white' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'/%3E%3C/svg%3E") !important; background-position: center !important; background-repeat: no-repeat !important; } #share-dialog-overlay .oneid-react-dialog__ctx.org-picker-view-dialog .oneid-react-checkbox.oneid-react-is-indeterminate .oneid-react-checkbox__input, #share-dialog-overlay .org-picker-view-dialog.oneid-react-dialog__ctx .oneid-react-checkbox.oneid-react-is-indeterminate .oneid-react-checkbox__input, #share-dialog-overlay .org-picker-view-dialog .oneid-react-checkbox.oneid-react-is-indeterminate .oneid-react-checkbox__input, #share-dialog-overlay .oneid-react-dialog__ctx.org-picker-view-dialog .t-checkbox.t-is-indeterminate .t-checkbox__input, #share-dialog-overlay .org-picker-view-dialog.oneid-react-dialog__ctx .t-checkbox.t-is-indeterminate .t-checkbox__input, #share-dialog-overlay .org-picker-view-dialog .t-checkbox.t-is-indeterminate .t-checkbox__input { background-color: var(--org-picker-primary-strong) !important; border-color: var(--org-picker-primary-strong) !important; background-image: none !important; } #share-dialog-overlay .oneid-react-dialog__ctx.org-picker-view-dialog .oneid-react-checkbox.oneid-react-is-indeterminate .oneid-react-checkbox__input::after, #share-dialog-overlay .org-picker-view-dialog.oneid-react-dialog__ctx .oneid-react-checkbox.oneid-react-is-indeterminate .oneid-react-checkbox__input::after, #share-dialog-overlay .org-picker-view-dialog .oneid-react-checkbox.oneid-react-is-indeterminate .oneid-react-checkbox__input::after, #share-dialog-overlay .oneid-react-dialog__ctx.org-picker-view-dialog .t-checkbox.t-is-indeterminate .t-checkbox__input::after, #share-dialog-overlay .org-picker-view-dialog.oneid-react-dialog__ctx .t-checkbox.t-is-indeterminate .t-checkbox__input::after, #share-dialog-overlay .org-picker-view-dialog .t-checkbox.t-is-indeterminate .t-checkbox__input::after { background-color: var(--org-picker-bg) !important; opacity: 1 !important; } #share-dialog-overlay .oneid-react-dialog__ctx.org-picker-view-dialog .oneid-react-tree__icon svg, #share-dialog-overlay .org-picker-view-dialog.oneid-react-dialog__ctx .oneid-react-tree__icon svg, #share-dialog-overlay .org-picker-view-dialog .oneid-react-tree__icon svg, #share-dialog-overlay .oneid-react-dialog__ctx.org-picker-view-dialog .oneid-react-search-item__expand-icon svg, #share-dialog-overlay .org-picker-view-dialog.oneid-react-dialog__ctx .oneid-react-search-item__expand-icon svg, #share-dialog-overlay .org-picker-view-dialog .oneid-react-search-item__expand-icon svg { color: var(--org-picker-icon-weak) !important; fill: currentColor; } #share-dialog-overlay .oneid-react-dialog__ctx.org-picker-view-dialog .oneid-react-search-item__tree--label-checkbox, #share-dialog-overlay .org-picker-view-dialog.oneid-react-dialog__ctx .oneid-react-search-item__tree--label-checkbox, #share-dialog-overlay .org-picker-view-dialog .oneid-react-search-item__tree--label-checkbox { display: inline-flex !important; align-items: center; width: 16px; min-width: 16px; margin-right: 8px; } #share-dialog-overlay .oneid-react-dialog__ctx.org-picker-view-dialog .oneid-react-selected-area__selected-header--clear, #share-dialog-overlay .org-picker-view-dialog.oneid-react-dialog__ctx .oneid-react-selected-area__selected-header--clear, #share-dialog-overlay .org-picker-view-dialog .oneid-react-selected-area__selected-header--clear { display: none !important; } #share-dialog-overlay .oneid-react-dialog__ctx.org-picker-view-dialog .oneid-react-selected-area__empty img, #share-dialog-overlay .org-picker-view-dialog.oneid-react-dialog__ctx .oneid-react-selected-area__empty img, #share-dialog-overlay .org-picker-view-dialog .oneid-react-selected-area__empty img { opacity: 0.35; } #share-dialog-overlay .oneid-react-dialog__ctx.org-picker-view-dialog .oneid-react-selected-area__empty-text, #share-dialog-overlay .org-picker-view-dialog.oneid-react-dialog__ctx .oneid-react-selected-area__empty-text, #share-dialog-overlay .org-picker-view-dialog .oneid-react-selected-area__empty-text { color: var(--org-picker-empty-text); } #share-dialog-overlay .oneid-react-dialog__ctx.org-picker-view-dialog .oneid-react-selected-area__selected-header--selected-title, #share-dialog-overlay .org-picker-view-dialog.oneid-react-dialog__ctx .oneid-react-selected-area__selected-header--selected-title, #share-dialog-overlay .org-picker-view-dialog .oneid-react-selected-area__selected-header--selected-title, #share-dialog-overlay .oneid-react-dialog__ctx.org-picker-view-dialog .oneid-react-selected-area__selected-header--selected-tipnum, #share-dialog-overlay .org-picker-view-dialog.oneid-react-dialog__ctx .oneid-react-selected-area__selected-header--selected-tipnum, #share-dialog-overlay .org-picker-view-dialog .oneid-react-selected-area__selected-header--selected-tipnum, #share-dialog-overlay .oneid-react-dialog__ctx.org-picker-view-dialog .oneid-react-selected-area__selected-header--selected-num, #share-dialog-overlay .org-picker-view-dialog.oneid-react-dialog__ctx .oneid-react-selected-area__selected-header--selected-num, #share-dialog-overlay .org-picker-view-dialog .oneid-react-selected-area__selected-header--selected-num { font-size: 14px; line-height: 22px; color: var(--org-picker-primary); } #share-dialog-overlay .oneid-react-dialog__ctx.org-picker-view-dialog .oneid-react-selected-area__selected-header--selected-title, #share-dialog-overlay .org-picker-view-dialog.oneid-react-dialog__ctx .oneid-react-selected-area__selected-header--selected-title, #share-dialog-overlay .org-picker-view-dialog .oneid-react-selected-area__selected-header--selected-title { font-weight: 600; } #share-dialog-overlay .oneid-react-dialog__ctx.org-picker-view-dialog .oneid-react-dialog__footer .oneid-react-button--theme-primary, #share-dialog-overlay .org-picker-view-dialog.oneid-react-dialog__ctx .oneid-react-dialog__footer .oneid-react-button--theme-primary, #share-dialog-overlay .org-picker-view-dialog .oneid-react-dialog__footer .oneid-react-button--theme-primary, #share-dialog-overlay .oneid-react-dialog__ctx.org-picker-view-dialog .oneid-react-dialog__confirm, #share-dialog-overlay .org-picker-view-dialog.oneid-react-dialog__ctx .oneid-react-dialog__confirm, #share-dialog-overlay .org-picker-view-dialog .oneid-react-dialog__confirm, #share-dialog-overlay .oneid-react-dialog__ctx.org-picker-view-dialog .t-dialog__confirm, #share-dialog-overlay .org-picker-view-dialog.oneid-react-dialog__ctx .t-dialog__confirm, #share-dialog-overlay .org-picker-view-dialog .t-dialog__confirm, #share-dialog-overlay .oneid-react-dialog__ctx.org-picker-view-dialog .t-button--theme-primary, #share-dialog-overlay .org-picker-view-dialog.oneid-react-dialog__ctx .t-button--theme-primary, #share-dialog-overlay .org-picker-view-dialog .t-button--theme-primary { background-color: var(--org-picker-primary) !important; border-color: var(--org-picker-primary) !important; color: var(--org-picker-bg) !important; border-radius: 8px !important; height: 32px !important; font-weight: 600; transition: opacity 0.2s; } #share-dialog-overlay .oneid-react-dialog__ctx.org-picker-view-dialog .oneid-react-dialog__footer .oneid-react-button--theme-primary.oneid-react-is-disabled, #share-dialog-overlay .org-picker-view-dialog.oneid-react-dialog__ctx .oneid-react-dialog__footer .oneid-react-button--theme-primary.oneid-react-is-disabled, #share-dialog-overlay .org-picker-view-dialog .oneid-react-dialog__footer .oneid-react-button--theme-primary.oneid-react-is-disabled, #share-dialog-overlay .oneid-react-dialog__ctx.org-picker-view-dialog .oneid-react-dialog__footer .oneid-react-button--theme-primary.oneid-react-is-loading, #share-dialog-overlay .org-picker-view-dialog.oneid-react-dialog__ctx .oneid-react-dialog__footer .oneid-react-button--theme-primary.oneid-react-is-loading, #share-dialog-overlay .org-picker-view-dialog .oneid-react-dialog__footer .oneid-react-button--theme-primary.oneid-react-is-loading, #share-dialog-overlay .oneid-react-dialog__ctx.org-picker-view-dialog .oneid-react-dialog__footer .oneid-react-button--theme-primary[disabled], #share-dialog-overlay .org-picker-view-dialog.oneid-react-dialog__ctx .oneid-react-dialog__footer .oneid-react-button--theme-primary[disabled], #share-dialog-overlay .org-picker-view-dialog .oneid-react-dialog__footer .oneid-react-button--theme-primary[disabled], #share-dialog-overlay .oneid-react-dialog__ctx.org-picker-view-dialog .oneid-react-dialog__confirm.oneid-react-is-disabled, #share-dialog-overlay .org-picker-view-dialog.oneid-react-dialog__ctx .oneid-react-dialog__confirm.oneid-react-is-disabled, #share-dialog-overlay .org-picker-view-dialog .oneid-react-dialog__confirm.oneid-react-is-disabled, #share-dialog-overlay .oneid-react-dialog__ctx.org-picker-view-dialog .oneid-react-dialog__confirm.oneid-react-is-loading, #share-dialog-overlay .org-picker-view-dialog.oneid-react-dialog__ctx .oneid-react-dialog__confirm.oneid-react-is-loading, #share-dialog-overlay .org-picker-view-dialog .oneid-react-dialog__confirm.oneid-react-is-loading, #share-dialog-overlay .oneid-react-dialog__ctx.org-picker-view-dialog .oneid-react-dialog__confirm[disabled], #share-dialog-overlay .org-picker-view-dialog.oneid-react-dialog__ctx .oneid-react-dialog__confirm[disabled], #share-dialog-overlay .org-picker-view-dialog .oneid-react-dialog__confirm[disabled], #share-dialog-overlay .oneid-react-dialog__ctx.org-picker-view-dialog .t-dialog__confirm.t-is-disabled, #share-dialog-overlay .org-picker-view-dialog.oneid-react-dialog__ctx .t-dialog__confirm.t-is-disabled, #share-dialog-overlay .org-picker-view-dialog .t-dialog__confirm.t-is-disabled, #share-dialog-overlay .oneid-react-dialog__ctx.org-picker-view-dialog .t-dialog__confirm.t-is-loading, #share-dialog-overlay .org-picker-view-dialog.oneid-react-dialog__ctx .t-dialog__confirm.t-is-loading, #share-dialog-overlay .org-picker-view-dialog .t-dialog__confirm.t-is-loading, #share-dialog-overlay .oneid-react-dialog__ctx.org-picker-view-dialog .t-dialog__confirm[disabled], #share-dialog-overlay .org-picker-view-dialog.oneid-react-dialog__ctx .t-dialog__confirm[disabled], #share-dialog-overlay .org-picker-view-dialog .t-dialog__confirm[disabled], #share-dialog-overlay .oneid-react-dialog__ctx.org-picker-view-dialog .t-button--theme-primary.t-is-disabled, #share-dialog-overlay .org-picker-view-dialog.oneid-react-dialog__ctx .t-button--theme-primary.t-is-disabled, #share-dialog-overlay .org-picker-view-dialog .t-button--theme-primary.t-is-disabled, #share-dialog-overlay .oneid-react-dialog__ctx.org-picker-view-dialog .t-button--theme-primary.t-is-loading, #share-dialog-overlay .org-picker-view-dialog.oneid-react-dialog__ctx .t-button--theme-primary.t-is-loading, #share-dialog-overlay .org-picker-view-dialog .t-button--theme-primary.t-is-loading, #share-dialog-overlay .oneid-react-dialog__ctx.org-picker-view-dialog .t-button--theme-primary[disabled], #share-dialog-overlay .org-picker-view-dialog.oneid-react-dialog__ctx .t-button--theme-primary[disabled], #share-dialog-overlay .org-picker-view-dialog .t-button--theme-primary[disabled] { opacity: 0.4 !important; cursor: not-allowed !important; pointer-events: auto !important; } #share-dialog-overlay .oneid-react-dialog__ctx.org-picker-view-dialog .oneid-react-dialog__footer .oneid-react-button--theme-default, #share-dialog-overlay .org-picker-view-dialog.oneid-react-dialog__ctx .oneid-react-dialog__footer .oneid-react-button--theme-default, #share-dialog-overlay .org-picker-view-dialog .oneid-react-dialog__footer .oneid-react-button--theme-default, #share-dialog-overlay .oneid-react-dialog__ctx.org-picker-view-dialog .oneid-react-dialog__cancel, #share-dialog-overlay .org-picker-view-dialog.oneid-react-dialog__ctx .oneid-react-dialog__cancel, #share-dialog-overlay .org-picker-view-dialog .oneid-react-dialog__cancel, #share-dialog-overlay .oneid-react-dialog__ctx.org-picker-view-dialog .t-dialog__cancel, #share-dialog-overlay .org-picker-view-dialog.oneid-react-dialog__ctx .t-dialog__cancel, #share-dialog-overlay .org-picker-view-dialog .t-dialog__cancel, #share-dialog-overlay .oneid-react-dialog__ctx.org-picker-view-dialog .t-button--theme-default, #share-dialog-overlay .org-picker-view-dialog.oneid-react-dialog__ctx .t-button--theme-default, #share-dialog-overlay .org-picker-view-dialog .t-button--theme-default { background-color: var(--org-picker-bg) !important; border-color: var(--org-picker-btn-border) !important; color: var(--org-picker-primary) !important; border-radius: 8px !important; height: 32px !important; font-weight: 600; transition: opacity 0.2s; } #share-dialog-overlay .oneid-react-dialog__ctx.org-picker-view-dialog .oneid-react-dialog__footer .oneid-react-button--theme-default.oneid-react-is-disabled, #share-dialog-overlay .org-picker-view-dialog.oneid-react-dialog__ctx .oneid-react-dialog__footer .oneid-react-button--theme-default.oneid-react-is-disabled, #share-dialog-overlay .org-picker-view-dialog .oneid-react-dialog__footer .oneid-react-button--theme-default.oneid-react-is-disabled, #share-dialog-overlay .oneid-react-dialog__ctx.org-picker-view-dialog .oneid-react-dialog__footer .oneid-react-button--theme-default[disabled], #share-dialog-overlay .org-picker-view-dialog.oneid-react-dialog__ctx .oneid-react-dialog__footer .oneid-react-button--theme-default[disabled], #share-dialog-overlay .org-picker-view-dialog .oneid-react-dialog__footer .oneid-react-button--theme-default[disabled], #share-dialog-overlay .oneid-react-dialog__ctx.org-picker-view-dialog .oneid-react-dialog__cancel.oneid-react-is-disabled, #share-dialog-overlay .org-picker-view-dialog.oneid-react-dialog__ctx .oneid-react-dialog__cancel.oneid-react-is-disabled, #share-dialog-overlay .org-picker-view-dialog .oneid-react-dialog__cancel.oneid-react-is-disabled, #share-dialog-overlay .oneid-react-dialog__ctx.org-picker-view-dialog .oneid-react-dialog__cancel[disabled], #share-dialog-overlay .org-picker-view-dialog.oneid-react-dialog__ctx .oneid-react-dialog__cancel[disabled], #share-dialog-overlay .org-picker-view-dialog .oneid-react-dialog__cancel[disabled], #share-dialog-overlay .oneid-react-dialog__ctx.org-picker-view-dialog .t-dialog__cancel.t-is-disabled, #share-dialog-overlay .org-picker-view-dialog.oneid-react-dialog__ctx .t-dialog__cancel.t-is-disabled, #share-dialog-overlay .org-picker-view-dialog .t-dialog__cancel.t-is-disabled, #share-dialog-overlay .oneid-react-dialog__ctx.org-picker-view-dialog .t-dialog__cancel[disabled], #share-dialog-overlay .org-picker-view-dialog.oneid-react-dialog__ctx .t-dialog__cancel[disabled], #share-dialog-overlay .org-picker-view-dialog .t-dialog__cancel[disabled], #share-dialog-overlay .oneid-react-dialog__ctx.org-picker-view-dialog .t-button--theme-default.t-is-disabled, #share-dialog-overlay .org-picker-view-dialog.oneid-react-dialog__ctx .t-button--theme-default.t-is-disabled, #share-dialog-overlay .org-picker-view-dialog .t-button--theme-default.t-is-disabled, #share-dialog-overlay .oneid-react-dialog__ctx.org-picker-view-dialog .t-button--theme-default[disabled], #share-dialog-overlay .org-picker-view-dialog.oneid-react-dialog__ctx .t-button--theme-default[disabled], #share-dialog-overlay .org-picker-view-dialog .t-button--theme-default[disabled] { opacity: 0.4 !important; cursor: not-allowed !important; } #share-dialog-overlay .oneid-react-dialog__ctx.org-picker-view-dialog .org-picker-view-dialog__dept-icon, #share-dialog-overlay .org-picker-view-dialog.oneid-react-dialog__ctx .org-picker-view-dialog__dept-icon, #share-dialog-overlay .org-picker-view-dialog .org-picker-view-dialog__dept-icon { color: var(--org-picker-icon-color); flex-shrink: 0; } #share-dialog-overlay .oneid-react-dialog__ctx.org-picker-view-dialog .oneid-react-tree__item:hover, #share-dialog-overlay .org-picker-view-dialog.oneid-react-dialog__ctx .oneid-react-tree__item:hover, #share-dialog-overlay .org-picker-view-dialog .oneid-react-tree__item:hover, #share-dialog-overlay .oneid-react-dialog__ctx.org-picker-view-dialog .oneid-react-search-item:hover, #share-dialog-overlay .org-picker-view-dialog.oneid-react-dialog__ctx .oneid-react-search-item:hover, #share-dialog-overlay .org-picker-view-dialog .oneid-react-search-item:hover, #share-dialog-overlay .oneid-react-dialog__ctx.org-picker-view-dialog .oneid-react-search-result__item:hover, #share-dialog-overlay .org-picker-view-dialog.oneid-react-dialog__ctx .oneid-react-search-result__item:hover, #share-dialog-overlay .org-picker-view-dialog .oneid-react-search-result__item:hover { background-color: var(--org-picker-hover-bg) !important; } #share-dialog-overlay .oneid-react-dialog__ctx.org-picker-view-dialog .oneid-react-tree__item.oneid-react-is-active, #share-dialog-overlay .org-picker-view-dialog.oneid-react-dialog__ctx .oneid-react-tree__item.oneid-react-is-active, #share-dialog-overlay .org-picker-view-dialog .oneid-react-tree__item.oneid-react-is-active, #share-dialog-overlay .oneid-react-dialog__ctx.org-picker-view-dialog .oneid-react-tree__item.oneid-react-is-selected, #share-dialog-overlay .org-picker-view-dialog.oneid-react-dialog__ctx .oneid-react-tree__item.oneid-react-is-selected, #share-dialog-overlay .org-picker-view-dialog .oneid-react-tree__item.oneid-react-is-selected, #share-dialog-overlay .oneid-react-dialog__ctx.org-picker-view-dialog .oneid-react-search-item.oneid-react-is-active, #share-dialog-overlay .org-picker-view-dialog.oneid-react-dialog__ctx .oneid-react-search-item.oneid-react-is-active, #share-dialog-overlay .org-picker-view-dialog .oneid-react-search-item.oneid-react-is-active, #share-dialog-overlay .oneid-react-dialog__ctx.org-picker-view-dialog .oneid-react-search-result__item.oneid-react-is-active, #share-dialog-overlay .org-picker-view-dialog.oneid-react-dialog__ctx .oneid-react-search-result__item.oneid-react-is-active, #share-dialog-overlay .org-picker-view-dialog .oneid-react-search-result__item.oneid-react-is-active { background-color: var(--org-picker-active-bg) !important; } #share-dialog-overlay .oneid-react-dialog__ctx.org-picker-view-dialog .oneid-react-search-result__item-desc, #share-dialog-overlay .org-picker-view-dialog.oneid-react-dialog__ctx .oneid-react-search-result__item-desc, #share-dialog-overlay .org-picker-view-dialog .oneid-react-search-result__item-desc, #share-dialog-overlay .oneid-react-dialog__ctx.org-picker-view-dialog .oneid-react-search-result__item-department, #share-dialog-overlay .org-picker-view-dialog.oneid-react-dialog__ctx .oneid-react-search-result__item-department, #share-dialog-overlay .org-picker-view-dialog .oneid-react-search-result__item-department { color: var(--org-picker-icon-weak); } #share-dialog-overlay .oneid-react-dialog__ctx.org-picker-view-dialog .oneid-react-search-result__item-name, #share-dialog-overlay .org-picker-view-dialog.oneid-react-dialog__ctx .oneid-react-search-result__item-name, #share-dialog-overlay .org-picker-view-dialog .oneid-react-search-result__item-name { color: var(--org-picker-primary); } #share-dialog-overlay .oneid-react-dialog__ctx.org-picker-view-dialog .oneid-react-avatar, #share-dialog-overlay .org-picker-view-dialog.oneid-react-dialog__ctx .oneid-react-avatar, #share-dialog-overlay .org-picker-view-dialog .oneid-react-avatar { color: var(--org-picker-bg); } #share-dialog-overlay .oneid-react-dialog__ctx.org-picker-view-dialog .oneid-react-selected-area__selected-content, #share-dialog-overlay .org-picker-view-dialog.oneid-react-dialog__ctx .oneid-react-selected-area__selected-content, #share-dialog-overlay .org-picker-view-dialog .oneid-react-selected-area__selected-content { color: var(--org-picker-primary) !important; } #share-dialog-overlay .oneid-react-dialog__ctx.org-picker-view-dialog .oneid-react-selected-area__selected-content:hover, #share-dialog-overlay .org-picker-view-dialog.oneid-react-dialog__ctx .oneid-react-selected-area__selected-content:hover, #share-dialog-overlay .org-picker-view-dialog .oneid-react-selected-area__selected-content:hover { background-color: var(--org-picker-hover-bg) !important; } #share-dialog-overlay .oneid-react-dialog__ctx.org-picker-view-dialog .oneid-react-selected-area__selected-item, #share-dialog-overlay .org-picker-view-dialog.oneid-react-dialog__ctx .oneid-react-selected-area__selected-item, #share-dialog-overlay .org-picker-view-dialog .oneid-react-selected-area__selected-item, #share-dialog-overlay .oneid-react-dialog__ctx.org-picker-view-dialog .oneid-react-selected-area__selected-list-item, #share-dialog-overlay .org-picker-view-dialog.oneid-react-dialog__ctx .oneid-react-selected-area__selected-list-item, #share-dialog-overlay .org-picker-view-dialog .oneid-react-selected-area__selected-list-item, #share-dialog-overlay .oneid-react-dialog__ctx.org-picker-view-dialog .oneid-react-selected-area .oneid-react-tag, #share-dialog-overlay .org-picker-view-dialog.oneid-react-dialog__ctx .oneid-react-selected-area .oneid-react-tag, #share-dialog-overlay .org-picker-view-dialog .oneid-react-selected-area .oneid-react-tag, #share-dialog-overlay .oneid-react-dialog__ctx.org-picker-view-dialog .oneid-react-selected-area .t-tag, #share-dialog-overlay .org-picker-view-dialog.oneid-react-dialog__ctx .oneid-react-selected-area .t-tag, #share-dialog-overlay .org-picker-view-dialog .oneid-react-selected-area .t-tag { background-color: var(--org-picker-bg) !important; color: var(--org-picker-primary) !important; border-color: var(--org-picker-border) !important; } #share-dialog-overlay .oneid-react-dialog__ctx.org-picker-view-dialog .oneid-react-selected-area__selected-item:hover, #share-dialog-overlay .org-picker-view-dialog.oneid-react-dialog__ctx .oneid-react-selected-area__selected-item:hover, #share-dialog-overlay .org-picker-view-dialog .oneid-react-selected-area__selected-item:hover, #share-dialog-overlay .oneid-react-dialog__ctx.org-picker-view-dialog .oneid-react-selected-area__selected-list-item:hover, #share-dialog-overlay .org-picker-view-dialog.oneid-react-dialog__ctx .oneid-react-selected-area__selected-list-item:hover, #share-dialog-overlay .org-picker-view-dialog .oneid-react-selected-area__selected-list-item:hover, #share-dialog-overlay .oneid-react-dialog__ctx.org-picker-view-dialog .oneid-react-selected-area .oneid-react-tag:hover, #share-dialog-overlay .org-picker-view-dialog.oneid-react-dialog__ctx .oneid-react-selected-area .oneid-react-tag:hover, #share-dialog-overlay .org-picker-view-dialog .oneid-react-selected-area .oneid-react-tag:hover, #share-dialog-overlay .oneid-react-dialog__ctx.org-picker-view-dialog .oneid-react-selected-area .t-tag:hover, #share-dialog-overlay .org-picker-view-dialog.oneid-react-dialog__ctx .oneid-react-selected-area .t-tag:hover, #share-dialog-overlay .org-picker-view-dialog .oneid-react-selected-area .t-tag:hover { background-color: var(--org-picker-hover-bg) !important; } #share-dialog-overlay .oneid-react-dialog__ctx.org-picker-view-dialog .oneid-react-selected-area__selected-item-name, #share-dialog-overlay .org-picker-view-dialog.oneid-react-dialog__ctx .oneid-react-selected-area__selected-item-name, #share-dialog-overlay .org-picker-view-dialog .oneid-react-selected-area__selected-item-name, #share-dialog-overlay .oneid-react-dialog__ctx.org-picker-view-dialog .oneid-react-tag__text, #share-dialog-overlay .org-picker-view-dialog.oneid-react-dialog__ctx .oneid-react-tag__text, #share-dialog-overlay .org-picker-view-dialog .oneid-react-tag__text, #share-dialog-overlay .oneid-react-dialog__ctx.org-picker-view-dialog .t-tag__text, #share-dialog-overlay .org-picker-view-dialog.oneid-react-dialog__ctx .t-tag__text, #share-dialog-overlay .org-picker-view-dialog .t-tag__text { color: var(--org-picker-primary) !important; } #share-dialog-overlay .oneid-react-dialog__ctx.org-picker-view-dialog .oneid-react-selected-area__selected-item-department, #share-dialog-overlay .org-picker-view-dialog.oneid-react-dialog__ctx .oneid-react-selected-area__selected-item-department, #share-dialog-overlay .org-picker-view-dialog .oneid-react-selected-area__selected-item-department, #share-dialog-overlay .oneid-react-dialog__ctx.org-picker-view-dialog .oneid-react-selected-area__selected-item-desc, #share-dialog-overlay .org-picker-view-dialog.oneid-react-dialog__ctx .oneid-react-selected-area__selected-item-desc, #share-dialog-overlay .org-picker-view-dialog .oneid-react-selected-area__selected-item-desc { color: var(--org-picker-icon-weak) !important; } #share-dialog-overlay .oneid-react-dialog__ctx.org-picker-view-dialog .oneid-react-selected-area__selected-close-icon, #share-dialog-overlay .org-picker-view-dialog.oneid-react-dialog__ctx .oneid-react-selected-area__selected-close-icon, #share-dialog-overlay .org-picker-view-dialog .oneid-react-selected-area__selected-close-icon, #share-dialog-overlay .oneid-react-dialog__ctx.org-picker-view-dialog .oneid-react-selected-area__selected-item-close, #share-dialog-overlay .org-picker-view-dialog.oneid-react-dialog__ctx .oneid-react-selected-area__selected-item-close, #share-dialog-overlay .org-picker-view-dialog .oneid-react-selected-area__selected-item-close, #share-dialog-overlay .oneid-react-dialog__ctx.org-picker-view-dialog .oneid-react-selected-area__selected-item-remove, #share-dialog-overlay .org-picker-view-dialog.oneid-react-dialog__ctx .oneid-react-selected-area__selected-item-remove, #share-dialog-overlay .org-picker-view-dialog .oneid-react-selected-area__selected-item-remove, #share-dialog-overlay .oneid-react-dialog__ctx.org-picker-view-dialog .oneid-react-tag__icon-close, #share-dialog-overlay .org-picker-view-dialog.oneid-react-dialog__ctx .oneid-react-tag__icon-close, #share-dialog-overlay .org-picker-view-dialog .oneid-react-tag__icon-close, #share-dialog-overlay .oneid-react-dialog__ctx.org-picker-view-dialog .t-tag__icon-close, #share-dialog-overlay .org-picker-view-dialog.oneid-react-dialog__ctx .t-tag__icon-close, #share-dialog-overlay .org-picker-view-dialog .t-tag__icon-close { color: var(--org-picker-icon-weak) !important; } #share-dialog-overlay .oneid-react-dialog__ctx.org-picker-view-dialog .oneid-react-selected-area__selected-close-icon:hover, #share-dialog-overlay .org-picker-view-dialog.oneid-react-dialog__ctx .oneid-react-selected-area__selected-close-icon:hover, #share-dialog-overlay .org-picker-view-dialog .oneid-react-selected-area__selected-close-icon:hover, #share-dialog-overlay .oneid-react-dialog__ctx.org-picker-view-dialog .oneid-react-selected-area__selected-item-close:hover, #share-dialog-overlay .org-picker-view-dialog.oneid-react-dialog__ctx .oneid-react-selected-area__selected-item-close:hover, #share-dialog-overlay .org-picker-view-dialog .oneid-react-selected-area__selected-item-close:hover, #share-dialog-overlay .oneid-react-dialog__ctx.org-picker-view-dialog .oneid-react-selected-area__selected-item-remove:hover, #share-dialog-overlay .org-picker-view-dialog.oneid-react-dialog__ctx .oneid-react-selected-area__selected-item-remove:hover, #share-dialog-overlay .org-picker-view-dialog .oneid-react-selected-area__selected-item-remove:hover, #share-dialog-overlay .oneid-react-dialog__ctx.org-picker-view-dialog .oneid-react-tag__icon-close:hover, #share-dialog-overlay .org-picker-view-dialog.oneid-react-dialog__ctx .oneid-react-tag__icon-close:hover, #share-dialog-overlay .org-picker-view-dialog .oneid-react-tag__icon-close:hover, #share-dialog-overlay .oneid-react-dialog__ctx.org-picker-view-dialog .t-tag__icon-close:hover, #share-dialog-overlay .org-picker-view-dialog.oneid-react-dialog__ctx .t-tag__icon-close:hover, #share-dialog-overlay .org-picker-view-dialog .t-tag__icon-close:hover { color: var(--org-picker-primary) !important; } /* Fallback：挂载到 body（项目成员等独立场景） */ .oneid-react-dialog__ctx.org-picker-view-dialog, .org-picker-view-dialog.oneid-react-dialog__ctx, .org-picker-view-dialog.oneid-react-transfer-selector-dialog, .oneid-react-transfer-selector-dialog.org-picker-view-dialog { --org-picker-primary: rgba(0, 0, 0, 0.9); --org-picker-primary-strong: #000000; --org-picker-primary-disabled: rgba(0, 0, 0, 0.26); --org-picker-primary-light: rgba(0, 0, 0, 0.06); --org-picker-bg: #fff; --org-picker-border: #ebebeb; --org-picker-btn-border: #dedede; --org-picker-search-bg: #f3f3f4; --org-picker-icon-color: rgba(0, 0, 0, 0.7); --org-picker-icon-weak: rgba(0, 0, 0, 0.55); --org-picker-empty-text: rgba(0, 0, 0, 0.4); --org-picker-divider: rgba(0, 0, 0, 0.1); --org-picker-hover-bg: rgba(0, 0, 0, 0.04); --org-picker-active-bg: rgba(0, 0, 0, 0.08); --org-picker-shadow: 0 16px 32px -8px rgba(0, 0, 0, 0.02), 0 2px 4px -4px rgba(0, 0, 0, 0.02); /* OneID 自有变量 → tooltip / 已选区域文字色 */ --oneid-color-primary: var(--org-picker-primary); --oneid-color-text-primary: var(--org-picker-primary); --oneid-color-background-senary: var(--org-picker-bg); --oneid-color-background-tertiary: var(--org-picker-hover-bg); /* OneID / TDesign 主色 → 跟随主题，去掉默认蓝 */ --td-brand-color: var(--org-picker-primary); --td-brand-color-hover: var(--org-picker-primary-strong); --td-brand-color-focus: var(--org-picker-primary); --td-brand-color-active: var(--org-picker-primary-strong); --td-brand-color-disabled: var(--org-picker-primary-disabled); --td-brand-color-light: var(--org-picker-primary-light); /* TDesign 容器/列表交互态背景 */ --td-bg-color-container: var(--org-picker-bg); --td-bg-color-container-hover: var(--org-picker-hover-bg); --td-bg-color-container-active: var(--org-picker-active-bg); --td-bg-color-container-select: var(--org-picker-hover-bg); --td-bg-color-secondarycontainer: var(--org-picker-search-bg); --td-bg-color-secondarycontainer-hover: var(--org-picker-active-bg); --td-text-color-primary: var(--org-picker-primary); --td-text-color-secondary: var(--org-picker-icon-color); --td-text-color-placeholder: var(--org-picker-icon-weak); /* * 关闭按钮：纯 16×16 图标，无底无边。 * TDesign 默认有圆角底 + hover 灰底，且变量缺失时会露出灰框，需清掉。 */ /* OneID cover 默认 min-width:88，设计稿取消约 66、确定随文案（确定 ≈ 52~66） */ /* * Loading：SDK ConfigProvider.classPrefix = oneid-react， * 默认是菱形 / gradient-conic；树展开箭头位同样走这套类名。 * 仅在「内容区树」范围内隐藏原 icon 换成圆圈 spinner； * footer 按钮内的 loading 单独处理。 */ /* * 按钮内 Loading spinner：TDesign 在 button 内加 .t-loading 元素。 * 默认菱形换成圆圈 spinner，对齐按钮尺寸。 */ /* * 树形级联间距（每一层）： * TDesign: padding-left = --td-comp-margin-xxl * --level * 加大每级缩进，并拉开行内 expand / checkbox / icon / 文案间距。 */ /* 双栏内容区：752×468，左 400 / 右 312（间距 20 含分隔线） */ /* 搜索：浅灰底胶囊，图标移到左侧 */ /* * Checkbox：未选中边框在 overlay 场景下常因 --td-border-level-2-color / * --oneid-color-text-disabled 未继承而变成透明，看起来像「没 icon」。 * 这里写死未选 / 已选 / 半选三态，对齐设计稿 16×16 + r4。 */ /* 树节点展开箭头：保证未选中行也能看到（叶节点 empty 占位除外） */ /* 右侧「清空」按设计稿隐藏 */ /* 空状态插图弱化 */ /* 底部按钮兜底（props style 之外再锁一层） */ /* 树节点 & 搜索结果行 hover/active/selected 背景 */ /* 搜索结果文字对比度 */ /* 右侧已选列表项（SDK 真实 class 是 __selected-content，覆盖硬编码的 #f7f8fb） */ /* 右侧已选项的删除按钮（SDK 真实 class 含 __selected-close-icon） */ } .oneid-react-dialog__ctx.org-picker-view-dialog .oneid-react-dialog, .org-picker-view-dialog.oneid-react-dialog__ctx .oneid-react-dialog, .org-picker-view-dialog.oneid-react-transfer-selector-dialog .oneid-react-dialog, .oneid-react-transfer-selector-dialog.org-picker-view-dialog .oneid-react-dialog, .oneid-react-dialog__ctx.org-picker-view-dialog .t-dialog__ctx .t-dialog, .org-picker-view-dialog.oneid-react-dialog__ctx .t-dialog__ctx .t-dialog, .org-picker-view-dialog.oneid-react-transfer-selector-dialog .t-dialog__ctx .t-dialog, .oneid-react-transfer-selector-dialog.org-picker-view-dialog .t-dialog__ctx .t-dialog, .oneid-react-dialog__ctx.org-picker-view-dialog .t-dialog, .org-picker-view-dialog.oneid-react-dialog__ctx .t-dialog, .org-picker-view-dialog.oneid-react-transfer-selector-dialog .t-dialog, .oneid-react-transfer-selector-dialog.org-picker-view-dialog .t-dialog { /* 设计稿外壳：800×600 / r24 / 1px border / 极轻阴影 */ box-sizing: border-box !important; width: 800px !important; min-width: 800px !important; max-width: 800px !important; height: 600px !important; min-height: 600px !important; max-height: 600px !important; display: flex !important; flex-direction: column !important; background-color: var(--org-picker-bg); border: 1px solid var(--org-picker-border); border-radius: 24px; box-shadow: var(--org-picker-shadow); overflow: hidden; padding: 0 !important; } .oneid-react-dialog__ctx.org-picker-view-dialog .oneid-react-dialog__mask, .org-picker-view-dialog.oneid-react-dialog__ctx .oneid-react-dialog__mask, .org-picker-view-dialog.oneid-react-transfer-selector-dialog .oneid-react-dialog__mask, .oneid-react-transfer-selector-dialog.org-picker-view-dialog .oneid-react-dialog__mask, .oneid-react-dialog__ctx.org-picker-view-dialog .t-dialog__mask, .org-picker-view-dialog.oneid-react-dialog__ctx .t-dialog__mask, .org-picker-view-dialog.oneid-react-transfer-selector-dialog .t-dialog__mask, .oneid-react-transfer-selector-dialog.org-picker-view-dialog .t-dialog__mask { background-color: rgba(0, 0, 0, 0.6); } .oneid-react-dialog__ctx.org-picker-view-dialog .oneid-react-dialog__header, .org-picker-view-dialog.oneid-react-dialog__ctx .oneid-react-dialog__header, .org-picker-view-dialog.oneid-react-transfer-selector-dialog .oneid-react-dialog__header, .oneid-react-transfer-selector-dialog.org-picker-view-dialog .oneid-react-dialog__header, .oneid-react-dialog__ctx.org-picker-view-dialog .t-dialog__header, .org-picker-view-dialog.oneid-react-dialog__ctx .t-dialog__header, .org-picker-view-dialog.oneid-react-transfer-selector-dialog .t-dialog__header, .oneid-react-transfer-selector-dialog.org-picker-view-dialog .t-dialog__header { /* 标题行 24 + 外壳 padTop 20；与 content 间距由 body padTop 12 承担 */ flex-shrink: 0; box-sizing: border-box; padding: 20px 24px 0; min-height: 44px; font-size: 16px; font-weight: 600; line-height: 24px; color: var(--org-picker-primary); } .oneid-react-dialog__ctx.org-picker-view-dialog .oneid-react-dialog__close, .org-picker-view-dialog.oneid-react-dialog__ctx .oneid-react-dialog__close, .org-picker-view-dialog.oneid-react-transfer-selector-dialog .oneid-react-dialog__close, .oneid-react-transfer-selector-dialog.org-picker-view-dialog .oneid-react-dialog__close, .oneid-react-dialog__ctx.org-picker-view-dialog .t-dialog__close, .org-picker-view-dialog.oneid-react-dialog__ctx .t-dialog__close, .org-picker-view-dialog.oneid-react-transfer-selector-dialog .t-dialog__close, .oneid-react-transfer-selector-dialog.org-picker-view-dialog .t-dialog__close { /* 对齐标题行：padding T20 R24，热区 24×24，图标 16 */ top: 20px !important; right: 24px !important; width: 24px !important; height: 24px !important; padding: 0 !important; margin: 0 !important; border: none !important; outline: none !important; border-radius: 0 !important; background: transparent !important; box-shadow: none !important; color: var(--org-picker-icon-color) !important; display: flex !important; align-items: center; justify-content: center; font-size: 16px !important; line-height: 1 !important; } .oneid-react-dialog__ctx.org-picker-view-dialog .oneid-react-dialog__close:hover, .org-picker-view-dialog.oneid-react-dialog__ctx .oneid-react-dialog__close:hover, .org-picker-view-dialog.oneid-react-transfer-selector-dialog .oneid-react-dialog__close:hover, .oneid-react-transfer-selector-dialog.org-picker-view-dialog .oneid-react-dialog__close:hover, .oneid-react-dialog__ctx.org-picker-view-dialog .t-dialog__close:hover, .org-picker-view-dialog.oneid-react-dialog__ctx .t-dialog__close:hover, .org-picker-view-dialog.oneid-react-transfer-selector-dialog .t-dialog__close:hover, .oneid-react-transfer-selector-dialog.org-picker-view-dialog .t-dialog__close:hover, .oneid-react-dialog__ctx.org-picker-view-dialog .oneid-react-dialog__close:active, .org-picker-view-dialog.oneid-react-dialog__ctx .oneid-react-dialog__close:active, .org-picker-view-dialog.oneid-react-transfer-selector-dialog .oneid-react-dialog__close:active, .oneid-react-transfer-selector-dialog.org-picker-view-dialog .oneid-react-dialog__close:active, .oneid-react-dialog__ctx.org-picker-view-dialog .t-dialog__close:active, .org-picker-view-dialog.oneid-react-dialog__ctx .t-dialog__close:active, .org-picker-view-dialog.oneid-react-transfer-selector-dialog .t-dialog__close:active, .oneid-react-transfer-selector-dialog.org-picker-view-dialog .t-dialog__close:active, .oneid-react-dialog__ctx.org-picker-view-dialog .oneid-react-dialog__close:focus, .org-picker-view-dialog.oneid-react-dialog__ctx .oneid-react-dialog__close:focus, .org-picker-view-dialog.oneid-react-transfer-selector-dialog .oneid-react-dialog__close:focus, .oneid-react-transfer-selector-dialog.org-picker-view-dialog .oneid-react-dialog__close:focus, .oneid-react-dialog__ctx.org-picker-view-dialog .t-dialog__close:focus, .org-picker-view-dialog.oneid-react-dialog__ctx .t-dialog__close:focus, .org-picker-view-dialog.oneid-react-transfer-selector-dialog .t-dialog__close:focus, .oneid-react-transfer-selector-dialog.org-picker-view-dialog .t-dialog__close:focus { background: transparent !important; border: none !important; outline: none !important; box-shadow: none !important; color: var(--org-picker-primary) !important; } .oneid-react-dialog__ctx.org-picker-view-dialog .oneid-react-dialog__close .oneid-react-icon, .org-picker-view-dialog.oneid-react-dialog__ctx .oneid-react-dialog__close .oneid-react-icon, .org-picker-view-dialog.oneid-react-transfer-selector-dialog .oneid-react-dialog__close .oneid-react-icon, .oneid-react-transfer-selector-dialog.org-picker-view-dialog .oneid-react-dialog__close .oneid-react-icon, .oneid-react-dialog__ctx.org-picker-view-dialog .t-dialog__close .oneid-react-icon, .org-picker-view-dialog.oneid-react-dialog__ctx .t-dialog__close .oneid-react-icon, .org-picker-view-dialog.oneid-react-transfer-selector-dialog .t-dialog__close .oneid-react-icon, .oneid-react-transfer-selector-dialog.org-picker-view-dialog .t-dialog__close .oneid-react-icon, .oneid-react-dialog__ctx.org-picker-view-dialog .oneid-react-dialog__close .t-icon, .org-picker-view-dialog.oneid-react-dialog__ctx .oneid-react-dialog__close .t-icon, .org-picker-view-dialog.oneid-react-transfer-selector-dialog .oneid-react-dialog__close .t-icon, .oneid-react-transfer-selector-dialog.org-picker-view-dialog .oneid-react-dialog__close .t-icon, .oneid-react-dialog__ctx.org-picker-view-dialog .t-dialog__close .t-icon, .org-picker-view-dialog.oneid-react-dialog__ctx .t-dialog__close .t-icon, .org-picker-view-dialog.oneid-react-transfer-selector-dialog .t-dialog__close .t-icon, .oneid-react-transfer-selector-dialog.org-picker-view-dialog .t-dialog__close .t-icon, .oneid-react-dialog__ctx.org-picker-view-dialog .oneid-react-dialog__close svg, .org-picker-view-dialog.oneid-react-dialog__ctx .oneid-react-dialog__close svg, .org-picker-view-dialog.oneid-react-transfer-selector-dialog .oneid-react-dialog__close svg, .oneid-react-transfer-selector-dialog.org-picker-view-dialog .oneid-react-dialog__close svg, .oneid-react-dialog__ctx.org-picker-view-dialog .t-dialog__close svg, .org-picker-view-dialog.oneid-react-dialog__ctx .t-dialog__close svg, .org-picker-view-dialog.oneid-react-transfer-selector-dialog .t-dialog__close svg, .oneid-react-transfer-selector-dialog.org-picker-view-dialog .t-dialog__close svg { width: 16px !important; height: 16px !important; color: inherit !important; fill: currentColor !important; } .oneid-react-dialog__ctx.org-picker-view-dialog .oneid-react-dialog__body, .org-picker-view-dialog.oneid-react-dialog__ctx .oneid-react-dialog__body, .org-picker-view-dialog.oneid-react-transfer-selector-dialog .oneid-react-dialog__body, .oneid-react-transfer-selector-dialog.org-picker-view-dialog .oneid-react-dialog__body, .oneid-react-dialog__ctx.org-picker-view-dialog .t-dialog__body, .org-picker-view-dialog.oneid-react-dialog__ctx .t-dialog__body, .org-picker-view-dialog.oneid-react-transfer-selector-dialog .t-dialog__body, .oneid-react-transfer-selector-dialog.org-picker-view-dialog .t-dialog__body { /* 上下各 12 = 设计稿 header/footer 与内容区间距 */ flex: 1 1 auto; box-sizing: border-box; padding: 12px 24px; overflow: hidden; } .oneid-react-dialog__ctx.org-picker-view-dialog .oneid-react-dialog__footer, .org-picker-view-dialog.oneid-react-dialog__ctx .oneid-react-dialog__footer, .org-picker-view-dialog.oneid-react-transfer-selector-dialog .oneid-react-dialog__footer, .oneid-react-transfer-selector-dialog.org-picker-view-dialog .oneid-react-dialog__footer, .oneid-react-dialog__ctx.org-picker-view-dialog .t-dialog__footer, .org-picker-view-dialog.oneid-react-dialog__ctx .t-dialog__footer, .org-picker-view-dialog.oneid-react-transfer-selector-dialog .t-dialog__footer, .oneid-react-transfer-selector-dialog.org-picker-view-dialog .t-dialog__footer { /* * 设计：footer 区 48(8+32+8) + 外壳 padBottom 16 * → padding 8 24 24（底 8+16 合并） */ flex-shrink: 0; box-sizing: border-box; padding: 8px 24px 24px; gap: 12px; } .oneid-react-dialog__ctx.org-picker-view-dialog .oneid-react-dialog__footer .oneid-react-button, .org-picker-view-dialog.oneid-react-dialog__ctx .oneid-react-dialog__footer .oneid-react-button, .org-picker-view-dialog.oneid-react-transfer-selector-dialog .oneid-react-dialog__footer .oneid-react-button, .oneid-react-transfer-selector-dialog.org-picker-view-dialog .oneid-react-dialog__footer .oneid-react-button, .oneid-react-dialog__ctx.org-picker-view-dialog .t-dialog__footer .t-button, .org-picker-view-dialog.oneid-react-dialog__ctx .t-dialog__footer .t-button, .org-picker-view-dialog.oneid-react-transfer-selector-dialog .t-dialog__footer .t-button, .oneid-react-transfer-selector-dialog.org-picker-view-dialog .t-dialog__footer .t-button { min-width: 0 !important; padding-left: 12px !important; padding-right: 12px !important; font-size: 14px !important; line-height: 22px !important; } .oneid-react-dialog__ctx.org-picker-view-dialog .oneid-react-transfer-selector__content .oneid-react-loading__gradient-conic, .org-picker-view-dialog.oneid-react-dialog__ctx .oneid-react-transfer-selector__content .oneid-react-loading__gradient-conic, .org-picker-view-dialog.oneid-react-transfer-selector-dialog .oneid-react-transfer-selector__content .oneid-react-loading__gradient-conic, .oneid-react-transfer-selector-dialog.org-picker-view-dialog .oneid-react-transfer-selector__content .oneid-react-loading__gradient-conic, .oneid-react-dialog__ctx.org-picker-view-dialog .oneid-react-transfer-selector__content .oneid-react-icon-loading, .org-picker-view-dialog.oneid-react-dialog__ctx .oneid-react-transfer-selector__content .oneid-react-icon-loading, .org-picker-view-dialog.oneid-react-transfer-selector-dialog .oneid-react-transfer-selector__content .oneid-react-icon-loading, .oneid-react-transfer-selector-dialog.org-picker-view-dialog .oneid-react-transfer-selector__content .oneid-react-icon-loading, .oneid-react-dialog__ctx.org-picker-view-dialog .oneid-react-transfer-selector__content svg.oneid-react-icon-loading, .org-picker-view-dialog.oneid-react-dialog__ctx .oneid-react-transfer-selector__content svg.oneid-react-icon-loading, .org-picker-view-dialog.oneid-react-transfer-selector-dialog .oneid-react-transfer-selector__content svg.oneid-react-icon-loading, .oneid-react-transfer-selector-dialog.org-picker-view-dialog .oneid-react-transfer-selector__content svg.oneid-react-icon-loading, .oneid-react-dialog__ctx.org-picker-view-dialog .oneid-react-transfer-selector__content .oneid-react-loading > svg, .org-picker-view-dialog.oneid-react-dialog__ctx .oneid-react-transfer-selector__content .oneid-react-loading > svg, .org-picker-view-dialog.oneid-react-transfer-selector-dialog .oneid-react-transfer-selector__content .oneid-react-loading > svg, .oneid-react-transfer-selector-dialog.org-picker-view-dialog .oneid-react-transfer-selector__content .oneid-react-loading > svg, .oneid-react-dialog__ctx.org-picker-view-dialog .oneid-react-transfer-selector__content .oneid-react-search-item__expand-icon.oneid-react-loading > svg, .org-picker-view-dialog.oneid-react-dialog__ctx .oneid-react-transfer-selector__content .oneid-react-search-item__expand-icon.oneid-react-loading > svg, .org-picker-view-dialog.oneid-react-transfer-selector-dialog .oneid-react-transfer-selector__content .oneid-react-search-item__expand-icon.oneid-react-loading > svg, .oneid-react-transfer-selector-dialog.org-picker-view-dialog .oneid-react-transfer-selector__content .oneid-react-search-item__expand-icon.oneid-react-loading > svg, .oneid-react-dialog__ctx.org-picker-view-dialog .oneid-react-transfer-selector__content .oneid-react-tree__icon .oneid-react-loading > svg, .org-picker-view-dialog.oneid-react-dialog__ctx .oneid-react-transfer-selector__content .oneid-react-tree__icon .oneid-react-loading > svg, .org-picker-view-dialog.oneid-react-transfer-selector-dialog .oneid-react-transfer-selector__content .oneid-react-tree__icon .oneid-react-loading > svg, .oneid-react-transfer-selector-dialog.org-picker-view-dialog .oneid-react-transfer-selector__content .oneid-react-tree__icon .oneid-react-loading > svg, .oneid-react-dialog__ctx.org-picker-view-dialog .oneid-react-dialog__body .t-loading__gradient-conic, .org-picker-view-dialog.oneid-react-dialog__ctx .oneid-react-dialog__body .t-loading__gradient-conic, .org-picker-view-dialog.oneid-react-transfer-selector-dialog .oneid-react-dialog__body .t-loading__gradient-conic, .oneid-react-transfer-selector-dialog.org-picker-view-dialog .oneid-react-dialog__body .t-loading__gradient-conic, .oneid-react-dialog__ctx.org-picker-view-dialog .oneid-react-dialog__body .t-icon-loading, .org-picker-view-dialog.oneid-react-dialog__ctx .oneid-react-dialog__body .t-icon-loading, .org-picker-view-dialog.oneid-react-transfer-selector-dialog .oneid-react-dialog__body .t-icon-loading, .oneid-react-transfer-selector-dialog.org-picker-view-dialog .oneid-react-dialog__body .t-icon-loading, .oneid-react-dialog__ctx.org-picker-view-dialog .oneid-react-dialog__body .t-loading > svg, .org-picker-view-dialog.oneid-react-dialog__ctx .oneid-react-dialog__body .t-loading > svg, .org-picker-view-dialog.oneid-react-transfer-selector-dialog .oneid-react-dialog__body .t-loading > svg, .oneid-react-transfer-selector-dialog.org-picker-view-dialog .oneid-react-dialog__body .t-loading > svg { display: none !important; } .oneid-react-dialog__ctx.org-picker-view-dialog .oneid-react-search-item__expand-icon.oneid-react-loading, .org-picker-view-dialog.oneid-react-dialog__ctx .oneid-react-search-item__expand-icon.oneid-react-loading, .org-picker-view-dialog.oneid-react-transfer-selector-dialog .oneid-react-search-item__expand-icon.oneid-react-loading, .oneid-react-transfer-selector-dialog.org-picker-view-dialog .oneid-react-search-item__expand-icon.oneid-react-loading, .oneid-react-dialog__ctx.org-picker-view-dialog .oneid-react-tree__icon .oneid-react-loading, .org-picker-view-dialog.oneid-react-dialog__ctx .oneid-react-tree__icon .oneid-react-loading, .org-picker-view-dialog.oneid-react-transfer-selector-dialog .oneid-react-tree__icon .oneid-react-loading, .oneid-react-transfer-selector-dialog.org-picker-view-dialog .oneid-react-tree__icon .oneid-react-loading { position: relative; display: inline-flex !important; align-items: center; justify-content: center; width: 16px; height: 16px; color: var(--org-picker-icon-weak); font-size: 0 !important; } .oneid-react-dialog__ctx.org-picker-view-dialog .oneid-react-search-item__expand-icon.oneid-react-loading::after, .org-picker-view-dialog.oneid-react-dialog__ctx .oneid-react-search-item__expand-icon.oneid-react-loading::after, .org-picker-view-dialog.oneid-react-transfer-selector-dialog .oneid-react-search-item__expand-icon.oneid-react-loading::after, .oneid-react-transfer-selector-dialog.org-picker-view-dialog .oneid-react-search-item__expand-icon.oneid-react-loading::after, .oneid-react-dialog__ctx.org-picker-view-dialog .oneid-react-tree__icon .oneid-react-loading::after, .org-picker-view-dialog.oneid-react-dialog__ctx .oneid-react-tree__icon .oneid-react-loading::after, .org-picker-view-dialog.oneid-react-transfer-selector-dialog .oneid-react-tree__icon .oneid-react-loading::after, .oneid-react-transfer-selector-dialog.org-picker-view-dialog .oneid-react-tree__icon .oneid-react-loading::after { content: ''; display: block; box-sizing: border-box; width: 14px; height: 14px; border: 2px solid currentColor; border-top-color: transparent; border-radius: 50%; animation: org-picker-spin 0.6s linear infinite; } .oneid-react-dialog__ctx.org-picker-view-dialog .oneid-react-transfer-selector__content .oneid-react-loading, .org-picker-view-dialog.oneid-react-dialog__ctx .oneid-react-transfer-selector__content .oneid-react-loading, .org-picker-view-dialog.oneid-react-transfer-selector-dialog .oneid-react-transfer-selector__content .oneid-react-loading, .oneid-react-transfer-selector-dialog.org-picker-view-dialog .oneid-react-transfer-selector__content .oneid-react-loading, .oneid-react-dialog__ctx.org-picker-view-dialog .oneid-react-dialog__body .t-loading, .org-picker-view-dialog.oneid-react-dialog__ctx .oneid-react-dialog__body .t-loading, .org-picker-view-dialog.oneid-react-transfer-selector-dialog .oneid-react-dialog__body .t-loading, .oneid-react-transfer-selector-dialog.org-picker-view-dialog .oneid-react-dialog__body .t-loading { display: flex !important; align-items: center; justify-content: center; color: var(--org-picker-icon-weak); } .oneid-react-dialog__ctx.org-picker-view-dialog .oneid-react-dialog__footer .oneid-react-loading, .org-picker-view-dialog.oneid-react-dialog__ctx .oneid-react-dialog__footer .oneid-react-loading, .org-picker-view-dialog.oneid-react-transfer-selector-dialog .oneid-react-dialog__footer .oneid-react-loading, .oneid-react-transfer-selector-dialog.org-picker-view-dialog .oneid-react-dialog__footer .oneid-react-loading, .oneid-react-dialog__ctx.org-picker-view-dialog .t-dialog__footer .t-loading, .org-picker-view-dialog.oneid-react-dialog__ctx .t-dialog__footer .t-loading, .org-picker-view-dialog.oneid-react-transfer-selector-dialog .t-dialog__footer .t-loading, .oneid-react-transfer-selector-dialog.org-picker-view-dialog .t-dialog__footer .t-loading { display: inline-flex !important; align-items: center; justify-content: center; width: 14px; height: 14px; margin-right: 4px; color: currentColor; } .oneid-react-dialog__ctx.org-picker-view-dialog .oneid-react-dialog__footer .oneid-react-loading__gradient-conic, .org-picker-view-dialog.oneid-react-dialog__ctx .oneid-react-dialog__footer .oneid-react-loading__gradient-conic, .org-picker-view-dialog.oneid-react-transfer-selector-dialog .oneid-react-dialog__footer .oneid-react-loading__gradient-conic, .oneid-react-transfer-selector-dialog.org-picker-view-dialog .oneid-react-dialog__footer .oneid-react-loading__gradient-conic, .oneid-react-dialog__ctx.org-picker-view-dialog .oneid-react-dialog__footer .oneid-react-loading > svg, .org-picker-view-dialog.oneid-react-dialog__ctx .oneid-react-dialog__footer .oneid-react-loading > svg, .org-picker-view-dialog.oneid-react-transfer-selector-dialog .oneid-react-dialog__footer .oneid-react-loading > svg, .oneid-react-transfer-selector-dialog.org-picker-view-dialog .oneid-react-dialog__footer .oneid-react-loading > svg, .oneid-react-dialog__ctx.org-picker-view-dialog .t-dialog__footer .t-loading__gradient-conic, .org-picker-view-dialog.oneid-react-dialog__ctx .t-dialog__footer .t-loading__gradient-conic, .org-picker-view-dialog.oneid-react-transfer-selector-dialog .t-dialog__footer .t-loading__gradient-conic, .oneid-react-transfer-selector-dialog.org-picker-view-dialog .t-dialog__footer .t-loading__gradient-conic, .oneid-react-dialog__ctx.org-picker-view-dialog .t-dialog__footer .t-loading > svg, .org-picker-view-dialog.oneid-react-dialog__ctx .t-dialog__footer .t-loading > svg, .org-picker-view-dialog.oneid-react-transfer-selector-dialog .t-dialog__footer .t-loading > svg, .oneid-react-transfer-selector-dialog.org-picker-view-dialog .t-dialog__footer .t-loading > svg { display: none !important; } .oneid-react-dialog__ctx.org-picker-view-dialog .oneid-react-dialog__footer .oneid-react-loading::after, .org-picker-view-dialog.oneid-react-dialog__ctx .oneid-react-dialog__footer .oneid-react-loading::after, .org-picker-view-dialog.oneid-react-transfer-selector-dialog .oneid-react-dialog__footer .oneid-react-loading::after, .oneid-react-transfer-selector-dialog.org-picker-view-dialog .oneid-react-dialog__footer .oneid-react-loading::after, .oneid-react-dialog__ctx.org-picker-view-dialog .t-dialog__footer .t-loading::after, .org-picker-view-dialog.oneid-react-dialog__ctx .t-dialog__footer .t-loading::after, .org-picker-view-dialog.oneid-react-transfer-selector-dialog .t-dialog__footer .t-loading::after, .oneid-react-transfer-selector-dialog.org-picker-view-dialog .t-dialog__footer .t-loading::after { content: ''; display: block; box-sizing: border-box; width: 14px; height: 14px; border: 2px solid currentColor; border-top-color: transparent; border-radius: 50%; animation: org-picker-spin 0.6s linear infinite; } @keyframes org-picker-spin { to { transform: rotate(360deg); } } .oneid-react-dialog__ctx.org-picker-view-dialog .oneid-react-search-item__tree, .org-picker-view-dialog.oneid-react-dialog__ctx .oneid-react-search-item__tree, .org-picker-view-dialog.oneid-react-transfer-selector-dialog .oneid-react-search-item__tree, .oneid-react-transfer-selector-dialog.org-picker-view-dialog .oneid-react-search-item__tree, .oneid-react-dialog__ctx.org-picker-view-dialog .oneid-react-select-tree, .org-picker-view-dialog.oneid-react-dialog__ctx .oneid-react-select-tree, .org-picker-view-dialog.oneid-react-transfer-selector-dialog .oneid-react-select-tree, .oneid-react-transfer-selector-dialog.org-picker-view-dialog .oneid-react-select-tree, .oneid-react-dialog__ctx.org-picker-view-dialog .oneid-react-tree, .org-picker-view-dialog.oneid-react-dialog__ctx .oneid-react-tree, .org-picker-view-dialog.oneid-react-transfer-selector-dialog .oneid-react-tree, .oneid-react-transfer-selector-dialog.org-picker-view-dialog .oneid-react-tree { --td-comp-margin-xxl: 32px; } .oneid-react-dialog__ctx.org-picker-view-dialog .oneid-react-search-item__tree .oneid-react-tree__item, .org-picker-view-dialog.oneid-react-dialog__ctx .oneid-react-search-item__tree .oneid-react-tree__item, .org-picker-view-dialog.oneid-react-transfer-selector-dialog .oneid-react-search-item__tree .oneid-react-tree__item, .oneid-react-transfer-selector-dialog.org-picker-view-dialog .oneid-react-search-item__tree .oneid-react-tree__item, .oneid-react-dialog__ctx.org-picker-view-dialog .oneid-react-select-tree .oneid-react-tree__item, .org-picker-view-dialog.oneid-react-dialog__ctx .oneid-react-select-tree .oneid-react-tree__item, .org-picker-view-dialog.oneid-react-transfer-selector-dialog .oneid-react-select-tree .oneid-react-tree__item, .oneid-react-transfer-selector-dialog.org-picker-view-dialog .oneid-react-select-tree .oneid-react-tree__item, .oneid-react-dialog__ctx.org-picker-view-dialog .oneid-react-tree .oneid-react-tree__item, .org-picker-view-dialog.oneid-react-dialog__ctx .oneid-react-tree .oneid-react-tree__item, .org-picker-view-dialog.oneid-react-transfer-selector-dialog .oneid-react-tree .oneid-react-tree__item, .oneid-react-transfer-selector-dialog.org-picker-view-dialog .oneid-react-tree .oneid-react-tree__item { align-items: center; min-height: 36px; height: 36px; margin-bottom: 4px; box-sizing: border-box; } .oneid-react-dialog__ctx.org-picker-view-dialog .oneid-react-search-item__expand-icon, .org-picker-view-dialog.oneid-react-dialog__ctx .oneid-react-search-item__expand-icon, .org-picker-view-dialog.oneid-react-transfer-selector-dialog .oneid-react-search-item__expand-icon, .oneid-react-transfer-selector-dialog.org-picker-view-dialog .oneid-react-search-item__expand-icon, .oneid-react-dialog__ctx.org-picker-view-dialog .oneid-react-tree__icon, .org-picker-view-dialog.oneid-react-dialog__ctx .oneid-react-tree__icon, .org-picker-view-dialog.oneid-react-transfer-selector-dialog .oneid-react-tree__icon, .oneid-react-transfer-selector-dialog.org-picker-view-dialog .oneid-react-tree__icon { margin-right: 8px !important; flex-shrink: 0; } .oneid-react-dialog__ctx.org-picker-view-dialog .oneid-react-search-item__tree--label-checkbox, .org-picker-view-dialog.oneid-react-dialog__ctx .oneid-react-search-item__tree--label-checkbox, .org-picker-view-dialog.oneid-react-transfer-selector-dialog .oneid-react-search-item__tree--label-checkbox, .oneid-react-transfer-selector-dialog.org-picker-view-dialog .oneid-react-search-item__tree--label-checkbox, .oneid-react-dialog__ctx.org-picker-view-dialog .oneid-react-tree__label .oneid-react-checkbox, .org-picker-view-dialog.oneid-react-dialog__ctx .oneid-react-tree__label .oneid-react-checkbox, .org-picker-view-dialog.oneid-react-transfer-selector-dialog .oneid-react-tree__label .oneid-react-checkbox, .oneid-react-transfer-selector-dialog.org-picker-view-dialog .oneid-react-tree__label .oneid-react-checkbox { margin-right: 8px !important; } .oneid-react-dialog__ctx.org-picker-view-dialog .oneid-react-search-item__tree--label, .org-picker-view-dialog.oneid-react-dialog__ctx .oneid-react-search-item__tree--label, .org-picker-view-dialog.oneid-react-transfer-selector-dialog .oneid-react-search-item__tree--label, .oneid-react-transfer-selector-dialog.org-picker-view-dialog .oneid-react-search-item__tree--label, .oneid-react-dialog__ctx.org-picker-view-dialog .oneid-react-tree__label, .org-picker-view-dialog.oneid-react-dialog__ctx .oneid-react-tree__label, .org-picker-view-dialog.oneid-react-transfer-selector-dialog .oneid-react-tree__label, .oneid-react-transfer-selector-dialog.org-picker-view-dialog .oneid-react-tree__label { gap: 8px; column-gap: 8px; } .oneid-react-dialog__ctx.org-picker-view-dialog .org-picker-view-dialog__dept-icon, .org-picker-view-dialog.oneid-react-dialog__ctx .org-picker-view-dialog__dept-icon, .org-picker-view-dialog.oneid-react-transfer-selector-dialog .org-picker-view-dialog__dept-icon, .oneid-react-transfer-selector-dialog.org-picker-view-dialog .org-picker-view-dialog__dept-icon, .oneid-react-dialog__ctx.org-picker-view-dialog .oneid-react-search-item__tree--label .oneid-react-avatar, .org-picker-view-dialog.oneid-react-dialog__ctx .oneid-react-search-item__tree--label .oneid-react-avatar, .org-picker-view-dialog.oneid-react-transfer-selector-dialog .oneid-react-search-item__tree--label .oneid-react-avatar, .oneid-react-transfer-selector-dialog.org-picker-view-dialog .oneid-react-search-item__tree--label .oneid-react-avatar, .oneid-react-dialog__ctx.org-picker-view-dialog .oneid-react-tree__label .oneid-react-avatar, .org-picker-view-dialog.oneid-react-dialog__ctx .oneid-react-tree__label .oneid-react-avatar, .org-picker-view-dialog.oneid-react-transfer-selector-dialog .oneid-react-tree__label .oneid-react-avatar, .oneid-react-transfer-selector-dialog.org-picker-view-dialog .oneid-react-tree__label .oneid-react-avatar { margin-right: 8px; flex-shrink: 0; } .oneid-react-dialog__ctx.org-picker-view-dialog .oneid-react-transfer-selector__content, .org-picker-view-dialog.oneid-react-dialog__ctx .oneid-react-transfer-selector__content, .org-picker-view-dialog.oneid-react-transfer-selector-dialog .oneid-react-transfer-selector__content, .oneid-react-transfer-selector-dialog.org-picker-view-dialog .oneid-react-transfer-selector__content { box-sizing: border-box; width: 752px; height: 468px; border-color: var(--org-picker-divider); border-radius: 0; } .oneid-react-dialog__ctx.org-picker-view-dialog .oneid-react-transfer-selector__child-area, .org-picker-view-dialog.oneid-react-dialog__ctx .oneid-react-transfer-selector__child-area, .org-picker-view-dialog.oneid-react-transfer-selector-dialog .oneid-react-transfer-selector__child-area, .oneid-react-transfer-selector-dialog.org-picker-view-dialog .oneid-react-transfer-selector__child-area { padding-top: 16px; box-sizing: border-box; height: 468px; } .oneid-react-dialog__ctx.org-picker-view-dialog .oneid-react-transfer-selector__child-area:first-child, .org-picker-view-dialog.oneid-react-dialog__ctx .oneid-react-transfer-selector__child-area:first-child, .org-picker-view-dialog.oneid-react-transfer-selector-dialog .oneid-react-transfer-selector__child-area:first-child, .oneid-react-transfer-selector-dialog.org-picker-view-dialog .oneid-react-transfer-selector__child-area:first-child { width: 400px; flex: 0 0 400px; border-right-color: var(--org-picker-divider); } .oneid-react-dialog__ctx.org-picker-view-dialog .oneid-react-transfer-selector__child-area:last-child, .org-picker-view-dialog.oneid-react-dialog__ctx .oneid-react-transfer-selector__child-area:last-child, .org-picker-view-dialog.oneid-react-transfer-selector-dialog .oneid-react-transfer-selector__child-area:last-child, .oneid-react-transfer-selector-dialog.org-picker-view-dialog .oneid-react-transfer-selector__child-area:last-child { width: 312px; flex: 0 0 312px; } .oneid-react-dialog__ctx.org-picker-view-dialog .oneid-react-search-area__search--input .oneid-react-input, .org-picker-view-dialog.oneid-react-dialog__ctx .oneid-react-search-area__search--input .oneid-react-input, .org-picker-view-dialog.oneid-react-transfer-selector-dialog .oneid-react-search-area__search--input .oneid-react-input, .oneid-react-transfer-selector-dialog.org-picker-view-dialog .oneid-react-search-area__search--input .oneid-react-input, .oneid-react-dialog__ctx.org-picker-view-dialog .oneid-react-search-area__search--input .t-input, .org-picker-view-dialog.oneid-react-dialog__ctx .oneid-react-search-area__search--input .t-input, .org-picker-view-dialog.oneid-react-transfer-selector-dialog .oneid-react-search-area__search--input .t-input, .oneid-react-transfer-selector-dialog.org-picker-view-dialog .oneid-react-search-area__search--input .t-input { position: relative; height: 34px; padding-left: 32px; padding-right: 8px; background-color: var(--org-picker-search-bg); border: none; border-radius: 10px; box-shadow: none; } .oneid-react-dialog__ctx.org-picker-view-dialog .oneid-react-search-area__search--input .oneid-react-input:hover, .org-picker-view-dialog.oneid-react-dialog__ctx .oneid-react-search-area__search--input .oneid-react-input:hover, .org-picker-view-dialog.oneid-react-transfer-selector-dialog .oneid-react-search-area__search--input .oneid-react-input:hover, .oneid-react-transfer-selector-dialog.org-picker-view-dialog .oneid-react-search-area__search--input .oneid-react-input:hover, .oneid-react-dialog__ctx.org-picker-view-dialog .oneid-react-search-area__search--input .t-input:hover, .org-picker-view-dialog.oneid-react-dialog__ctx .oneid-react-search-area__search--input .t-input:hover, .org-picker-view-dialog.oneid-react-transfer-selector-dialog .oneid-react-search-area__search--input .t-input:hover, .oneid-react-transfer-selector-dialog.org-picker-view-dialog .oneid-react-search-area__search--input .t-input:hover, .oneid-react-dialog__ctx.org-picker-view-dialog .oneid-react-search-area__search--input .oneid-react-input.oneid-react-is-focused, .org-picker-view-dialog.oneid-react-dialog__ctx .oneid-react-search-area__search--input .oneid-react-input.oneid-react-is-focused, .org-picker-view-dialog.oneid-react-transfer-selector-dialog .oneid-react-search-area__search--input .oneid-react-input.oneid-react-is-focused, .oneid-react-transfer-selector-dialog.org-picker-view-dialog .oneid-react-search-area__search--input .oneid-react-input.oneid-react-is-focused, .oneid-react-dialog__ctx.org-picker-view-dialog .oneid-react-search-area__search--input .t-input.oneid-react-is-focused, .org-picker-view-dialog.oneid-react-dialog__ctx .oneid-react-search-area__search--input .t-input.oneid-react-is-focused, .org-picker-view-dialog.oneid-react-transfer-selector-dialog .oneid-react-search-area__search--input .t-input.oneid-react-is-focused, .oneid-react-transfer-selector-dialog.org-picker-view-dialog .oneid-react-search-area__search--input .t-input.oneid-react-is-focused, .oneid-react-dialog__ctx.org-picker-view-dialog .oneid-react-search-area__search--input .oneid-react-input.t-is-focused, .org-picker-view-dialog.oneid-react-dialog__ctx .oneid-react-search-area__search--input .oneid-react-input.t-is-focused, .org-picker-view-dialog.oneid-react-transfer-selector-dialog .oneid-react-search-area__search--input .oneid-react-input.t-is-focused, .oneid-react-transfer-selector-dialog.org-picker-view-dialog .oneid-react-search-area__search--input .oneid-react-input.t-is-focused, .oneid-react-dialog__ctx.org-picker-view-dialog .oneid-react-search-area__search--input .t-input.t-is-focused, .org-picker-view-dialog.oneid-react-dialog__ctx .oneid-react-search-area__search--input .t-input.t-is-focused, .org-picker-view-dialog.oneid-react-transfer-selector-dialog .oneid-react-search-area__search--input .t-input.t-is-focused, .oneid-react-transfer-selector-dialog.org-picker-view-dialog .oneid-react-search-area__search--input .t-input.t-is-focused, .oneid-react-dialog__ctx.org-picker-view-dialog .oneid-react-search-area__search--input .oneid-react-input.oneid-react-input--focused, .org-picker-view-dialog.oneid-react-dialog__ctx .oneid-react-search-area__search--input .oneid-react-input.oneid-react-input--focused, .org-picker-view-dialog.oneid-react-transfer-selector-dialog .oneid-react-search-area__search--input .oneid-react-input.oneid-react-input--focused, .oneid-react-transfer-selector-dialog.org-picker-view-dialog .oneid-react-search-area__search--input .oneid-react-input.oneid-react-input--focused, .oneid-react-dialog__ctx.org-picker-view-dialog .oneid-react-search-area__search--input .t-input.oneid-react-input--focused, .org-picker-view-dialog.oneid-react-dialog__ctx .oneid-react-search-area__search--input .t-input.oneid-react-input--focused, .org-picker-view-dialog.oneid-react-transfer-selector-dialog .oneid-react-search-area__search--input .t-input.oneid-react-input--focused, .oneid-react-transfer-selector-dialog.org-picker-view-dialog .oneid-react-search-area__search--input .t-input.oneid-react-input--focused { background-color: var(--org-picker-search-bg); border: none; box-shadow: none; } .oneid-react-dialog__ctx.org-picker-view-dialog .oneid-react-search-area__search--input .oneid-react-input__inner, .org-picker-view-dialog.oneid-react-dialog__ctx .oneid-react-search-area__search--input .oneid-react-input__inner, .org-picker-view-dialog.oneid-react-transfer-selector-dialog .oneid-react-search-area__search--input .oneid-react-input__inner, .oneid-react-transfer-selector-dialog.org-picker-view-dialog .oneid-react-search-area__search--input .oneid-react-input__inner, .oneid-react-dialog__ctx.org-picker-view-dialog .oneid-react-search-area__search--input .t-input__inner, .org-picker-view-dialog.oneid-react-dialog__ctx .oneid-react-search-area__search--input .t-input__inner, .org-picker-view-dialog.oneid-react-transfer-selector-dialog .oneid-react-search-area__search--input .t-input__inner, .oneid-react-transfer-selector-dialog.org-picker-view-dialog .oneid-react-search-area__search--input .t-input__inner { font-size: 14px; line-height: 22px; color: var(--org-picker-primary); } .oneid-react-dialog__ctx.org-picker-view-dialog .oneid-react-search-area__search--input .oneid-react-input__suffix, .org-picker-view-dialog.oneid-react-dialog__ctx .oneid-react-search-area__search--input .oneid-react-input__suffix, .org-picker-view-dialog.oneid-react-transfer-selector-dialog .oneid-react-search-area__search--input .oneid-react-input__suffix, .oneid-react-transfer-selector-dialog.org-picker-view-dialog .oneid-react-search-area__search--input .oneid-react-input__suffix, .oneid-react-dialog__ctx.org-picker-view-dialog .oneid-react-search-area__search--input .t-input__suffix, .org-picker-view-dialog.oneid-react-dialog__ctx .oneid-react-search-area__search--input .t-input__suffix, .org-picker-view-dialog.oneid-react-transfer-selector-dialog .oneid-react-search-area__search--input .t-input__suffix, .oneid-react-transfer-selector-dialog.org-picker-view-dialog .oneid-react-search-area__search--input .t-input__suffix { position: absolute; left: 8px; right: auto; top: 50%; transform: translateY(-50%); margin: 0; } .oneid-react-dialog__ctx.org-picker-view-dialog .oneid-react-search-area__search--input .oneid-react-search-area__search-icon, .org-picker-view-dialog.oneid-react-dialog__ctx .oneid-react-search-area__search--input .oneid-react-search-area__search-icon, .org-picker-view-dialog.oneid-react-transfer-selector-dialog .oneid-react-search-area__search--input .oneid-react-search-area__search-icon, .oneid-react-transfer-selector-dialog.org-picker-view-dialog .oneid-react-search-area__search--input .oneid-react-search-area__search-icon, .oneid-react-dialog__ctx.org-picker-view-dialog .oneid-react-search-area__search--input .oneid-svg, .org-picker-view-dialog.oneid-react-dialog__ctx .oneid-react-search-area__search--input .oneid-svg, .org-picker-view-dialog.oneid-react-transfer-selector-dialog .oneid-react-search-area__search--input .oneid-svg, .oneid-react-transfer-selector-dialog.org-picker-view-dialog .oneid-react-search-area__search--input .oneid-svg { color: var(--org-picker-icon-color); } .oneid-react-dialog__ctx.org-picker-view-dialog .oneid-react-checkbox .oneid-react-checkbox__input, .org-picker-view-dialog.oneid-react-dialog__ctx .oneid-react-checkbox .oneid-react-checkbox__input, .org-picker-view-dialog.oneid-react-transfer-selector-dialog .oneid-react-checkbox .oneid-react-checkbox__input, .oneid-react-transfer-selector-dialog.org-picker-view-dialog .oneid-react-checkbox .oneid-react-checkbox__input, .oneid-react-dialog__ctx.org-picker-view-dialog .t-checkbox .t-checkbox__input, .org-picker-view-dialog.oneid-react-dialog__ctx .t-checkbox .t-checkbox__input, .org-picker-view-dialog.oneid-react-transfer-selector-dialog .t-checkbox .t-checkbox__input, .oneid-react-transfer-selector-dialog.org-picker-view-dialog .t-checkbox .t-checkbox__input { width: 16px !important; height: 16px !important; box-sizing: border-box !important; border: 1px solid var(--org-picker-primary-strong) !important; border-radius: 4px !important; background-color: var(--org-picker-bg) !important; background-image: none !important; opacity: 1 !important; visibility: visible !important; flex-shrink: 0; } .oneid-react-dialog__ctx.org-picker-view-dialog .oneid-react-checkbox.oneid-react-is-checked .oneid-react-checkbox__input, .org-picker-view-dialog.oneid-react-dialog__ctx .oneid-react-checkbox.oneid-react-is-checked .oneid-react-checkbox__input, .org-picker-view-dialog.oneid-react-transfer-selector-dialog .oneid-react-checkbox.oneid-react-is-checked .oneid-react-checkbox__input, .oneid-react-transfer-selector-dialog.org-picker-view-dialog .oneid-react-checkbox.oneid-react-is-checked .oneid-react-checkbox__input, .oneid-react-dialog__ctx.org-picker-view-dialog .t-checkbox.t-is-checked .t-checkbox__input, .org-picker-view-dialog.oneid-react-dialog__ctx .t-checkbox.t-is-checked .t-checkbox__input, .org-picker-view-dialog.oneid-react-transfer-selector-dialog .t-checkbox.t-is-checked .t-checkbox__input, .oneid-react-transfer-selector-dialog.org-picker-view-dialog .t-checkbox.t-is-checked .t-checkbox__input { background-color: var(--org-picker-primary-strong) !important; border-color: var(--org-picker-primary-strong) !important; /* 内联白勾，避免依赖 SDK 静态资源路径；暗夜模式在 dark 块中覆盖为深色勾 */ background-image: url("data:image/svg+xml,%3Csvg width='16' height='16' viewBox='0 0 16 16' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M5 8.06897L6.86207 10.1379L11 6' stroke='white' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'/%3E%3C/svg%3E") !important; background-position: center !important; background-repeat: no-repeat !important; } .oneid-react-dialog__ctx.org-picker-view-dialog .oneid-react-checkbox.oneid-react-is-indeterminate .oneid-react-checkbox__input, .org-picker-view-dialog.oneid-react-dialog__ctx .oneid-react-checkbox.oneid-react-is-indeterminate .oneid-react-checkbox__input, .org-picker-view-dialog.oneid-react-transfer-selector-dialog .oneid-react-checkbox.oneid-react-is-indeterminate .oneid-react-checkbox__input, .oneid-react-transfer-selector-dialog.org-picker-view-dialog .oneid-react-checkbox.oneid-react-is-indeterminate .oneid-react-checkbox__input, .oneid-react-dialog__ctx.org-picker-view-dialog .t-checkbox.t-is-indeterminate .t-checkbox__input, .org-picker-view-dialog.oneid-react-dialog__ctx .t-checkbox.t-is-indeterminate .t-checkbox__input, .org-picker-view-dialog.oneid-react-transfer-selector-dialog .t-checkbox.t-is-indeterminate .t-checkbox__input, .oneid-react-transfer-selector-dialog.org-picker-view-dialog .t-checkbox.t-is-indeterminate .t-checkbox__input { background-color: var(--org-picker-primary-strong) !important; border-color: var(--org-picker-primary-strong) !important; background-image: none !important; } .oneid-react-dialog__ctx.org-picker-view-dialog .oneid-react-checkbox.oneid-react-is-indeterminate .oneid-react-checkbox__input::after, .org-picker-view-dialog.oneid-react-dialog__ctx .oneid-react-checkbox.oneid-react-is-indeterminate .oneid-react-checkbox__input::after, .org-picker-view-dialog.oneid-react-transfer-selector-dialog .oneid-react-checkbox.oneid-react-is-indeterminate .oneid-react-checkbox__input::after, .oneid-react-transfer-selector-dialog.org-picker-view-dialog .oneid-react-checkbox.oneid-react-is-indeterminate .oneid-react-checkbox__input::after, .oneid-react-dialog__ctx.org-picker-view-dialog .t-checkbox.t-is-indeterminate .t-checkbox__input::after, .org-picker-view-dialog.oneid-react-dialog__ctx .t-checkbox.t-is-indeterminate .t-checkbox__input::after, .org-picker-view-dialog.oneid-react-transfer-selector-dialog .t-checkbox.t-is-indeterminate .t-checkbox__input::after, .oneid-react-transfer-selector-dialog.org-picker-view-dialog .t-checkbox.t-is-indeterminate .t-checkbox__input::after { background-color: var(--org-picker-bg) !important; opacity: 1 !important; } .oneid-react-dialog__ctx.org-picker-view-dialog .oneid-react-tree__icon svg, .org-picker-view-dialog.oneid-react-dialog__ctx .oneid-react-tree__icon svg, .org-picker-view-dialog.oneid-react-transfer-selector-dialog .oneid-react-tree__icon svg, .oneid-react-transfer-selector-dialog.org-picker-view-dialog .oneid-react-tree__icon svg, .oneid-react-dialog__ctx.org-picker-view-dialog .oneid-react-search-item__expand-icon svg, .org-picker-view-dialog.oneid-react-dialog__ctx .oneid-react-search-item__expand-icon svg, .org-picker-view-dialog.oneid-react-transfer-selector-dialog .oneid-react-search-item__expand-icon svg, .oneid-react-transfer-selector-dialog.org-picker-view-dialog .oneid-react-search-item__expand-icon svg { color: var(--org-picker-icon-weak) !important; fill: currentColor; } .oneid-react-dialog__ctx.org-picker-view-dialog .oneid-react-search-item__tree--label-checkbox, .org-picker-view-dialog.oneid-react-dialog__ctx .oneid-react-search-item__tree--label-checkbox, .org-picker-view-dialog.oneid-react-transfer-selector-dialog .oneid-react-search-item__tree--label-checkbox, .oneid-react-transfer-selector-dialog.org-picker-view-dialog .oneid-react-search-item__tree--label-checkbox { display: inline-flex !important; align-items: center; width: 16px; min-width: 16px; margin-right: 8px; } .oneid-react-dialog__ctx.org-picker-view-dialog .oneid-react-selected-area__selected-header--clear, .org-picker-view-dialog.oneid-react-dialog__ctx .oneid-react-selected-area__selected-header--clear, .org-picker-view-dialog.oneid-react-transfer-selector-dialog .oneid-react-selected-area__selected-header--clear, .oneid-react-transfer-selector-dialog.org-picker-view-dialog .oneid-react-selected-area__selected-header--clear { display: none !important; } .oneid-react-dialog__ctx.org-picker-view-dialog .oneid-react-selected-area__empty img, .org-picker-view-dialog.oneid-react-dialog__ctx .oneid-react-selected-area__empty img, .org-picker-view-dialog.oneid-react-transfer-selector-dialog .oneid-react-selected-area__empty img, .oneid-react-transfer-selector-dialog.org-picker-view-dialog .oneid-react-selected-area__empty img { opacity: 0.35; } .oneid-react-dialog__ctx.org-picker-view-dialog .oneid-react-selected-area__empty-text, .org-picker-view-dialog.oneid-react-dialog__ctx .oneid-react-selected-area__empty-text, .org-picker-view-dialog.oneid-react-transfer-selector-dialog .oneid-react-selected-area__empty-text, .oneid-react-transfer-selector-dialog.org-picker-view-dialog .oneid-react-selected-area__empty-text { color: var(--org-picker-empty-text); } .oneid-react-dialog__ctx.org-picker-view-dialog .oneid-react-selected-area__selected-header--selected-title, .org-picker-view-dialog.oneid-react-dialog__ctx .oneid-react-selected-area__selected-header--selected-title, .org-picker-view-dialog.oneid-react-transfer-selector-dialog .oneid-react-selected-area__selected-header--selected-title, .oneid-react-transfer-selector-dialog.org-picker-view-dialog .oneid-react-selected-area__selected-header--selected-title, .oneid-react-dialog__ctx.org-picker-view-dialog .oneid-react-selected-area__selected-header--selected-tipnum, .org-picker-view-dialog.oneid-react-dialog__ctx .oneid-react-selected-area__selected-header--selected-tipnum, .org-picker-view-dialog.oneid-react-transfer-selector-dialog .oneid-react-selected-area__selected-header--selected-tipnum, .oneid-react-transfer-selector-dialog.org-picker-view-dialog .oneid-react-selected-area__selected-header--selected-tipnum, .oneid-react-dialog__ctx.org-picker-view-dialog .oneid-react-selected-area__selected-header--selected-num, .org-picker-view-dialog.oneid-react-dialog__ctx .oneid-react-selected-area__selected-header--selected-num, .org-picker-view-dialog.oneid-react-transfer-selector-dialog .oneid-react-selected-area__selected-header--selected-num, .oneid-react-transfer-selector-dialog.org-picker-view-dialog .oneid-react-selected-area__selected-header--selected-num { font-size: 14px; line-height: 22px; color: var(--org-picker-primary); } .oneid-react-dialog__ctx.org-picker-view-dialog .oneid-react-selected-area__selected-header--selected-title, .org-picker-view-dialog.oneid-react-dialog__ctx .oneid-react-selected-area__selected-header--selected-title, .org-picker-view-dialog.oneid-react-transfer-selector-dialog .oneid-react-selected-area__selected-header--selected-title, .oneid-react-transfer-selector-dialog.org-picker-view-dialog .oneid-react-selected-area__selected-header--selected-title { font-weight: 600; } .oneid-react-dialog__ctx.org-picker-view-dialog .oneid-react-dialog__footer .oneid-react-button--theme-primary, .org-picker-view-dialog.oneid-react-dialog__ctx .oneid-react-dialog__footer .oneid-react-button--theme-primary, .org-picker-view-dialog.oneid-react-transfer-selector-dialog .oneid-react-dialog__footer .oneid-react-button--theme-primary, .oneid-react-transfer-selector-dialog.org-picker-view-dialog .oneid-react-dialog__footer .oneid-react-button--theme-primary, .oneid-react-dialog__ctx.org-picker-view-dialog .oneid-react-dialog__confirm, .org-picker-view-dialog.oneid-react-dialog__ctx .oneid-react-dialog__confirm, .org-picker-view-dialog.oneid-react-transfer-selector-dialog .oneid-react-dialog__confirm, .oneid-react-transfer-selector-dialog.org-picker-view-dialog .oneid-react-dialog__confirm, .oneid-react-dialog__ctx.org-picker-view-dialog .t-dialog__confirm, .org-picker-view-dialog.oneid-react-dialog__ctx .t-dialog__confirm, .org-picker-view-dialog.oneid-react-transfer-selector-dialog .t-dialog__confirm, .oneid-react-transfer-selector-dialog.org-picker-view-dialog .t-dialog__confirm, .oneid-react-dialog__ctx.org-picker-view-dialog .t-button--theme-primary, .org-picker-view-dialog.oneid-react-dialog__ctx .t-button--theme-primary, .org-picker-view-dialog.oneid-react-transfer-selector-dialog .t-button--theme-primary, .oneid-react-transfer-selector-dialog.org-picker-view-dialog .t-button--theme-primary { background-color: var(--org-picker-primary) !important; border-color: var(--org-picker-primary) !important; color: var(--org-picker-bg) !important; border-radius: 8px !important; height: 32px !important; font-weight: 600; transition: opacity 0.2s; } .oneid-react-dialog__ctx.org-picker-view-dialog .oneid-react-dialog__footer .oneid-react-button--theme-primary.oneid-react-is-disabled, .org-picker-view-dialog.oneid-react-dialog__ctx .oneid-react-dialog__footer .oneid-react-button--theme-primary.oneid-react-is-disabled, .org-picker-view-dialog.oneid-react-transfer-selector-dialog .oneid-react-dialog__footer .oneid-react-button--theme-primary.oneid-react-is-disabled, .oneid-react-transfer-selector-dialog.org-picker-view-dialog .oneid-react-dialog__footer .oneid-react-button--theme-primary.oneid-react-is-disabled, .oneid-react-dialog__ctx.org-picker-view-dialog .oneid-react-dialog__footer .oneid-react-button--theme-primary.oneid-react-is-loading, .org-picker-view-dialog.oneid-react-dialog__ctx .oneid-react-dialog__footer .oneid-react-button--theme-primary.oneid-react-is-loading, .org-picker-view-dialog.oneid-react-transfer-selector-dialog .oneid-react-dialog__footer .oneid-react-button--theme-primary.oneid-react-is-loading, .oneid-react-transfer-selector-dialog.org-picker-view-dialog .oneid-react-dialog__footer .oneid-react-button--theme-primary.oneid-react-is-loading, .oneid-react-dialog__ctx.org-picker-view-dialog .oneid-react-dialog__footer .oneid-react-button--theme-primary[disabled], .org-picker-view-dialog.oneid-react-dialog__ctx .oneid-react-dialog__footer .oneid-react-button--theme-primary[disabled], .org-picker-view-dialog.oneid-react-transfer-selector-dialog .oneid-react-dialog__footer .oneid-react-button--theme-primary[disabled], .oneid-react-transfer-selector-dialog.org-picker-view-dialog .oneid-react-dialog__footer .oneid-react-button--theme-primary[disabled], .oneid-react-dialog__ctx.org-picker-view-dialog .oneid-react-dialog__confirm.oneid-react-is-disabled, .org-picker-view-dialog.oneid-react-dialog__ctx .oneid-react-dialog__confirm.oneid-react-is-disabled, .org-picker-view-dialog.oneid-react-transfer-selector-dialog .oneid-react-dialog__confirm.oneid-react-is-disabled, .oneid-react-transfer-selector-dialog.org-picker-view-dialog .oneid-react-dialog__confirm.oneid-react-is-disabled, .oneid-react-dialog__ctx.org-picker-view-dialog .oneid-react-dialog__confirm.oneid-react-is-loading, .org-picker-view-dialog.oneid-react-dialog__ctx .oneid-react-dialog__confirm.oneid-react-is-loading, .org-picker-view-dialog.oneid-react-transfer-selector-dialog .oneid-react-dialog__confirm.oneid-react-is-loading, .oneid-react-transfer-selector-dialog.org-picker-view-dialog .oneid-react-dialog__confirm.oneid-react-is-loading, .oneid-react-dialog__ctx.org-picker-view-dialog .oneid-react-dialog__confirm[disabled], .org-picker-view-dialog.oneid-react-dialog__ctx .oneid-react-dialog__confirm[disabled], .org-picker-view-dialog.oneid-react-transfer-selector-dialog .oneid-react-dialog__confirm[disabled], .oneid-react-transfer-selector-dialog.org-picker-view-dialog .oneid-react-dialog__confirm[disabled], .oneid-react-dialog__ctx.org-picker-view-dialog .t-dialog__confirm.t-is-disabled, .org-picker-view-dialog.oneid-react-dialog__ctx .t-dialog__confirm.t-is-disabled, .org-picker-view-dialog.oneid-react-transfer-selector-dialog .t-dialog__confirm.t-is-disabled, .oneid-react-transfer-selector-dialog.org-picker-view-dialog .t-dialog__confirm.t-is-disabled, .oneid-react-dialog__ctx.org-picker-view-dialog .t-dialog__confirm.t-is-loading, .org-picker-view-dialog.oneid-react-dialog__ctx .t-dialog__confirm.t-is-loading, .org-picker-view-dialog.oneid-react-transfer-selector-dialog .t-dialog__confirm.t-is-loading, .oneid-react-transfer-selector-dialog.org-picker-view-dialog .t-dialog__confirm.t-is-loading, .oneid-react-dialog__ctx.org-picker-view-dialog .t-dialog__confirm[disabled], .org-picker-view-dialog.oneid-react-dialog__ctx .t-dialog__confirm[disabled], .org-picker-view-dialog.oneid-react-transfer-selector-dialog .t-dialog__confirm[disabled], .oneid-react-transfer-selector-dialog.org-picker-view-dialog .t-dialog__confirm[disabled], .oneid-react-dialog__ctx.org-picker-view-dialog .t-button--theme-primary.t-is-disabled, .org-picker-view-dialog.oneid-react-dialog__ctx .t-button--theme-primary.t-is-disabled, .org-picker-view-dialog.oneid-react-transfer-selector-dialog .t-button--theme-primary.t-is-disabled, .oneid-react-transfer-selector-dialog.org-picker-view-dialog .t-button--theme-primary.t-is-disabled, .oneid-react-dialog__ctx.org-picker-view-dialog .t-button--theme-primary.t-is-loading, .org-picker-view-dialog.oneid-react-dialog__ctx .t-button--theme-primary.t-is-loading, .org-picker-view-dialog.oneid-react-transfer-selector-dialog .t-button--theme-primary.t-is-loading, .oneid-react-transfer-selector-dialog.org-picker-view-dialog .t-button--theme-primary.t-is-loading, .oneid-react-dialog__ctx.org-picker-view-dialog .t-button--theme-primary[disabled], .org-picker-view-dialog.oneid-react-dialog__ctx .t-button--theme-primary[disabled], .org-picker-view-dialog.oneid-react-transfer-selector-dialog .t-button--theme-primary[disabled], .oneid-react-transfer-selector-dialog.org-picker-view-dialog .t-button--theme-primary[disabled] { opacity: 0.4 !important; cursor: not-allowed !important; pointer-events: auto !important; } .oneid-react-dialog__ctx.org-picker-view-dialog .oneid-react-dialog__footer .oneid-react-button--theme-default, .org-picker-view-dialog.oneid-react-dialog__ctx .oneid-react-dialog__footer .oneid-react-button--theme-default, .org-picker-view-dialog.oneid-react-transfer-selector-dialog .oneid-react-dialog__footer .oneid-react-button--theme-default, .oneid-react-transfer-selector-dialog.org-picker-view-dialog .oneid-react-dialog__footer .oneid-react-button--theme-default, .oneid-react-dialog__ctx.org-picker-view-dialog .oneid-react-dialog__cancel, .org-picker-view-dialog.oneid-react-dialog__ctx .oneid-react-dialog__cancel, .org-picker-view-dialog.oneid-react-transfer-selector-dialog .oneid-react-dialog__cancel, .oneid-react-transfer-selector-dialog.org-picker-view-dialog .oneid-react-dialog__cancel, .oneid-react-dialog__ctx.org-picker-view-dialog .t-dialog__cancel, .org-picker-view-dialog.oneid-react-dialog__ctx .t-dialog__cancel, .org-picker-view-dialog.oneid-react-transfer-selector-dialog .t-dialog__cancel, .oneid-react-transfer-selector-dialog.org-picker-view-dialog .t-dialog__cancel, .oneid-react-dialog__ctx.org-picker-view-dialog .t-button--theme-default, .org-picker-view-dialog.oneid-react-dialog__ctx .t-button--theme-default, .org-picker-view-dialog.oneid-react-transfer-selector-dialog .t-button--theme-default, .oneid-react-transfer-selector-dialog.org-picker-view-dialog .t-button--theme-default { background-color: var(--org-picker-bg) !important; border-color: var(--org-picker-btn-border) !important; color: var(--org-picker-primary) !important; border-radius: 8px !important; height: 32px !important; font-weight: 600; transition: opacity 0.2s; } .oneid-react-dialog__ctx.org-picker-view-dialog .oneid-react-dialog__footer .oneid-react-button--theme-default.oneid-react-is-disabled, .org-picker-view-dialog.oneid-react-dialog__ctx .oneid-react-dialog__footer .oneid-react-button--theme-default.oneid-react-is-disabled, .org-picker-view-dialog.oneid-react-transfer-selector-dialog .oneid-react-dialog__footer .oneid-react-button--theme-default.oneid-react-is-disabled, .oneid-react-transfer-selector-dialog.org-picker-view-dialog .oneid-react-dialog__footer .oneid-react-button--theme-default.oneid-react-is-disabled, .oneid-react-dialog__ctx.org-picker-view-dialog .oneid-react-dialog__footer .oneid-react-button--theme-default[disabled], .org-picker-view-dialog.oneid-react-dialog__ctx .oneid-react-dialog__footer .oneid-react-button--theme-default[disabled], .org-picker-view-dialog.oneid-react-transfer-selector-dialog .oneid-react-dialog__footer .oneid-react-button--theme-default[disabled], .oneid-react-transfer-selector-dialog.org-picker-view-dialog .oneid-react-dialog__footer .oneid-react-button--theme-default[disabled], .oneid-react-dialog__ctx.org-picker-view-dialog .oneid-react-dialog__cancel.oneid-react-is-disabled, .org-picker-view-dialog.oneid-react-dialog__ctx .oneid-react-dialog__cancel.oneid-react-is-disabled, .org-picker-view-dialog.oneid-react-transfer-selector-dialog .oneid-react-dialog__cancel.oneid-react-is-disabled, .oneid-react-transfer-selector-dialog.org-picker-view-dialog .oneid-react-dialog__cancel.oneid-react-is-disabled, .oneid-react-dialog__ctx.org-picker-view-dialog .oneid-react-dialog__cancel[disabled], .org-picker-view-dialog.oneid-react-dialog__ctx .oneid-react-dialog__cancel[disabled], .org-picker-view-dialog.oneid-react-transfer-selector-dialog .oneid-react-dialog__cancel[disabled], .oneid-react-transfer-selector-dialog.org-picker-view-dialog .oneid-react-dialog__cancel[disabled], .oneid-react-dialog__ctx.org-picker-view-dialog .t-dialog__cancel.t-is-disabled, .org-picker-view-dialog.oneid-react-dialog__ctx .t-dialog__cancel.t-is-disabled, .org-picker-view-dialog.oneid-react-transfer-selector-dialog .t-dialog__cancel.t-is-disabled, .oneid-react-transfer-selector-dialog.org-picker-view-dialog .t-dialog__cancel.t-is-disabled, .oneid-react-dialog__ctx.org-picker-view-dialog .t-dialog__cancel[disabled], .org-picker-view-dialog.oneid-react-dialog__ctx .t-dialog__cancel[disabled], .org-picker-view-dialog.oneid-react-transfer-selector-dialog .t-dialog__cancel[disabled], .oneid-react-transfer-selector-dialog.org-picker-view-dialog .t-dialog__cancel[disabled], .oneid-react-dialog__ctx.org-picker-view-dialog .t-button--theme-default.t-is-disabled, .org-picker-view-dialog.oneid-react-dialog__ctx .t-button--theme-default.t-is-disabled, .org-picker-view-dialog.oneid-react-transfer-selector-dialog .t-button--theme-default.t-is-disabled, .oneid-react-transfer-selector-dialog.org-picker-view-dialog .t-button--theme-default.t-is-disabled, .oneid-react-dialog__ctx.org-picker-view-dialog .t-button--theme-default[disabled], .org-picker-view-dialog.oneid-react-dialog__ctx .t-button--theme-default[disabled], .org-picker-view-dialog.oneid-react-transfer-selector-dialog .t-button--theme-default[disabled], .oneid-react-transfer-selector-dialog.org-picker-view-dialog .t-button--theme-default[disabled] { opacity: 0.4 !important; cursor: not-allowed !important; } .oneid-react-dialog__ctx.org-picker-view-dialog .org-picker-view-dialog__dept-icon, .org-picker-view-dialog.oneid-react-dialog__ctx .org-picker-view-dialog__dept-icon, .org-picker-view-dialog.oneid-react-transfer-selector-dialog .org-picker-view-dialog__dept-icon, .oneid-react-transfer-selector-dialog.org-picker-view-dialog .org-picker-view-dialog__dept-icon { color: var(--org-picker-icon-color); flex-shrink: 0; } .oneid-react-dialog__ctx.org-picker-view-dialog .oneid-react-tree__item:hover, .org-picker-view-dialog.oneid-react-dialog__ctx .oneid-react-tree__item:hover, .org-picker-view-dialog.oneid-react-transfer-selector-dialog .oneid-react-tree__item:hover, .oneid-react-transfer-selector-dialog.org-picker-view-dialog .oneid-react-tree__item:hover, .oneid-react-dialog__ctx.org-picker-view-dialog .oneid-react-search-item:hover, .org-picker-view-dialog.oneid-react-dialog__ctx .oneid-react-search-item:hover, .org-picker-view-dialog.oneid-react-transfer-selector-dialog .oneid-react-search-item:hover, .oneid-react-transfer-selector-dialog.org-picker-view-dialog .oneid-react-search-item:hover, .oneid-react-dialog__ctx.org-picker-view-dialog .oneid-react-search-result__item:hover, .org-picker-view-dialog.oneid-react-dialog__ctx .oneid-react-search-result__item:hover, .org-picker-view-dialog.oneid-react-transfer-selector-dialog .oneid-react-search-result__item:hover, .oneid-react-transfer-selector-dialog.org-picker-view-dialog .oneid-react-search-result__item:hover { background-color: var(--org-picker-hover-bg) !important; } .oneid-react-dialog__ctx.org-picker-view-dialog .oneid-react-tree__item.oneid-react-is-active, .org-picker-view-dialog.oneid-react-dialog__ctx .oneid-react-tree__item.oneid-react-is-active, .org-picker-view-dialog.oneid-react-transfer-selector-dialog .oneid-react-tree__item.oneid-react-is-active, .oneid-react-transfer-selector-dialog.org-picker-view-dialog .oneid-react-tree__item.oneid-react-is-active, .oneid-react-dialog__ctx.org-picker-view-dialog .oneid-react-tree__item.oneid-react-is-selected, .org-picker-view-dialog.oneid-react-dialog__ctx .oneid-react-tree__item.oneid-react-is-selected, .org-picker-view-dialog.oneid-react-transfer-selector-dialog .oneid-react-tree__item.oneid-react-is-selected, .oneid-react-transfer-selector-dialog.org-picker-view-dialog .oneid-react-tree__item.oneid-react-is-selected, .oneid-react-dialog__ctx.org-picker-view-dialog .oneid-react-search-item.oneid-react-is-active, .org-picker-view-dialog.oneid-react-dialog__ctx .oneid-react-search-item.oneid-react-is-active, .org-picker-view-dialog.oneid-react-transfer-selector-dialog .oneid-react-search-item.oneid-react-is-active, .oneid-react-transfer-selector-dialog.org-picker-view-dialog .oneid-react-search-item.oneid-react-is-active, .oneid-react-dialog__ctx.org-picker-view-dialog .oneid-react-search-result__item.oneid-react-is-active, .org-picker-view-dialog.oneid-react-dialog__ctx .oneid-react-search-result__item.oneid-react-is-active, .org-picker-view-dialog.oneid-react-transfer-selector-dialog .oneid-react-search-result__item.oneid-react-is-active, .oneid-react-transfer-selector-dialog.org-picker-view-dialog .oneid-react-search-result__item.oneid-react-is-active { background-color: var(--org-picker-active-bg) !important; } .oneid-react-dialog__ctx.org-picker-view-dialog .oneid-react-search-result__item-desc, .org-picker-view-dialog.oneid-react-dialog__ctx .oneid-react-search-result__item-desc, .org-picker-view-dialog.oneid-react-transfer-selector-dialog .oneid-react-search-result__item-desc, .oneid-react-transfer-selector-dialog.org-picker-view-dialog .oneid-react-search-result__item-desc, .oneid-react-dialog__ctx.org-picker-view-dialog .oneid-react-search-result__item-department, .org-picker-view-dialog.oneid-react-dialog__ctx .oneid-react-search-result__item-department, .org-picker-view-dialog.oneid-react-transfer-selector-dialog .oneid-react-search-result__item-department, .oneid-react-transfer-selector-dialog.org-picker-view-dialog .oneid-react-search-result__item-department { color: var(--org-picker-icon-weak); } .oneid-react-dialog__ctx.org-picker-view-dialog .oneid-react-search-result__item-name, .org-picker-view-dialog.oneid-react-dialog__ctx .oneid-react-search-result__item-name, .org-picker-view-dialog.oneid-react-transfer-selector-dialog .oneid-react-search-result__item-name, .oneid-react-transfer-selector-dialog.org-picker-view-dialog .oneid-react-search-result__item-name { color: var(--org-picker-primary); } .oneid-react-dialog__ctx.org-picker-view-dialog .oneid-react-avatar, .org-picker-view-dialog.oneid-react-dialog__ctx .oneid-react-avatar, .org-picker-view-dialog.oneid-react-transfer-selector-dialog .oneid-react-avatar, .oneid-react-transfer-selector-dialog.org-picker-view-dialog .oneid-react-avatar { color: var(--org-picker-bg); } .oneid-react-dialog__ctx.org-picker-view-dialog .oneid-react-selected-area__selected-content, .org-picker-view-dialog.oneid-react-dialog__ctx .oneid-react-selected-area__selected-content, .org-picker-view-dialog.oneid-react-transfer-selector-dialog .oneid-react-selected-area__selected-content, .oneid-react-transfer-selector-dialog.org-picker-view-dialog .oneid-react-selected-area__selected-content { color: var(--org-picker-primary) !important; } .oneid-react-dialog__ctx.org-picker-view-dialog .oneid-react-selected-area__selected-content:hover, .org-picker-view-dialog.oneid-react-dialog__ctx .oneid-react-selected-area__selected-content:hover, .org-picker-view-dialog.oneid-react-transfer-selector-dialog .oneid-react-selected-area__selected-content:hover, .oneid-react-transfer-selector-dialog.org-picker-view-dialog .oneid-react-selected-area__selected-content:hover { background-color: var(--org-picker-hover-bg) !important; } .oneid-react-dialog__ctx.org-picker-view-dialog .oneid-react-selected-area__selected-item, .org-picker-view-dialog.oneid-react-dialog__ctx .oneid-react-selected-area__selected-item, .org-picker-view-dialog.oneid-react-transfer-selector-dialog .oneid-react-selected-area__selected-item, .oneid-react-transfer-selector-dialog.org-picker-view-dialog .oneid-react-selected-area__selected-item, .oneid-react-dialog__ctx.org-picker-view-dialog .oneid-react-selected-area__selected-list-item, .org-picker-view-dialog.oneid-react-dialog__ctx .oneid-react-selected-area__selected-list-item, .org-picker-view-dialog.oneid-react-transfer-selector-dialog .oneid-react-selected-area__selected-list-item, .oneid-react-transfer-selector-dialog.org-picker-view-dialog .oneid-react-selected-area__selected-list-item, .oneid-react-dialog__ctx.org-picker-view-dialog .oneid-react-selected-area .oneid-react-tag, .org-picker-view-dialog.oneid-react-dialog__ctx .oneid-react-selected-area .oneid-react-tag, .org-picker-view-dialog.oneid-react-transfer-selector-dialog .oneid-react-selected-area .oneid-react-tag, .oneid-react-transfer-selector-dialog.org-picker-view-dialog .oneid-react-selected-area .oneid-react-tag, .oneid-react-dialog__ctx.org-picker-view-dialog .oneid-react-selected-area .t-tag, .org-picker-view-dialog.oneid-react-dialog__ctx .oneid-react-selected-area .t-tag, .org-picker-view-dialog.oneid-react-transfer-selector-dialog .oneid-react-selected-area .t-tag, .oneid-react-transfer-selector-dialog.org-picker-view-dialog .oneid-react-selected-area .t-tag { background-color: var(--org-picker-bg) !important; color: var(--org-picker-primary) !important; border-color: var(--org-picker-border) !important; } .oneid-react-dialog__ctx.org-picker-view-dialog .oneid-react-selected-area__selected-item:hover, .org-picker-view-dialog.oneid-react-dialog__ctx .oneid-react-selected-area__selected-item:hover, .org-picker-view-dialog.oneid-react-transfer-selector-dialog .oneid-react-selected-area__selected-item:hover, .oneid-react-transfer-selector-dialog.org-picker-view-dialog .oneid-react-selected-area__selected-item:hover, .oneid-react-dialog__ctx.org-picker-view-dialog .oneid-react-selected-area__selected-list-item:hover, .org-picker-view-dialog.oneid-react-dialog__ctx .oneid-react-selected-area__selected-list-item:hover, .org-picker-view-dialog.oneid-react-transfer-selector-dialog .oneid-react-selected-area__selected-list-item:hover, .oneid-react-transfer-selector-dialog.org-picker-view-dialog .oneid-react-selected-area__selected-list-item:hover, .oneid-react-dialog__ctx.org-picker-view-dialog .oneid-react-selected-area .oneid-react-tag:hover, .org-picker-view-dialog.oneid-react-dialog__ctx .oneid-react-selected-area .oneid-react-tag:hover, .org-picker-view-dialog.oneid-react-transfer-selector-dialog .oneid-react-selected-area .oneid-react-tag:hover, .oneid-react-transfer-selector-dialog.org-picker-view-dialog .oneid-react-selected-area .oneid-react-tag:hover, .oneid-react-dialog__ctx.org-picker-view-dialog .oneid-react-selected-area .t-tag:hover, .org-picker-view-dialog.oneid-react-dialog__ctx .oneid-react-selected-area .t-tag:hover, .org-picker-view-dialog.oneid-react-transfer-selector-dialog .oneid-react-selected-area .t-tag:hover, .oneid-react-transfer-selector-dialog.org-picker-view-dialog .oneid-react-selected-area .t-tag:hover { background-color: var(--org-picker-hover-bg) !important; } .oneid-react-dialog__ctx.org-picker-view-dialog .oneid-react-selected-area__selected-item-name, .org-picker-view-dialog.oneid-react-dialog__ctx .oneid-react-selected-area__selected-item-name, .org-picker-view-dialog.oneid-react-transfer-selector-dialog .oneid-react-selected-area__selected-item-name, .oneid-react-transfer-selector-dialog.org-picker-view-dialog .oneid-react-selected-area__selected-item-name, .oneid-react-dialog__ctx.org-picker-view-dialog .oneid-react-tag__text, .org-picker-view-dialog.oneid-react-dialog__ctx .oneid-react-tag__text, .org-picker-view-dialog.oneid-react-transfer-selector-dialog .oneid-react-tag__text, .oneid-react-transfer-selector-dialog.org-picker-view-dialog .oneid-react-tag__text, .oneid-react-dialog__ctx.org-picker-view-dialog .t-tag__text, .org-picker-view-dialog.oneid-react-dialog__ctx .t-tag__text, .org-picker-view-dialog.oneid-react-transfer-selector-dialog .t-tag__text, .oneid-react-transfer-selector-dialog.org-picker-view-dialog .t-tag__text { color: var(--org-picker-primary) !important; } .oneid-react-dialog__ctx.org-picker-view-dialog .oneid-react-selected-area__selected-item-department, .org-picker-view-dialog.oneid-react-dialog__ctx .oneid-react-selected-area__selected-item-department, .org-picker-view-dialog.oneid-react-transfer-selector-dialog .oneid-react-selected-area__selected-item-department, .oneid-react-transfer-selector-dialog.org-picker-view-dialog .oneid-react-selected-area__selected-item-department, .oneid-react-dialog__ctx.org-picker-view-dialog .oneid-react-selected-area__selected-item-desc, .org-picker-view-dialog.oneid-react-dialog__ctx .oneid-react-selected-area__selected-item-desc, .org-picker-view-dialog.oneid-react-transfer-selector-dialog .oneid-react-selected-area__selected-item-desc, .oneid-react-transfer-selector-dialog.org-picker-view-dialog .oneid-react-selected-area__selected-item-desc { color: var(--org-picker-icon-weak) !important; } .oneid-react-dialog__ctx.org-picker-view-dialog .oneid-react-selected-area__selected-close-icon, .org-picker-view-dialog.oneid-react-dialog__ctx .oneid-react-selected-area__selected-close-icon, .org-picker-view-dialog.oneid-react-transfer-selector-dialog .oneid-react-selected-area__selected-close-icon, .oneid-react-transfer-selector-dialog.org-picker-view-dialog .oneid-react-selected-area__selected-close-icon, .oneid-react-dialog__ctx.org-picker-view-dialog .oneid-react-selected-area__selected-item-close, .org-picker-view-dialog.oneid-react-dialog__ctx .oneid-react-selected-area__selected-item-close, .org-picker-view-dialog.oneid-react-transfer-selector-dialog .oneid-react-selected-area__selected-item-close, .oneid-react-transfer-selector-dialog.org-picker-view-dialog .oneid-react-selected-area__selected-item-close, .oneid-react-dialog__ctx.org-picker-view-dialog .oneid-react-selected-area__selected-item-remove, .org-picker-view-dialog.oneid-react-dialog__ctx .oneid-react-selected-area__selected-item-remove, .org-picker-view-dialog.oneid-react-transfer-selector-dialog .oneid-react-selected-area__selected-item-remove, .oneid-react-transfer-selector-dialog.org-picker-view-dialog .oneid-react-selected-area__selected-item-remove, .oneid-react-dialog__ctx.org-picker-view-dialog .oneid-react-tag__icon-close, .org-picker-view-dialog.oneid-react-dialog__ctx .oneid-react-tag__icon-close, .org-picker-view-dialog.oneid-react-transfer-selector-dialog .oneid-react-tag__icon-close, .oneid-react-transfer-selector-dialog.org-picker-view-dialog .oneid-react-tag__icon-close, .oneid-react-dialog__ctx.org-picker-view-dialog .t-tag__icon-close, .org-picker-view-dialog.oneid-react-dialog__ctx .t-tag__icon-close, .org-picker-view-dialog.oneid-react-transfer-selector-dialog .t-tag__icon-close, .oneid-react-transfer-selector-dialog.org-picker-view-dialog .t-tag__icon-close { color: var(--org-picker-icon-weak) !important; } .oneid-react-dialog__ctx.org-picker-view-dialog .oneid-react-selected-area__selected-close-icon:hover, .org-picker-view-dialog.oneid-react-dialog__ctx .oneid-react-selected-area__selected-close-icon:hover, .org-picker-view-dialog.oneid-react-transfer-selector-dialog .oneid-react-selected-area__selected-close-icon:hover, .oneid-react-transfer-selector-dialog.org-picker-view-dialog .oneid-react-selected-area__selected-close-icon:hover, .oneid-react-dialog__ctx.org-picker-view-dialog .oneid-react-selected-area__selected-item-close:hover, .org-picker-view-dialog.oneid-react-dialog__ctx .oneid-react-selected-area__selected-item-close:hover, .org-picker-view-dialog.oneid-react-transfer-selector-dialog .oneid-react-selected-area__selected-item-close:hover, .oneid-react-transfer-selector-dialog.org-picker-view-dialog .oneid-react-selected-area__selected-item-close:hover, .oneid-react-dialog__ctx.org-picker-view-dialog .oneid-react-selected-area__selected-item-remove:hover, .org-picker-view-dialog.oneid-react-dialog__ctx .oneid-react-selected-area__selected-item-remove:hover, .org-picker-view-dialog.oneid-react-transfer-selector-dialog .oneid-react-selected-area__selected-item-remove:hover, .oneid-react-transfer-selector-dialog.org-picker-view-dialog .oneid-react-selected-area__selected-item-remove:hover, .oneid-react-dialog__ctx.org-picker-view-dialog .oneid-react-tag__icon-close:hover, .org-picker-view-dialog.oneid-react-dialog__ctx .oneid-react-tag__icon-close:hover, .org-picker-view-dialog.oneid-react-transfer-selector-dialog .oneid-react-tag__icon-close:hover, .oneid-react-transfer-selector-dialog.org-picker-view-dialog .oneid-react-tag__icon-close:hover, .oneid-react-dialog__ctx.org-picker-view-dialog .t-tag__icon-close:hover, .org-picker-view-dialog.oneid-react-dialog__ctx .t-tag__icon-close:hover, .org-picker-view-dialog.oneid-react-transfer-selector-dialog .t-tag__icon-close:hover, .oneid-react-transfer-selector-dialog.org-picker-view-dialog .t-tag__icon-close:hover { color: var(--org-picker-primary) !important; } /* SDK 默认宽 730，再加一层全局覆盖保证命中 800×600 */ .oneid-react-transfer-selector-dialog.org-picker-view-dialog .oneid-react-dialog, .org-picker-view-dialog.oneid-react-transfer-selector-dialog .oneid-react-dialog { box-sizing: border-box !important; width: 800px !important; min-width: 800px !important; max-width: 800px !important; height: 600px !important; min-height: 600px !important; max-height: 600px !important; } /* * deptCheckable=false：SDK 通过 prop 控制部门节点不渲染 checkbox， * 但占位容器（或容器内非 checkbox 子元素）仍会保留 16px + 8px 的空白。 * 仅折叠不含实际 .oneid-react-checkbox 的容器，不影响用户节点 checkbox。 */ .org-picker-view-dialog--no-dept-check .oneid-react-search-item__tree--label-checkbox:not(:has(.oneid-react-checkbox)), .org-picker-view-dialog--no-dept-check .oneid-react-search-item__tree--label-checkbox:empty { display: none !important; } /* ── Popup / Tooltip 浮层（portal 渲染在 body 层，不在 .org-picker-view-dialog 内） ── */ .oneid-react-popup__content, .t-popup__content { background-color: #fff !important; color: rgba(0, 0, 0, 0.9) !important; border-color: #ebebeb !important; box-shadow: 0 16px 32px -8px rgba(0, 0, 0, 0.02), 0 2px 4px -4px rgba(0, 0, 0, 0.02) !important; } /* * ── Portal 独立节点（SDK 通过 React portal 渲染到 body 层的 TooltipLite / Popup， * 不在 .org-picker-view-dialog 内。tooltip 背景使用 --oneid-color-background-senary， * 文字使用 --oneid-color-text-primary，需在 portal wrapper 上覆盖） ── */ .oneid-react-portal-wrapper { --oneid-color-background-senary: #fff; --oneid-color-text-primary: rgba(0, 0, 0, 0.9); --oneid-color-background-tertiary: rgba(0, 0, 0, 0.04); } /* ── 暗夜模式覆盖 ─────────────────────────────────────────── */ [data-theme="dark"], html.cb-dark, body[data-vscode-theme-name="IDE Night"], body.vscode-dark, .vscode-dark, body.dark, .dark { /* Portal 独立节点暗夜适配（tooltip 背景 / 文字色） */ } [data-theme="dark"] .org-picker-view-loading__card, html.cb-dark .org-picker-view-loading__card, body[data-vscode-theme-name="IDE Night"] .org-picker-view-loading__card, body.vscode-dark .org-picker-view-loading__card, .vscode-dark .org-picker-view-loading__card, body.dark .org-picker-view-loading__card, .dark .org-picker-view-loading__card { --org-picker-primary: rgba(255, 255, 255, 0.9); --org-picker-bg: #1f1f1f; --org-picker-border: #3a3a3a; } [data-theme="dark"] .org-picker-view-dialog, html.cb-dark .org-picker-view-dialog, body[data-vscode-theme-name="IDE Night"] .org-picker-view-dialog, body.vscode-dark .org-picker-view-dialog, .vscode-dark .org-picker-view-dialog, body.dark .org-picker-view-dialog, .dark .org-picker-view-dialog { --org-picker-primary: rgba(255, 255, 255, 0.9); --org-picker-primary-strong: #ffffff; --org-picker-primary-disabled: rgba(255, 255, 255, 0.26); --org-picker-primary-light: rgba(255, 255, 255, 0.06); --org-picker-bg: #1f1f1f; --org-picker-border: #3a3a3a; --org-picker-btn-border: #3a3a3a; --org-picker-search-bg: #292929; --org-picker-icon-color: rgba(255, 255, 255, 0.7); --org-picker-icon-weak: rgba(255, 255, 255, 0.55); --org-picker-empty-text: rgba(255, 255, 255, 0.4); --org-picker-divider: rgba(255, 255, 255, 0.1); --org-picker-hover-bg: rgba(255, 255, 255, 0.08); --org-picker-active-bg: rgba(255, 255, 255, 0.12); --org-picker-shadow: 0 16px 32px -8px rgba(0, 0, 0, 0.3), 0 2px 4px -4px rgba(0, 0, 0, 0.2); /* checkbox 勾选图标：白底需深色勾 */ } [data-theme="dark"] .org-picker-view-dialog .oneid-react-checkbox.oneid-react-is-checked .oneid-react-checkbox__input, html.cb-dark .org-picker-view-dialog .oneid-react-checkbox.oneid-react-is-checked .oneid-react-checkbox__input, body[data-vscode-theme-name="IDE Night"] .org-picker-view-dialog .oneid-react-checkbox.oneid-react-is-checked .oneid-react-checkbox__input, body.vscode-dark .org-picker-view-dialog .oneid-react-checkbox.oneid-react-is-checked .oneid-react-checkbox__input, .vscode-dark .org-picker-view-dialog .oneid-react-checkbox.oneid-react-is-checked .oneid-react-checkbox__input, body.dark .org-picker-view-dialog .oneid-react-checkbox.oneid-react-is-checked .oneid-react-checkbox__input, .dark .org-picker-view-dialog .oneid-react-checkbox.oneid-react-is-checked .oneid-react-checkbox__input, [data-theme="dark"] .org-picker-view-dialog .t-checkbox.t-is-checked .t-checkbox__input, html.cb-dark .org-picker-view-dialog .t-checkbox.t-is-checked .t-checkbox__input, body[data-vscode-theme-name="IDE Night"] .org-picker-view-dialog .t-checkbox.t-is-checked .t-checkbox__input, body.vscode-dark .org-picker-view-dialog .t-checkbox.t-is-checked .t-checkbox__input, .vscode-dark .org-picker-view-dialog .t-checkbox.t-is-checked .t-checkbox__input, body.dark .org-picker-view-dialog .t-checkbox.t-is-checked .t-checkbox__input, .dark .org-picker-view-dialog .t-checkbox.t-is-checked .t-checkbox__input { background-image: url("data:image/svg+xml,%3Csvg width='16' height='16' viewBox='0 0 16 16' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M5 8.06897L6.86207 10.1379L11 6' stroke='%231f1f1f' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'/%3E%3C/svg%3E") !important; } [data-theme="dark"] .oneid-react-popup__content, html.cb-dark .oneid-react-popup__content, body[data-vscode-theme-name="IDE Night"] .oneid-react-popup__content, body.vscode-dark .oneid-react-popup__content, .vscode-dark .oneid-react-popup__content, body.dark .oneid-react-popup__content, .dark .oneid-react-popup__content, [data-theme="dark"] .t-popup__content, html.cb-dark .t-popup__content, body[data-vscode-theme-name="IDE Night"] .t-popup__content, body.vscode-dark .t-popup__content, .vscode-dark .t-popup__content, body.dark .t-popup__content, .dark .t-popup__content { background-color: #1f1f1f !important; color: rgba(255, 255, 255, 0.9) !important; border-color: #3a3a3a !important; box-shadow: 0 16px 32px -8px rgba(0, 0, 0, 0.3), 0 2px 4px -4px rgba(0, 0, 0, 0.2) !important; } [data-theme="dark"] .oneid-react-portal-wrapper, html.cb-dark .oneid-react-portal-wrapper, body[data-vscode-theme-name="IDE Night"] .oneid-react-portal-wrapper, body.vscode-dark .oneid-react-portal-wrapper, .vscode-dark .oneid-react-portal-wrapper, body.dark .oneid-react-portal-wrapper, .dark .oneid-react-portal-wrapper { --oneid-color-background-senary: #1f1f1f; --oneid-color-text-primary: rgba(255, 255, 255, 0.9); --oneid-color-background-tertiary: rgba(255, 255, 255, 0.08); }