/* Кастомный дропдаун (select.js-enhance → .selx). См. select-enhance.js.
   Стиль повторяет прежний нативный select, чтобы вид не менялся. */
.selx{position:relative;flex:1 1 280px;min-width:0;max-width:100%}
.selx-btn{
  width:100%;display:flex;align-items:center;gap:8px;
  padding:10px 13px;border:1px solid #e5e2ee;border-radius:10px;
  background:#fff;font:inherit;color:inherit;text-align:left;
  line-height:1.3;cursor:pointer;
}
.selx-lbl{flex:1 1 auto;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
.selx-btn::after{content:'▾';flex:0 0 auto;opacity:.5;font-size:.85em}
.selx-btn[aria-expanded="true"]{border-color:var(--tacc,#6a4fb0)}
.selx-btn[aria-expanded="true"]::after{transform:rotate(180deg)}
.selx-panel{
  position:absolute;left:0;right:0;top:calc(100% + 4px);z-index:60;
  max-height:min(58vh,340px);overflow-y:auto;-webkit-overflow-scrolling:touch;
  background:#fff;border:1px solid #e5e2ee;border-radius:10px;padding:4px;
  box-shadow:0 10px 30px rgba(30,20,60,.18);
}
.selx-group{
  padding:9px 10px 4px;font-size:.76em;font-weight:700;
  text-transform:uppercase;letter-spacing:.03em;opacity:.5;
}
.selx-opt{padding:9px 11px;border-radius:7px;cursor:pointer;line-height:1.3}
.selx-opt:hover{background:#f4f0fb}
.selx-opt[aria-selected="true"]{background:#ede7f6;font-weight:600}