/* === 全局弹层圆角 (按 ui-preview-v2.html 模板: --radius 8px) ===
   EP 弹层 (select-dropdown / popper / dropdown / menu) 通过 teleport 到 body,
   不在组件 scope 内, 必须全局生效。双重保险:① 改 EP CSS 变量根 ② 写 !important selector */

/* === 1) 改 EP CSS 变量根 (从源头覆盖, 所有用 var(--el-*) 的弹层都生效) === */
:root {
  --el-border-radius-base: 8px;
  --el-border-radius-small: 6px;
  --el-popper-border-radius: 8px;
}

/* === 2) 显式 selector + !important (覆盖任何内联样式) === */
.el-select-dropdown,
.el-select__popper,
.el-select-v2__popper,
.el-dropdown-menu,
.el-dropdown__popper,
.el-menu--popup,
.el-popper,
.el-popper.is-light,
.el-picker__popper,
.el-autocomplete__popper,
.el-autocomplete-suggestion,
.el-cascader__dropdown,
.el-cascader-panel,
.el-color-picker__panel,
.el-tooltip__popper,
.el-message-box,
.el-notification,
.el-drawer {
  border-radius: var(--radius, 8px) !important;
}

/* 弹层内容滚动层 (Element Plus 弹层有 .el-popper__content 内部容器) */
.el-popper .el-popper__content,
.el-select-dropdown .el-scrollbar {
  border-radius: var(--radius, 8px) !important;
}

/* === 3) dropdown 项 hover/选中态 (跟模版统一: brand-soft 高亮 + brand 蓝字) === */
.el-select-dropdown__item,
.el-dropdown-menu__item {
  border-radius: var(--radius-sm, 6px) !important;
  margin: 2px 4px !important;
  padding: 0 12px !important;
  height: 34px !important;
  line-height: 34px !important;
  font-size: 13px !important;
  color: var(--ink-2, #334155);
  background: transparent;
}
.el-select-dropdown__item.is-hovering,
.el-dropdown-menu__item:not(.is-disabled):hover {
  background: var(--brand-soft, rgba(37, 99, 235, 0.08)) !important;
  color: var(--brand, #2563EB) !important;
}
.el-select-dropdown__item.is-selected {
  font-weight: 600 !important;
  color: var(--brand, #2563EB) !important;
  background: transparent !important;
}

/* === 4) 弹层背景跟主题 (避免 dark 下弹层仍是浅色 + 文字看不清) === */
.el-select-dropdown,
.el-dropdown-menu,
.el-popper.is-light,
.el-cascader__dropdown,
.el-color-picker__panel {
  background: var(--surface, #FFFFFF) !important;
  border: 1px solid var(--border, #E2E8F0) !important;
}

/* === 5) input 圆角: 跟模版一致 (按 ui-preview-v2.html: 1px 描边 + 8px 圆角 + 34px 高) === */
.el-input__wrapper,
.el-select__wrapper,
.el-textarea__inner {
  border-radius: var(--radius, 8px) !important;
  box-shadow: 0 0 0 1px var(--border, #E2E8F0) inset !important;
  min-height: 34px;
  transition: box-shadow 0.15s, border-color 0.15s;
}
.el-input__wrapper:hover,
.el-select__wrapper:hover {
  box-shadow: 0 0 0 1px var(--ink-3, #94A3B8) inset !important;
}
.el-input__wrapper.is-focus,
.el-select__wrapper.is-focused {
  box-shadow: 0 0 0 1px var(--brand, #2563EB) inset, 0 0 0 3px var(--brand-glow, rgba(37, 99, 235, 0.18)) !important;
}