/* Real admin forms use the same select treatment as the component catalog. */
:is(.ba-select-scope,.component-demo-scope) .layui-form-select { min-width: 0; width: 100%; font-size: 12px; }
:is(.ba-select-scope,.component-demo-scope) .layui-form-select .layui-select-title { width: 100%; }
:is(.ba-select-scope,.component-demo-scope) .layui-form-select .layui-select-title input {
  box-sizing: border-box; width: 100%; min-height: 39px; padding: 9px 34px 9px 12px;
  border: 1px solid var(--line-strong, #dce5f0); border-radius: 9px;
  background: var(--surface, #fff); color: var(--ink, #273449);
  font: inherit; font-size: 12px; box-shadow: inset 0 1px 0 #ffffff80;
  transition: border-color .18s, box-shadow .18s, background .18s;
}
:is(.ba-select-scope,.component-demo-scope) .layui-form-select .layui-select-title input[readonly] { background: var(--surface, #fff) !important; }
:is(.ba-select-scope,.component-demo-scope) .layui-form-select:not(.layui-select-disabled) .layui-select-title:hover input,
:is(.ba-select-scope,.component-demo-scope) .layui-form-select.layui-form-selected .layui-select-title input {
  border-color: var(--primary, #3b82f6);
  box-shadow: 0 0 0 3px var(--theme-focus, #3b82f619);
}
:is(.ba-select-scope,.component-demo-scope) .layui-form-select .layui-edge { right: 13px; border-top-color: var(--muted, #8593a6); }
:is(.ba-select-scope,.component-demo-scope) .layui-form-select dl {
  box-sizing: border-box; min-width: 100%; padding: 5px;
  border: 1px solid var(--line, #dce5f0); border-radius: 10px;
  background: var(--surface, #fff); color: var(--ink, #273449);
  box-shadow: 0 12px 30px #244e9220;
}
html[data-theme] :is(.ba-select-scope,.component-demo-scope) .layui-form-select dl { background: var(--surface, #fff); }
:is(.ba-select-scope,.component-demo-scope) .layui-form-select dl dd,
:is(.ba-select-scope,.component-demo-scope) .layui-form-select dl dt {
  height: auto; min-height: 34px; padding: 8px 10px; border-radius: 6px;
  color: var(--text-secondary, #74849a); font-size: 12px; line-height: 1.5;
}
:is(.ba-select-scope,.component-demo-scope) .layui-form-select dl dt { color: var(--muted, #8593a6); font-weight: 600; }
:is(.ba-select-scope,.component-demo-scope) .layui-form-select dl dd:hover { background: var(--theme-hover, #f0f5ff); color: var(--primary, #3b82f6); }
:is(.ba-select-scope,.component-demo-scope) .layui-form-select dl dd.layui-this,
html[data-theme] :is(.ba-select-scope,.component-demo-scope) .layui-form-select dl dd.layui-this {
  background: var(--primary, #3b82f6); color: var(--theme-primary-contrast, #fff);
}
:is(.ba-select-scope,.component-demo-scope) .layui-form-select dl dd.layui-disabled { background: transparent; color: var(--muted, #aab4c0); opacity: .65; }
:is(.ba-select-scope,.component-demo-scope) .layui-form-select.layui-select-disabled .layui-select-title input {
  background: var(--surface-soft, #f7f9fc) !important; color: var(--muted, #8593a6);
}
:is(.ba-select-scope,.component-demo-scope) .filter-field .layui-form-select { min-width: 112px; }
:is(.ba-select-scope,.component-demo-scope) .form-field .layui-form-select,
:is(.ba-select-scope,.component-demo-scope) .plugin-modal-field .layui-form-select { width: 100%; }
.plugin-modal.ba-select-scope .layui-form-select .layui-select-title input { min-height: 40px; }