.vx-multi{position:relative;display:flex;flex-direction:column;gap:6px}
.vx-multi__label{font:var(--type-label);letter-spacing:var(--tracking-label);text-transform:uppercase;color:var(--text-3)}
.vx-multi__control{display:flex;align-items:center;gap:8px;height:var(--control-h);padding:0 10px 0 12px;
  background:var(--surface-3);border:1px solid var(--border-2);border-radius:var(--radius-md);
  box-shadow:var(--inset-top);cursor:pointer;transition:var(--transition-control);color:var(--text-1);font:var(--type-body)}
.vx-multi__control:hover{background:var(--warm-750);border-color:var(--border-strong)}
.vx-multi__control:focus-visible{outline:none;box-shadow:var(--ring)}
.vx-multi__value{flex:1;text-align:left;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
.vx-multi__menu{position:absolute;top:calc(100% + 6px);left:0;right:0;z-index:40;padding:6px;
  background:var(--surface-2);border:1px solid var(--border-2);border-radius:var(--radius-lg);
  box-shadow:var(--shadow-4);max-height:260px;overflow:auto;animation:vx-rise var(--dur-fast) var(--ease-out)}
.vx-multi__opt{display:flex;align-items:center;gap:8px;padding:8px 10px;border-radius:var(--radius-sm);
  cursor:pointer;color:var(--text-2);font:var(--type-body)}
.vx-multi__opt:hover{background:var(--ghost-hover);color:var(--text-1)}
.vx-multi__opt--sel{color:var(--amber-300);background:var(--accent-soft)}
.vx-multi__box{width:16px;height:16px;flex:0 0 auto;display:inline-flex;align-items:center;justify-content:center;
  border:1px solid var(--border-2);border-radius:var(--radius-sm);background:var(--surface-3)}
.vx-multi__opt--sel .vx-multi__box{background:var(--accent);border-color:var(--accent);color:var(--accent-ink)}
/* Потолок достигнут: пункт остаётся на месте, но не нажимается. Исчезающий
   пункт читался бы как пропавший вариант, а не как «сначала снимите лишний». */
.vx-multi__opt--blocked{opacity:.4;cursor:not-allowed}
.vx-multi__opt--blocked:hover{background:transparent;color:var(--text-2)}