/* стили msel — копия из «Продакшна» */
.chip.active .msel-sum,.chip.active .msel-car,.chip.active .lnk,.chip.active input{color:#fff}
/* ── Эталонный фильтр-дропдаун (все листы): кнопка + панель с поиском и галочками ──
   Правило: списки компактные (≈4 строки + скролл), галочка своя (не нативный чекбокс). */
.msel{display:inline-flex}
.msel .msel-btn{display:inline-flex;align-items:center;gap:6px;max-width:170px;border:none;background:transparent;
  color:inherit;font:inherit;cursor:pointer;padding:0;outline:none}
.msel .msel-sum{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
.msel .msel-car{color:var(--muted);font-size:11px;line-height:1}
.msel.on .msel-car{color:var(--accent)}
.msel-panel{position:fixed;z-index:400;background:var(--panel);border:1px solid var(--line);border-radius:4px;
  box-shadow:0 8px 24px rgba(20,30,50,.18);overflow:hidden;max-width:340px}
.msel-search{display:flex;align-items:center;gap:4px;padding:7px 8px;border-bottom:1px solid var(--line)}
.msel-search input{flex:1;min-width:0;border:1px solid var(--line);border-radius:4px;background:var(--bg);
  color:var(--ink);font-size:12px;padding:5px 8px;outline:none}
.msel-search input:focus{border-color:var(--accent);box-shadow:0 0 0 3px var(--accent-soft)}
.msel-qx{border:none;background:transparent;color:var(--muted);cursor:pointer;font-size:12px;padding:2px 4px}
.msel-qx:hover{color:var(--ink)}
.msel-bar{display:flex;align-items:center;gap:10px;padding:5px 10px;border-bottom:1px solid var(--line);font-size:11px}
.msel-bar .msel-all{color:var(--accent);cursor:pointer}
.msel-bar .msel-clr{color:var(--muted);cursor:pointer}
.msel-bar a:hover{text-decoration:underline}
.msel-bar .msel-cnt{margin-left:auto;color:var(--muted);font-variant-numeric:tabular-nums}
.msel-list{max-height:152px;overflow:auto}
/* ≈4 строки + скролл */
.msel-panel.single .msel-list{max-height:168px}
.msel-opt{display:flex;align-items:flex-start;gap:8px;padding:5px 10px;font-size:12px;cursor:pointer;line-height:1.25}
.msel-opt:hover{background:var(--bg)}
.msel-opt.on{background:var(--accent-soft)}
.msel-opt .msel-t{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
.msel-opt.on .msel-t{font-weight:700}
.msel-box{flex:none;width:15px;height:15px;margin-top:1px;border:1px solid var(--muted);border-radius:4px;
  background:var(--panel);display:flex;align-items:center;justify-content:center}
.msel-box.on{background:var(--accent);border-color:var(--accent)}
.msel-box svg{width:11px;height:11px;fill:none;stroke:#fff;stroke-width:2.2;stroke-linecap:round;stroke-linejoin:round}
.msel-panel.single .msel-box{border-radius:50%}
.msel-empty{padding:9px 10px;font-size:12px;color:var(--muted)}
/* поля конструктора фильтров — эталонные дропдауны в оправе поля */
.pf-form .msel{border:1px solid var(--line);border-radius:4px;background:var(--bg);padding:6px 9px}
.pf-form .msel .msel-btn{width:100%;justify-content:space-between;font-size:12px}
/* поле-дропдаун и поле-дата в карточке заказа */
.oc-edit .msel.fld{border:1px solid var(--line);border-radius:4px;background:var(--bg);padding:6px 9px;font-size:12px}
.oc-edit .msel.fld .msel-btn{width:100%;justify-content:space-between;max-width:none}