.vx-role{display:flex;align-items:center;gap:9px;width:100%;padding:7px 9px;border-radius:var(--radius-md);
  border:1px solid transparent;background:transparent;cursor:pointer;transition:var(--transition-control);text-align:left}
.vx-role:hover{background:var(--ghost-hover)}
.vx-role--sel{background:var(--surface-3);border-color:var(--border-2);box-shadow:var(--inset-top)}
/* Выбранная роль — тоже кнопка, и её тень перекрывала кольцо фокуса. */
.vx-role--sel:focus-visible{box-shadow:var(--ring),var(--inset-top)}
.vx-role__dot{width:12px;height:12px;border-radius:4px;flex:0 0 auto;box-shadow:var(--inset-top-strong)}
.vx-role__name{flex:1;min-width:0;font:var(--type-body-strong);color:var(--text-1);overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
.vx-role__name--draft{color:var(--text-3);font-style:italic;font-weight:400}
.vx-role__count{font:var(--type-mono-s);color:var(--text-3);flex:0 0 auto}
.vx-role--static{cursor:default}
.vx-role--inline{width:auto;padding:3px 9px 3px 7px;border-radius:var(--radius-pill);background:var(--surface-3);border-color:var(--border-1)}